﻿@charset "UTF-8";

@font-face {
	font-family: fontawesome;
	font-weight: normal;
	font-style: normal;

	src: url('/common/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/common/fonts/fontawesome-webfont.ttf') format('truetype'), url('/common/fonts/fontawesome-webfont.svg#fontawesome') format('svg');
	src: url('/common/fonts/fontawesome-webfont.eot');
}

/* Scss Document */
body {
	-webkit-text-size-adjust: 100%;
}

/*margin*/
.mb-15 {
	margin-bottom: 15px; 
}

/*フォントの自動調整をオフ*/
footer .tourDtArea {
	display: none;
}

#wrapper .pointArea h1 {
	border-bottom: 1px solid #666;
}

#wrapper .pointArea h1 img {
	vertical-align: top;
}

h1.pageHeading {
	border-bottom: 1px dotted #CCC;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin: 1em 0.5em 1.5em;
    padding: 0 0 0.8em;
}

.line {
	border-bottom: 1px solid #666;
}

#wrapper .pointArea .pointBox {
	padding: 10px 5px 15px;
	border-bottom: 3px solid #36c;
	background: url(../common/img/bg_border.png) repeat left top;
	background-size: 100%;
}

#wrapper .pointArea .pointBox article {
	position: relative;
	margin-top: 10px;
	padding: 8px;
	border: 2px solid #666;
	border-radius: 3px;
	background-color: #fff;
}

#wrapper .pointArea .pointBox article .pointCircle {
	position: absolute;
	top: -10px;
	left: -5px;
	width: 66px;
}

#wrapper .pointArea .pointBox article h2 {
	width: 75%;
	padding-top: 5px;
	padding-left: 60px;
}

#wrapper .pointArea .pointBox article .txtBase {
	margin-top: 5px;
	padding-top: 10px;
	background: url(../common/img/line_dotted.jpg) repeat-x left top;
	background-size: 2px 3px;
}

#wrapper .pointArea .pointBox article .txtBase .img {
	float: left;
	width: 109px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#wrapper .pointArea .pointBox article .txtBase .text {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2rem;
}

#wrapper .pointArea .pointBox article .imgBase ul {
	display:         box;
	display: -webkit-box;
	display:    -moz-box;
	-webkit-box-pack: center;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #ccc;
	text-align: center;

	        box-pack: center;
}

#wrapper .pointArea .pointBox article .imgBase li {
	width: 82px;
	margin-right: 5px;
}

#wrapper .pointArea .pointBox article .imgBase li:last-child {
	margin-right: 0;
}

#wrapper .pointArea .pointBox article .txtBase02 ul {
	display: box;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #ccc;
}

#wrapper .pointArea .pointBox article .txtBase02 li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2.5em;
	background: url(../common/img/ico_hotel.png) no-repeat left top;
	background-size: 21px;
	font-size: 1.2rem;
}

#wrapper .pointArea .pointBox article .searchBtn {
	clear: both;
}

#wrapper .pointArea .pointBox article .searchBtn a {
	display: block;
	padding: 8px 0 8px 0;
	border-radius: 4px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fd6b05), color-stop(.29, #fd7e09));
	background: -webkit-linear-gradient(top, #fd7e09 29%, #fd6b05 100%);
	background:         linear-gradient(top, #fd7e09 29%, #fd6b05 100%);
	text-align: center;
}

#wrapper .pointArea .pointBox article .searchBtn a span {
	display: block;
	padding: 0;
	background: url(../common/img/ico_arr_or_circle.png) no-repeat 95% center;
	background-size: 12px 12px;
	font-size: 1.5rem;
}

#wrapper .searchArea,
#special3 .searchArea {
	padding: 0;
}

#wrapper .searchArea h2.searchTitle,
#special3 .searchArea h2.searchTitle {
	margin: 0;
	padding: 12px 15px;
	color: #fff;
	background: #003894;
	font-size: 13px;
	line-height: 1.1;
}

#wrapper .searchArea h2.searchTitle:before,
#special3 .searchArea h2.searchTitle:before {
	margin-right: 5px;
	font-family: 'FontAwesome' !important;
	content: '\f002';
}

#wrapper .main_visual,
.pl-mainvisual,
#special3 .main_visual {
	height: 100px;
	margin-bottom: 2%;
	position: relative;
}

#wrapper .searchArea.hokkaido .main_visual,
#special3 .searchArea.hokkaido .main_visual {
	background: url(/s/tour/common/img/area/001_hokkaido/top/mv_hokkaido.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.hokkaido .main_visual_stepnavi {
	margin-bottom: 5px;
	padding: 0 0 20px;
	background: url(/s/tour/common/img/area/001_hokkaido/top/mv_hokkaido_stepnavi.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}
#special3 .searchArea.sapporo .main_visual_stepnavi{
	margin-bottom: 5px;
	padding: 0 0 20px;
	background: url(/s/tour/common/img/area/001_hokkaido/top/mv_hokkaido_stepnavi.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

#wrapper .searchArea.hokkaido .package_tour_box {
	height: 90px;
}

#special3 .searchArea.sapporo .package_tour_box {
	height: 90px;
}
/* 東京 */
#wrapper .searchArea.tokyo .main_visual,
#special3 .searchArea.tokyo .main_visual {
	background: url(/s/tour/common/img/area/013_tokyo/top/mv_tokyo.jpg) no-repeat;
	background-position: 0 32px;
	background-size: 100%;
}

#wrapper .searchArea.tokyo .main_visual_stepnavi {
	margin-bottom: 5px;
	padding: 36px 10px;
	background: url(/s/tour/common/img/area/013_tokyo/top/mv_tokyo.jpg) no-repeat;
	background-position: 50% 55%;
	background-size: 100%;
}

#wrapper .searchArea .main_visual_stepnavi .main_visual_stepnavi__text,
 #special3 .searchArea .main_visual_stepnavi .main_visual_stepnavi__text {
    width: 92%;
    margin: 5px auto 10px;
    color: #fff;
	font-size: 15px;
	font-weight: bold;
    text-shadow: 0 0 3px #555;
    text-align: center;
    padding: 20px 12px;
	background: rgba(0, 56, 148, 0.7);
	border-radius: 5px;
}
/* /東京 */


#wrapper .searchArea.shiga .main_visual,
#special3 .searchArea.shiga .main_visual {
	background: url(/s/tour/common/img/area/025_shiga/top/mv_shiga.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.kyoto .main_visual,
#special3 .searchArea.kyoto .main_visual {
	background: url(/s/tour/common/img/area/026_kyoto/top/mv_kyoto.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.osaka .main_visual,
#special3 .searchArea.osaka .main_visual {
	background: url(/s/tour/common/img/area/027_osaka/top/mv_osaka.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.hyogo .main_visual,
#special3 .searchArea.hyogo .main_visual {
	background: url(/s/tour/common/img/area/028_hyogo/top/mv_hyogo.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.nara .main_visual,
#special3 .searchArea.nara .main_visual {
	background: url(/s/tour/common/img/area/029_nara/top/mv_nara.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.wakayama .main_visual,
#special3 .searchArea.wakayama .main_visual {
	background: url(/s/tour/common/img/area/030_wakayama/top/mv_wakayama.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.fukuoka .main_visual,
#special3 .searchArea.fukuoka .main_visual {
	background: url(/s/tour/common/img/area/040_fukuoka/top/mv_fukuoka.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.saga .main_visual,
#special3 .searchArea.saga .main_visual {
	background: url(/s/tour/common/img/area/041_saga/top/mv_saga.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.nagasaki .main_visual,
#special3 .searchArea.nagasaki .main_visual {
	background: url(/s/tour/common/img/area/042_nagasaki/top/mv_nagasaki.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.kumamoto .main_visual,
#special3 .searchArea.kumamoto .main_visual {
	background: url(/s/tour/common/img/area/043_kumamoto/top/mv_kumamoto.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.oita .main_visual,
#special3 .searchArea.oita .main_visual {
	background: url(/s/tour/common/img/area/044_oita/top/mv_oita.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.miyazaki .main_visual,
#special3 .searchArea.miyazaki .main_visual {
	background: url(/s/tour/common/img/area/045_miyazaki/top/mv_miyazaki.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.kagoshima .main_visual,
#special3 .searchArea.kagoshima .main_visual {
	background: url(/s/tour/common/img/area/046_kagoshima/top/mv_kagoshima.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#wrapper .searchArea.okinawa .main_visual,
#special3 .searchArea.okinawa .main_visual {
	background: url(/s/tour/common/img/area/047_okinawa/top/mv_okinawa.jpg) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}


#wrapper h1.toptxt,
#special3 .searchArea h1,
#special3 h1.toptxt,
.pl-mainvisual__headline {
    padding: 0.5em;
	color: #003894;
	color: #fff;
    background: linear-gradient(0, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .3));
    font-size: 1.1rem;
    /* text-shadow: 1px 1px 1px rgba(255,255,255,1), 0px 1px 1px rgba(255,255,255,1), -1px 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1), 0 0 2px rgba(255,255,255,1); */
    font-weight: 500;
}

#wrapper .searchArea .main_visual h1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 24px;
    font-weight: bold;
	line-height: 1;
	color: #fff;
    text-align: center;
	text-shadow: 1px 1px 3px #000;
	transform: translateY(-50%);
}

#wrapper .searchArea .main_visual h1 .main_visual_en {
	display: block;
	font-size: 16px;
}

#wrapper .searchArea .main_visual_text {
	margin: 2% 2% 0;
	font-size: 12px;
}

#wrapper .searchArea .searchTit,
#special3 .searchArea .searchTit {
	padding-bottom: 6px;
	background: url(../common/img/line_red.png), url(../common/img/line_gray.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left bottom, left bottom;
	background-size: 20% 3px, 100% 3px;
}

#wrapper .searchArea .searchTit h2,
#special3 .searchArea .searchTit h2 {
	margin-bottom: 0;
	padding-top: 5px;
	padding-left: 26px;
	background: url(../common/img/ico_search.png) no-repeat left center;
	background-size: 24px 25px;
	font-size: 1.8rem;
}

#wrapper .searchArea .searchTit h2 span,
#special3 .searchArea .searchTit h2 span {
	padding-left: 10px;
	color: #666;
	font-size: 1.3rem;
}

#wrapper .searchArea .searchMain,
#special3 .searchArea .searchMain {
	/*margin-top: 10px;*/
	/*margin-bottom: 20px;*/
	padding: 0;
	border-radius: 3px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	background:         linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
	background:         linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

#wrapper .searchArea #searchboxes .searchMain,
#special3 .searchArea #searchboxes .searchMain {
	border: 5px solid #dedede;
	border-radius: 0;
}

.regular_search {
	padding: 5px;
	background-color: #fff;
}

#wrapper .searchArea .searchMain #UpdatePanel1,
#wrapper .searchArea .searchMain #UpdatePanel2,
#wrapper .searchArea .searchMain #UpdatePanel3,
#wrapper .searchArea .searchMain .glayArea,
#special3 .searchArea .searchMain #UpdatePanel1,
#special3 .searchArea .searchMain #UpdatePanel2,
#special3 .searchArea .searchMain #UpdatePanel3,
#special3 .searchArea .searchMain .glayArea {
	padding: 0 10px;
}

#wrapper .searchArea .searchMain #UpdatePanel3,
#special3 .searchArea .searchMain #UpdatePanel3 {
	margin-bottom: 20px;
}

#wrapper .searchArea dl,
#special3 .searchArea dl {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 10px;
	border-bottom: 1px solid #e6e6e6;
}

#wrapper .searchArea .searchMain dt,
#special3 .searchArea .searchMain dt {
	float: left;
	overflow: auto;
	width: 26%;
	margin-top: 5px;
	padding-left: 5px;
	border-left: 0 solid #d7000f;
	color: #59bded;
	font-size: 1.5rem;
}

#wrapper .searchArea .searchMain dl dd.tripDay01,
#wrapper .searchArea .searchMain dl dd.TravelPeriod01,
#wrapper .searchArea .searchMain dl dd.to_air01,
#special3 .searchArea .searchMain dl dd.tripDay01,
#special3 .searchArea .searchMain dl dd.TravelPeriod01,
#special3 .searchArea .searchMain dl dd.to_air01 {
	float: left;
	width: 33%;
	margin-left: 2%;
}

#wrapper .searchArea .searchMain dl dd.tripDay02,
#wrapper .searchArea .searchMain dl dd.TravelPeriod02,
#wrapper .searchArea .searchMain dl dd.to_air02,
#special3 .searchArea .searchMain dl dd.tripDay02,
#special3 .searchArea .searchMain dl dd.TravelPeriod02,
#special3 .searchArea .searchMain dl dd.to_air02 {
	float: right;
	width: 33%;
}

#wrapper .searchArea .searchMain dd,
#special3 .searchArea .searchMain dd {
	float: right;
	width: 70%;
}

#wrapper .searchArea .searchMain dd select,
#special3 .searchArea .searchMain dd select {
	width: 100%;
	padding: 15px;
	border: 1px solid #8c8a8a;
	border-radius: 2px;
	background: #fff url(../common/img/ico_select.png) no-repeat 95% center;
	background-size: 9px 8px;
	font-size: 1.2rem;

	-webkit-appearance: none;
}

#wrapper .searchArea .searchMain dd.tihou select,
#wrapper .searchArea .searchMain dd.ken select,
#wrapper .searchArea .searchMain dd.TravelPeriod01 select,
#wrapper .searchArea .searchMain dd.to_air01 select,
#special3 .searchArea .searchMain dd.tihou select,
#special3 .searchArea .searchMain dd.ken select,
#special3 .searchArea .searchMain dd.TravelPeriod01 select,
#special3 .searchArea .searchMain dd.to_air01 select {
	margin-bottom: 14px;
}

.clearfix {
	min-height: 1px;
}

#wrapper .searchArea .searchMain dd.year,
#special3 .searchArea .searchMain dd.year {
	float: left;
	width: 45%;
}

#wrapper .searchArea .searchMain dd.year select,
#special3 .searchArea .searchMain dd.year select {
	width: 100%;
	padding: 5px;
	border: 1px solid #8c8a8a;
	border-radius: 2px;
	background: #fff url(../common/img/ico_select.png) no-repeat 95% center;
	background-size: 9px 8px;
	font-size: 1.4rem;

	-webkit-appearance: none;
}

#wrapper .searchArea .searchMain dd.dtDay,
#special3 .searchArea .searchMain dd.dtDay {
	float: right;
	width: 45%;
}

#wrapper .searchArea .searchMain dd.dtDay select,
#special3 .searchArea .searchMain dd.dtDay select {
	width: 100%;
	padding: 5px;
	border: 1px solid #8c8a8a;
	border-radius: 2px;
	background: #fff url(../common/img/ico_select.png) no-repeat 95% center;
	background-size: 9px 8px;
	font-size: 1.4rem;

	-webkit-appearance: none;
}

#wrapper .searchArea .searchMain p {
	/* text-align: center; */
}

#wrapper .searchArea .searchMain p.departureCaution,
#special3 .searchArea .searchMain p.departureCaution {
	float: left;
	width: 100%;
	margin-top: 10px;
	color: #f00;
	font-size: 10px;
}

#wrapper .searchArea .searchMain p input[type='image'],
#special3 .searchArea .searchMain p input[type='image'] {
	width: 278px;
	margin: 0 auto;
}

#wrapper .searchArea .searchMain .pcTxt,
#special3 .searchArea .searchMain .pcTxt {
	margin-top: 5px;
	text-align: center;
}

#wrapper .searchArea .searchMain .pcTxt span,
#special3 .searchArea .searchMain .pcTxt span {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 19px;
	background: url(../common/img/icon_pcbtn02.png) no-repeat left center;
	background-size: 10px 9px;
	font-size: 1.2rem;
}

#wrapper .searchArea .searchBtn02,
#special3 .searchArea .searchBtn02 {
	margin: 15px 0;
	padding: 0 10px;
}

#wrapper .searchArea .searchBtn02 p,
#special3 .searchArea .searchBtn02 p {
	box-sizing: border-box;
	border: 1px solid #d87600;
	border-radius: 3px;
	background: #f08300;
	background: -webkit-linear-gradient(top, #f39c33 40%, #f08300 60%);
	background:         linear-gradient(to bottom, #f39c33 40%, #f08300 60%);
	box-shadow: 1px 1px 1px #ccc;
	text-align: center;
}

#wrapper .searchArea .searchBtn02 p input[type='submit'],
#special3 .searchArea .searchBtn02 p input[type='submit'] {
	width: 100%;
	padding: 5px 0 5px 0;
	padding: 12px 0;
	border: none;
	color: #fff;
	background: url(../common/img/ico_arr_or_circle.png) no-repeat 95% center;
	background-size: 15px 15px;
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
}

#wrapper .searchArea .searchBtn02 p input[type='submit']:active,
#special3 .searchArea .searchBtn02 p input[type='submit']:active {
	background: #f08300 url(../common/img/ico_arr_or_circle.png) no-repeat 95% center;
	background-size: 15px 15px;
}

#wrapper .searchArea .searchMain .searchTxt,
#special3 .searchArea .searchMain .searchTxt {
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
	color: #666;
	font-size: 1.2rem;
	text-align: left;
}

.searchTxt span {
	font-size: 1.5rem;
	text-decoration: underline;
}

/*-------------------------------------
エリアーからツアーを選ぶ
-------------------------------------*/
section.fromArea {
	overflow: hidden;
}

section.fromArea ul {
	overflow: hidden;
	width: 95%;
	margin: 5% auto 0;
}

section.fromArea ul li {
	float: left;
	position: relative;
	width: 31%;
	margin: 0 3% 3% 0 !important;
	padding: 0 !important;
	vertical-align: top;
}

section.fromArea ul li:nth-child(3n) {
	margin: 0 0 3% 0 !important;
}

section.fromArea ul li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 6px 0;
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	font-size: 14px;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;
}

#container02 section.fromArea ul li a:after {
	content: none;
}

section.fromArea ul li img {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

section.fromArea h2.contentTit {
	height: 45px;
	margin: 0 !important;
	padding: 0 !important;
	border-left: solid 0 #d81e23 !important;
	outline: solid 0 #e6e6e6 !important;
	background: #e6e6e6 !important;
	-webkit-box-shadow: #e6e6e6 0 0 0 0 !important;
	font-size: 15px !important;
	line-height: 45px !important;
}

section.fromArea h2.contentTit:before {
	float: left;
	overflow: hidden;
	width: 6px;
	height: 33px;
	margin: 6px 8px;
	color: #003894;
	background: #003894;
	font-size: 5px;
	line-height: 34px;
	content: '.';
}

/*-------------------------------------
早めの予約がとってもお得
-------------------------------------*/
section.hayawariInfo {
	overflow: hidden;
}

section.hayawariInfo h2.tit {
	height: 45px;
	margin: 0;
	color: #fff;
	background: #003894;
	font-size: 15px;
	font-weight: normal;
	line-height: 45px;
	text-align: center;
}

section.hayawariInfo ul {
	overflow: hidden;
	font-size: 1.2rem;
}

section.hayawariInfo li {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	border-bottom: solid 1px #666;
}

section.hayawariInfo li a {
	display: block;
	position: relative;
	padding: 15px;
	color: #333 !important;
}

section.hayawariInfo li a:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #454545;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

section.hayawariInfo li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/*-------------------------------------
旅行の人数からツアーを選ぶ
-------------------------------------*/
section.areaSection {
	overflow: hidden;
}

section.areaSection h2.contentTit {
	height: 45px;
	padding-left: 10px;
	color: #454545;
	background: #e6e6e6;
	font-size: 15px;
	line-height: 45px;
}

section.areaSection ul {
	font-size: 1.2rem;
}

section.areaSection li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	width: 50%;
	border-top: solid 1px #666;
}

section.areaSection li a {
	display: block;
	position: relative;
	padding: 15px;
	color: #333 !important;
}

section.areaSection ul.sec01,
section.areaSection ul.sec02 {
	overflow: hidden;
	border-bottom: solid 1px #666;
}

section.areaSection ul.sec01 li:nth-child(2n + 1),
section.areaSection ul.sec02 li:nth-child(2n + 0) {
	border-right: 1px solid #666;
}

/*section.areaSection ul.sec01 li:nth-last-child(-n+3),
section.areaSection ul.sec02 li:nth-last-child(-n+3) {
    border-bottom: 1px solid #666666;
}*/
section.areaSection ul.sec02 li:first-child,
section.areaSection ul.sec03 li {
	width: 100%;
}

section.areaSection li a:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #454545;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

section.areaSection li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

section.areaSection li.nonline {
	border-bottom: 0 solid #666 !important;
}

#wrapper .valueBtn {
	padding: 20px 10px 20px;
	border-bottom: 1px solid #666;
}

#wrapper .menuSide {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	margin-top: 10px;
	padding-left: 80px;
}

#wrapper .menuSide .mnuBtn {
	float: left;
}

#wrapper .menuSide .mnuBtn img {
	width: 73px;
}

#wrapper .menuSide .sidemenuCont {
	box-sizing: border-box;
	width: 100%;
	padding-left: 73px;
}

#wrapper .menuSide .sidemenuCont .sideMenu {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #ed7e7f;
	border-bottom: 1px solid #ed7e7f;
	border-left: 1px solid #ed7e7f;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #ed7e7f;
}

#wrapper .menuSide .sidemenuCont .sideMenu .topBtn .topPage {
	float: left;
	padding-left: 10px;
}

#wrapper .menuSide .sidemenuCont .sideMenu .topBtn .topPage img {
	width: 103px;
}

#wrapper .menuSide .sidemenuCont .sideMenu .topBtn .close {
	float: right;
	padding-right: 10px;
}

#wrapper .menuSide .sidemenuCont .sideMenu .topBtn .close img {
	width: 32px;
}

#wrapper .menuSide .sidemenuCont .sideMenu ul {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #b54142;
}

#wrapper .menuSide .sidemenuCont .sideMenu li {
	padding-right: 10px;
	border-bottom: 1px solid #b54142;
}

#wrapper .menuSide .sidemenuCont .sideMenu li a {
	display: block;
	padding: 13px 10px;
	color: #fff;
	background: url(../img/side_arr_icon.png) no-repeat right center;
	background-size: 8px 13px;
	font-size: 1.3rem;
}

#wrapper .menuSide .sidemenuCont .sideMenu .botoomBtn {
	margin-right: 10px;
	text-align: right;
}

#wrapper .menuSide .sidemenuCont .sideMenu .botoomBtn img {
	width: 32px;
}

#wrapper .pb0 {
	padding-bottom: 0  !important;
}

/*#wrapper*/
#balloon-2-bottom {
	display: inline-block;
	clear: both;
	position: relative;
	z-index: 0;
	width: auto;
	min-width: 80%;
	height: 33px;
	margin-bottom: 10px;
	margin-left: 5%;
	padding: 0 15px;
	border: 3px solid #618bd4;
	color: #000;
	background: #fff;
	font-size: 1.3rem;
	line-height: 36px;
	text-align: center;
}

#balloon-2-bottom:after {
	display: block;
	clear: both;
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #618bd4 transparent transparent transparent;
	content: '';
}

/*共通パーツ*/
h2.commonTit {
	padding: 10px 5%;
	color: #fff;
	background: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

h2.left-line {
	padding: 10px 0;
	color: #003894;
	background: #f1f1f1;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

h2.left-line:before {
	float: left;
	width: 6px;
	margin-top: -10px;
	margin-right: 10px;
	color: #003894;
	background: #003894;
	font-size: 16px;
	line-height: 36px;
	content: '.';
}

h3.left-under-line {
	position: relative;
	margin: 5% 5% 5%;
	border-bottom: solid 1px #003894;
	color: #003894;
	font-size: 16px;
	line-height: 28px;
}

h3.left-under-line:before {
	float: left;
	width: 5px;
	height: 26px;
	margin-right: 7px;
	background-color: #003894;
	content: ' ';
}

.toTop {
	background: #e5ebf4;
	font-size: 13px;
	text-align: right;
}

.toTop a {
	display: block;
	padding: 10px;
	color: #666;
}

.btn_link {
	margin: 0;
	background: #f08300;
	line-height: 50px;
}

.btn_link a {
	display: block;
	position: relative;
	padding: 5% 8% 5% 5%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
}

.btn_link a:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	background: #fff;
	content: '';
}

.btn_link a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: 3px solid transparent;
	border-left: 5px solid #f08300;
	content: '';
}

.btn_or {
	border: 1px solid #d87600;
	border-radius: 3px;
	background: -webkit-linear-gradient(top, #f39c33 0%, #f08300 100%);
	background:         linear-gradient(to bottom, #f39c33 0%, #f08300 100%);
}

.btn_link.btn_or a:after {
	border-left: 5px solid #f08300;
}

.btn_gr {
	border: 1px solid #7a7a7a;
	border-radius: 3px;
	background: -webkit-linear-gradient(top, #a0a0a0 0%, #888 100%);
	background:         linear-gradient(to bottom, #a0a0a0 0%, #888 100%);
}

.btn_link.btn_gr a:after {
	border-left: 5px solid #888;
}

/*ナビゲーションボタン*/
section+ nav.tourTop_navBox {
	margin-top: 20px;
}

.pl-Anchorlink h2.commonTit {
	margin-bottom: 15px;
}

nav.tourTop_navBox {
	width: -webkit-calc( 100% - 30px);
	width:         calc( 100% - 30px);
	margin: 0 auto 15px;
}

nav.tourTop_navBox .navBtn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	width: 100%;
	height: auto;

	-ms-flex-pack: justify;
	    -ms-flex-wrap: wrap;
}

nav.tourTop_navBox .navBtn li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	box-sizing: border-box;
	width: 48%;
	background: #ebebeb;
}

nav.tourTop_navBox .navBtn li:nth-child(n+3) {
	margin-top: 4%;
}

nav.tourTop_navBox .navBtn li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	        justify-content: left;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 54px;
	margin: 0 auto;
	padding: 10px 10px 10px 30px;
	color: #003894;
	background-color: #e6e6e6;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;

	-ms-flex-align: center;
	-ms-flex-pack: left;
	    -ms-flex-wrap: wrap;
}

nav.tourTop_navBox .navBtn li a:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	border-radius: 50%;
	background: #003894;
	content: '';
}

nav.tourTop_navBox .navBtn li a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: 4px;
	border: 3px solid transparent;
	border-top: 5px solid #fff;
	content: '';
}

/*たびらいオススメの人気ツアー*/
ul.pushBanner-list {
	display: table;
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px;
}

ul.pushBanner-list li {
	float: left;
	position: relative;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}

ul.pushBanner-list li:nth-child(2n) {
	margin-right: 0;
}

ul.pushBanner-list li:nth-child(n+3) {
	margin-bottom: 0;
}

ul.pushBanner-list li .label {
    box-sizing: border-box;
    width: 100%;
    padding: 2px 5px 2px;
    color: #fff;
    background: #53a29f;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

/*たびらいツアーの業界最安値ツアーを徹底追求！*/
.lowprice {
	background: #efefef;
}

h2.lowprice_p01 {
	padding: 10px 0 10px 0;
	color: #fff;
	background: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

/*
h2.lowprice_p01::before {
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 7px;
	background: url(/s/tour/common/img/area/img_crown.png) no-repeat center 2px;
	background-size: 20px;
	content: '';
}
*/
h2.lowprice_p01 span.lowprice_font {
	font-size: 16px;
	font-weight: bold;
}

.lowprice_p02 {
	padding: 5% 5% 0;
	font-size: 14px;
	line-height: 1.5;
}

ul.lowprice_ul {
	width: -webkit-calc(100% - 30px);
	width:         calc(100% - 30px);
	margin: 15px auto;
}

ul.lowprice_ul li.lowprice_li,
ul.lowprice_ul li.lowprice_li_r {
	position: relative;
	margin-bottom: 15px;
	border-radius: 3px;
	background: #fff;
}

ul.lowprice_ul li.lowprice_li:last-child {
	margin-bottom: 0;
}

.lowprice_li_a_low {
	display: inline-block;
	box-sizing: border-box;
	/* float: left; */
	margin: 0;
	padding: 5px;
	border-radius: 3px 0 0 0;
	color: #fff;
	/* width: 40%; */
	background: #d7000f;
	/* background: #d7000f url(/s/tour/common/img/area/img_crown.png) no-repeat 30% center; */
	background-size: 24px;
	font-size: 13px;
	/* position: absolute; */
	line-height: 1;
}

.lowprice_li_a_from {
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	display: inline-block;
	box-sizing: border-box;
	/* float: left; */
	padding: 5px 0 2% 0;
	/* background: #d7000f; */
	border-radius: 0 3px 0 0;
	/* width: 60%; */
	color: #d7000f;
	font-size: 13px;
	line-height: 1;
}

.lowprice_li_a_text {
	clear: both !important;
	padding: 0 10px 5px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
}

span.lowprice_li_a_red {
	margin-left: 5%;
	color: #d7000f;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.lowprice_li_c {
	margin: 5px 0 0;
	color: #003894;
	font-size: 12px;
	text-align: right;
}

.low_btn_time {
	padding: 0 0 20px;
	color: #777;
	font-size: 12px;
}

.low_btn_timea {
	margin-top: 15px;
	text-align: center;
}

.low_btn_timea img {
	width: 200px;
}

.low_time {
	width: -webkit-calc(100% - 30px);
	width:         calc(100% - 30px);
	margin: 15px auto 0;
	color: #b3b3b3;
	font-size: 11px;
	text-align: right;
}

/*空港別に格安旅行・ツアーを探す*/
h2.left-line+ .f_12px {
	margin-top: 2%;
	color: #003894;
	text-align: center;
}

ul.airport-list {
	display: table;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	margin: 2% 0 10%;
	padding: 0 2%;
}

ul.airport-list li {
	float: left;
	position: relative;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}

ul.airport-list li:nth-child(2n) {
	margin-right: 0;
}

ul.airport-list li:nth-child(n+3) {
	margin-bottom: 0;
}

/*おすすめ特集*/
ul.special-list {
	display: table;
	overflow: hidden;
	width: 90%;
	margin: 5% 5% 10%;
}

ul.special-list li {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 3%;
	padding: 0 0 3%;
	border-bottom: solid 1px #ccc;
	line-height: 1;
}

ul.special-list li:last-child {
	margin-bottom: 0;
}

ul.special-list li+ .toTop {
	margin-top: -3%;
}

ul.special-list li a {
	display: block;
	overflow: hidden;
}

ul.special-list li a .flt-left_imgBox {
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 30%;
}

ul.special-list li a .flt-riht_txtBox {
	float: right;
	position: relative;
	box-sizing: border-box;
	width: 70%;
	padding: 0 6% 0 3%;
}

ul.special-list li a .flt-riht_txtBox:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 2px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.special-list li a .flt-riht_txtBox:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.special-list li a .flt-riht_txtBox h3.specialName {
	color: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

ul.special-list li a .flt-riht_txtBox .specialTxt {
	margin-top: 0;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 1.5;
}

ul.special-list li a .label {
	clear: both;
	position: absolute;
	box-sizing: border-box;
	width: 30%;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0, 56, 148, .8);
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

/*おすすめホテル*/
ul.hotel-list {
	display: table;
	overflow: hidden;
	width: 90%;
	margin: 5% 5% 10%;
}

ul.hotel-list li {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 10%;
	background: #fff;
	line-height: 1;
}

ul.hotel-list li:last-child {
	margin-bottom: 0;
}

ul.hotel-list li h3.hotelName {
	padding: 10px 5%;
	color: #fff;
	background: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

ul.hotel-list li .label {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #fff;
	background: #003894;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

ul.hotel-list li .bottom_txtBox {
	padding: 5% 3% 8%;
}

ul.hotel-list li .bottom_txtBox .subCopyBox {
	overflow: hidden;
	margin: 0 0 5%;
	padding: 0 0 5%;
	border-bottom: solid 1px #ccc;
}

ul.hotel-list li .bottom_txtBox .subCopyBox .subCopy {
	color: #003894;
	font-size: 14px;
	line-height: 1.4;
}

ul.hotel-list li .bottom_txtBox .hotelTxt {
	margin: 0 0 5%;
	font-size: 13px;
	line-height: 1.7;
}

ul.hotel-list li+ .toTop {
	margin-top: -10%;
}

/*エリアからツアーを探す*/
h3.left-under-line+ ul.area-list {
	display: none;
}

h3.left-under-line span {
	position: absolute;
	top: 10px;
	right: 0;
	width: 10px;
	height: 10px;
}

h3.left-under-line span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-top: 8px solid #003894;
	content: '';
}

h3.left-under-line.active span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -10px;
	border: 5px solid transparent;
	border-bottom: 8px solid #003894;
	content: '';
}

ul.area-list {
	display: table;
	overflow: hidden;
	width: 90%;
	margin: 5% 5% 5%;
}

ul.area-list li {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 3%;
	padding: 0 0 3%;
	border-bottom: solid 1px #ccc;
	line-height: 1;
}

ul.area-list li:last-child {
	margin-bottom: 0;
}

ul.area-list li+ .toTop {
	margin-top: -3%;
}

ul.area-list li a {
	display: block;
	overflow: hidden;
}

ul.area-list li .flt-left_imgBox {
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 30%;
}

ul.area-list li .flt-riht_txtBox {
	float: right;
	position: relative;
	box-sizing: border-box;
	width: 70%;
	padding: 0 6% 0 3%;
}

ul.area-list li a .flt-riht_txtBox:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 2px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.area-list li a .flt-riht_txtBox:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.area-list li .flt-riht_txtBox h3.areaName {
	color: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

ul.area-list li .flt-riht_txtBox .areaTxt {
	margin-top: 0;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 1.5;
}

ul.area-list li .label {
	clear: both;
	position: absolute;
	box-sizing: border-box;
	width: 30%;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0, 56, 148, .8);
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

ul.area-list li+ .toTop {
	margin-top: -3%;
}

/*おすすめ旅行スポット*/
ul.spot-list {
	display: table;
	overflow: hidden;
	width: 90%;
	margin: 5% 5% 10%;
}

ul.spot-list li {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 0 10%;
	background: #fff;
	line-height: 1;
}

ul.spot-list li:last-child {
	margin-bottom: 0;
}

ul.spot-list li .bottom_txtBox {
	padding: 5% 3% 8%;
}

ul.spot-list li .bottom_txtBox h3.subCopy {
	margin: 0 0 5%;
	color: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

ul.spot-list li .bottom_txtBox .spotTxt {
	margin-bottom: 5%;
	font-size: 13px;
	line-height: 1.7;
}

ul.spot-list li .bottom_txtBox .txt_link {
	margin-bottom: 5%;
}

ul.spot-list li .bottom_txtBox .txt_link a {
	padding: 3% 0;
	color: #535353;
	font-size: 14px;
	text-decoration: underline;
}

ul.spot-list li .label {
	clear: both;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #fff;
	background: rgba(0, 56, 148, .8);
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

/*沖縄旅行の交通アクセス*/
h2.access {
	padding: 10px 0;
	color: #fff;
	background: #999;
	font-size: 20px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

ul.access-list {
	display: table;
	overflow: hidden;
	width: 90%;
	margin: 5% 5% 10%;
}

ul.access-list li {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 5%;
	border: solid 1px #ccc;
	background: #fff;
	line-height: 1;
}

ul.access-list li:last-child {
	margin-bottom: 0;
}

ul.access-list li h3.accessTit {
	margin: 0;
	padding: 12px 0 12px 52px;
	color: #535353;
	background: #f1f1f1;
	font-size: 16px;
	font-weight: bold;
}

ul.access-list li .accessTxt {
	margin: 15px 0;
	padding: 0 15px;
	background: #fff;
	font-size: 13px;
	line-height: 1.7;
}

ul.access-list li h3.accessTit.plane {
	background: #f1f1f1 url(/s/tour/common/img/area/ico_access_01.jpg) no-repeat 0 0;
	background-size: 40px;
}

ul.access-list li h3.accessTit.train {
	background: #f1f1f1 url(/s/tour/common/img/area/ico_access_02.jpg) no-repeat 0 0;
	background-size: 40px;
}

ul.access-list li h3.accessTit.ticket {
	background: #f1f1f1 url(/s/tour/common/img/area/ico_access_03.jpg) no-repeat 0 0;
	background-size: 40px;
}

ul.access-list li+ .toTop {
	margin-top: 0;
}

/* 20180517　アイコンをスプライト化する作業に合わせてBEMに */
/* 業界最安値ツアーを徹底追求！ */
.commonTit.\--ico_crown {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.commonTit.\--ico_crown .icon {
    position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	margin-right: 5px;
    overflow: hidden;
}

.commonTit.\--ico_crown .icon img {
	position: absolute;
	top: -40px;
	left: 0;
    right: 0;
}

/* 業界最安値ツアーを徹底追求！ */
.commonTit.\--ico_thumbsUp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.commonTit.\--ico_thumbsUp .icon {
    position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 16px;
	width: 16px;
	margin-right: 5px;
    overflow: hidden;
}

.commonTit.\--ico_thumbsUp .icon img {
	position: absolute;
	top: -16px;
	left: 0;
    right: 0;
}

/* ○○旅行の交通アクセス */
.pl-access {}

.pl-access__headline {
    padding: 10px 5%;
    color: #fff;
    background: #999;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.pl-access__list {
    width: calc(100% - 30px);
    margin: 15px auto;
}

.pl-access__list__item {
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #ccc;
    background: #fff;
    line-height: 1;
}

.pl-access__list__item + .pl-access__list__item {
    margin-top: 15px;
}

.pl-access__list__item__title {
    display: flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
    box-sizing:  border-box;
    background: #f1f1f1;
}

.pl-access__list__item__title .icon {
	display: inline-flex;
	align-items: center;
	justify-content:  center;
	height: 40px;
	width: 40px;
	background: #999;
}

.pl-access__list__item__title.\--ico_plane .icon__inner,
.pl-access__list__item__title.\--ico_train .icon__inner,
.pl-access__list__item__title.\--ico_ticket .icon__inner {
	position: relative;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

.pl-access__list__item__title.\--ico_plane .icon__inner img {
	position: absolute;
	top: -72px;
	left: 0;
    right: 0;
}

.pl-access__list__item__title.\--ico_train .icon__inner img {
	position: absolute;
	top: -96px;
	left: 0;
    right: 0;
}

.pl-access__list__item__title.\--ico_ticket .icon__inner img {
	position: absolute;
	top: -120px;
	left: 0;
    right: 0;
}

.pl-access__list__item__title .text {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    color: #535353;
    font-size: 16px;
    font-weight: bold;
    box-sizing:  border-box;
    padding: 0 15px;
}

.pl-access__list__item__text {
    margin: 15px 0;
    padding: 0 15px;
    background: #fff;
    font-size: 13px;
    line-height: 1.7;
}

/*おすすめ特集,季節の特集,目的別特集*/
ul.specialTypeA-list,
ul.specialTypeB-list {
	overflow: hidden;
}

ul.specialTypeA-list li,
ul.specialTypeB-list li {
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 50%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

ul.specialTypeA-list li:before,
ul.specialTypeA-list li.txtLink:before,
ul.specialTypeB-list li:before,
ul.specialTypeB-list li.txtLink:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 6px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #666;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.specialTypeA-list li:after,
ul.specialTypeA-list li.txtLink:after,
ul.specialTypeB-list li:after,
ul.specialTypeB-list li.txtLink:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 7px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

ul.specialTypeA-list li dl,
ul.specialTypeB-list li dl {
	clear: both;
	overflow: hidden;
	box-sizing: content-box;
	padding: 4%;
}

ul.specialTypeA-list li dt,
ul.specialTypeB-list li dt {
	float: left;
	width: 30%;
}

ul.specialTypeA-list li dd.tit_br,
ul.specialTypeB-list li dd.tit_br {
	float: right;
	width: 65%;
	padding: 0 3% 0 2%;
	color: #333;
	font-size: 13px;
	line-height: 1.5;
}

ul.specialTypeA-list li.txtLink,
ul.specialTypeB-list li.txtLink {
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

ul.specialTypeA-list li.txtLink a,
ul.specialTypeB-list li.txtLink a {
	padding: 4% 4%;
	color: #333;
	font-size: 13px;
	line-height: 1.5;
}

ul.specialTypeB-list {
	display: none;
}

ul.specialTypeB-list+ .listBtn {
	padding: 15px;
	color: #333;
	background: #fff;
	font-size: 13px;
	text-align: right;
}

ul.specialTypeB-list+ .listBtn:before {
	content: 'もっと見る ▼';
}

ul.specialTypeB-list+ .listBtn.active:before {
	content: '閉じる ▲';
}

/*現地スタッフが厳選ツアーの魅力を紹介*/
ul.selectionTour-list {
	display: table;
	overflow: hidden;
	width: 100%;
}

ul.selectionTour-list li {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	border-bottom: solid 1px #ccc;
	background: #fff;
	line-height: 1;
}

ul.selectionTour-list li a {
	display: block;
	padding: 3% 5%;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

/*バナー一覧*/
ul.bnr-list {
	display: table;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
}

ul.bnr-list li {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: 3% 3% 0;
	line-height: 1;
}

ul.bnr-list li:last-child {
	padding-bottom: 8%;
}

ul.bnr-list li .bnrTxt {
	color: #333;
	font-size: 13px;
	text-align: left;
}

/* CSS Document */
.banner-list{
	margin-bottom: 5%;
  }
  .banner-list li{
	margin-top: 3%;
  }
  
/* たびらいスタッフ厳選！おすすめツアーをご紹介！ */
.staff_right {
	margin-bottom: 20px;
	/* border-top: solid 3px #003894; */
}

.staff_right_txt {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    background: #003894;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    /* border-bottom: solid 3px #cccccc; */
    text-align: center;
}

.staff_right_txt span {
	font-weight: bold;
}

.staff_right_link {
	display: block;
	clear: both;
	padding: 8px 24px 8px 16px;
	border-bottom: solid 1px #ccc;
	background: url(/tour/common/images/special/ico_plan.png) no-repeat right 5px center;
	text-align: center;
}

.staff_right_link a {
	display: block;
}

.staff_right_link a::after,
.staff_right_link::after {
	display: block;
	clear: both;
	height: 0;
	content: '';

	visibilitty: hidden;
}

.staff_right_link_txt01 {
	/* margin: 0 13px 0 0; */
	padding-bottom: 2px;
	color: #222;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
}

.staff_right_link_txt02 {
	margin: 0;
	color: #777;
	font-size: 12px;
	text-align: center;
	/*    width: -webkit-calc(100% - 13px);
    width: -moz-calc(100% - 13px);
    width: calc(100% - 13px);*/
}

.staff_right_link_icon {
	display: inline-block;
	margin: 0;
	padding: 5px;
	/* CSS3草案 */
	/* Safari,Google Chrome用 */
	border-radius: 5px;
	color: #fff;
	background-color: #59bded;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	/* Firefox用 */
}

.staff_right_link_price {
	display: inline-block;
	padding: 0 0 0 9px;
	color: #d7000f;
	font-size: 21px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.r_time {
	clear: both;
	width: 95%;
	margin: 10px auto 0;
	color: #b3b3b3;
	font-size: 11px;
	text-align: right;
}

.pickupBox {
	margin-bottom: 20px;
	text-align: center;
}

.pickuph2 {
	margin: 0 0 10px;
	padding: 5px 0;
	color: #fff;
	background: #003894;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.pickuph2:first-letter {
	font-size: 0;
}

.pickupBox_a {
	display: inline-block;
	margin: 0 0 8px 10px;
	/* width: 16em; */
}

.pickupBox_a a {
	display: block;
	padding: 5px;
	border: solid 1px #ccc;
	border-radius: 3px;
	color: #484848;
	background: #f6f6f6;
	font-size: 12px;
	text-decoration: none;
}

.pickupBox_a a:hover {
	border: solid 1px #999;
	color: #003894;
}



/* たびらいスタッフ厳選！おすすめツアーをご紹介！  20190912*/
.staff_osusume {
	margin-bottom: 20px;
	border-top: solid 3px #003894;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	display: flex;
    flex-wrap: wrap;
}
.staff_osusume a {
	width: 46%;
    box-sizing: border-box;
    margin: 2%;
    border: 1px solid #8A8A8A;
}
.staff_osusume a:hover {
	text-decoration: none;
}

.staff_osusume span {
	font-size: 18px;
	font-weight: bold;
}

.staff_osusume_txt {
	width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    background: #003894;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    /* border-bottom: solid 3px #cccccc; */
    text-align: center;
}

.staff_osusume_link {
	height: 100%;
	padding: 5px;
    /* border-bottom: solid 1px #ccc; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.staff_osusume_link_product {
    display: block;
    flex-flow: row wrap;
    flex-direction: column;

}

.staff_osusume_link_product img {
    width: 100%;
    height: 106px;
    object-fit: cover;
}

.staff_osusume_link_product p{
	color: #5c5c5c;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    margin-top: 7px;
}

.staff_osusume_link .staff_osusume_link_date {
	margin-top: 5px;
    padding-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    color: #003894;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}



.staff_osusume_link_foot {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.staff_osusume_link_foot div:first-child {
	width: 116px;
    /* margin: 0; */
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background-color: #59bded;
    font-size: 10px;
    /* line-height: 1; */
    text-align: center;
}

.staff_osusume_link_foot div:last-child {
    width: 100%;
    color: #d7000f;
    font-size: 14px;
    font-weight: bold;
    margin-left: 4px;
    text-align: center;
}


.staff_osusume_links_v {
    display: none;
}
.staff_osusume_links {
	display: flex;
    flex-wrap: wrap;
	width: 100%;
}

/* 20170919 */
.pl-contArea__headline {
	position: relative;
	box-sizing: border-box;
	padding: 10px 15px;
	color: #003894;
	background: #f1f1f1;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.pl-contArea__headline::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	color: #003894;
	background: #003894;
	font-size: 16px;
	line-height: 36px;
	content: '.';
}

.pl-contArea .toTop {
	width: -webkit-calc( 100% - 30px);
	width:         calc( 100% - 30px);
	margin: 0 auto 10%;
}

.pl-specialList {
	width: -webkit-calc( 100% - 30px);
	width:         calc( 100% - 30px);
	margin: 5% auto;
}

.pl-specialList+ .pl-specialList {
	margin-top: 5%;
	padding-top: 5%;
	border-top: solid 1px #ccc;
}

.pl-specialList__item {
	width: 100%;
}

.pl-specialList__item+ .pl-specialList__item {
	margin-top: 5%;
	padding-top: 5%;
	border-top: solid 1px #ccc;
}

.pl-specialList__item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	width: 100%;

	-ms-flex-pack: justify;
	    -ms-flex-wrap: wrap;
}

.pl-specialList__item__imageWrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	position: relative;
	box-sizing: border-box;
	width: 40%;

	-ms-flex-align: center;
	-ms-flex-pack: center;
}

.pl-specialList__item__textWrapper {
	position: relative;
	box-sizing: border-box;
	width: 60%;
	padding: 0 5%;
}

.pl-specialList__item__textWrapper:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 2px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #666;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.pl-specialList__item__textWrapper:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
	content: '';
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.pl-specialList__item__title {
	color: #003894;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.pl-specialList__item__text {
	margin-top: 0;
	color: #4c4c4c;
	font-size: 11px;
	line-height: 1.7;
}

.pl-contArea .pl-textLinkWrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	box-sizing: border-box;
	width: -webkit-calc( 100% - 30px);
	width:         calc( 100% - 30px);
	height: 40px;
	margin: 5% auto 10%;
	background: #fff;
}

.pl-contArea a.pl-textLink {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	padding: 10px 35px 13px 15px;
	border: 2px solid #003894;
	border-radius: 3px;
	color: #003894;
	background: #fff;
	box-shadow: #d9d9d9 0 -3px 0 inset;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}

.pl-contArea a.pl-textLink::before {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 18px;
	height: 18px;
	margin-top: -11px;
	border-radius: 50%;
	background: #003894;
	content: '';
}

.pl-contArea a.pl-textLink::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 4px solid transparent;
	border-left: 7px solid #fff;
	content: '';
}

/* 20180615追加
--------------------------*/
/* section.fukuoka h1{
	border-bottom: 1px dotted #cccccc;
    margin: 0 auto 10px;
    width: 95%;
    padding: 0 0 5px !important;
}
section.fukuoka .kenTop_obiS{
	overflow: hidden;
	width: 95%;
	margin: 0 auto 10px;
}
section.fukuoka .kenTop_obiS .obiL{
	float: left;
	margin: 0 10px 0 0;
	font-size: 10px;
	font-weight: bold;
}
section.fukuoka .kenTop_obiS .obiL .obiLt{
	width:80px;
	overflow: hidden;
	margin: 0 !important;
	padding:2px 3px;
	text-align: center;
	color:#59bded;
	background-color: #fff;
	border: 1px solid #59bded;
	border-radius: 5px 5px 0 0 ;
}
section.fukuoka .kenTop_obiS .obiL .obiLb{
	width:80px;
	overflow: hidden;
	margin: 0 !important;
	padding:2px 3px;
	text-align: center;
	color:#fff;
	background-color: #59bded;
	border: 1px solid #59bded;
	border-radius: 0 0 5px 5px ;
}
section.fukuoka .kenTop_obiS .obiL .obiLb span{
	font-weight: bold;
}
section.fukuoka .kenTop_obiS .obiR{
	float: left;
	margin: 0;
	font-size: 11px;
	padding: 10px 0 0;
}
section.fukuoka .kenTop_obiS .obiR span{
	font-size: 14px;
	font-weight: bold;
	display: inline !important;
	margin: 0 2px;
} */

/* 20190131 沖縄旅行の月別情報を見る追加
---------------------------------*/
.monthly_travel {
	margin-top: 13px;
	margin-bottom: 30px;
	padding: 0 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.monthly_travel li {
    display: inline-block;
	width: 32%;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.monthly_travel img {
	width: 100%;
}
.monthly_travel a {
	display: block;
	font-size: 12px;
}
.monthly_txt {
	margin: 0 0 5%;
    font-size: 13px;
	line-height: 1.7;
	padding: 5% 3% 0%;
}
.txt_blue {
	margin-top: 4px;
	text-decoration: underline;
}
.monthly_travel .month {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	padding: 2px 8px;
	background-color:#023ca1;
 }

/* 20190131 沖縄旅行のお役立ち情報
---------------------------------*/
.contents_table {
	margin-bottom: 40px;
    padding: 0 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contents_table li {
	width: 49%;
    display: inline-block;
    /* margin: 0 5px; */
    position: relative;
    margin-top: 2%;
    background-color: #eee;
    min-height: 120px;
}
.contents_table li:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #003894; 
	content: "";
}
.contents_table li.last-child {
	width: 100%;
}

.contents_table a {
    text-decoration: none;
}
.cnt_tbl_ttl {
    font-size: 17px;
    color: #003894;
    font-weight: bold;
    text-align: left;
    margin-left: 60px;
    height: 48px;
    display: flex;
    align-items: center;
}
.cnt_tbl_txt {
    font-size: 14px;
    color: #000;
    line-height: 1.5;
}
.cnttbl {
    width: 28px;
    position: absolute;
    top: 11px;
    left: 11px;
    background: #fff;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 50%;
    display: flex;
    height: 28px;
    align-items: center;
}

.cnttbl > img {
    width: 28px;
}
.cnttbl.logo_cost {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 7px;
}
.cnttbl.logo_climate {
    width: 21px;
    position: absolute;
    top: 7px;
    left: 10px;
}
.cnttbl.logo_sea {
    width: 25px;
    position: absolute;
    top: 11px;
    left: 10px;
}
.cnttbl.logo_tourism {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.cnttbl.logo_season {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.cnttbl.logo_preparation {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.cnttbl.logo_ {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.cnttbl.logo_access {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
}

.season_contents {
	margin-top: 20px;
	padding: 0 5%;
}
.season_contents img {
	vertical-align: top;
    width: 100%;
	max-width: 150px;
    margin: 0 auto;
}
.season_contents > li {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; 
	flex-direction: column;
}
.season_contents h3 {
	margin: 0 0 10px;
	text-align: center;
	color: #2E32C9;
	border-bottom: 2px solid #003894;
	width: 100%;
	font-size: 18px;
}


.season_cnt {
	display: inline-block;
    /* width: calc(100% - 124px); */
	margin-top: 10px;
}
.season_contents .blogo_cost:before {
	content: '';
    display: inline-block;
    width: 29px;
    height: 38px;
    background-image: url(/tour/common/images/area_top/icon/icon-01.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_climate:before {
	content: '';
    display: inline-block;
    width: 26px;
    height: 34px;
    background-image: url(/tour/common/images/area_top/icon/icon-02.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_sea:before {
	content: '';
    display: inline-block;
    width: 32px;
    height: 26px;
    background-image: url(/tour/common/images/area_top/icon/icon-03.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_tourism:before {
	content: '';
    display: inline-block;
    width: 24px;
    height: 33px;
    background-image: url(/tour/common/images/area_top/icon/icon-04.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_season:before {
	content: '';
    display: inline-block;
    width: 32px;
    height: 37px;
    background-image: url(/tour/common/images/area_top/icon/icon-05.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_preparation:before {
	content: '';
    display: inline-block;
    width: 30px;
    height: 35px;
    background-image: url(/tour/common/images/area_top/icon/icon-06.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_contents .blogo_item:before {
	content: '';
    display: inline-block;
    width: 26px;
    height: 34px;
    background-image: url(/tour/common/images/area_top/icon/icon-08.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.season_cnt p {
	margin-bottom: 10px;
	line-height: 1.7;
	font-size: 14px;
}
.season_cnt a {
    margin-right: 10px;
    display: inline-block;
	margin-bottom: 10px;
	font-size: 13px;
}

.season_cnt_list {
	margin-top: 10px;
}

.season_cnt_list li {
}
.anchor {
	padding: 10px;
    display: flex;
    flex-wrap: wrap;
    height: 140px;
}
.anchor:hover {
    opacity: 0.7;
}

/*-----------------------
 	東京page
 ---------------------- */

/* 検討リスト非表示 */
/* .tb_headerNav .bt-user-nav__list {
	display: none !important;
} */
/* /検討リスト非表示 */

/* たびらいスタッフ厳選！今が旬のお得情報  */
.tokyo-osusume_wrapper .staff_osusume {
	margin-bottom: 20px;
	display: block;
	border: none;
}

.tokyo-osusume_wrapper .staff_osusume .link-pmad {
	display: block;
	margin: 3%;
	margin: 2% 2% -3px !important;
	border: none;
	width: auto;
}

.tokyo-osusume_wrapper .staff_osusume .link-pmad p {
	font-size: 15px;
	text-align: right;
}


.tokyo-osusume-keyword .pickuph2:first-letter {
    font-size: unset;
}

.tokyo-osusume-keyword .pickupBox_a a {
	border: solid 1px #003894;
    color: #003894;
    background: #fff;
}
/* /たびらいスタッフ厳選！今が旬のお得情報  */



/* 質問欄 */
.dp-Area__txt {
	font-size: 14px;
	padding: 10px;
	line-height: 1.7;
	background: #F5F5F5;
}

.dp-Area__link {
	text-align: right;
	margin: 10px 0 10px;
	font-size: 13px;
}

.dp-Area__qa-headline {
	padding: 10px 5%;
    color: #000;
    background: #e6e6e6;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
}

.qp-item {
	border-bottom: 1px solid #d9d9d9;
}
.qp-item a {
	font-size: 13px;
    display: block;
    box-sizing: border-box;
    padding: 14px 30px 14px 10px;
	position: relative;
	color: #003894;
}

.qp-item a::after {
	position: absolute;
    top: 53%;
    right: 14px;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 2px #003894;
    border-right: solid 2px #003894;
}

.qa-more-Btn {
	width: 100%;
}

.qa-more-Btn a {
	display: block;
	position: relative;
	border: 1px solid #003894;
	color: #003894;
	padding: 8px 35px;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	width: 70%;
	margin: 15px auto 20px;
}

.qa-more-Btn a::after {
	position: absolute;
    top: 55%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 3px #003894;
    border-right: solid 3px #003894;
}

/* /質問欄 */


/* おすすめ特集記事 */
.tokusyuArea-list {
    display: flex;
	/* flex-wrap: wrap; */
	/* margin: 20px 0 30px; */
}
.osusume-tokusyuArea .tokusyuArea-list:nth-of-type(1) {
	margin-top: 15px;
}

.tokusyuArea-item {
	position: relative;
	margin-right: 5px;
	margin-top: 5px;
	margin-left: 5px;
	width: 50%;
}

.tokusyuArea-item:nth-child(even) {
	margin-left: 0px;
}

.tokusyuArea-item__text {
    position: absolute;
	color: white;
	font-size: 13px;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0 5px 5px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
}
/* /おすすめ特集記事 */

/* 宿泊人気ランキング */
h2.commonTit.\--mt-30 {
	margin-top: 30px;
}
.tokyo-pl-contArea .pl-specialList__item+ .pl-specialList__item {
	margin-top: 3%;
    padding-top: 2%;
}

.tokyo-pl-contArea .pl-specialList+ .pl-specialLis {
	padding-top: 2%;
}

.tokyo-pl-contArea .pl-specialList__item a {
	display: flex;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: normal;
	font-size: 11px;
	position: relative;
}

.tokyo-pl-contArea .pl-specialList__item a::after {
	position: absolute;
    top: 53%;
    right: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 2px #003894;
    border-right: solid 2px #003894;
}

.tokyo-pl-contArea .pl-specialList__item__imageWrapper  {
	width: 43%;
}
.pl-specialList__item__area-wrapper,
.pl-specialList__item__station-wrapper {
	display: flex;
	margin-top: 2px;
	color: #4c4c4c;
}

.pl-specialList__item__area-wrapper span {
	width: 47px;
	padding-right: 3px;
}
.pl-specialList__item__station-wrapper span {
	width: 61px;
	padding-right: 2px;
}
.pl-specialList__item__right-box {
	margin-left: 10px;
	width: 50%;
}

.pl-specialList__item__area-name,
.pl-specialList__item__station-name {
    width: 88%;
}

.tokyo-pl-contArea .pl-specialList__item__text {
	margin-top: 5px;
	margin-left: 2%;
	width: 93%;
	font-size: 13px;
    line-height: 1.5;
}
/* /宿泊人気ランキング */


/* おすすめ特集 */
.spotArea-list {
	width: calc( 100% - 30px);
    margin: 5% auto;
}

.spotArea-item {
	position: relative;
}

.spotArea-item .label {
	position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 8px 10px;
    color: #fff;
    background: rgba(0, 56, 148, .9);
    font-size: 13px;
}

.spotArea-item__headline {
    padding: 10px 0;
	line-height: 1.2em;
	font-weight: bold;
}

.spotArea-item__headline__text {
	line-height: 1.4;
	font-size: 13px;
}

.qa-more-Btn.\--spot-btn {
	width: 100%;
}

.qa-more-Btn.\--spot-btn a {
	margin-left: 0;
	text-align: center;
	width: 100%;
	margin: 10px auto 15px;
	font-size: 16px;
}
.qa-more-Btn.\--spot-btn a::after {
    top: 49%;
    right: 20px;
    width: 9px;
    height: 9px;
}

.spotArea-item__link {
    text-align: right;
	margin: 10px 0 10px;
	font-size: 13px;
}

.spotArea-item__link a {
	color: #003894;

}

/* /おすすめ特集 */







/* ==========================================================================
   パンくず
   ========================================================================== */
/* パンくずの非表示 */
.breadcrumb,
.rc-breadcrumb__content {
	display: none;
}

/* ぱんくず */
.pl-breadcrumb {
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    margin-top: 30px;
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    width: 100%;
    height: 42px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}

.pl-breadcrumb__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    height: 42px;
    padding-right: 17px;
    height: 100%;
}

.pl-breadcrumb__item {
    display: inline-block;
    list-style: none;
    padding-right: 22px;
    font-size: 10px;
    line-height: 42px;
    color: #505050;
}

.pl-breadcrumb__link {
    text-decoration: none;
    color: #2068b7 !important;/*「日本自駕遊」ページでbodyにリンクカラー#fffがあるため最優先させる */
    background: #ffffff;
    display: inline-block;
    position: relative;
}

.pl-breadcrumb__item:first-child > .pl-breadcrumb__link {
    padding-left: 10px;
}

.pl-breadcrumb__item:not(:last-child) .pl-breadcrumb__link::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -18px;
    width: 42px;
    height: 43px;
    -webkit-transform: scale(0.707) rotate(45deg);
            transform: scale(0.707) rotate(45deg);
    z-index: 1;
    border-top: 3px solid #e8e8e8;
    border-right: 3px solid #e8e8e8;
}

/*-----------------------
 	/東京page
 ---------------------- */

  /*MV 202201*/
#mv_area {
    position: relative;
    height: 75px;
    background: url(/s/tour/common/img/area_top/kansai/main.jpg) no-repeat;
    background-position: center center !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    color: #fff;
}

/* #mv_box {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 930px;
    padding: 15px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    line-height: 1.8;
} */

.mv_tit {
	position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 0.8;
    text-align: center;
    text-shadow: 1px 1px 3px #000;
}

.mv_tit span {
	font-size: 16px;
    display: block;
}

p.mv_txt {
	margin-top: 16px;
	font-size: 14px;
}

#mv_area.aomori {background:url(/s/tour/common/img/area_top/002_aomori/mainimage.jpg) no-repeat;}
#mv_area.iwate {background:url(/s/tour/common/img/area_top/003_iwate/mainimage.jpg) no-repeat;}
#mv_area.miyagi {background:url(/s/tour/common/img/area_top/004_miyagi/mainimage.jpg) no-repeat;}
#mv_area.akita {background:url(/s/tour/common/img/area_top/005_akita/mainimage.jpg) no-repeat;}
#mv_area.yamagata {background:url(/s/tour/common/img/area_top/006_yamagata/mainimage.jpg) no-repeat;}
#mv_area.fukushima {background:url(/s/tour/common/img/area_top/007_fukushima/mainimage.jpg) no-repeat;}

#mv_area.niigata {background:url(/s/tour/common/img/area_top/015_niigata/mainimage.jpg) no-repeat;}
#mv_area.toyama {background:url(/s/tour/common/img/area_top/016_toyama/mainimage.jpg) no-repeat;}
#mv_area.ishikawa {background:url(/s/tour/common/img/area_top/017_ishikawa/mainimage.jpg) no-repeat;}
#mv_area.fukui {background:url(/s/tour/common/img/area_top/018_fukui/mainimage.jpg) no-repeat;}
#mv_area.yamanashi {background:url(/s/tour/common/img/area_top/019_yamanashi/mainimage.jpg) no-repeat;}
#mv_area.nagano {background:url(/s/tour/common/img/area_top/020_nagano/mainimage.jpg) no-repeat;}

#mv_area.gifu {background:url(/s/tour/common/img/area_top/021_gifu/mainimage.jpg) no-repeat;}
#mv_area.shizuoka {background:url(/s/tour/common/img/area_top/022_shizuoka/mainimage.jpg) no-repeat;}
#mv_area.aichi {background:url(/s/tour/common/img/area_top/023_aichi/mainimage.jpg) no-repeat;}
#mv_area.mie {background:url(/s/tour/common/img/area_top/024_mie/mainimage.jpg) no-repeat;}

#mv_area.tottori {background:url(/s/tour/common/img/area_top/031_tottori/mainimage.jpg) no-repeat;}
#mv_area.shimane {background:url(/s/tour/common/img/area_top/032_shimane/mainimage.jpg) no-repeat;}
#mv_area.okayama {background:url(/s/tour/common/img/area_top/033_okayama/mainimage.jpg) no-repeat;}
#mv_area.hiroshima {background:url(/s/tour/common/img/area_top/034_hiroshima/mainimage.jpg) no-repeat;}
#mv_area.yamaguchi {background:url(/s/tour/common/img/area_top/035_yamaguchi/mainimage.jpg) no-repeat;}

#mv_area.tokushima {background:url(/s/tour/common/img/area_top/036_tokushima/mainimage.jpg) no-repeat;}
#mv_area.kagawa {background:url(/s/tour/common/img/area_top/037_kagawa/mainimage.jpg) no-repeat;}
#mv_area.ehime {background:url(/s/tour/common/img/area_top/038_ehime/mainimage.jpg) no-repeat;}
#mv_area.kochi {background:url(/s/tour/common/img/area_top/039_kochi/mainimage.jpg) no-repeat;}

/*よくある質問*/

.packagetour__content {
	width: -webkit-calc(100% - 30px);
	width:         calc(100% - 30px);
	width: -webkit-calc(100% - 9.375vw);
	width:         calc(100% - 9.375vw);
	margin: 46px auto 46px;
	line-height: 2;
}

.packagetour__content__link {
	font-size: 14px;
}

.packagetour__content__headline {
	position: relative;
	margin-bottom: 10px;
	padding-left: 0;
	color: #222;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}

.packagetour__content__headline::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 6px;
	border: 6px solid #003894;
	color: #003894;
	font-size: 12px;
	content: '';
}

.faq_tit {
	display: flex;
	align-items: center;
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}

.faq_tit:not(:first-of-type) {
	margin-top: 30px;
}

.faq_tit::before {
		background-color: #003894;
		content: "";
		display: inline-block;
		height: 1.5em;
		width: 5px;
		margin-right: 10px;
}
.faq_list {
		margin-top: 10px;
}
.faq_list .q {
		border-bottom: 1px solid #5CC4E9;
		font-size: 15px;
		font-weight: bold;
		position: relative;
		padding-bottom: 10px;
}
.faq_list .q::before {
		color: #5CC4E9;
		content: "Q";
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		margin-right: 10px;
}
.faq_list .a {
	position: relative;
	font-size: 14px;
	margin-top: 10px;
}
.faq_list .a::before {
		color: #fd5013;
		content: "A";
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		margin-right: 10px;
}
.faq_nav {
		margin-top: 5px;
}
.faq_nav__item {
		font-size: 14px;
}
.faq_nav__item:not(:first-child) {
		margin-top: 0;
}
.faq_nav__link {
		text-decoration: underline;
		position: relative;
}
.faq_nav__link::before {
		content: "・";
		display: inline-block;
}

/* 注目のホテル特集 */
.hotelspecial_list {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 auto 3%;
}

.hotelspecial_item {
	width: 100%;
	margin: 3% auto 0;
}

a.hotelspecial_item_link {
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #999;
	padding: 0 0 3% 0;
}

a.hotelspecial_item_link::after {
	content:"";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(45deg)
}
.hotelspecial_item figure {
	display: block;
	width: 30%;
}
.hotelspecial_item img {
	width: 100%;
}

.hotelspecial_item_name {
	width: 60%;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}


/* 人気ランキング */
.hotelspecial_list.ranking {
	display: flex	;
	justify-content: space-between;
}

.hotelspecial_list.ranking a.hotelspecial_item_link {
  pointer-events: none;
  position: relative;
  padding: 10px 0px;
  justify-content: flex-start;
}

.hotelspecial_list.ranking .hotelspecial_list_content{
  display: flex  ;
  align-items: center;
  margin-left: 10px;
}

.hotelspecial_list.ranking .hotelspecial_item figure {
	flex-shrink: 0;
}

.hotelspecial_list.ranking .hotelspecial_list_title{
  content: "";
  display: flex;
  width: 70px;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
.hotelspecial_list.ranking .hotelspecial_list_title p{
	color: #333;
	font-weight: bold;
}

.hotelspecial_list.ranking .hotelspecial_list_title p span{
	font-size: 10px;
}

.hotelspecial_list.ranking .hotelspecial_list_title.ran1{
    background-image: url('/tour/common/images/ico_ranking_1.png');
}

.hotelspecial_list.ranking .hotelspecial_list_title.ran2{
    background-image: url('/tour/common/images/ico_ranking_2.png');
}

.hotelspecial_list.ranking .hotelspecial_list_title.ran3{
    background-image: url('/tour/common/images/ico_ranking_3.png');
}

.hotelspecial_list.ranking .hotelspecial_list_title.ran45{
    background-image: url('/tour/common/images/ico_ranking_45.png');
}

.hotelspecial_list.ranking .ico_ranking{
	width: 50px;
	height: 30px;
	object-fit: contain;
}

.hotelspecial_list.ranking .hotelspecial_list_content h3 {
  margin-top: 0;
  margin-left: 10px;
  color: #333;
  width: 90%;
  display: block;
}

.hotelspecial_list.ranking a.hotelspecial_item_link::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
}

.hotelspecial_list.ranking a.hotelspecial_item_link{
  border-bottom: none;
}

.hotelspecial_list.ranking .hotelspecial_item {
  border-bottom: 1px solid #999;
}

.hotelspecial_list.ranking .hotelspecial_item:last-child {
  border-bottom: none;
}

.hotelspecial_list.ranking a.hotelspecial_item_link::after {
	display: none;
  }