@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#ttlArea{
	background: url(../img/bg_ttl.png) left top repeat;
}
#ttlArea h2{
	width: 990px;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 46px 0 42px 0;
	margin: 0 auto;
	position:relative;
	z-index:2;
}
#ttlArea h2 span{
	font-size: 14px;
	font-weight: normal;
	letter-spacing:normal;
	margin: 0 0 0 20px;
}
#ttlArea h2 img{
	width: 132px;
	height: auto;
	position: relative;
	top: -25px;
}
section h3{
	font-size: 28px;
	font-weight: bold;
	color: #323232;
	padding: 0 0 0 45px;
	margin: 0 0 25px 0;
	background: url(../img/ico_hd01.png) left 2px no-repeat;
}
section h4{
	font-size: 18px;
	font-weight: bold;
	color: #323232;
	margin: 23px 0 15px 0;
	background-color:#FAF0A8;
	padding: 10px 0 10px 10px;
}
p a{
	color: #fe5815;
	text-decoration: underline;
}
/* star */
img.star{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.7;
}
/* table */
table{
	width: 100%;
	font-size: 14px;
}
table th,
table td{
	vertical-align: top;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 9px;
	padding-bottom: 9px;
}
table th{
	font-weight: bold;
	width: 130px;
	padding: 9px 15px;
}
table td{
	line-height: 1.85;
}
table a{
	color: #fe5815;
	text-decoration: underline;
}
table .em1{
	width: 1em;
}
table.pat02{
	border: 1px solid #e0e0e0;
	border-bottom: none;
	border-right: none;
	background-color:#fff;
}
table.pat02 th,
table.pat02 td{
	padding: 9px 15px;
	border-right: 1px solid #e0e0e0;
}
table.pat02 th{
	background: #f4f4f4;
}
/* list */
ul.list01{
	margin: 20px 0;
}
ul.list01 li{
	padding: 0 0 0 1em;
}
ul.list01 li:before{
	content:"・";
	margin: 0 0 0 -1em;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■AREA
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.area #ttlArea{
	width: 100%;
	padding: 6px 0 50px;
	overflow: hidden;
	min-height: 80px;
}
body.area #ttlArea h2{
	width: auto;
	padding: 0;
	margin: 0 0 0 -113px;
}
body.area #ttlArea h2 img{
	width: auto;
	position: static;
}
body.area #ttlArea p{
	width: 435px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin: -20px 0 0 55px;
	z-index:3;
	position:relative;
}
body.area #ttlArea .plane,
body.area #ttlArea .girl{
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
}
body.area #ttlArea .plane{
	top: 80px;
	left: -90px;
}
body.area #ttlArea .girl{
	top: 202px;
	left: -54px;
}
/* 目的地別 */
body.area #ttlArea.okinawa{background: url(../img/area/okinawa/bg_ttlarea.png) left top repeat;}
body.area #ttlArea.kyushu{background: url(../img/area/kyushu/bg_ttlarea.png) left top repeat;}
body.area #ttlArea.hokkaido{background: url(../img/area/hokkaido/bg_ttlarea.png) left top repeat;}

body.area #ttlArea.kyushu p{color: #fff;}
body.area #ttlArea.hokkaido p{color: #000;}
/*-----------------------------------
	areaaSlide
------------------------------------*/
#areaSlide{
	width: 100%;
	min-width: 1330px;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#areaSlide ul li{
	width: 100%;
	position: relative;
}
#areaSlide ul li img{
	width: 100%;
	height: auto;
	min-width: 1330px;
}
@media screen and (max-width:1330px){
#areaSlide{
	left: 50%;
	margin-left: -665px;
}	
}
/*-----------------------------------
	common
------------------------------------*/
body.area #content{
	padding: 0;
	background: #fff;
}
body.area #pankuzu{
	width: 990px;
	margin: 0 auto 25px;
	padding: 10px 0;
}
body.area img.star{
	opacity: 1;
	top: 205px;
	pointer-events:none!important;
}
/*-----------------------------------
	news
------------------------------------*/
body.area #news{
	padding: 0 0 35px 0;
	border-bottom: 2px solid #fff2b9;
}
body.area #news h2{
	font-size: 22px;
	-webkit-background-size: 29px auto;
	background-size: 29px auto;
	padding: 0 0 0 36px;
	margin-bottom: 8px;
}
body.area #news h2 span span{
	font-size: 18px;
}
body.area #news dl{
	width: 512px;
	height: 160px;
	overflow: auto;
	padding: 0 15px 0 0;
}
body.area #news dl dt{
	width: 120px;
	clear: both;
	float: left;
	font-weight: bold;
	font-style: italic;
	padding: 10px 0 10px 2px;
}
body.area #news dl dt .ico{
	display: inline-block;
	width: 62px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	margin-right: 10px;
}
body.area #news dl dd{
	padding: 10px 15px 10px 122px;
	border-top: 1px solid #cccccc;
}
body.area #news dl dd:last-child{
	border-bottom: 1px solid #cccccc;
}
body.area #news dl dd a{
	text-decoration: underline;
}
/* アイコンスタイル */
body.area #news dl dt .ico01{
	background: #ff3636;
}
body.area #news dl dt .ico02{
	background: #0055a4;
}
body.area #news .noposts{
    padding: 100px 0;
    width: 550px;
    text-align: center;
	}
/*-----------------------------------
	search
------------------------------------*/
body.area #search{
	position:absolute;
	right:50%;
	top: -112px;
	margin:0 -495px 0 0;
	z-index:40;
}
body.area #searchBox{
	width: 413px;
	margin: 0;
}
body.area #searchBox h2{
	padding: 13px 48px;
	line-height: 1;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
}
body.area #searchBox form{
	padding: 0 0 12px 0;
}
body.area #searchBox dl dt{
	width: 88px;
	font-size: 13px;
	padding: 12px 0 8px 22px;
}
body.area #searchBox dl dd{
	font-size: 12px;
	padding: 12px 24px 8px 110px;
}
body.area form input.searchBtn{
	margin-top: -6px;
}
/*-----------------------------------
	lowest
------------------------------------*/
body.area #lowest{
	padding: 43px 0 0 0;
}
body.area #lowest h2{
	font-size: 26px;
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
	background-position: 5px 3px;
	padding-left: 50px;
}
body.area #lowest h2 span span{
	font-size: 20px;
	letter-spacing: 0;
}
body.area #lowest ul{
	height: auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.area #lowest ul li{
	margin-right: 22px;
	width: 313px;
	margin-bottom: 40px;
	
}
body.area #lowest ul li:nth-of-type(5n){
	margin-right: 0;
}
body.area #lowest ul li.square{
	width: calc(20% - 24px);
	margin-right: 30px;
}
body.area #lowest ul li img{
	max-width: 313px;
	height: auto;
	border: 1px solid #000;
}
body.area #lowest ul li.square img{
	width: 100%;
	height: auto;
}
body.area #lowest ul li p.title{
	background: url(../img/ico_arrow07.png) 2px 4px no-repeat;
	padding: 0 0 0 15px;
	margin-top: 10px;
	font-size: 14px;
}
body.area #lowest ul li p.excerpt{
	margin-top: 7px;
	color:#fff;
}
/*-----------------------------------
	feature
------------------------------------*/
body.area #feature{
	padding: 30px 0 0 0;
}
body.area #feature h2{
	margin-bottom: 23px;
}
body.area #feature ul{
	margin-right: -13px;
	margin-bottom: -20px;
}
body.area #feature ul li,
body.area #theme ul li{
	width: 225px;
	float: left;
	margin-right: 13px;
	margin-bottom: 20px;
	background: #fff;
	padding: 7px 6px 0;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);	
}
body.area #feature ul li a,
body.area #theme ul li a{
	text-decoration: none;
	display: block;
}
body.area #feature ul li img{
	max-width: 100%;
	height: auto;
}
body.area #feature ul li p{
	background: url(../img/ico_arrow06.png) 9px 14px no-repeat;
	padding: 10px 0 10px 20px;
}
/*-----------------------------------
	theme
------------------------------------*/
body.area #theme{
	padding: 40px 0;
	margin-bottom: 40px;
}
body.area #theme h2{
	margin-bottom: 20px;
}
body.area #theme ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

}
body.area #theme ul li{
	width: 184px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 3px;

}
body.area #theme ul li:nth-of-type(5n){
	margin-right: 0;
}
body.area #theme ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
}
body.area #theme ul li .img{
	flex-basis: 56px;
	width: 56px;
	flex-grow:0;
	flex-shrink: 0;
}
body.area #theme ul li .img img{
	width: 100%;
	height: auto;
}
body.area #theme ul li p{
	padding: 5px 13px 5px 10px;
	flex-basis: auto;
}
/*-----------------------------------
	recommend
------------------------------------*/
body.area #recommend{
	padding: 33px 0 0 0;
}
body.area #recommend h2{
	margin-bottom: 48px;
}
/* cassette */
body.area ul.cassette{
	padding: 0 0 0 3px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.area ul.cassette li{
	width: 225px;
	
	position: relative;
	margin-right: 27px;
	margin-bottom: 40px;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.3);	
	background: #f6f6f6;
}
body.area ul.cassette li:nth-of-type(4n){
	margin-right: 0;
}
body.area ul.cassette li .ico{
	position: absolute;
	top: -21px;
	left: -11px;
	font-size: 12px;
	color: #fff;
	background: #06b9ce;
	padding: 4px 13px;
}
body.area ul.cassette li .ico:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0 8px;
    border-color: #06b9ce transparent transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;	
    margin-left: -4px;
    z-index: 10;
}
body.area ul.cassette li .img{
	padding: 10px 11px;
	background: #fff;
}
body.area ul.cassette li .img img{
	width: 100%;
	height: auto;
}
body.area ul.cassette li .data{
	
	padding: 10px 10px 20px;
}
body.area ul.cassette li .data .ttl{
	line-height: 1.4;
	padding: 3px 4px 5px;
	color: #1c58c6;
	text-decoration: none;
	font-weight: bold;	
}
body.area ul.cassette li .data .txt{
	font-size: 12px;
	line-height: 1.6;
	padding: 0 4px;
}
body.area ul.cassette li .data form{
	width: 186px;
	height: auto;
	overflow: hidden;
	background: #ff5700;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 5px 8px 5px 11px;
	margin-top: 10px;
	line-height: 28px;
	position: absolute;
	left: 10px;
	bottom: 10px;	
}
body.area ul.cassette li .data form select{
	font-weight: normal;
	float: right;
}
/* アイコン */
body.area ul.cassette li .ico02{
	background: #ef9a21;
}
body.area ul.cassette li .ico02:after{
	border-color: #ef9a21 transparent transparent transparent;
}
body.area ul.cassette li .ico03{
	background: #59a81f;
}
body.area ul.cassette li .ico03:after{
	border-color: #59a81f transparent transparent transparent;
}
/*-----------------------------------
	pickup
------------------------------------*/
body.area #pickup{
	padding: 5px 0 0 0;
}
body.area #pickup h2{
	margin-bottom: 34px;
}
body.area #pickup ul.tab{
	border-bottom: 1px solid #1c58c6;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
@media screen and (min-width: 768px) {
	body.area #pickup ul.tab{
		display: flex!important;
	}
} 
body.area #pickup ul.tab li{
	/*height: 46px;
	line-height: 46px;*/
	font-size: 15px;
	color: #1c58c6;
	padding: 12px 5px;
	border: 1px solid #1c58c6;
	margin-bottom: -1px;
	background: #dde6ff;
	cursor: pointer;
	margin-right: 10px;
	text-align: center;
	flex-grow: 1;
	height: 100%;
}
body.area #pickup ul.tab li:last-of-type{
	margin-right: 0!important;
}
body.area #pickup ul.tab li.current{
	background: #fff;
	border-bottom: 1px solid #fff;
}
body.area.ski #pickup ul.tab,
body.area.hokkaido #pickup ul.tab{
	padding: 0 0px;

}
body.area.ski #pickup ul.tab li,
body.area.hokkaido #pickup ul.tab li{
	font-size: 12px;
	margin-right: 3px;
}


body.area #pickup .tabCont{
	position: relative;
}
/* cassette */
body.area #pickup ul.cassette{
	margin: 0;
	padding: 0;
}
body.area #pickup ul.cassette li{
	width: 173px!important;
	margin: 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.35);
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.35);	
	background-color: #fff;
}
body.area #pickup ul.cassette li a{
	display: block;
}
body.area #pickup ul.cassette li .img{
	padding: 12px 11px 0;
}
body.area #pickup ul.cassette li .img img{
	width: 100%;
	height: auto;
}
body.area #pickup ul.cassette li .data{
	background: none;
}
body.area #pickup ul.cassette li .data .ttl{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.25;
	padding: 3px 4px 10px;
	text-decoration: underline;
}
body.area #pickup ul.cassette li a:hover .data .ttl{
	opacity:0.7;
}
body.area #pickup ul.cassette li .data form{
	width: 134px;
}
body.area #pickup .bx-wrapper{
	overflow: hidden;
	max-width: 990px!important;
}
body.area #pickup .bx-viewport{
	width: 962px!important;
	padding: 30px 14px;
}


/* 2023-02-16 Swiperへ変更────────────────────────────────────*/
body.area #pickup .bx-prev,
body.area #pickup .bx-next,
body.area #pickup .swiper-button-prev,
body.area #pickup .swiper-button-next{
	display: block;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}
body.area #pickup .bx-prev,
body.area #pickup .swiper-button-prev{
	left: -23px;
	background: url(../img/ctrl_l.png) left top no-repeat;
	-webkit-background-size: 41px 41px;
	background-size: 41px 41px;	
}
body.area #pickup .bx-next,
body.area #pickup .swiper-button-next{
	right: -23px;
	background: url(../img/ctrl_r.png) left top no-repeat;
	-webkit-background-size: 41px 41px;
	background-size: 41px 41px;		
}
body.area #pickup .bx-prev.disabled,
body.area #pickup .bx-next.disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	display: none!important;
}

body.area #pickup {
	overflow: hidden;
}
body.area #pickup .tabCont {
	right: 0;
	padding: 0;
	margin: 0 -24px;
}
body.area #pickup .swiper-container {
	position: relative;
	display: none;
	padding: 30px 24px;
}
body.area #pickup .swiper-container::before ,
body.area #pickup .swiper-container::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 24px;
	background: #fff;
}
body.area #pickup ul.cassette{
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
body.area #pickup ul.cassette li{
	max-width: 173px;
	width: auto !important;
	height: auto;
}
body.area #pickup .swiper-container::before,
body.area #pickup .swiper-button-prev{
	left: 0;
}
body.area #pickup .swiper-container::after,
body.area #pickup .swiper-button-next{
	right: 0;
}

body.area #pickup .tabCont:not('swiper_off') .swiper-container {
	display: none;
}
body.area #pickup .tabCont[class*='swiper_off'] .swiper-navigation {
	display: none;
}
body.area #pickup .tabCont[class*='swiper_off'] .swiper-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	transform: translate3d(14px, 0px, 0px);
}
body.area #pickup .tabCont[class*='swiper_off'] ul.cassette li {
	margin-right: 24px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■SPECIAL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subTitle{
	height: 101px;
}
#subTitle h2{
	margin-left: -15px;
}
/* 目的地別 */
#subTitle.okinawa{
	background: url(../img/area/okinawa/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;	
}
#subTitle.okinawa .dotbg{
	background: url(../img/area/okinawa/bg_ttlarea.png) left top repeat;
}
#subTitle.kyushu{
	background: url(../img/area/kyushu/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;	
}
#subTitle.kyushu .dotbg{
	background: url(../img/area/kyushu/bg_ttlarea.png) left top repeat;
}
#subTitle.hokkaido{
	background: url(../img/area/hokkaido/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;	
}
#subTitle.hokkaido .dotbg{
	background: url(../img/area/hokkaido/bg_ttlarea.png) left top repeat;
}
@media screen and (max-width:1330px){
#subTitle.okinawa{
	background: url(../img/area/okinawa/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: auto;
	background-size: auto;	
}
#subTitle.kyushu{
	background: url(../img/area/kyushu/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: auto;
	background-size: auto;	
}
#subTitle.hokkaido{
	background: url(../img/area/hokkaido/bg_subttl.jpg) center center no-repeat;
	-webkit-background-size: auto;
	background-size: auto;	
}
}
#innerWrap{
	width: 950px;
	margin: -25px auto 60px;
	padding: 20px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■FAQ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#faq .left,
#faq .right{
	width: 480px;
}
#faq .left{
	float: left;
}
#faq .right{
	float: right;
}
#faq h3{
	font-size: 24px;
	margin: 47px 0 20px 0;
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
	padding-left: 40px;
}
.category p{
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	margin: 0 0 8px 0;
}
.category div{
	height: auto;
	overflow: hidden;
	border: 2px solid #fe5815;
	padding: 18px 30px;
	background: #fff;
}
.category ul{
	width:50%;
	float:left;
}
.category ul li{
	font-size: 16px;
	float: left;
	padding: 6px 0 6px 25px;
	width: 420px;
	margin: 0 25px 0 0;
	background: url(../img/ico_arrow05.png) left 15px no-repeat;
}
.category ul li:nth-child(even){
	margin: 0;
}
ul.faqList li{
	margin: 0 0 20px 0;
}
ul.faqList li:last-child{
	margin: 0;
}
ul.faqList li .q a{
	display: block;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background: #f2f2f2;
	padding: 11px 60px 11px 20px;
	position: relative;	
}
ul.faqList li .q a:before{
	content: "Q.";
	font-size: 20px;
	margin: 0 5px 0 0;
}
ul.faqList li .q a:after{
	content: "";
	display: block;
	height: 100%;
	width: 48px;
	position: absolute;
	top: 0;
	right: 0;
	border: 2px solid #f2f2f2;
	background: #fff url(../img/ico_arrow_faq.png) center center no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.faqList li .a{
	display: none;
	font-size: 14px;
	line-height: 2;
	border: 2px solid #f2f2f2;
	border-top: none;
	padding: 20px 30px;
}
ul.faqList li .a p{
	margin-bottom: 10px;
}
ul.faqList li .a a{
	color: #fe5815;
	text-decoration: underline;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■contact
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact h3{
	font-size: 20px;
	background: url(../img/ico_office.png) left 1px no-repeat;
	padding: 0 0 0 40px;
}
#contact table th,
#contact table td{
	vertical-align: middle;
}
#contact table .tel{
	font-size: 16px;
	font-weight: bold;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■beforeYouTravel
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#beforeYouTravel #content img{
	display: block;
}
#beforeYouTravel .w920 a{
	color: #fe5815;
	text-decoration: underline;
}
.flow{
	margin-bottom: 41px;
}
#beforeYouTravel h4{
	font-size: 24px;
	margin-bottom: 12px;
}
#beforeYouTravel h5{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 13px;
}
#beforeYouTravel h6{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
}
#beforeYouTravel #content ul{
	list-style: none;
	margin: 0 0 1.25em 0;	
	padding: 0 20px 0 0;
}
#beforeYouTravel #content ul li {
    background: #fff url("../img/before_you_travel/sprite_bullets.png") -74px 5px no-repeat;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 0.938em;
	padding-left: 25px;
}
#beforeYouTravel #content .star li {
  background: url("../img/before_you_travel/sprite_bullets.png") -52px -16px no-repeat;
  padding-left: 25px;  
}
.pager{
	height: auto;
	overflow: hidden;
	padding: 40px 5px 0;
	clear:both;
}
.pager .prev{
	float: left;
}
.pager .next{
	float: right;
}
.pager a{
	display: inline-block;
	padding: 10px 30px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	background: #fe5815;
	color: #fff!important;
	text-decoration: none!important;	
}
.pager a span{
	font-size: 13px;
	display: block;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■guide
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-----------------------------------
	pay
------------------------------------*/
.w840 .category ul li{
	width: 320px;
}
#pay .category .hd{
	font-size: 20px;
}
#pay h3{
	position: relative;
}
#pay h3 .merit{
	position: absolute;
	right: 0;
	top: 6px;
}
.reserve{
	display: table;
	width: 834px;
	border: 3px solid #e5e5e5;
}
.reserve.online{
	background: url(../img/guide/pay/bg_reserve01.png) 705px bottom no-repeat;
}
.reserve.tel{
	background: url(../img/guide/pay/bg_reserve02.png) 740px bottom no-repeat;
}
.reserve h4{
	display: table-cell;
	width: 185px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.reserve p{
	display: table-cell;
	padding: 17px 40px 17px 0;
}
#pay .credit{
	border: 2px solid #e5e5e5;
	padding: 15px 20px;
	position: relative;
}
#pay .credit img{
	position: absolute;
	top: 15px;
	right: 20px;
}
#pay .secure{
	height: auto;
	overflow: hidden;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	padding: 0 20px 25px;
	background: url(../img/guide/pay/bg_secure.png) right top no-repeat;
}
#pay .secure .secure_service_tit{
	font-size:28px;
	font-weight: bold;
	color: #5ba90e;
	padding: 22px 0 14px;
	margin-bottom: 19px;
	border-bottom: 2px dotted #adadad;
	background-color: none;
}
#pay .secure_service_tit span{
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 1px;
}
#pay .secure .left{
	float: left;
	width: 475px;
}
#pay .secure .right{
	float: right;
	width: 291px;
}
#pay .secure h5{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
	background: url(../img/guide/pay/ico_secure.png) left top no-repeat;
	padding: 0 0 8px 24px;
	margin-bottom: 10px;
}
#pay .secure .box p{
	line-height: 1.8;
}
#pay .notice{
	font-size: 11px;
	margin-top: 10px;
}
ul.payList{
	height: auto;
	overflow: hidden;
	margin-right: -20px;
	margin-bottom: -20px;
}
ul.payList li{
	float: left;
	width: 260px;
	text-align: center;
	border: 3px solid #e5e5e5;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
ul.payList.col2 li{
	width: 404px;
}

.paylist_img {
	float: left;
	padding-left: 50px;
}
#pay p .btn{
	display: block;
	margin-top: 25px;
}
#pay .receipt p{
	float: left;
}
#pay .receipt img.img{
	float: right;
	margin-top: -60px;
}



#card_handling {
    margin-bottom: 15px;
    margin-left: 20px;
	margin-top: 20px;
}
.ch_tit {
    font-size: 20px;
    color: #363636;
    padding-bottom: 10px;
}

#card_handling p {
    color: #666;
    font-size: 14px;
    padding-bottom: 10px;
}

#card_information {
    padding: 10px 20px;
    line-height: 1.5em;
    height: 215px;
    width: 800px;
    background-color: #EFEFEF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#card_handling .npd {
    color: #363636;
    font-weight: bold;
    height: 3px;
}

#card_handling .pd {
    padding-left: 10px;
    height: 10px;
}

.paylist_name {
	float: left;
	font-size: 15px;
	padding-top: 10px;
	padding-left: 10px;
	width: 300px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■sitemap
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sitemaplist li{
	font-size:16px;
	margin-left: 15px;
	list-style:none;
	margin-bottom: 15px;
	background-image:url(../img/icon/sankaku_s.png);
	background-repeat:no-repeat;
	padding-left:15px;
}
#sitemaplist li ul{
	padding-top: 5px;
}
#sitemaplist li li{
	margin-bottom: 5px;
	font-size:14px;
	list-style: disc inside;
	background-image:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■When you received itinerary
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#intro {
	padding-bottom:30px;
	border-bottom:dotted #868686 1px;
	margin-bottom:20px;
}

#intro p {
	font-size:18px;
}

#int_attencion {
	font-size:12px;
	background-color:#f2f2f2;
	padding:10px;
	margin-top:10px;
	width:700px;
}
#pege_link {
	margin-top:35px;
}

#pege_link li {
	float:left;
	width:370px;
	height:52px;
	text-align:center;
	font-size:17px;
	color:#383838;
	padding-top:25px;
	margin-right:20px;
	background-image:url(../img/ico_arrow01.png);
	background-repeat:no-repeat;
	background-position:right center;
	/* box-shadow */
box-shadow:1px 1px 3px 1px #ecf0eb;
-moz-box-shadow:1px 1px 3px 1px #ecf0eb;
-webkit-box-shadow:1px 1px 3px 1px #ecf0eb;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

/* border */
border:3px solid #ff5700;
}

#dekirukoto {
	padding-top:20px;
}

#dekirukoto li {
	float:left;
	padding-right:20px;
	padding-bottom:30px;
	border-bottom:dotted #868686 1px;
}

#schematic {
	padding-top:45px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■Parts
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hd01{
	background: url(../img/ico_hd01.png) 10px center no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	border: 1px solid #D8D8D8;
	padding: 13px 13px 13px 48px;
	font-size:20px;
	line-height: 1.3;
	margin-bottom: 30px;
}