@charset "Shift_JIS";

/* ****************************************************
/*【特集名】contents.css
-----------------------------------
*: reset
1: common
2: parts
-----------------------------------
ex: clearfix

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

/*=================================

	*: reset

================================ */
body #contents a:link {
	color: #0077b3;
	text-decoration: none;
}
body #contents a:hover {
	color: #3dbfec;
	text-decoration: underline;
}

/*=================================

	1: common

================================ */
html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body #header,
body #nwheader,
body #tourNav,
body #topicPath,
body #nwfooter,
body #nwf_color {
	font-size: 160% !important;
}
body #footer {
	font-size: 180% !important;
}
body #contents {
	width: 980px;
	color: #333333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}
select,input {
	color: #010101;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
body #contents p {
	margin-top: 15px;
}
body > iframe,
body > img {
	display: none;
	height: 0;
}
#topicPath {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	font-size: 125%;
}
#topicPath > ul {
	line-height: 1.5;
}
#topicPath > ul > li > a {
	text-decoration: none;
}
#topicPath > ul > li > span {
	padding: 0 5px !important;
}
#mainContents {
	padding: 15px 0;
}
#mainContents > *:first-child {
	margin-top: 0;
}
/*#hd,
#head_term,
#content,
#footer {
	width: 980px;
}*/
.pcnone,
#sp_brgnHeader,
.linkTable,
#sp_brgnFooter {
	display: none;
}
.smpnone {
	display: block;
}
a.alpha:hover img{
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}	
.aL {	text-align: left !important;}
.aC {	text-align: center !important;}
.aR {	text-align: right !important;}

.isSp {
	display: none;
}

/*余白*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.size12{ font-size:12px;}
.size10{ font-size:12px;}
.size14{ font-size:14px;}
.size20{ font-size:20px;}

.w01{width:1%;} .w02{width:2%;} .w03{width:3%;} .w04{width:4%;} .w05{width:5%;} .w06{width:6%;} .w07{width:7%;} .w08{width:8%;} .w09{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width: 100%;}

/*=================================

	2: parts

================================ */

/* ancLink
================================ */
.ancLink {
	background: url(../img/index_bg01.png) 0 0 repeat-y;
}
.ancLink > ul {
	background: url(../img/index_bg01.png) 100% 0 repeat-y;
}
.ancLink > ul > li {
	float: left;
	width: 245px;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
.ancLink > ul > li + li {
	border-left: 1px dotted #c7af4a;
}
.ancLink > ul > li > a {
	display: block;
	padding: 5px 15px 5px 0;
	color: #a58b0d !important;
}
.ancLink > ul > li > a > span {
	padding: 5px 0 5px 35px;
	background: url(../img/index_ic01.png) 0 0.3em no-repeat;
	color: #a58b0d;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* text
================================ */
.bold {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.leadText {
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
}

/* utilityArea
================================ */
.utilityArea {
	margin-top: 35px;
}
.utilityArea > .searchArea {
	float: left;
	width: 690px;
	margin-right: 10px;
}
.utilityArea > .searchArea > .tabNav > li {
	float: left;
	width: 232px;
	/* border-radius */
	-webkit-border-radius: 3px 3px 0 0;
		 -moz-border-radius: 3px 3px 0 0;
			-ms-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
	text-align: center;
}
.utilityArea > .searchArea > .tabNav > li + li {
	margin-left: 4px;
}
.utilityArea > .searchArea > .tabNav > li > a {
	display: block;
	padding: 10px;
	background: url(../img/index_bg02.png) 0 0 repeat;
	color: #ffffff !important;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
	/* border-radius */
	-webkit-border-radius: 3px 3px 0 0;
		 -moz-border-radius: 3px 3px 0 0;
			-ms-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
}
.utilityArea > .searchArea > .tabNav > li:hover > a,
.utilityArea > .searchArea > .tabNav > li.current > a {
	opacity: 1.0;
}
.utilityArea > .searchArea > .tabContents > .details {
	border: 3px solid #c4a820;
	background-color: #faf8f6;
}
.utilityArea > .searchArea > .tabContents > .details > .inner {
	margin: 3px;
	padding: 20px 22px;
	border: 1px dotted #c4a820;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dt {
	float: left;
	width: 94px;
	margin-top: 3px;
	color: #b79c29;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd {
	overflow: hidden;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList {
	margin-right: -15px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li {
	float: left;
	width: 260px;
	margin: 0 16px 14px 0;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dt {
	float: left;
	width: 75px;
	margin-top: 3px;
	font-size: 14px;
	font-size: 1.4rem;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dd {
	overflow: hidden;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dd > select {
	width: 185px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 > li {
	float: left;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 > li + li {
	margin-left: 20px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 > li input {
	margin: 0 5px 3px 0;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width60 {
	width: 60px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width105 {
	width: 105px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width135 {
	width: 135px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner input[type="text"],
.utilityArea > .searchArea > .tabContents > .details > .inner select {
	border: 1px solid #d0d0d0;
	/* border-radius */
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
			-ms-border-radius: 3px;
					border-radius: 3px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner input {
	padding-right: 5px;
	padding-left: 5px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .searchBtn {
	width: 252px;
	margin: 20px auto 0 !important;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .searchBtn input {
	width: 252px;
	height: 52px;
	margin: 0 auto;
	border: none;
	background: url(../img/index_bg09.png) 0 0 no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}
.utilityArea > .searchArea > .tabContents > .details > .inner .searchBtn input:hover {
	cursor: pointer;
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map {
	position: relative;
	width: 351px;
	margin: 0 auto;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li {
	position: absolute;
	width: 76px;
	border: 1px solid #b79c29;
	text-align: center;
	/* border-radius */
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			-ms-border-radius: 4px;
					border-radius: 4px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area01 {
	top: 7px;
	left: 156px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area02 {
	top: 105px;
	right: 0;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area03 {
	top: 86px;
	left: 135px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area04 {
	top: 125px;
	left: 95px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area05 {
	top: 155px;
	right: 12px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area06 {
	top: 195px;
	right: 22px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area07 {
	top: 232px;
	right: 22px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area08 {
	top: 243px;
	left: 160px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area09 {
	top: 162px;
	left: 50px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area10 {
	top: 270px;
	left: 76px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area11 {
	top: 178px;
	left: -36px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area12 {
	top: 270px;
	left: -55px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li.area13 {
	top: 20px;
	left: -50px;
}
.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li > a {
	display: block;
	padding: 5px 10px;
	background: #ffffff url(../img/index_ic02.png) 66px 50% no-repeat;
	color: #333333;
	font-size: 15px;
	font-size: 1.5rem;
	/* border-radius */
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
			-ms-border-radius: 4px;
					border-radius: 4px;
}
.utilityArea > .featureArea {
	float: left;
	width: 260px;
	margin: 45px 10px 0;
	padding: 4px 0;
	background: url(../img/index_bg04.png) 0 0 repeat;
}
.utilityArea > .featureArea > .inner {
	padding: 0 25px 11px;
	border-top: 1px dotted #c4ae50;
	border-bottom: 1px dotted #c4ae50;
}
.utilityArea > .featureArea > .inner > .heading {
	margin-top: -22px;
	text-align: center;
}
.utilityArea > .featureArea > .inner > .heading > .shoulder,
.utilityArea > .featureArea > .inner > .heading > .title {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.utilityArea > .featureArea > .inner > .heading > .title {
	margin-top: 13px;
}
.utilityArea > .featureArea > .inner > .slider {
	position: relative;
	margin-top: 18px;
}
.utilityArea > .featureArea > .inner > .slider .slides > li > a {
	color: #ffffff !important;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}
.utilityArea > .featureArea > .inner > .slider .slides > li > a:hover {
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
}
.utilityArea > .featureArea > .inner > .slider figure img {
	background-color: #ffffff;
}
.utilityArea > .featureArea > .inner > .slider figcaption {
	margin-top: 10px;
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li {
	position: absolute;
	top: 80px;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li > a {
	display: block;
	width: 32px;
	height: 47px;
	text-indent: -9999px;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li > a:hover {
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li.flex-nav-prev {
	left: -35px;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li.flex-nav-next {
	right: -35px;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li > a {
	outline: none;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li > .flex-prev {
	background: url(../img/index_ic03.png) 0 0 no-repeat;
}
.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li > .flex-next {
	background: url(../img/index_ic03.png) -32px 0 no-repeat;
}
.utilityArea > .featureArea > .inner > .slider .flex-control-nav {
	margin-top: 14px;
	text-align: center;
}
.utilityArea > .featureArea > .inner > .slider .flex-control-nav > li {
	display: inline-block;
	margin: 0 6px;
}
.utilityArea > .featureArea > .inner > .slider .flex-control-nav > li > a {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/index_ic04.png) -12px 0 no-repeat;
	text-indent: -9999px;
}
.utilityArea > .featureArea > .inner > .slider .flex-control-nav > li > a:hover {
	cursor: pointer;
}
.utilityArea > .featureArea > .inner > .slider .flex-control-nav > li > a.flex-active {
	background-position: 0 0;
}


/*noslider*/
.utilityArea > .featureArea2 {
	float: left;
	width: 260px;
	margin: 45px 10px 0;
	padding: 4px 0;
}
.utilityArea > .featureArea2 > .inner2 {
	padding: 4px 25px 11px ;
		background: url(../img/index_bg04.png) 0 0 repeat;

	border-top: 1px dotted #c4ae50;
	border-bottom: 1px dotted #c4ae50;
}
.utilityArea > .featureArea2 > .inner2 > figure > a > figcaption {
	margin-top: 10px;
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
}

.utilityArea > .featureArea2 > .inner2 > .heading2 {
	margin-top: -22px;
	text-align: center;
}


.utilityArea > .featureArea2 > .inner2 > .noslider {
	position: relative;
	margin-top: 18px;
}

.utilityArea > .featureArea2 > .noslider > .noslides > li {
	margin:10px 0 !important;
	}


.utilityArea > .featureArea2 > .noslider .noslides > li > a {
	color: #ffffff !important;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}

.utilityArea > .featureArea2 > .inner2 > figure img {
	background-color: #ffffff;
}
.utilityArea > .featureArea2 > .inner2 > a figure figcaption {
	margin-top: 10px;
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
}

.utilityArea > .featureArea2 > .inner2 > .noslider .noslides > li > a:hover {
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
}
.utilityArea > .featureArea2 > .inner2 > .noslider figure img {
	background-color: #ffffff;
}
.utilityArea > .featureArea2 > .inner2 > .noslider figcaption {
	margin-top: 3px;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
}


/* colWrap
================================ */
section {
	margin-top: 70px;
}
.colWrap > .col {
	float: left;
}
.colWrap.hotelList01 {
	margin: 10px -16px 0 0;
}
.colWrap.hotelList01 > .col {
	width: 482px;
	margin: 15px 16px 0 0;
	padding: 2px 0;
	border-top: 1px dotted #c4ae50;
	border-bottom: 1px dotted #c4ae50;
	background-color: #faf8f6;
}
.colWrap.hotelList01 > .col > .inner {
	display: table;
	padding: 4px 0;
	border-top: 1px dotted #c4ae50;
	border-bottom: 1px dotted #c4ae50;
}
.colWrap.hotelList01 > .col > .inner > .img {
	display: table-cell;
	width: 210px;
	vertical-align: middle;
}
.colWrap.hotelList01 > .col > .inner > .text {
	display: table-cell;
	padding: 10px 10px 10px 15px;
	vertical-align: middle;
}
.colWrap.hotelList01 > .col > .inner > .text > .details > dt {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.colWrap.hotelList01 > .col > .inner > .text > .details > dt .area {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
.colWrap.hotelList01 > .col > .inner > .text > .details > dt > a {
	display: block;
	padding-left: 15px;
	background: url(../img/index_ic05.png) 0 0.3em no-repeat;
}
.colWrap.hotelList01 > .col > .inner > .text > .details > dd {
	margin-top: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
}


/* typeList
================================ */
.colWrap.typeList01 {
	margin: 5px -16px 0 0;
}
.colWrap.typeList01 > .col {
	width: 316px;
	margin: 30px 16px 0 0;
}
.colWrap.typeList01 > .col > .img > a {
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}
.colWrap.typeList01 > .col > .img > a:hover {
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}
.colWrap.typeList01 > .col > .details {
	margin-top: 15px;
}
.colWrap.typeList01 > .col > .details > dt {
	color: #9d8312;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.colWrap.typeList01 > .col > .details > dd {
	margin-top: 5px;
	line-height: 1.7;
}


.colWrap.hotelList02 {
	margin: 15px -24px 0 0;
}
.colWrap.hotelList02 > .col {
	width: 478px;
	margin: 15px 24px 0 0;
}
.colWrap.hotelList02 > .col > .heading03 {
	text-align: center;
}
.colWrap.hotelList02 > .col > .heading03 + .rankingBox {
	margin-top: 20px;
}
.colWrap.hotelList02 > .col > .rankingBox + .rankingBox {
	margin-top: 14px;
}
.colWrap.hotelList02 > .col > .rankingBox > .img {
	float: left;
	width: 180px;
	vertical-align: middle;
}
.colWrap.hotelList02 > .col > .rankingBox > .text {
	display: table;
	position: relative;
	float: left;
	width: 298px;
	vertical-align: middle;
}
.colWrap.hotelList02 > .col > .rankingBox.rank1 > .text {
	background: #fffae9 url(../img/index_bg06.png) 100% 100% no-repeat;
}
.colWrap.hotelList02 > .col > .rankingBox.rank2 > .text {
	background: #f4f4f4 url(../img/index_bg07.png) 100% 100% no-repeat;
}
.colWrap.hotelList02 > .col > .rankingBox.rank3 > .text {
	background: #f8f5f2 url(../img/index_bg08.png) 100% 100% no-repeat;
}
.colWrap.hotelList02 > .col > .rankingBox.rank1 > .text .inner {
	border-top: 1px dotted #c4ae50;
	border-bottom: 1px dotted #c4ae50;
}
.colWrap.hotelList02 > .col > .rankingBox.rank2 > .text .inner {
	border-top: 1px dotted #b6b6b6;
	border-bottom: 1px dotted #b6b6b6;
}
.colWrap.hotelList02 > .col > .rankingBox.rank3 > .text .inner {
	border-top: 1px dotted #baa48f;
	border-bottom: 1px dotted #baa48f;
}
.colWrap.hotelList02 > .col > .rankingBox > .text > .inner {
	display: table-cell;
	padding: 0 0 0 15px;
	vertical-align: middle;
}
.colWrap.hotelList02 > .col > .rankingBox > .text:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 1px;
}
.colWrap.hotelList02 > .col > .rankingBox.rank1 > .text:before {
	border-top: 1px dotted #c4ae50;
}
.colWrap.hotelList02 > .col > .rankingBox.rank2 > .text:before {
	border-top: 1px dotted #b6b6b6;
}
.colWrap.hotelList02 > .col > .rankingBox.rank3 > .text:before {
	border-top: 1px dotted #baa48f;
}
.colWrap.hotelList02 > .col > .rankingBox > .text:after {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #c4ae50;
	visibility: visible;
}
.colWrap.hotelList02 > .col > .rankingBox.rank1 > .text:after {
	border-bottom: 1px dotted #c4ae50;
}
.colWrap.hotelList02 > .col > .rankingBox.rank2 > .text:after {
	border-bottom: 1px dotted #b6b6b6;
}
.colWrap.hotelList02 > .col > .rankingBox.rank3 > .text:after {
	border-bottom: 1px dotted #baa48f;
}
.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .rank {
	margin-top: 0 !important;
}
.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .name {
	margin-top: 10px !important;
	color: #9d8312;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.4;
}
.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .name > a {
	display: inline-block;
	padding-left: 16px;
	background: url(../img/index_ic05.png) 0 0.3em no-repeat;
}
.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .name .area {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}

/* areaList
================================ */
.areaList {
	margin: 22px -8px 0 0;
}
.areaList > li {
	float: left;
	width: 239px;
	margin: 8px 8px 0 0;
	background: url(../img/index_bg04.png) 0 0 repeat;
	/* transition */
	-webkit-transition: all 0.4s ease-out;
	   -moz-transition: all 0.4s ease-out;
	    -ms-transition: all 0.4s ease-out;
	        transition: all 0.4s ease-out;
}
.areaList > li > a {
	display: table;
	width: 100%;
	padding: 3px 0;
	color: #ffffff !important;
}
.areaList > li > a > span {
	display: table-cell;
	width: 100%;
	padding: 12px;
	border-top: 1px dotted #b6b6b6;
	border-bottom: 1px dotted #b6b6b6;
	background: url(../img/index_ic05.png) 225px 50% no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.areaList > li:hover {
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}


/*  pageTop  */
.pageTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pageTop > a {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	background: url(../img/index_ic06.png) 0 0 repeat;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
}


/*  ui-datepicker  */
#ui-datepicker-div {
	font-size: 164.3%;
	/*font-size: 128.2%;*/
}

/****bnrBox****/
#bnrBox{
	margin-top: 30px;
	padding: 10px 30px;
	background: #F3F3F3;
}
#bnrBox ul{
	letter-spacing: -0.4em;
}
#bnrBox li{
	width: 215px;
	display: inline-block;
	margin-right: 20px;
	letter-spacing: normal;
}
#bnrBox li:last-child{
	margin-right: 0;
}
#bnrBox li img{
	width: 215px;
	height: 55px;
}

@media only screen and (max-width: 767px) {
	
	body #contents {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	body #mainContents {
		padding: 15px 10px 25px;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;
						box-sizing: border-box;
	}
	/* common */
	#nwheader, #firstSelection, #nwfooter {display: none;}
	#sp_brgnHeader, #sp_brgnFooter {display: block;}
	#sp_brgnHeader {background-color: #3971c3;overflow: hidden;}
	#sp_brgnHeader table {margin: 0;padding: 0;table-layout: auto;width: 100%;}
	#sp_brgnHeader td.spLogo {width: 25%;}
	#sp_brgnHeader h1 {float: left;margin: 0;padding: 0;}
	#sp_brgnHeader td.spTxt {color: #fff;font-size: 55%;text-align: right;vertical-align: middle;width: 75%;}
	#sp_brgnFooter .nav1 {font-size: 14px;padding: 10px; text-align: center;}
	#sp_brgnFooter .nav1 li:first-child:before {content: "▲";display: inline-block;}
	#sp_brgnFooter .nav1 li:before {content: "▲";margin: 0 2px 0 0;}
	#sp_brgnFooter .nav1 li:first-child {float: left;}
	#sp_brgnFooter .nav2 {font-size: 12px;text-align: center;}
	#sp_brgnFooter .nav2 a { display: inline-block; padding: 0 5px;}
	#sp_brgnFooter .nav2 a:after {content: "--";margin: 0 7px;}
	#sp_brgnFooter .copyright {font-size: 12px;padding: 10px 0;text-align: center;}
	#sp_brgnFooter .nav1 a {text-decoration: underline;}
	#content980 img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	body,
	#wrapper980,
	#content980,
	#mainContainer,
	#mainContents,
	.angkorwat {
		width: 100% !important;
	}
	#header,
	#tourNav,
	#topicPath,
	#footer,
	#nwf_color {
		display: none;
	}
	.pcnone {
		display: block;
	}
	.smpnone {
		display: none;
	}
	.logo .ci img{
		width : auto;
	}
	.logo{
		background-color : #0B499D;
		width : 100%;
		padding : 4.9375% 4.71875%;
		box-sizing: border-box;
	}
	/*spfoot*/
	#spFooter{
		width : 100%;
		padding : 10px 0;
	}
	#spFooter ul{
		margin : 0 auto;
		width: intrinsic;
		margin-bottom : 5px;
		list-style:none;
	}
	#spFooter ul li{
		float : left;
		text-align: center;
	}
	#spFooter ul li:first-child{
		border-left : none;
	}
	#spFooter p{
		text-align: center;
	}
	
	/* mainVisual
	================================ */	
	#mainVisual > .heading > img {
		width: 100%;
		height: auto;
	}
	
	/* ancLink
	================================ */
	.ancLink {
		background: none;
	}
	.ancLink > ul {
		background: none;
	}
	.ancLink > ul > li {
		width: 50%;
	}
	.ancLink > ul > li:nth-child(2n) {
		border-left: 1px dotted #c7af4a;
		padding-left: 5px;
	}
	.ancLink > ul > li:nth-child(n+3) {
		margin-top: 5px;
	}
	.ancLink > ul > li + li {
		border-left: none;
	}
	.ancLink > ul > li > a {
		padding: 0;
	}
	.ancLink > ul > li > a > span {
		display: block;
		padding: 5px 0 5px 20px;
		background-size: 15px 15px;
		font-size: 11px;
		font-size: 1.1rem;
		text-align: left;
	}
	
	/* heading02
	================================ */
	.heading02 {
		text-align: center;
	}
	.heading02 > img {
		max-width: 340px !important;
		width: 100% !important;
		height: auto;
	}
	
	/* utilityArea
	================================ */
	.utilityArea {
		margin-top: 15px;
	}
	.utilityArea > .searchArea {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.utilityArea > .featureArea {
		float: none;
		width: 100%;
	}	
	.utilityArea > .searchArea > .tabNav > li {
		width: 49%;
	}
	.utilityArea > .searchArea > .tabNav > li + li {
		margin-left: 2%;
	}
	.utilityArea > .searchArea > .tabNav > li > a {
		padding: 8px 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner {
		padding: 10px;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dt {
		float: none;
		width: auto;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd {
		margin-top: 5px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dt {
		width: 22%;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dd {
		width: 72%;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl > dd > select {
		width: 100%;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;
						box-sizing: border-box;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width60 {
		width: 40px;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width105 {
		width: 70px;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .width135 {
		width: 60%;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 .input_keyword {
		width: 100%;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;
						box-sizing: border-box;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 > li {
		width: 50%;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 > li + li {
		margin-left: 0;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .searchBtn {
		width: 212px;
		margin: 20px auto 0 !important;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .searchBtn input {
		width: 100%;
		height: 42px;
		border: none;
		background-size: auto 42px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	
	
	
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map {
		position: inherit;
		width: auto;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .img {
		display: none;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li {
		position: inherit;
		float: left;
		width: 49%;
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;
						box-sizing: border-box;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li:nth-child(2n) {
		margin-left: 2%;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li:nth-child(n+3) {
		margin-top: 10px;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area > li > a {
		display: block;
		padding: 10px;
		background-position: 97% 50%;
		background-size: 4px auto;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	.utilityArea > .featureArea {
		width: 100%;
		margin: 40px 0 0;
	}
	.utilityArea > .featureArea > .inner {
		padding: 0 35px 11px;
	}
	.utilityArea > .featureArea > .inner > .heading > img {
		width: 157px !important;
		height: 72px !important;
	}
	.utilityArea > .featureArea > .inner > .slider figcaption {
		font-size: 13px;
		font-size: 1.3rem;
		text-align: center;
	}
	.utilityArea > .featureArea > .inner > .slider .slides > li > a > figure > img {
		width: 100% !important;
		height: auto !important;
	}
	.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li.flex-nav-prev {
		left: -20px;
	}
	.utilityArea > .featureArea > .inner > .slider .flex-direction-nav > li.flex-nav-next {
		right: -20px;
	}


/*noslider*/

	.utilityArea > .featureArea2 {
		width: 100%;
		margin: 40px 0 0;
	}

	.utilityArea > .featureArea2 > .inner2 {
		padding: 0 35px 11px;
	}
	
	.utilityArea > .featureArea2 > .inner2 > .heading2 > img {
		width: 157px !important;
		height: 72px !important;
	}
	
	
	.utilityArea > .featureArea2 > .inner2 > figure > a > figcaption {
		font-size: 13px !important;
		font-size: 1.3rem !important;
		text-align: center !important;
	}
	
	.utilityArea > .featureArea2 > .inner2 > figure > a > img {
		width: 100% !important;
		height: auto !important;
	}

	.utilityArea > .featureArea2 > .noslider > .noslides > li > a > figure {
		display:block;
		text-align:center;
	}



	/* colWrap
	================================ */
	section {
		margin-top: 60px;
	}
	.colWrap > .col {
		float: none;
		width: auto;
	}
	
	/* hotelList
	================================ */
	.colWrap.hotelList01 {
		margin: 20px 0 0;
	}
	.colWrap.hotelList01 > .col {
		width: auto;
		margin: 10px 0 0 0;
		padding: 2px 0;
	}
	.colWrap.hotelList01 > .col > .inner > .img {
		width: 41%;
	}
	.colWrap.hotelList01 > .col > .inner > .text {
		width: 59%;
		padding: 5px 10px;
	}
	.colWrap.hotelList01 > .col > .inner > .text > .details > dt {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.colWrap.hotelList01 > .col > .inner > .text > .details > dt > a {
		padding-left: 10px;
		background-size: 4px auto;
	}
	.colWrap.hotelList01 > .col > .inner > .text > .details > dt .area {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.colWrap.hotelList01 > .col > .inner > .text > .details > dd {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	
	/* typeList
	================================ */
	.colWrap.typeList01 {
		margin: 5px 0 0;
	}
	.colWrap.typeList01 > .col {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.colWrap.typeList01 > .col + .col {
		width: auto;
		margin: 60px 0 0 0;
	}
	.colWrap.typeList01 > .col > .img > a > img {
		width: 100%;
		height: auto;
	}
	.colWrap.typeList01 > .col > .details > dt {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.colWrap.typeList01 > .col > .details > dd {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	
	
	.colWrap.hotelList02 {
		margin: 15px 0 0 0;
	}
	.colWrap.hotelList02 > .col {
		width: auto;
		margin: 20px 0 0 0;
	}
	.colWrap.hotelList02 > .col > .heading03 {
		text-align: center;
	}
	.colWrap.hotelList02 > .col > .heading03 > img {
		width: 104px !important;
		height: 21px !important;
	}
	.colWrap.hotelList02 > .col > .rankingBox {
		width: 100%;
	}
	.colWrap.hotelList02 > .col > .heading03 + .rankingBox {
		margin-top: 10px;
	}
	.colWrap.hotelList02 > .col > .rankingBox + .rankingBox {
		margin-top: 14px;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .img {
		display: block;
		float: left;
		width: 41%;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .img img {
		width:100%;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .text {
		display: table;
		float: left;
		width: 59%;
		background-size: 69px 75px !important;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .text > .inner {
		display: table-cell;
		margin: 2px 0;
		padding: 0 0 0 10px;
		vertical-align: middle;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .rank > img {
		width: 50px !important;
		height: auto !important;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .name {
		margin-top: 5px !important;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.colWrap.hotelList02 > .col > .rankingBox > .text > .inner > .name .area {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	
	/* areaList
	================================ */
	.areaList {
		margin: 12px 0 0 0;
	}
	.areaList > li {
		width: 49%;
		margin: 8px 0 0 0;
	}
	.areaList > li:nth-child(2n) {
		margin-left: 2%;
	}
	.areaList > li > a {
		display: table;
		width: 100%;
		padding: 3px 0;
		color: #ffffff !important;
	}
	.areaList > li > a > span {
		display: table-cell;
		width: 100%;
		padding: 12px 10px;
		background-position: 97% 50%;
		background-size: 4px auto;
		font-size: 13px;
		font-size: 1.3rem;
		vertical-align: middle;
	}


	/*  pageTop  */
	.pageTop {
		bottom: 10px;
		right: 10px;
	}
	.pageTop > a {
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
	}


	/*  ui-datepicker  */
	#ui-datepicker-div {
		width: 90%;
	}
	.ui-datepicker-group,
	.ui-datepicker-title,
	.ui-datepicker-buttonpane,
	.ui-datepicker-calendar {
		width: 100%;
	}
	.ui-datepicker-buttonpane {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;
						box-sizing: border-box;
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd input {
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	#bnrBox{
	margin-top: 20px;
	padding: 10px;
}
#bnrBox li{
	width: 48%;
	margin: 0 2% 10px 0;
	letter-spacing: normal;
}
#bnrBox li:nth-child(3){
	margin-bottom: 0;
}
#bnrBox li:last-child{
	margin: 0;
}
#bnrBox li img{
	width: 100%;
	height: auto;
}
		/* 提携コード対応
	================================ */	
	#wrapper {
		position: inherit;
		width: 100% !important;
	}
	#wrapper > div > table {
		display: none;
	}
	#wrapper .selectDeparture {
		position: inherit;
	}	
	
	/*=================================
	
		ex: clearfix
	
	================================ */
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area:after,
	.colWrap.hotelList02 > .col > .rankingBox:after { 
		content: "."; 
		display: block; 
		clear: both; 
		height: 0; 
		visibility: hidden; 
		line-height: 0; 
	}
	.utilityArea > .searchArea > .tabContents > .details > .inner > .map > .area,
	.colWrap.hotelList02 > .col > .rankingBox {
		zoom: 1;
		display: block;
		min-height: 1%;
	}
}

/*=================================

	ex: clearfix

================================ */
.ancLink > ul:after,
.colWrap:after,
.utilityArea > .searchArea > .tabNav:after,
.areaList:after,
.utilityArea:after,
.colWrap.hotelList02 > .col > .rankingBox:after,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1:after,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList:after,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl:after,
.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
}
.ancLink > ul,
.colWrap,
.areaList,
.utilityArea > .searchArea > .tabNav,
.utilityArea,
.colWrap.hotelList02 > .col > .rankingBox,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList,
.utilityArea > .searchArea > .tabContents > .details > .inner .search_option_1 > dd > .departureList > li > dl,
.utilityArea > .searchArea > .tabContents > .details > .inner .checkList01 {
	zoom: 1;
	display: block;
	min-height: 1%;
}