/*************************************************************/

@charset "utf-8";

a, a:hover, a:visited, a:active{text-decoration:none;}

*{
	overflow:visible;
	white-space:normal;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;}

h3{
	overflow:visible;
	white-space:normal;
	font-size:10px;}

p{
	margin:0;
	padding:0;}

img{
	height:auto;
	border:none;}

body{
	text-shadow:none;
	line-break: strict;
	overflow: visible;
	white-space: normal;
	width:auto;
	height:auto;}

.al-center{
	text-align:center;}

.al-left{
	text-align:left;}

.al-right{
	text-align:right;}

.active{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}

.ac-fix{
	margin-left:-10px;
	margin-right:-10px;}
	
.ac-fix15{
	margin-left:-15px;
	margin-right:-15px;}
	
.ac-fix20{
	margin-left:-20px;
	margin-right:-20px;}
	
.lr-10{
	margin-left:10px;
	margin-right:10px;}
	
.lr-20{
	margin-left:20px;
	margin-right:20px;}
	
.bottom-10{
	margin-bottom: 10px;
}

.clear{
	clear:both;}

#caldiv1{
	z-index:999;}

#caldiv2{
	z-index:999;}
	
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-10d{margin-top:-10px;}
	
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
	
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
	
.ml-10d{margin-left:-10px;}
.ml-10{margin-left:10px;}
.ml-50{margin-left:50px;}
.ml-100{margin-left:100px;}
	
.p-10{padding: 10px;}

/******************************************************************/

.ui-btn-left , .ui-btn-right{
	z-index:99;}

.header_logo{
	text-align: center;
	position:absolute;
	z-index:20;
	padding:30px 10px 0 10px;
	pointer-events:none;}

#slider{
	z-index:1;
	pointer-events:none;}

.header_menu li a:link{
	height:20px;
	line-height:20px;
	font-size:14px;}

.tel{
	width:20px;
	height:20px;}

.header_img{
	margin: 0px;
}

.title_menu{
	background-image:url(../img/ico.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:18px;
	color:#FFFFFF;
	padding-left:55px;
	font-weight: bold;
	height: 35px;
	padding-top: 10px;
}

.title_menu span{
	font-size:15px;
	color:#FFFFFF;
	font-weight: bold;
}

.title_menu_res{
	font-size:20px;
	color:#E3DE9F;
	font-weight: bold;
}

.title_menu_res span{
	font-size:16px;
}

.title1{
	background-image:url(../img/ico.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:16px;
	color:#DCDDE4;
	padding-left:20px;
	font-weight: bold;
}

.title2{
	font-size:16px;
	color:#B1A214;
	padding-left:5px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #918411;
}

.title2 span{
	font-size:14px;
}

.title3{
	font-size:16px;
	color:#D0D1BA;
	padding-left:5px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #8084AC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8084AC;
}

.contents_btn{
	font-size:12px;
	margin-bottom: 10px;
}

.contents_btn_00{
	margin-top: 10px;
	margin-bottom: 10px;
}

.copyright{
	text-align:center;
	padding:10px 0;
	background-color:#000000;
	color:#d0d1ba;
	font-size: 10px;
}

.color01{
	color:#CBCBF8;
}

.color_red{
	color:#990000;
}

/******************************************************/

.bestrate{
	background-image:url(../img/comment_top_bg.png);
	background-repeat:repeat;
	background-position:top left;
	width:100%;
	text-align:center;}

.bestrate_p1{
	font-size:18px;
	color:#FFC;}

.bestrate_p2{
	font-size:52px;
	font-weight:bold;
	color:#fff;
	text-shadow:3px 3px 5px #FC3;}

.bestrate_p3{
	font-size:16px;
	color:#FFF;
	padding:8px 10px;
	text-align:left;}

.bestplan{
	text-align:center;}












































































.btitle{
	color: #394804;
	padding: 5px;
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 3px;
	background-image: url(../img/btitle_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.btitle span{
	color: #394804;
	font-size: 16px;
}

.comment_1{
	font-size:14px;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.comment_11{
	font-size:14px;
	padding: 0;
	margin-bottom: 5px;
}

.comment_1c{
	font-size:14px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #B9AB88;
}

.comment_1c2{
	font-size:14px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FDDF68;
}

.comment_top{
	font-size:20px;
	margin-bottom: 20px;
	color: #FFDE59;
	font-weight: bold;
	background-color: #212018;
	margin-right: -20px;
	margin-left: -20px;
	text-align: center;
	padding: 5px;
	background-image: url(../img/comment_top_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

.comment_top .small{
	font-size:12px;
	color: #EDEDBC;
}

.comment_2{
	font-size:16px;
	margin-bottom: 10px;
	color: #F3EA98;
	text-shadow:
	-1px -1px 0px #0F1120,
	1px -1px 0px #0F1120,
	1px 1px 0px #0F1120,
	-1px 1px 0px #0F1120,
	1px 2px 3px rgba(0, 0, 0, 0.3);
	letter-spacing:2px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #847B33;
	background-image: url(../img/bg.png);
	background-repeat: repeat;
}


.span1{
	font-size:14px;
	font-weight:normal;
	letter-spacing:3px;}

.span2{
	color:#FF0;}

.page_title_bg{
	background-image:url(../img/bg_page.png);
	background-repeat:repeat;
	background-position:center top;
	padding:0 0 15px 0;}

.page_title{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow:2px 2px 2px #666;
	text-align:left;}

.page_p{
	font-size:16px;
	text-align:left;
	line-height:23px;
	padding:15px 0 0 0;}


.comment_9{
	font-size:16px;
	text-align:left;
	line-height:23px;
	padding:10px;}




.comment_22{
	font-size:16px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #E3E4F2;
	font-weight: bold;
}

.comment_222{
	font-size:16px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #E6DAB0;
	font-weight: bold;
}

.comment_3{
	font-size:14px;
	padding: 0;
	margin-top: 5px;
	font-weight: bold;
	color: #BAA563;
}

.comment_4{
	font-size:14px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #BF8C91;
	text-align: right;
}

.comment_4 span{
	font-size:13px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #A29494;
	text-align: right;
}

.comment_5{
	font-size:16px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #EA8077;
}
	
.comment_in{
	font-size:14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	
.comment_in span{
	font-weight: bold;
	background-image: url(../img/access_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.comment_toi{
	font-size:16px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #303A78;
	margin-right: -20px;
	margin-left: -20px;
	margin-top: 10px;
	text-align: center;
	padding: 3px;
}
	
.stitle2{
	color: #666;
	padding: 5px;
	margin-top: 8px;
	font-size: 14px;
	margin-bottom: 10px;
	background-image: url(../img/detail3_bg.png);
	background-repeat: repeat;
}

.stitle2 p{
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}

.stitle2 span{
	color: #4D4414;
	font-weight: bold;
	font-size: 16px;
}

.font_small{
	font-size: 12px;
}

.fle_comment{
	font-size: 12px;
	color: #DCCFDB;
	margin-top:-15px;
	text-align:right;
}

.wordbreak{
	font-size: small;
}

.p2{
	font-size:14px;
	color:#D2D7EE;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*********************************************************/

.drp1{
	font-size:14px;
	font-weight:bold;
	color:#394804;
	background-image: url(../img/ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}

.img_comment{
	font-size:13px;
	text-align: right;
	color: #333333;
	padding-top: 3px;
}

.img_comment span{
	font-size:11px;
	text-align: right;
	color: #666666;
	padding-top: 3px;
}

.slides_comment{
	font-size:12px;
	padding-top: 3px;
}


.stitle{
	color: #FAF5CF;
	margin-top: 12px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #3E3D2D;
}

.stitle_bg{
	padding: 5px;
	font-size: 13px;
	background-color: #161415;
	color: #CEC6C6;
}

.tb{
	border-collapse:collapse;
	font-size: 13px;}

.tb td{
	border-collapse:collapse;
	padding: 5px;
}
	
.td1{
	background-color:#666B9B;
	color:#fff;
	border:1px solid #474B6D;
	font-weight: bold;
	text-align:center;}
	
.td2{
	text-align:center;
	color:#333333;
	border:1px solid #474B6D;
	background-color: #C4C6D9;
}

.td2l{
	text-align:left;
	color:#333333;
	border:1px solid #666666;
	background-color: #C1C4D2;
}

.td3{
	color:#432F2F;
	border:1px solid #474B6D;
	text-align:right;
	background-color: #EFF0F5;
}

.td3 span{
	font-size:12px;}
	
.td4{
	color:#432F2F;
	border:1px solid #474B6D;
	text-align:center;
	background-color: #DEDFEB;
}



/*********************************************************/
/*------------------ top ---------------------------*/
.top_cuisine {
	width:85%;
	margin-right: auto;
	margin-left: auto;
	font-size:13px;
	color: #ECEABF;
	}


/*------------------ cuisine ---------------------------*/
.sightseeing {
	height: auto;
	padding: 10px;
	background-image: url(../img/sig_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #48441C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
.waku_c{
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../img/cui_bg.png);
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 22px;
	background-position: center center;
	color: #0B1435;
}

/*------------------ reserve ---------------------------*/

.puri3{
	font-size:14px;
	margin-left:-25px;}

.puri3 li{
	padding:3px 0;}
	
.waku{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #88706C;
	border-bottom-color: #88706C;
	padding-top: 5px;
	padding-bottom: 5px;
}

.waku2{
	padding-top: 10px;
	background-image: url(../img/bg_top_l.png);
	background-repeat: no-repeat;
	background-position: right;
}

.waku3{
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.waku4{
	background-image: url(../img/bg3.png);
	background-repeat: repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div#map{
  width:98%;
  margin: 0 auto;
  height:250px;
  border: 2px solid #ABAEC9;}
  
.header_btn{
	width:100%;
	margin-top: 10px;
	text-align: center;
}

.header_btn img{
	margin:12px 0 0 0;}

/*********************************************************/
.inq-kome{
	font-size:14px;
	font-weight: bold;
}

.inq-kome span{
color:#BB0000;}

/*********************************************************/

.gro_waku{
	text-align:center;
}

.gro_waku img{
	background-color: #D7D7D9;
	padding: 5px;
}

.menuBox {
	background-image: url(../img/bg2.png);
	background-repeat: repeat;
	padding:15px;
	margin-top: -10px;
}

.menuBox .kome{
	font-size: 12px;
	color: #496541;
	text-align: right;
}

.menuBox .left {
	float: left;
	color: #1B1F41;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}

.menuBox .left span {
	font-size: 12px;
}

.menuBox .right {
	text-align: right;
	color: #22662D;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


.menuBox .right span {
	font-size: 12px;
}

.menuBox .right2 {
	text-align: right;
	color: #22662D;
	width: 100%;
	padding-bottom: 5px;
}


.menuBox .right2 span {
	font-size: 12px;
}

.menuBox2 {
	text-align: center;
	font-size: 14px;
	color: #564734;
	padding: 5px;
}
.menuBox22{
	font-size: 14px;
	color: #564734;
	padding: 5px;
}

.menuBox3 {
	border: 1px dashed #99CC66;
	margin-bottom: 10px;
}



/***********************************************************/

.bestplan_p1{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding:5px 0;}

.bestplan_p2{
	font-size:18px;
	font-weight:bold;
	color:#FC0;
	text-align:center;
	padding-bottom:10px;}

.sight_box{
	margin:10px;
}

.sight_box img{
	width:100%;}

.sight_box_p{
	padding:10px 0;
	font-size:14px;
	color:#FFF;
	text-align: left;
}

.sight_box_title{
	font-size:14px;
	padding:10px;
	text-align:center;
	color:#FC0;}

.sight_box_title span{
	color:#FC0;
	font-size:24px;
	}

.sight_box2{
	margin:10px;
}

.sight_box2 p{
	padding:10px;
	font-size:14px;
	color:#666;}

.sight_box2 p span{
	font-weight:bold;
	color:#333;}

.sight_tb td{
	padding:5px 10px;}

.sight_td1{
	background-image:url(../../img/top/plan_bg.png);
	background-repeat:repeat;
	font-size:16px;
	color:#FFC;}


.sight_td2{
	font-size:16px;
	color:#CCC;}

.access_p1{
	text-align:left;
	font-size:16px;
	color:#CCC;
	padding:0 0 2px 10px;}

.access_p1 span{
	color:#FC9;}

.min_tb{
	 border-collapse: collapse;
	 border:1px solid #0B1435;
	 font-size:16px;}

.min_tb td{
	padding:5px;
	border:1px solid #474B6D;
}

.min_td1{
	background-color:#666B9B;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:16px;}

.min_td2{
	background-color:#C4C6D9;
	color:#0B1435;
	text-align:center;
}

.min_td3{
	background-color:#8588AD;
	color:#0B1435;
	text-align:center;}

.min_td4{
	background-color:#EFF0F5;
	color:#000;
	text-align:center;}

.content_p{
	font-size:14px;
	color:#fff;
	padding:5px;
}

.content_p span{
	font-size:18px;
	font-weight: bold;
}

.res_td1{
	background-image:url(../../img/top/plan_bg.png);
	background-repeat:repeat;
	color:#CBC9A5;
	padding:10px 0;
}
	
.res_td2 p{
	margin-bottom:10px;
	margin-top: 10px;
}


.reserve_box{
	padding:10px;
	margin-bottom:10px;
	float:left;
	text-align: center;
}

.reserve_box p{
	font-size:16px;
	color:#E1D29D;
	text-align: left;
	font-weight: bold;
}


.min_td444{
	background-color:#EFF0F5;
	color:#000;
	text-align:left;}



.info_td1{
	font-size:16px;
	margin-bottom: 10px;
	color: #F3EA98;
	text-shadow:
	-1px -1px 0px #0F1120,
	1px -1px 0px #0F1120,
	1px 1px 0px #0F1120,
	-1px 1px 0px #0F1120,
	1px 2px 3px rgba(0, 0, 0, 0.3);
	letter-spacing:2px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-top: 25px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #847B33;
	background-image: url(../img/bg.png);
	background-repeat: repeat;
}






/***

 一棟貸しの二つの宿 束間　バナー

********************************************************/

a.tsukanomaBna {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 92%;
    padding: 1rem 0.8rem;
    box-sizing: border-box;
    color: #FFF!important;
    text-align: center;
    font-weight: normal;
    border: solid 2px #171c61;
    background: #171c61;
    margin: 3rem auto 4rem;
    transition: 0.4s;
    line-height: 100%;
}

a.tsukanomaBna:hover {
    text-decoration: none;
    background: #090C37;
}

a.tsukanomaBna > div {
    display: inline-block;
    letter-spacing: 0.2rem;
    font-weight: normal;
}

a.tsukanomaBna > div:not(:last-child) {
    margin-right: 1rem;
}

a.tsukanomaBna > div .t-ttl{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 1rem;
}

a.tsukanomaBna > div img {
    display: inline-block;
    width: 100%;
    max-width: 125px;
}

@media only screen and (max-width: 420px) {
    a.tsukanomaBna { display: block; width: 98%; margin: 3rem auto 3rem; line-height: 180%; }
    a.tsukanomaBna > div { display: block; }
    a.tsukanomaBna > div .t-ttl{ margin-left: 0;}
    a.tsukanomaBna > div:not(:last-child) { margin-right: 0; }
}