@charset "utf-8";
/*
Theme Name: cloudtpl_059
Theme URI: http://c-tpl.com/
Description: cloudtpl_059
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* etc */
span.wpcf7-list-item { display: block; }


/* オプショナルツアー */
/* START add 20170329 */
.tourTITLE a:hover { text-decoration: none; }
.tourTITLE a { color: #d63137; }
.tourTable table { width: 100%; }
.tourTable th, .tourTable td { font-weight: normal; text-align: left; vertical-align: top; }
.tourTable th { padding-right: 10px; }
.tourTable td { width: 300px; }
.tourTable td img { width: 300px; }
.tourTITLE { color: #d63137; font-weight: bold; font-size: 30px; font-family: Roboto Slab , Garamond , Times New Roman , 游明朝 , Yu Mincho , 游明朝体 , YuMincho , ヒラギノ明朝 Pro W3 , Hiragino Mincho Pro , HiraMinProN-W3 , HGS明朝E , ＭＳ Ｐ明朝 , MS PMincho , serif; }
/* END add 20170329 */

#price table
{
    width: 400px;
    border-top: 1px solid #22669f;
    border-right: 1px solid #22669f;
}

#price th
{
    text-align: center;
    font-weight: normal;
    padding: 10px;
    width: 180px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    vertical-align: middle;
    background-color: #2f7ec0;
    color: #fff;
}

#price td
{
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    background-color: #fff;
}


/* 個人情報の保護に関して */
.mini-text {
    color: #999;
    font-size: 11px;
}


/* 会社概要・お問い合わせ */

#company01
{
    width: 695px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

#company01 table
{
    width: 695px;
    border-top: 1px solid #22669f;
    border-right: 1px solid #22669f;
}

#company01 th
{
    text-align: center;
    font-weight: normal;
    padding: 10px;
    width: 180px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    vertical-align: middle;
    background-color: #2f7ec0;
    color: #fff;
}

#company01 td
{
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    background-color: #fff;
}

#company02
{
    width: 695px;
    margin-left: auto;
    margin-right: auto;
}

#company02 table
{
    width: 695px;
    border-top: 1px solid #22669f;
    border-right: 1px solid #22669f;
}

#company02 th
{
    text-align: left;
    font-weight: normal;
    padding: 10px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    vertical-align: middle;
    background-color: #2f7ec0;
    color: #fff;
}

#company02 td
{
    padding: 10px;
    border-bottom: 1px solid #22669f;
    border-left: 1px solid #22669f;
    background-color: #fff;
}

.width130 {
    width: 130px;
}



.underpage-title {
    background-color: #22669f;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 21px;
}

.underpage-subtitle {
    border-left: 5px solid #22669f;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 21px;
}

.attention li {
    list-style-type: lower-alpha;
}

.float-right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom60 {
    margin-bottom: 60px;
}

.left10 {
    margin-left: 10px;
}

.left20 {
    margin-left: 20px;
}

.left30 {
    margin-left: 30px;
}

.clear {
    clear: both;
}




*{margin:0;padding:0;}

body{
    font: 13px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#333;
    background:#fff7e5 url('../storage/Image/styling/header.png') repeat-x 50% 0;
}

a{color:#420204;}
a:hover{color:#a3595b;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}


/*************
全体幅
*************/
#header, #container, .inner{
    margin: 0 auto;
    width: 960px;
}


/*************
/* ヘッダー
*************/
#header{
    position:relative;
    height: 106px;
    padding: 0px 0px 30px;
}

#header h1,#header h2, #header h3, #header ul{
    position:absolute;
    top:5px;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
}

#header h2{
    font-weight: normal;
    right:0;
}

#header h3{top: 28px;}


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
    top: 62px;
    right: 0px;
    border-right: 1px dashed #1a4c75;
    border-left: 1px dashed #4a8ec7;
}

#header ul li{
    list-style: none;
    float:left;
    padding: 0 20px;
    font-size:12px;
    border-right: 1px dashed #4a8ec7;
    border-left: 1px dashed #1a4c75;
}

#header a{color:#fff;text-decoration:none;}

#header a:hover{color:#cfb87c;}


/*************
メイン画像
*************/
#mainImage{
    padding: 10px 0;
}


/*************
コンテンツ全体
*************/
#container{padding: 10px 0;}

.box{
    float: left;
    width: 225px;
    margin-right: 15px;
    padding-bottom: 10px;
    line-height: 1.2;
}

.box2{
    float: left;
    width: 225px;
    margin-right: 15px;
    padding-bottom: 10px;
    line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:470px;}

/* 画像を左に回りこみ */
.long img{
    float:left;
    margin: 0 10px 10px 0;
}

/* H2 見出し */
#container h2{
    font-size: 14px;
    margin: 0 0 15px;
    padding: 5px 10px 7px 0;
    border-bottom: 1px solid #444444;
    color: #555555;
}

/* H3 見出し */
#container h3{
    font-size: 14px;
    margin: 0 0 15px;
    padding: 5px 10px 7px 0;
    border-bottom: 1px dashed #444444;
    color: #333333;
}

#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
    list-style: none;
    margin-bottom: 7px;
    background:url('../storage/Image/styling/bullet.png') no-repeat 0 3px;
    padding-left: 17px;
}

.inner ul li{background-image:url('../storage/Image/styling/bullet.png');}

#date {
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight:bold;
    color:#858585;
}

#next {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
    border: 4px solid #fff;
}

/************************
メイン（左側）コンテンツ
************************/
#main {
    float: left;
    width: 715px;
    padding-bottom:60px;
}


/************************
サイド（右側）コンテンツ
************************/
#sidebar {
    float: right;
    width: 225px;
    padding-bottom:30px;
}

#sidebar h3{
    font-size: 14px;
    margin: 0 0 15px;
    padding: 5px 10px 7px 0;
    border-bottom: 1px solid #444444;
    color: #333333;
}

#sidebar ul{
    padding-bottom:10px;
}

/*************
/* フッター
*************/
#footerUpper{
    clear:both;
    margin-top: 40px;
    padding: 20px 0;
    overflow: hidden;
    background:#2f7ec0;
    border-bottom: 1px solid #4a8fc8;
}

#footerUpper a{color:#fff;text-decoration:none;}

#footerUpper a:hover{color:#cfb87c;}

#footerUpper .inner{
    overflow: hidden;
    background:#2f7ec0;
}

#footerLower{
    border-top: 1px solid #1b507c;
    overflow: hidden;
    background:#22669f;
}

#footerLower .inner{
    position:relative;
    min-height: 60px;
    color: #fff;
    font-size:13px;
}

* html #footerLower .inner{height:60px;}

#footerLower .inner p{
    position:absolute;
    top: 10px;
    padding-bottom: 5px;
}

#footerLower .inner p#contact{right:0;}

/* error */
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
    color: #06357a;
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
    color: #34383c;
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
    color: #0c4128;
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
    color: #04414d;
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
    color: #523e02;
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
    color: #6a1a21;
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
    color: #4f5050;
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
    color: #101214;
}

.charter-plan-item{
    margin-bottom: 5px;
}