@charset 'utf-8';

@import url(' ../../../../common/css/reset.css');
@import url(' ../../../../common/css/layout.css');
@import url(' ../../../common/css/internal_links.css');


#container{
	clear: both;
	width: auto;
	font-size: 14px;
	line-height: 1.7;
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
	margin-top: 30;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.w950 {	max-width: 950px;	margin: 0 auto;}
/*.w750 {	max-width: 750px;	margin: 0 auto;}*/

/*-- float --*/
.left {	float: left;}
.right { float: right;}

/*-- 明朝体 --*/
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*-- Sawarabi --*/
.saw{font-family:'Sawarabi Mincho', sans-serif;}
/*-- clearfix --*/
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


/*-- 画像位置 --*/
img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
	max-width: 100%;
}
/*-- pc用画像 --*/
.pc {display: block;}
.tb {display: none;}
.sp {display: none;}

/*-- justify --*/
dl, dt, dd, ul, li, ol, li,.just {
    margin: 0;
    padding: 0;
    text-decoration: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*--------------------パンくず */
#pankuzu ul{
    overflow: auto;
    padding: 0 10px;
    _zoom: 1;
}
#pankuzu li{
    float: left;
    list-style: none;
}
#pankuzu li + li:before{
    margin: 0 8px;
    content: '>';
}
/*--------------------------------------------------- contact */
#contact {background-color: #ffd02e;}
#contact .w950 {padding: 50px 0;}

/*--circle--*/
#contact .circle {
	background-color: #FFF;
	width: 220px;
	height: 220px;
	/*line-height: 220px;*/
}
#contact .circle p span {
	display: block;
	color: #ffd02e;
}
.circle {
	text-align: center;
	font-size: 115%;
	padding: 0;
	margin: 0;
	display: inline-block;
	border-radius: 50%;
}
.circle p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


/*--infoBox--*/
.infoBox {
	width: 70%;
	padding-top: 30px;
	line-height: 1.4;
}
.infoTit {font-size: 129%;}
.btmLine {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #333;
}

#contact dt {font-size: 115%;}
#contact dd {
	float: left;
	margin: 0 3% 2px 0;
	font-size: 86%;
}
#contact dd span {
	display: inline-block;
	width: 65px;
	margin: 0 5px 0 0;
	padding: 2px 10px;
	font-size: 93%;
	text-align: center;
	background-color: #fee695;
	border-radius: 3px;
}
#contact dd.info_mail {margin-right: 0;}


/*--個別調整--*/
#contact .info_tel {
	width: 100%;
	margin-bottom: 10px;
	font-size: 186%;
	font-weight: bold;
}
.info_tel a, .info_mail a {color: #333 !important;text-decoration: none !important;}


/*--------------------page-top */
#page-top{
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
}
#page-top a{
    display: block;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    background: #ddd;
}
#page-top a:hover{
    text-decoration: none;
    background: #a5a5a5;
}


/*----------  flex------------*/
.flex_container {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
}

/*---------------------------------------------------------------------調整*/
.red{color: #D7000F;}
.red_back{background-color: #D7000F; color: #fff;}
.gray{color: #ccc;}
.b_text {font-weight: bold;}
.s_text {font-size: 85% !important;}
.l_text {font-size: 120% !important;}
.pd_5em{padding: 5em;}
.attention {font-size: 85% !important; text-align: left; line-height: 1.1; font-weight: normal;}

/* マーカー線・黄色 */
.y_marker{
background:linear-gradient(transparent 65%, #fff799 65%);
font-weight:bold; 
}
/* マーカー線・ピンク */
.p_marker{
background:linear-gradient(transparent 65%, #E8A0A9 65%);
font-weight:bold; 
}

.mb_5{margin-bottom: 5em;}
/*---------------------------------------------------------------------#共通部分*/
.bytype{
	font-size: 1.6em;
    display: flex;
    margin-bottom: 50px;
    align-items: center;
}
.bytype:before,
.bytype:after{
    display: block;
    height: 2px;
    content: '';
    background: #7A6434;
    flex-grow: 1;
}
.bytype:before{
    margin-right: 2em;
}
.bytype:after{
    margin-left: 2em;
}
.links a{ color: #6F6649}
.links,dd.links{
	font-size: 1.1em;
	text-align: center;
	margin: 3em auto 5em;
}
.photo_2 li img,.photo_3 li img{width: 100%}
.photo_2 li{width: 50%}
.photo_3 li{width: 33.33%}

#ca h4,#dest h4,#search_box h4,#product h4,#tour h4{

	color: #FFFFFF;
	padding: 1.5em 0;
	margin-bottom: 1.5em;
	font-size: 130%;
	text-align: center;
}









/*-------------------- main_visual */
#main_visual{
    padding:  5% 0;
    background: url(../img/main.jpg) no-repeat center top;
    background-size: cover;
}
#main_visual .intro {
	background-color: rgba(255,255,255,0.80);
	padding: 1em;
	display: inline-block;
	-webkit-box-shadow: 3px 3px 5px #111;
	box-shadow: 3px 3px 5px #111;
	margin: 3em 0;
	font-weight: bold;
	line-height: normal;
	
	font-size: 115%;
}

#main_visual h3 {
	background-image: url(../img/title.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 150px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.tokuten{
	background-color: #FFFFFF;
	border: 5px solid #B9272D;
}
.tokuten h4 {
	color: #FFFFFF;	
	width: 12%;
	position: relative;
	display: inline-block;
	margin-right: 1.5em;
	padding: 1.5em 10px 0;
	min-width: 120px;
	max-width: 100%;
	font-size: 130%;
	text-align: center;
	background: #B9272D;
}

.tokuten h4 :before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #B9272D;
}

.tokuten dl {
	width: 64%;	
	padding: 1em 0;
}
.tokuten dt {
	font-size: 120%;
	margin: 1em 0 1.5em;
}
.tokuten dd {
	font-size: 13px;
}
.tokuten ul {
	padding: 0.5em 0.5em 0.5em 1.5em;
	width: 24%;
	font-size: 11px;
	line-height: 1.2;
	text-indent: -1em;
	margin: 1em;
	border-left: 1px dashed #B9272D;
}
.tokuten ul li{
	margin-bottom: 0.5em;
}
.tokuten ul li:before {	
	content: "※";
	background-color: #FFFFFF;
}


/*-------------------- ca */

#ca {
	padding: 5em 0 7em;
	background:	
		url(../img/ca_bg.png) no-repeat right bottom/55%,
		-moz-linear-gradient(65deg, #F2E2E5, #FDFBFB); 
	background: 
		url(../img/ca_bg.png) no-repeat right bottom/55%,
		-webkit-linear-gradient(65deg, #F2E2E5, #FDFBFB); 
	background: 
		url(../img/ca_bg.png) no-repeat right bottom/55%,
		-o-linear-gradient(65deg, #F2E2E5, #FDFBFB); 	
	background: 
		url(../img/ca_bg.png) no-repeat right bottom/55%,
		linear-gradient(25deg, #F2E2E5, #FDFBFB);
}	
#ca  li {
	background-color: #FFFFFF;
	border: 1px solid #B0B0B0;
	width: 50%;
	padding: 0.5em;
	line-height: 1.4;
    position: relative;
}

#ca li .link a{
	display:block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
}
#ca li .link a:hover{ background: rgba(245,216,216,0.40);}

#ca li p{
	width: 45%;
	margin-right: 0.5em;
}
#ca li dl{
	width: 55%;
}
#ca li dt{
	font-weight: bold;
	font-size: 115%;
	margin: 0.8em 0;
}


/*-------------------- dest */

#dest{
	padding: 5em 0 7em;
	background:	
		url(../img/dest_bg.png) no-repeat right bottom/55%,
		-moz-linear-gradient(65deg, #E1ECDD, #F8FBF7); 
	background: 
		url(../img/dest_bg.png) no-repeat right bottom/55%,
		-webkit-linear-gradient(65deg, #E1ECDD, #F8FBF7); 
	background: 
		url(../img/dest_bg.png) no-repeat right bottom/55%,
		-o-linear-gradient(65deg, #E1ECDD, #F8FBF7); 
	background: 
		url(../img/dest_bg.png) no-repeat right bottom/55%,
		linear-gradient(25deg, #E1ECDD, #F8FBF7);
}	

/*-------------------- reco */
#reco  li {
	background-color: #FFFFFF;
	width: 20%;
	line-height: 1.4;
    position: relative;
	margin-right: 5px;
}
#reco  li:last-child {	margin-right: 0;}
#reco li .link a{
	display:block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;

}
#reco li .link a:hover{ background: rgba(213,244,208,0.30);}

#reco li h5{
	margin: 0.5em;
}

#reco li .coment{
	margin: 0.5em;
	font-size: 90%;
}

/*-------------------- other_dest , #tour */
#other_dest  h4 {margin-top: 4em;}
#other_dest  li,#tour li {
	width: 33.3%;
	margin-right: 5px;
	margin-bottom: 5px;	
}
#other_dest  li:last-child,#tour li:last-child {	margin-right: 0;}

#other_dest li a:hover,#tour li a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
	 -khtml-opacity: 0.7;
	 -moz-opacity: 0.7;
}
#tour 	{padding: 5em 0 7em;}
/*---------------------------------------------------search */
#search_box{
	padding: 5em 0 7em;
	background:	url(../img/search_bg.png) ;
}
#search_box .main{	position: relative;}
.map_ttl{
	float: left;
	z-index: 1;	
}
.date_ttl{
	float: left;	
	margin-left: 2px;
	z-index: 1;
}
#search_box .ttl_box	{
	width: 700px;
	margin: 0 auto -0px;		
	position: absolute;
	top:11px;
	left: 0;
	right: 0;
}
.main {
	width: 100%;
}
.main .search_container { 
	padding: 1em 0;
	width: 700px;
	margin: 0 auto 10px;
}
.main .search_container .mapBox h3 img{ display: none;}
.main .search_container .mapBox {
	float: left;
	width: 348px;
	position: relative;
/*	background: url(https://search.mwt.co.jp/mintl/img/map/ASI/ASI_bg.gif) no-repeat left 3px/100%;*/
	height: 276px;

	border: solid #534741 1px;	
}
.main .search_container .mapBox .title {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
.main .search_container .mapBox .map {
	position: relative;
	height: 200px;
	width: 345px;
	overflow: hidden;
	margin: 0px auto;
	
}
.main .search_container .mapBox .mapBody { padding-top: 20px; }
.main .search_container .mapBox .map .mapText { }
.main .search_container .mapBox .map .mapText .btn {
	position: absolute;
	background: url(../../common/img/btn_bg_maptitle.gif) repeat-x;
	border: 1px solid #3a8cce;
	padding: 2px 4px;
	font-size: 10px;
	text-align: center;
	cursor:pointer;
	line-height: 12px;
	color: #0066CC;
}
.main .search_container .mapBox .map .mapText .over { color: #CC0706; }
.main .search_container .mapBox .map .mapText .on {
	color: #CC0706;
	border: 1px solid #CC0706;
	background: #fef394;
}
.main .search_container .mapBox .map .mapText .na {
	border: 1px solid #999999;
	background: #dedede;
	color: #999999;
	cursor:default;
}
.main .search_container .mapBox .pankuzu {
	position: relative;
	top: 2px;
}
/*↓エリア絞込み*/
.main .search_container .mapBox .pankuzu .layer {
	background:  #E0F5F9;
	position: absolute;
	height: 50px;
	width: 346px;
	top:0px;
	left: 0;
	z-index: 0;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
/*↓エリア絞込み文字*/
.main .search_container .mapBox .pankuzu .area {
	display: none;

	
	position: absolute;
	z-index: 10;
	font-size: 13px;
	top: 7px;
	left: 15px;
}
/*↓エリア絞込み窓*/
.main .search_container .mapBox .mapBody .city_cl {
	position: absolute;
	z-index: 10;
	top: 18px;
	left: 15px;
	bottom: 10px;
}

/*↓日付条件指定*/
.main .search_container .optionBox {
	float: left;
	width: 350px;
	background: #FFF;
	position: relative;
	height: 254px;
	
	border: solid #534741 1px;
	padding: 2em 2em 0;
	top:22px;
}
.main .search_container .optionBox h3 img{ display: none;}
.main .search_container .optionBox .title { margin-bottom: 20px; }
.main .search_container .optionBox .icon {display: none;}
.main .search_container .optionBox dl {
	margin: 0px 10px;
	padding: 5px 0px;
	clear: both;
	border-bottom: 1px dotted #D0BB76;
}
.main .search_container .optionBox dl dt {
	float: left;
	font-weight: bold;
}
.main .search_container .optionBox dl dd { }
.main .search_container .optionBox dl.list01 dd { margin-left: 55px; }
.main .search_container .optionBox dl.list01 dd select {
	margin-bottom: 2px;
	margin-right: 2px;
}
.main .search_container .optionBox dl.list01 dd .link_calendar {
	font-size: 11px;
	background: url(../../../../common/img/icon_calendar.gif) no-repeat left center;
	padding: 2px 0px 2px 20px;
}
.main .search_container .optionBox dl.list01 dd ul.dayslist li {
	float: left;
	width: 70px;
	white-space: nowrap;
	zoom:1;
}
.main .search_container .optionBox dl.list01 dd ul.dayslist li input {
	position: relative;
	top: 2px;
	margin-right: 3px;
	_position: static;
}
.main .search_container .optionBox dl.list02 dd { margin-left: 85px; }
.main .search_container .optionBox .btn {
	text-align: center;
	padding-top: 20px;
}





div.map{
position:relative;
top:0;
left:0;
width:350px;
height:200px;
z-index:10;
}
div.map img{
position:absolute;
top:0;
left:0;
width:348px;
height:200px;
z-index:10;
}
div.map img.mapBase{
z-index:1;
}
div.map img.mapLayer{
z-index:9000;
}

div.map img.swap{
z-index:1000;
}
div.map div{
position:absolute;
}
div.map div.mapTitle{
z-index:9999;
background:white;
border:1px solid #534741;
padding: 1px 2px;
font-size:12px;
}
div.map div.mapTitleZero{
z-index:9999;
/* background:#D8D8D8; */
/* border:1px solid #0066CC; */
padding: 1px 2px;
color: #808080;
}




/*-------------------- booking */
ul.info li h5{
    font-weight: normal;
    margin-top: 2.5em;
    margin-bottom: 15px;
    padding-left: 5px;
    text-align: left;
    border-left: 5px solid #ddd;
}
.booking{
    display: flex;
    clear: both;
    justify-content: space-between;
}
.booking dl{
	/* [disabled]display: flex; */
	/* [disabled]flex-direction: column; */
	width: 100%;
}
.booking dd.discount{
    display: none;
    /*font-size: 1.2rem;*/
    margin: 5px 0;
}
.booking dd.discount span{
    margin-right: 5px;
    padding: 3px 5px;
    color: #fff;
    background: #13b5b1;
}

.booking dd span.price,
.booking dd span.price a{
	float: left;
	text-decoration: none;
    color: #DC2126;
	width: 100%;
}
/*.btn{
    margin-top: auto;
    padding-top: 7px;
    text-align: center;

}
.btn a{

    display: block;
    clear: both;
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    background: -moz-linear-gradient( center top, #807878 5%, #635757 100% );
    background:  -ms-linear-gradient( top, #807878 5%, #635757 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #807878), color-stop(100%, #635757) );
    background-color: #807878;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#807878', endColorstr='#635757');
}
.btn a:hover{
    color: #fff;
    border-radius: 3px;
    background: -moz-linear-gradient( center top, #635757 5%, #807878 100% );
    background:  -ms-linear-gradient( top, #635757 5%, #807878 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #635757), color-stop(100%, #807878) );
    background-color: #635757;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#635757', endColorstr='#807878');
}*/


/*--------------------  SPOOK価格表示ガジェット*/
.deplistWrap,
.pricelist span.left{
    display: none;
}
.pricelistWrap ul{
    margin-left: 0;
}
.pricelistWrap ul li{
    padding-left: 0;
    background: none;
}