@charset "utf-8";
* {
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
  font-size: 14px; line-height: 1.4;
}
html { -webkit-text-size-adjust: none; }
body, h1, ul, dl, a  { margin: 0; padding: 0; font-size: 100%; }
body { background: #FFF; color: #333; }
img { vertical-align: top; font-size: 0; line-height: 0; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif; }
.wide { width: 100%; }
.bold { font-weight: bold; }
.center{ text-align: center; }
.right{ text-align: right; }
.red { color: #A22041; }
.small{ font-size: 0.85em; }

.clear{ clear: both;}
.f_left{ float:left;}
.f_right{ float: right;}

.con{ padding: 0 10px;}

a {	color:#333; outline:none; text-decoration: none; }
a:visited {	color:#333; }
a:active, a:hover {	color:#CE5241;}

/*回り込み解除clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

article h2{ margin: 10px 0; height:40px; line-height:40px; padding-left: 10px; color: #fff;
  text-shadow: 1px 1px 2px rgba(000,000,000,0.3);
  background:  url(img/bg_ttl.png) no-repeat right bottom, -moz-linear-gradient(top, #B4724E 0%, #744732) ;
  background:  url(img/bg_ttl.png) no-repeat right bottom, -webkit-gradient(linear, left top, left bottom, from(#B4724E), to(#744732));}

article h3, article  p{ padding: 0 10px;}
article  p{ margin-bottom: 20px;}
article h3 + table{ margin-top:0;}
article .sec dl{ width:100%; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
article .sec dt{ float: left; width: 132px; font-weight: bold;}
article .sec dd{ padding-left:90px;}
article .sec dd p{ padding: 0 10px; margin:0;}

/*リストグラデーション　共通--------*/
#foot1 li, ul.list li {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #DDD;
  background: -moz-linear-gradient(top, #F9F9F9 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EEE));
}
ul.list a { display: block; padding: 8px 10px; }

ul.col2 li { display: inline-block; width: 50%; }
ul.col2 li span { font-size: 0.8em; }
ul.col2 li:nth-child(odd) a { border-right: 1px solid #ddd; }
ul.col2 li:nth-child(even) a { border-left: 1px solid #fff; }


/* list 装飾 --------*/
.list_green li {
background: url(../img/icon_circle_green.png) no-repeat left 2px; padding-left: 20px;}

/* table 共通 --------*/
table.table_greentea{ width:100%; border: 1px solid #D5D2BE; margin: 0 0 10px;}
table.table_greentea th, table.table_greentea td{ border-bottom: 1px dotted #333;}
table.table_greentea th{ background-color:#E3E0C8; padding: 5px 0; text-align: center; width:33%;}
table.table_greentea td{ padding:5px;}
table.table_greentea .border_dotted{ border-right: 1px dotted #333;}
table.table_greentea .v_top{ vertical-align: top;}

/* header ===================================================== */
header { height: 50px; position: relative; background: url(img/bg_header.png) repeat-x; }
header h1 { padding: 5px 0 0 2px; }
#btn_tel { position: absolute; top: 10px; right: 107px; }
#btn_booking { position: absolute; top: 10px; right: 5px; }

/* g_navi ===================================================== */
header + nav{ border-bottom: 2px solid #8D793A;}
#g_navi{ height:38px; text-align: center;
	background: -moz-linear-gradient(top, #5F791A 0%, #214200);
	background: -webkit-gradient(linear, left top, left bottom, from(#5F791A), to(#214200));}
#g_navi a { display: block;}
#g_navi li{ width:32%; border-right: 1px solid #8D793A; height:30px; padding-top:8px; display: inline-block;}
#g_navi li:last-child{ border-right: 0;}

/* footer ===================================================== */
#foot1 li { display: inline-block; float: left; }
#foot1 a{ display: block; padding: 6px 10px 6px 34px; background: url("img/icon_matsu2.png") no-repeat 5px 50%;
	 -webkit-background-size: auto 14px; background-size:auto 14px; font-weight: bold; }
#foot1 + p{ padding-top: 10px;}
footer { position: relative; margin: 0; padding-top: 10px; color: #FFF; background-color: #214200;}
footer .address { margin: 0 10px; padding: 0 5px 10px; line-heght: 1.2em; border-bottom: 1px solid #FFF; }
footer .address a { color:#fff;}
#pc { position: absolute; top: 10px; right: 10px; }
footer h4 { margin: 0 15px; padding: 6px 0 8px; border-top: 1px solid #333; font-weight: normal; text-align: center; color: #FFF; }

/* arrow ===================================================== */
.arrow a:before, .list a:before {
   content: ""; float: right; width: 12px; height: 12px; margin: 3px 5px 0 5px;
   background: url(img/icon_arrow.png) no-repeat 0 0; -webkit-background-size: auto 12px; background-size:auto 12px;}
p.pagetop a:before { background-position: -12px 0; }
p.pagetop{ text-align: right;}
.down a:before { background-position: -24px 0; }
.back a:before { background-position: -36px 0; float: left; }

/* top ===================================================== */
#box_top1{ background:#50648E;}
#top_banner li{ height:90px; display: block; position: relative; background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:auto 100%;	background-size:auto 100%;
	border-top:1px solid #ccc;}
#top_banner1{ background: url(img/top/banner_top1.jpg) #50648E;}
#top_banner2{ background: url(img/top/banner_top2.jpg) #6B8E50;}
#top_banner3{ background: url(img/top/banner_top3.jpg) #8E5850;}
#top_banner li h3{ margin:0; text-align: right; font-size:1.1em;}
#top_banner li h3 span{ font-size: 0.6em;}
#top_banner li h3 a{color: #FFF; display: block; position: absolute; right: 5px; top: 0; width: 100%; height: 100%; line-height:90px;}

.bnr_corona img,.bnr_goto img{max-width: 688px; width: 100%;}
.bnr_corona img{margin: 0 0 3px;}
.bnr_goto img{margin: 3px 0;}

/*スライダー--------*/
#bx-slider { margin: 10px 15px; }
#bx-flick { margin-top: -50px; padding: 0 10px; }
#bx-pager img { width: 60px; height: 60px; padding: 2px; border: 1px solid #DDD; background-color: #FFF;}

/* 新型コロナウイルス対策について---------*/
#corona ul{padding: 0 10px;}

/* カニバスツアー ---------*/
.kani_info { width: fit-content; margin: 2em auto 1em; border: 1px solid #6B8E50;}
.kani_info h3 { margin-bottom: 0.2em;}
.kani_info p { margin-top: 0.2em;}
.kani_btn a { padding: 0.5em 1em; color: #fff; background: #CE5241;}
.kani_btn a:link { text-decoration: none; }
.kani_btn a:hover { opacity: 0.7; }
.kanibus { width: 80%; margin: 2em auto 0; }
.bt1 { width: 80%; margin-inline: auto; border-top: 1px solid #8E5850; }