@charset "UTF-8";

/**** 
 /css/slick/slick.css
****/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
/* PageSpeed: JS を defer にしたため、slick 初期化前はメインスライダーの 1 枚目だけ表示する (全スライドが縦に並ぶのを防ぐ) */
#bgImg .slider:not(.slick-initialized) > li:not(:first-child)
{
    display: none;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}








/**** 
 /css/slick/slick-theme.css
****/
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../slick/fonts/slick.eot');
    src: url('../slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../slick/fonts/slick.woff') format('woff'), url('../slick/fonts/slick.ttf') format('truetype'), url('../slick/fonts/slick.svg#slick') format('svg');
    }
*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 0;
	right: 0;
	background-color:#FFF;
	opacity: 0.9;
    display: block;

    width: 150px;
    height: 275px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
	z-index: 10;
}

@media screen and (max-width:767px){
	
	.slick-prev,
	.slick-next
	{	
	    width: 10%;
	    height: 240px;
	}
	
}

/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}*/
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 0;
    line-height: 1;

    opacity: .75;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.slick-dots
{
    position: absolute;
	bottom: 14px;
	right: 13px;
    display: block;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 1px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .4;
    color: #FFF;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1.0;
    color: #FFF;
}


@media screen and (max-width:767px){

.slick-dots
{
	bottom: 14px;
	right: 0;
	left: 0;
	margin: auto;
}

	
}	




/**** 
 PC 
****/

h2{
	font-size: 28px;
	text-align: center;
	line-height: 1;
	letter-spacing: 4.8px;
	margin-bottom: 80px;
}
h3{
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}
.box{
	width: 100%;
	padding: 80px 0;
}
.titWrap{
	width: 960px;
	margin: 0 auto;	
	position: relative;
}
.titWrap .linkList{
	letter-spacing: 1.6px;
	position: absolute;
	top: 5px;
	right: 0;	
}
.linkList a{
	background: url(/images/common_2/icon_link.png) right 2px / 6px 10px no-repeat;
	padding-right: 23px;
}

/*common-item*/
.item{position: relative;}
.item .icon::before{
	position: absolute;
	z-index:10;	
}
.item .area{
	color: #0f97be;
	font-size: 12px;
	font-weight: bold;
}
.item .rating{
	width: 96px;
	display: flex; display: -webkit-flex; justify-content: space-between;
}
.item .txt{
	font-size: 12px;
	color: #666666;
}



#topInfo {
	border: 3px solid #c22121;
	margin: 15px auto;
	padding: 10px;
	width: 600px;
	text-align: center;
}
#topInfo a { font-weight: bold; color: #006ce6; text-decoration: underline; }
#topInfo a:hover { text-decoration: none; }
#topInfo span.update { }
#topInfo span.mark { color: #c22121; font-weight: bold; font-size: 16px; margin: 0 10px; }


#infomationLink {
	border: 3px solid #cccccc;
	margin: 15px auto;
	padding: 10px;
	width: 450px;
	text-align: center;
}
#infomationLink a { font-weight: bold; color: #006ce6; text-decoration: underline; }
#infomationLink a:hover { text-decoration: none; }
#infomationLink span.update { }
#infomationLink span.mark { font-weight: bold; font-size: 16px; }

/* 世界遺産バナー */
#bnrIsan { margin: 40px 0; text-align: center; }
#bnrIsan img { margin: 0 auto; height: auto; }

/*メインビジュアル*/
#mainVisual{
	width: 1280px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#mainContent{
	position: absolute;
	top:60px;
	left:160px;
	z-index: 100;
}
#tabContent{
	width: 510px;
	height: 404px;
	background-color: rgba(255,255,255,0.9);
	border: 3px solid #FFF;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tabContent .tab li{
	width: 98px;
	height: 98px;
	padding-top: 48px;
	background-color: #c22121;
	background-position:center top;
	background-size:17px 42px;
	background-repeat: no-repeat;	
	cursor: pointer;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	margin-bottom: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#tabContent .tab li:nth-child(1){ border-top-left-radius:4px; background-image:url(/images/top_2/icon_tab1_off.png); }
#tabContent .tab li:nth-child(2){ background-image:url(/images/top_2/icon_tab2_off.png); }
#tabContent .tab li:nth-child(3){ background-image:url(/images/top_2/icon_tab3_off.png); }
#tabContent .tab li:nth-child(4){ margin-bottom: 0; border-bottom-left-radius:4px; background-image:url(/images/top_2/icon_tab4_off.png);}
#tabContent .tab li span{ display: block; font-size: 11px; }
#tabContent .tab li.select{ color: #222222; background-color: #FFF; font-weight: bold; }
#tabContent .tab li.select:nth-child(1){ background-image:url(/images/top_2/icon_tab1_on.png); }
#tabContent .tab li.select:nth-child(2){ background-image:url(/images/top_2/icon_tab2_on.png); }
#tabContent .tab li.select:nth-child(3){ background-image:url(/images/top_2/icon_tab3_on.png); }
#tabContent .tab li.select:nth-child(4){ background-image:url(/images/top_2/icon_tab4_on.png); }
#tabContent .contentWrap{ width: 406px;}
#tabContent .contentWrap .hide{ display: none; }
#tabContent .contentWrap .contentIn{ width: 350px; margin: 25px auto 0; color: #444444; letter-spacing: 1.0px; }
#tabContent .contentWrap .contentIn a{color: #444444; padding-bottom: 1px; border-bottom: 1px solid #444444;}
#tabContent .contentWrap .contentIn a:hover{border-bottom: none;}
#tabContent .contentWrap .contentIn .linkList a{ border: none; color: #c22121; }
#tabContent .contentWrap .contentIn ul li{ display: block !important;}
#tabContent .contentWrap .contentIn .txtS{font-size:12px; line-height: 18px; padding-bottom:30px; border-bottom: 1px solid #bfbfbf; margin-bottom: 30px;}
#tabContent .contentWrap .contentIn h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.contentBox select{
	position: relative;
	height: 34px;
	font-size: 14px;
	padding: 0 32px 0 18px;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #444444;
	border: 1px solid #444444;
	background-color: #fff;
	background-image: url(/images/top_2/icon_select.png);
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.contentBox select:focus { outline: 0;}
.contentBox input{
	width: 114px;
	height: 34px;
	color: #fff;
	font-size: 16px;
	background: #c22121;
	cursor: pointer;
	border-radius: 4px;
	border: 0;
}	
#mapTit{
	width: 350px;
	margin: 25px auto 0;
	color: #444444;
	letter-spacing: 1.0px;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 30px;
}
#mapTit p span{ margin-right: 10px;}
#map{ position: relative; width: 377px; margin: 0 auto;}
#map .areaList p{ position: absolute; }
#map .areaList p.area1{ top:62px; left: 10px; }
#map .areaList p.area2{ top:94px; left: 40px; }
#map .areaList p.area3{ top:175px; left: 122px; }
#map .areaList p.area4{ top:175px; left: 212px; }
#map .areaList p.area5{ top:144px; left: 284px; }
#map .areaList p.area6{ top:179px; left: 284px; }
#map .areaList .bg{ position: absolute; }

#map select{position: absolute; height: 29px; font-size: 12px; font-weight: bold; padding: 0 30px 0 7px; background-image: url(/images/top_2/icon_selectMap.png); background-size: 25px 27px;}

#map select.continent1{ width:116px; top:214px; left: 132px; }/*オセアニア*/
#map select.continent2{ width:116px; top:123px; left: 160px; }/*太平洋諸島*/
#map select.continent3{ width:86px; top:72px; left: 141px; }/*アジア*/
#map select.continent4{ width:116px; top:8px; left: 11px; }/*ヨーロッパ*/
#map select.continent5{ width:140px; top:134px; left: 0px; }/*アフリカ・中近東*/
#map select.continent6{ width:116px; top:11px; left: 223px; }/*北アメリカ*/
#map select.continent7{ width:86px; top:226px; left: 275px; }/*中南米*/


#mapTab { margin-top: -36px; }
#mapTab ul { height: 33px; justify-content: flex-end; }
#mapTab ul li { width: 200px; height: 26px; padding-top: 7px; margin-left: 3px; background:url(/images/top_2/bg_maptab2_off.png) left center / 200px 33px no-repeat; font-weight: bold; color: #ffffff; text-align: center; cursor: pointer; }
#mapTab ul li.on { background:url(/images/top_2/bg_maptab2_on.png) left center / 200px 33px no-repeat; color: #c22121; }
#mapTab ul li span { margin-left: 3px; font-weight: normal; font-size: 12px; }

#mapWrapJD #mapJD { position: relative; width: 349px; margin: 0 auto; top: -20px;}
#mapWrapJD .areaList p{ position: absolute; }
#mapWrapJD .areaList p.area1{ top:80px; left: 90px; }/*酒蔵*/
#mapWrapJD .areaList p.area2{ top:80px; left: 0px; }/*ワイナリー*/
#mapWrapJD .areaList p.area3{ top:120px; left: 40px; }/*工場見学*/
#mapWrapJD .areaList p.area4{ top:40px; left: 40px; }/*観光ツアー*/
#mapWrapJD .areaList p.area5{ top:80px; left: 270px; }/*宿坊・寺泊*/
#mapWrapJD .areaList p.area6{ top:0px; left: 5px; }/*オンライン講座*/
#mapWrapJD .areaList p a:hover { opacity: 0.6; }
#mapJD .bg{ position: absolute; width: 349px; }
#mapWrap .hide { display: none; }

#mapJD select{position: absolute; height: 29px; font-size: 12px; font-weight: bold; padding: 0 15px 0 7px; background-image: url(/images/top_2/icon_selectMap.png); background-size: 25px 27px;}
#mapJD select.JDarea1{ top:10px; left: 270px; padding: 0 30px 0 7px; }/*北海道*/
#mapJD select.JDarea2{ top:120px; left: 250px; }/*東北*/
#mapJD select.JDarea3{ top:170px; left: 210px; }/*関東*/
#mapJD select.JDarea4{ top:160px; left: 90px; }/*中部*/
#mapJD select.JDarea5{ top:210px; left: 110px; padding: 0 10px 0 7px;}/*関西*/
#mapJD select.JDarea6{ top:200px; left: 0px; }/*中国*/
#mapJD select.JDarea7{ top:250px; left: 100px; }/*四国*/
#mapJD select.JDarea8{ top:260px; left: 0px; }/*九州*/
#mapJD select.JDarea9{ top:220px; left: 280px; padding: 0 20px 0 7px;}/*奄美群島*/
#mapJD select.JDarea10{ top:260px; left: 290px; padding: 0 40px 0 7px;}/*沖縄*/

.contentIn .popularList li{ font-size: 14px; font-weight: bold;}
.contentIn .popularTheme li{ margin-bottom: 12px; background: url(/images/top_2/icon_mainVis_hot.png) left center / 25px 19px no-repeat; padding-left: 33px; }
.contentIn .popularTheme li span{ font-size: 12px;}

.contentIn .cityRanking li{ display: inline-block; margin: 0 14px 14px 0; padding-left: 45px; }
.contentIn .cityRanking li:nth-child(1){ background:url(/images/top_2/icon_mainVis_rank1.png) left center / 38px 23px no-repeat; }
.contentIn .cityRanking li:nth-child(2){ background:url(/images/top_2/icon_mainVis_rank2.png) left center / 38px 23px no-repeat; }
.contentIn .cityRanking li:nth-child(3){ background:url(/images/top_2/icon_mainVis_rank3.png) left center / 38px 23px no-repeat; }
.contentIn .cityRanking li:nth-child(4){ background:url(/images/top_2/icon_mainVis_rank4.png) left center / 23px 23px no-repeat; padding-left: 30px; }
.contentIn .cityRanking li:nth-child(5){ background:url(/images/top_2/icon_mainVis_rank5.png) left center / 23px 23px no-repeat; padding-left: 30px; }

.contentIn .tourRanking li{ margin-bottom: 20px; position: relative;}
.contentIn .tourRanking li:last-child{ margin-bottom: 0; }
.contentIn .tourRanking li .img{ width: 80px; height: 60px; background: #eee;}
.contentIn .tourRanking li .img img{max-width: 80px; max-height: 60px;}
.contentIn .tourRanking li .img a{padding:0 !important; border: none !important;}
.contentIn .tourRanking li .img::before { 
	position: absolute;
	z-index:10;
    -moz-transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);		
}
.contentIn .tourRanking li .rank1::before{content: url(/images/top_2/icon_mainVis_rank1.png); top: 21px; left: -16px;}
.contentIn .tourRanking li .rank2::before{content: url(/images/top_2/icon_mainVis_rank2.png); top: 21px; left: -16px;}
.contentIn .tourRanking li .rank3::before{content: url(/images/top_2/icon_mainVis_rank3.png); top: 21px; left: -16px;}
.contentIn .tourRanking li .rank4::before{content: url(/images/top_2/icon_mainVis_rank4.png); top: 21px; left: -9px;}
.contentIn .tourRanking li .txt{ width: 253px; font-size: 12px; font-weight: bold;}

#mainContent .btn a{
	height: 60px;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	border: 2px solid #FFF;
	margin-top: 20px;
	padding-left: 166px;
	background-color: rgba(255,255,255,0.9);
	background-image: url(/images/top_2/icon_mainVis.png);
	background-position:left center;
	background-size:148px 29px;
	background-repeat: no-repeat;
}
#bgImg{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
	width: 1280px;
}
#bgImg ul li{ position: relative;}
#bgImg ul li a:hover{opacity: 1;}
#bgImg li .txtWrap{
	position: absolute;
	top:140px;
	right: 210px;
	color: #FFF;
	letter-spacing: 1.4px;
	font-weight: bold;
	text-align: center;
}
#bgImg li .txtWrap2{
	position: absolute;
	top: 55px;
	right: 70px;
	color: #FFF;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
}

#bgImg li .txtWrap .logo{ font-size: 16px; padding-bottom: 15px; border-bottom: 3px solid #FFF;}
#bgImg li .txtWrap .txt1{font-size: 30px; line-height: 38px; margin-top: 26px;}
#bgImg li .txtWrap .txt2{font-size: 30px; line-height: 38px; margin-top: 28px;}
#bgImg li .txtWrap .txt3{font-size: 16px; line-height: 31px; margin-top: 30px;}
#bgImg li .txtWrap .txt4{
	font-size: 16px; line-height: 31px; margin-top: 30px;
    text-shadow: 1px 1px #001059, -1px -1px #001059, 1px -1px #001059, -1px 1px #001059, 0px 1px #001059, 1px 0px #001059, -1px 0px #001059, 0px -1px #001059;
}
#bgImg li .txtWrap .txt5, 
#bgImg li .txtWrap2 .txt5 {
	font-size: 22px; line-height: 44px; margin-top: 40px;
	text-shadow: 
    #051a0e 1px 1px 5px, #051a0e -1px 1px 5px,
    #051a0e 1px -1px 5px, #051a0e -1px -1px 5px;
}
#bgImg li .txtWrap .txt6, 
#bgImg li .txtWrap2 .txt6 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	font-size: 20px; line-height: 36px; 
	text-shadow: #001059 1px 1px 1px, #001059 -1px 1px 1px, #001059 1px -1px 1px, #001059 -1px -1px 1px;

}
#bgImg li .txtWrap2 .hotlogo{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 42px; padding-bottom: 15px; border-bottom: 3px solid #FFF;
	text-shadow: #001059 1px 1px 1px, #001059 -1px 1px 1px, #001059 1px -1px 1px, #001059 -1px -1px 1px;
}
#bgImg li .txtWrap2 .hottxt{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	margin-bottom: 40px;
	border-top: 1px solid #051a0e;
	font-size: 20px; line-height: 36px; padding-top: 20px;
	text-shadow: #001059 1px 1px 1px, #001059 -1px 1px 1px, #001059 1px -1px 1px, #001059 -1px -1px 1px;
}

#bgImg li .img a:hover{opacity: 1;}

/*SP用コンテンツ*/
#searchSp, #mainContentSp{ display: none; }

/*特集*/
#feature{ min-width: 1280px; background: #fcfaf5; position: relative;}
#feature .featureSliderWrap{position: relative;}
/*#feature .featureSlider::after{
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: inline-block;		
	background-color: #FFF;
	opacity: 0.8;
	width: 150px;
	height: 275px;
}
#feature .featureSlider::before{
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: inline-block;		
	background-color: #FFF;
	opacity: 0.8;
	width: 150px;
	height: 275px;
}*/
#feature ul li{ width: 300px; margin-right: 30px;} 
#feature ul li h3{ margin-top: 10px;}
#feature ul li .item .icon{position: relative; }
#feature ul li .item .icon::before {
	content: " ";
	position: absolute;
	top: 82px;
	right: 0;
	z-index: 10;
	display: inline-block;
	width: 30px;
	height: 61px;
	background-image: url(/images/top_2/icon_feature.png);  
	background-size: contain;
}
#bgImg ul li a:hover{opacity: 1;}
#feature ul li .item .img{width: 300px; height: 225px;}
#feature ul li .item .img img{max-width: 300px; max-height:225px;}

/*おすすめツアー*/
#recommendTour{ width: 960px; margin: 0 auto; }
#recommendTour ul li{ width: 220px;}
#recommendTour ul li .icon::before {
	content:" ";
	position: absolute;
	top: -19px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:37px;
    height:39px;
    background: url(/images/top_2/icon_hot.png);  
    background-size:contain;
}
#recommendTour ul li .area{ margin: 10px 0 5px;}
#recommendTour ul li .area a { color: #0f97be; }
#recommendTour ul li h3{ padding-bottom: 10px; border-bottom: 1px dotted rgba(94, 94, 94, 0.5);}
#recommendTour .rating{ margin: 15px 0 5px;}

/*最安値*/
#lowestPrice{ min-width: 1280px; background:#fcf5f5; }
#lowestPrice .titWrap{margin-bottom:0;}
#lowestPrice .titWrap::before{
	content:" ";
	position: absolute;
	top: -80px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:62px;
    height:52px;
    background: url(/images/top_2/icon_sale_tit.png);   
    background-size:contain;
}
#lowestPrice .titWrap .subTxt{
	position: absolute;
	top:0;
	left:0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color:#c22121;	
	padding-bottom: 3px;
	border-bottom: 2px solid #c22121;
}
#lowestPriceContent{
	width: 960px;
	margin: 0 auto;	
}
#lowestPriceContent li{
	width: 460px;
	background: #FFF;
	margin-bottom: 40px;
}
#lowestPriceContent li:nth-last-child(-n+2){
	margin-bottom: 0;
}
#lowestPriceContent li .item{
	width: 420px;
	margin: 20px auto;
	display: flex; display: -webkit-flex; justify-content: space-between;
}
#lowestPriceContent li .item .img{
	width: 186px;
	height: 140px;
	position: relative;
}
#lowestPriceContent li .item .img img{max-width: 186px; max-height: 140px;}
#lowestPriceContent li .item .icon::before {
	content:" ";
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:41px;
    height:42px;
    background: url(/images/top_2/icon_sale_item.png);  
    background-size:contain;
}
#lowestPriceContent li .item .txtWrap{
	width: 200px;
	margin-top: 5px;
	letter-spacing: 0.8px;
}
#lowestPriceContent li .item .rating{
	padding: 10px 0;
	height: 14px;
}
#lowestPriceContent li .item .rating li{
	width: 16px;
	background: #FFF;
	margin-bottom: 0;
}
#lowestPriceContent li .item .price{
	color: #e43324;
	font-size: 24px;
	font-weight: bold;
}	
#lowestPriceContent li .item .price span{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-left: 10px;
}	

/*ランキング*/
#ranking{ min-width: 1280px; background: #f5fcfb;}
#ranking ol{ width: 960px; margin: 0 auto; }
#ranking li{ width: 220px;}
#ranking li .item .icon::before{ 
	position: absolute;
	top: -22px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
}
#ranking li .item .rank1::before{ 
	content:" ";
	width:46px;
	height:48px;
	background: url(/images/top_2/icon_ranking1.png); 
    background-size:contain;
}
#ranking li .item .rank2::before{ 
	content:" ";
	width:46px;
	height:48px;
	background: url(/images/top_2/icon_ranking2.png); 
    background-size:contain;
}
#ranking li .item .rank3::before{ 
	content:" ";
	width:46px;
	height:48px;
	background: url(/images/top_2/icon_ranking3.png); 
    background-size:contain;
}
#ranking li .item .rank4::before{ 
	content:" ";
	width:46px;
	height:48px;
	background: url(/images/top_2/icon_ranking4.png); 
    background-size:contain;
}
#ranking li h3{ margin-top: 17px;}

/*クチコミ*/
#reviews{ width: 960px; margin: 0 auto;	}
#reviews .leftBox,#reviews .rightBox{width: 460px;}
#reviews .leftBox h2{margin-bottom: 25px;}
#reviews .leftBox .sub_txt{font-size: 12px; font-weight: bold; color: #666666; text-align: center; margin-bottom: 40px;}
#reviews .leftBox li .item{margin-bottom: 22px; }
#reviews .leftBox li .img{ width:116px; background: #FFF; display: block;}
#reviews .leftBox li .circle{ width:116px; height:116px;}
#reviews .leftBox li .circle img{ width:116px; height:100%; max-width: 116px; max-height: 116px; border-radius: 116px; -webkit-border-radius: 116px; -moz-border-radius: 116px;}
#reviews .leftBox li .txtWrap{width: 313px;}
#reviews .leftBox li h3{ margin-top: 4px; padding-bottom: 7px; background-image: linear-gradient(to right, #5e5e5e, #5e5e5e 1px, transparent 1px, transparent 2px); background-size: 3px 1px; background-position: bottom; background-repeat: repeat-x; }
#reviews .leftBox li .area{ margin-top: 3px;}
#reviews .leftBox li .area a { color: #0f97be; }
#reviews .leftBox li .rating{ width: 78px; margin: 10px 0 0;}
#reviews .leftBox .btn{margin-top: 50px; font-size: 14px; text-align: right;}
#reviews .leftBox .btn a{color: #222222; line-height: 1;}

#reviews .rightBox .titWrap{width: 100%; font-size: 12px; text-align: center; margin-bottom: 26px;}
#reviews .rightBox .titWrap h3{width: 100%; height: 36px; line-height: 36px; background: #0baac8; color: #FFF; margin: 10px 0 11px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;}
#reviews .rightBox .titWrap .cashback{font-weight: bold;}
#reviews .rightBox .titWrap .cashback span{color: #e43324;}
#reviews .rightBox .titWrap .gift{color: #0baac8;}

#reviews .rightBox .prizewinner .img{width: 440px; height: 311px; margin-bottom: 18px; overflow: hidden;}
#reviews .rightBox .prizewinner .tit{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#reviews .rightBox .prizewinner .tit span.red{color:#c22121; }
#reviews .rightBox .prizewinner .tit span.font_s{font-size: 12px;}
#reviews .rightBox .prizewinner .name{color: #0baac8; font-size: 20px; margin-bottom: 10px;}
#reviews .rightBox .prizewinner .name span.txt1{display: block; font-size: 12px;}
#reviews .rightBox .prizewinner .name span.txt2{font-size: 14px;}
#reviews .rightBox .prizewinner .txt{font-size: 12px; line-height: 20px; padding-bottom: 15px; background-image: linear-gradient(to right, #5e5e5e, #5e5e5e 1px, transparent 1px, transparent 2px); background-size: 3px 1px; background-position: bottom; background-repeat: repeat-x;}
#reviews .rightBox .prizewinner .tour{ font-size: 14px; font-weight: bold; margin-top: 20px;}
#reviews .rightBox .prizewinner .tour span{font-size: 12px; display: block;color: #0baac8; font-weight: normal; margin-bottom: 5px;}

/*外部リンク*/
#Links{min-width: 1280px; background: #fcfaf5;}
#LinksIn{ width: 960px; margin: 0 auto;}
#magazine{ width: 440px; }
#magazine h2{ margin-bottom: 25px; }
#magazine .txt{
	font-size:12px;
	color: #666666;
	text-align: center;	 
	letter-spacing: 1.2px;
}
#magazineContent{ margin-top: 65px; }
#magazineContent li .item{
	display: flex; display: -webkit-flex; justify-content: space-between;
	margin-bottom: 30px;
}
#magazineContent li .item .img{ max-width: 120px; max-height: 90px; position: relative;}
#magazineContent li .item .img img{ max-width: 120px; max-height: 90px;}
#magazineContent li .item .icon::before{ 
	content:" ";
	position: absolute;
	top: -11px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:38px;
    height:36px;
    background: url(/images/top_2/icon_new.png);  
    background-size:contain;
}
#magazineContent li .item .txtWrap{ width: 290px; }
#magazineContent li .item .txtWrap h3{ letter-spacing: 0.9px; }
#magazineContent li .item .txtWrap .info{
	font-size: 10px;
	font-family:'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: 10px;	
	letter-spacing: 1.0px;
}
#bnrWrap{ width: 460px; }
#bnrWrap li{ margin-bottom: 30px; }
#bnrWrap li:last-child{ margin-bottom: 0;}

/* タブレット対応 */
@media screen and (max-width:1280px) {
	#mainVisual,	
	#bgImg { width: 1280px; }
	#mainVisual #mainContent { left: 100px; }
	
	#feature,
	#ranking,
	#lowestPrice,
	#Links { min-width: 1000px; }
}
@media screen and (max-width:1024px) {
	#mainVisual,	
	#bgImg { left: -60px; }
	#mainVisual #mainContent { left: 90px; }

}




/**** 
 SP 
****/
@media screen and (max-width:768px){
	
h2{
	font-size: 18px;
	text-align: center;
	line-height: 1;
	letter-spacing: 4.8px;
	margin-bottom: 40px;
}
h3{
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.box{
	width: 100%;
	padding: 50px 0;
}
.titWrap{
	width: 100%;
	margin: 0;	
	position: relative;
}
.titWrap .linkList{
	letter-spacing: 1.6px;
	position: absolute;
	top: 0;
	right: 0;	
}
.linkList a{
	background: url(/images/common_2/icon_link.png) right 2px / 6px 10px no-repeat;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
}
.more{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.more a{
	background-image: url(/images/top_2/sp/icon_more.png);
	background-position:right center;
	background-size:12px 7px;	
	background-repeat: no-repeat;
	padding-right: 20px;	
}	
.more a.opened{ background-image: url(/images/top_2/sp/icon_moreClose.png); }
.box .btn a{
	width: 44.91%;
	height: 44px;
	line-height: 44px;
	color: #FFF;
	letter-spacing: 1.5px;
	background-color: #c22121;
	margin: 0 auto;
	text-align: center;
	background-image: url(/images/top_2/icon_link_benefits.png);
	background-position:right center;
	background-size:18px 10px;
	background-repeat: no-repeat;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*common-item*/
.item{position: relative;}
.item .icon::before{
	position: absolute;
	z-index:10;	
}
.item .img img{
	width: 100%;
	height: auto;
}
.item .area{
	color: #0f97be;
	font-size: 12px;
	font-weight: bold;
}
.item .rating{
	width: 75px;
	height: 11px;
	display: flex; display: -webkit-flex; justify-content: space-between;
}
.item .rating img{
	width: 13px; height: auto;
}
.item .txt{
	font-size: 12px;
	color: #666666;
}


#topInfo {
	border: 3px solid #c22121;
	margin: 15px auto;
	padding: 10px;
	width: 90%;
	text-align: center;
}
#topInfo span.update { display: block; padding: 0; }
#topInfo span.mark { display: none; }


#infomationLink {
	border: 3px solid #cccccc;
	margin: 70px auto 15px auto;
	padding: 10px;
	width: 90%;
	text-align: center;
}

/*メインビジュアル*/
#mainVisual{
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	z-index: 1;
	left: 0;
}
#bgImg{
	position: relative;
	z-index: 10;
	width: 100%;
	height: 390px;
	overflow: hidden;
	left: 0;
}
#bgImg ul li{ position: relative;}
#bgImg li .img{width: 100%;}
#bgImg li .img img{width: 100%; height: auto;}
#bgImg li .txtWrap{
	position: absolute;
	width: 100%;
	top:70px;
	left: 0;
	color: #FFF;
	letter-spacing: 1.4px;
	text-align: center;
	font-weight: bold;
	text-align: center;
}
#bgImg li .txtWrap2{
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	color: #FFF;
	letter-spacing: 1.4px;
	text-align: center;
	font-weight: bold;
}
#bgImg li .txtWrap .logo{ width: 48%;  margin: 0 auto; font-size: 10px; padding-bottom: 12px; border-bottom: 2px solid #FFF;}
#bgImg li .txtWrap .txt1{font-size: 18px; line-height: 24px; margin-top: 26px;}
#bgImg li .txtWrap .txt2{font-size: 18px; line-height: 24px; margin-top: 28px;}
#bgImg li .txtWrap .txt3{font-size: 12px; line-height: 19px; margin-top: 24px;}


#bgImg li .txtWrap .txt4{
	font-size: 14px; line-height: 26px; margin-top: 0px;
    text-shadow: 1px 1px #001059, -1px -1px #001059, 1px -1px #001059, -1px 1px #001059, 0px 1px #001059, 1px 0px #001059, -1px 0px #001059, 0px -1px #001059;
}
#bgImg li .txtWrap .txt5{
	font-size: 16px; line-height: 32px; margin-top: 20px;
	text-shadow: 
    #051a0e 1px 1px 5px, #051a0e -1px 1px 5px,
    #051a0e 1px -1px 5px, #051a0e -1px -1px 5px;
}

#bgImg li .txtWrap .txt6, 
#bgImg li .txtWrap2 .txt6 {
	margin: 0 auto;
	font-size: 12px; line-height: 22px;
}
#bgImg li .txtWrap2 .hotlogo{
	width: 85%;
	margin: 0 auto;
	font-size: 18px; padding-bottom: 15px; border-bottom: 3px solid #FFF;
}
#bgImg li .txtWrap2 .hottxt{
	width: 85%;
	margin: 0 auto 15px auto;
	border-top: 1px solid #000;
	font-size: 12px; line-height: 22px; padding-top: 20px;
}








#bgImg li .txtWrap_tmp { top: 40px; }

/*SP検索*/
#searchSp{
	display: block;
	background: #c22121; width: 89.06%; 
	position: absolute;
	left: 0;
	right: 0;
	bottom: -55px;
	margin: auto;
	z-index: 100;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 15px 0 17px;	
}
#searchSp .txt{ color: #FFF; font-size: 15px; font-weight: bold; line-height: 1; margin-bottom: 10px;}
#searchSp .txt span{ padding-right: 10px; }
#searchSp #wordSearch{
	position: relative;
	width: 91%;
	background: #FFF;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 auto;	
	overflow: hidden;
}
#searchSp #wordSearch input[type=text] {
	float:left;
	width: 85%;
	height: 44px;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#searchSp #wordSearch input[type=submit] {
	display: inline-block;
	width: 15%;
	height: 44px;
	border: 0;
	background-color: #444444;
	background-image: url(/images/top_2/sp/icon_search.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* 世界遺産バナー */
#bnrIsan { width: 89.06%; margin: 80px auto 30px auto; }
#bnrIsan img { margin: 0 auto; width: 100%; height: auto; }

/*SP用コンテンツ*/
#mainContentSp{ display: block;  background: #efefef; width: 100%; }
#mainContentSp .box{ padding-top: 25px; border-top:1px solid #d3d3d3; width: 89.06%; margin: 0 auto; }
#mainContentSp .box .titWrap{margin-bottom: 25px; }
#mainContentSp .box h4{padding-left: 27px; margin-bottom: 20px;}
#mainContentSp .box h4.areaTit{ background: url(/images/top_2/sp/icon_area.png) center left / 13px 21px no-repeat;}
#mainContentSp .box h4.themeTit{ background: url(/images/top_2/sp/icon_theme.png) center left / 16px 16px no-repeat;}
#mainContentSp .box h4.cityTit{ background: url(/images/top_2/sp/icon_city.png) center left / 15px 14px no-repeat;}
#mainContentSp .box h4.rankTit{ background: url(/images/top_2/sp/icon_rank.png) center left / 20px 15px no-repeat;}
#mainContentSp #areaSp{border-top:none; padding-top: 20px; font-weight: bold; }
#mainContentSp #areaSp .subTxt{font-size: 10px; color: #666666; position: absolute; top: 3px; right: 0;}
#mainContentSp #areaSp h5{font-size: 14px; font-weight: bold; margin-bottom: 20px; }
#mainContentSp #areaSp .topAreaMenu{margin-bottom: 20px;}

#mainContentSp #areaSp p.topAreaMenuJP a {
	width: 100%;
	height: 44px;
	padding-left: 15px;
	margin-bottom: 2px;
	line-height: 44px;
	background-color: #fff;
	background-image: url(/images/top_2/sp/icon_link_bk.png);
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	display: block;
}

#mainContentSp #areaSp .topAreaMenu p{
	width: 100%;
	height: 44px;
	padding-left: 15px;
	margin-bottom: 2px;
	line-height: 44px;
	background-color: #fff;
	background-image: url(/images/top_2/sp/icon_open.png);
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;			
}
#mainContentSp #areaSp .topAreaMenu p.close{ background-image: url(/images/top_2/sp/icon_close.png); }
#mainContentSp #areaSp .topAreaMenu ul{display: none;}
#mainContentSp #areaSp .topAreaMenu ul li{
	width: 100%;
	height: 44px;
	padding-left: 15px;
	margin-bottom: 2px;
	line-height: 44px;
	background-color: #fff;
	background-image: url(/images/top_2/sp/icon_link.png);
	background-size: 25px 12px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;			
}
#mainContentSp #areaSp .topAreaMenu ul li span{padding-right: 20px;}
#mainContentSp #areaSp .topAreaMenu ul li a{ display: block;}
#mainContentSp #areaSp #hotArea{display: flex; display: -webkit-flex; justify-content: space-between;flex-wrap:wrap;}
#mainContentSp #areaSp #hotArea li{width:31.4%;}
#mainContentSp #areaSp #hotArea li:nth-child(-n+3){margin-bottom: 10px;}
#mainContentSp #areaSp #hotArea li img{width: 100%; height: auto;}
#rankingSp li{margin-bottom: 30px;}
#rankingSp .item{display: flex; display: -webkit-flex; justify-content: space-between; }
#rankingSp .item .img{width: 29.94%;}
#rankingSp .item .iconRank{margin-bottom: 4px;}
#rankingSp .item .txtWrap{width: 65.56%;}
#mainContentSp select{
	position: relative;
	width: 100%;
	height: 44px;
	font-size: 14px;
	font-weight: bold;
	padding:  0 43px 0 15px;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(/images/top_2/sp/icon_select.png);
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

/*特集*/
#feature{ width:100%; min-width: initial; background: #fcfaf5;}
#feature ul li{ width: 260px;}
#feature ul li h3{ margin-top: 10px;}
#feature ul li .item .icon::before { 
	content: " ";
	position: absolute;
	top: 75px;
	right: 0;
	z-index: 10;
	display: inline-block;
	width: 23px;
	height: 47px;
	background-image: url(/images/top_2/icon_feature.png);  
	background-size: contain;
}
#feature ul li .item .img{width: 100%; height: auto;}
#feature ul li .item .img img{max-width: initial; max-height:initial; }
#feature .btn{margin-top: 40px;}

/*おすすめツアー*/
#recommendTour{ width: 86.4%; margin: 0	auto; }
#recommendTour .item{ margin-bottom: 40px; }
#recommendTour ul li{ width: 45.37%; }
#recommendTour ul li .icon::before {
	content:" ";
	position: absolute;
	top: -12px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:28px;
    height:29px;
    background: url(/images/top_2/icon_hot.png);  
    background-size:contain;
}
#recommendTour ul li .area{ margin: 10px 0 5px;}
#recommendTour ul li h3{ padding-bottom: 10px; border-bottom: 1px dotted rgba(94, 94, 94, 0.5);}
#recommendTour .rating{ margin: 12px 0 10px;}

/*最安値*/
#lowestPrice{ min-width: initial; background:#fcf5f5; padding-top: 70px;}
#lowestPrice .titWrap{margin-bottom:40px; text-align: center;}
#lowestPrice .titWrap::before{
	content:" ";
	position: absolute;
	top: -70px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:47px;
    height:39px;
    background: url(/images/top_2/sp/icon_sale_tit.png);
    background-size:contain;
}
#lowestPrice .titWrap h2{margin-bottom: 20px;}
#lowestPrice .titWrap .subTxt{
	position: relative;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color:#c22121;	
	padding-bottom: 3px;
	border-bottom: 2px solid #c22121;
	display: inline-block;
}
#lowestPriceContent{
	width: 89.06%;
	margin: 0 auto;	
}
#lowestPriceContent li{
	width: 100%;
	background: #FFF;
	margin-bottom: 30px;
}
#lowestPriceContent li:nth-last-child(-n+2){
	margin-bottom: 30px;
}
#lowestPriceContent li .item{
	width: 91.017%;
	margin: 20px auto;
	display: flex; display: -webkit-flex; justify-content: space-between;
}
#lowestPriceContent li .item .img{
	width: 30.592%;
	height: 75.26%;
	position: relative;
}
#lowestPriceContent li .item .img img{max-width: initial; max-height: initial;}
#lowestPriceContent li .item .icon::before {
	content:" ";
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:29px;
    height:30px;
    background: url(/images/top_2/sp/icon_sale_item.png);  
    background-size:contain;
}
#lowestPriceContent li .item .txtWrap{
	width: 62.82%;
	margin-top: 5px;
	letter-spacing: 0.8px;
}
#lowestPriceContent li .item .rating{
	padding: 8px 0;
}
#lowestPriceContent li .item .rating li{
	background: #FFF;
	margin-bottom: 0;
}
#lowestPriceContent li .item .price{
	color: #e43324;
	font-size: 14px;
	font-weight: bold;
}	
#lowestPriceContent li .item .price span{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	padding-left: 10px;
}	
#lowestPrice .btn{margin-top: 10px;}

/*クチコミ*/
#reviews{ width: 86.4%; margin: 0 auto;	}
#reviews .leftBox,#reviews .rightBox{width: 100%;}
#reviews .leftBox h2{margin-bottom: 20px;}
#reviews .leftBox .sub_txt{font-size: 10px; font-weight: normal; color: #666666; text-align: center; margin-bottom: 40px;}
#reviews .leftBox li .item{margin-bottom: 22px;}
#reviews .leftBox li .img{ width:75px; background: #FFF; display: block;}
#reviews .leftBox li .circle{ width:75px; height:75px;}
#reviews .leftBox li .circle img{ width:75px; height:100%; max-width: 75px; max-height: 75px; border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px;}
#reviews .leftBox li .txtWrap{width: -webkit-calc(92.2% - 75px); width: calc(92.2% - 75px);}

#reviews .leftBox li h3{ margin-top: 4px; padding-bottom: 7px; background-image: linear-gradient(to right, #5e5e5e, #5e5e5e 1px, transparent 1px, transparent 2px); background-size: 3px 1px; background-position: bottom; background-repeat: repeat-x; }
#reviews .leftBox li .area{ margin-top: 3px;}
#reviews .leftBox li .rating{ width: 78px; margin: 10px 0 10px;}
#reviews .leftBox .btn{margin-top: 35px; font-size: 14px; text-align: right;}
#reviews .leftBox .btn a{color: #FFF; line-height: 44px;}

#reviews .rightBox{margin-top: 40px;}
#reviews .rightBox .titWrap{width: 100%; font-size: 10px; text-align: center; margin-bottom: 25px;}
#reviews .rightBox .titWrap h3{width: 100%; height: 40px; line-height:40px; font-size:14px; background: #0baac8; color: #FFF; margin: 5px 0 16px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#reviews .rightBox .titWrap .cashback{font-weight: normal;}
#reviews .rightBox .titWrap .cashback span{color: #e43324;}
#reviews .rightBox .titWrap .gift{color: #0baac8;}

#reviews .rightBox .prizewinner .img{width: 100%; height: auto; margin-bottom: 18px; overflow: hidden;}
#reviews .rightBox .prizewinner .img img{width: 100%; height: auto;}
#reviews .rightBox .prizewinner .tit{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
#reviews .rightBox .prizewinner .tit span.red{color:#c22121; }
#reviews .rightBox .prizewinner .tit span.font_s{font-size: 10px;}
#reviews .rightBox .prizewinner .name{color: #0baac8; font-size: 14px; margin-bottom: 10px;}
#reviews .rightBox .prizewinner .name span.txt1{display: block; font-size: 10px;}
#reviews .rightBox .prizewinner .name span.txt2{font-size: 10px;}
#reviews .rightBox .prizewinner .txt{font-size: 10px; line-height: 18px; padding-bottom: 15px; background-image: linear-gradient(to right, #5e5e5e, #5e5e5e 1px, transparent 1px, transparent 2px); background-size: 3px 1px; background-position: bottom; background-repeat: repeat-x;}
#reviews .rightBox .prizewinner .tour{ font-size: 12px; font-weight: bold; margin-top: 20px;}
#reviews .rightBox .prizewinner .tour span{font-size: 10px; display: block;color: #0baac8; font-weight: normal; margin-bottom: 5px;}

/*外部リンク*/
#Links{min-width: initial; background: #fcfaf5;}
#LinksIn{ width: 86.4%; margin: 0 auto;}
#magazine{ width: 100%; padding-bottom: 30px;}
#magazine h2{ margin-bottom: 25px; }
#magazine .txt{
	font-size:12px;
	color: #666666;
	text-align: center;	 
	letter-spacing: 1.2px;
}
#magazineContent{ margin-top: 40px; }
#magazineContent li .item{
	display: flex; display: -webkit-flex; justify-content: space-between;
	margin-bottom: 30px;
}
#magazineContent li .item .img{ width: 18.51%; max-height: initial; position: relative;}
#magazineContent li .item .img img{ max-width: initial; max-height: initial;}
#magazineContent li .item .icon::before{ 
	content:" ";
	position: absolute;
	top: -11px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:10;
    display:inline-block;
    width:29px;
    height:28px;
    background: url(/images/top_2/icon_new.png); 
    background-size:contain;
}
#magazineContent li .item .img img{ width: 100%; height: auto;}
#magazineContent li .item .txtWrap{ width: 72.22%; }
#magazineContent li .item .txtWrap h3{ letter-spacing: 0.9px; }
#magazineContent li .item .txtWrap .info{
	font-size: 10px;
	font-family:'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: 10px;	
	letter-spacing: 1.0px;
}
#bnrWrap{ width: 100%;}
#bnrWrap li{ margin-bottom: 50px; }
#bnrWrap li:last-child{ margin-bottom: 0;}
#bnrWrap li img{ width: 100%; height:auto; }

/*ご予約特典*/
#benefits{ width: 89.06%; margin: 0 auto; }
#benefitsContent{
	width: 100%;
	border: 6px solid #c22121;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#benefitsContent ul{ float: none; width:100%; margin: 0; }
#benefitsContent ul li{ width: 50%; background: #fff;}
#benefitsContent ul li:nth-child(-n+3){ margin-bottom: 0; }
#benefitsContent ul li:nth-child(2),#benefitsContent ul li:nth-child(3),#benefitsContent ul li:nth-child(6){ background: #fff2f2; }
#benefitsContent ul li img{ width: 100%; height: auto; }
#benefitsContent .txtWrap{
	float: none;
	width: 100%;
	margin-right: 0;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}
#benefitsContent .txtWrap .txtMerit{ font-size: 12px; line-height: 15px; color: #c22121; margin-left: 0;}
#benefitsContent .txtWrap .tit{ margin: 3px 0 10px; font-size: 19px; letter-spacing: 1.0px; }
#benefitsContent .btn a{margin: 20px auto;}

/*sns*/
#sns{ width: 89.06%; margin: 0 auto 50px;}
#telBox{ width: 100%; position: relative;}
#telBoxSp{ width: 100%; display: block;}
#telBoxSp img{ width: 100%; height: auto;}
#snsBnr{ width: 100%; margin-top: 50px; }
#snsBnr img{ width: 100%; height: auto; }

/*エリア一覧*/
/*
#listArea{
	width: 100%;
	min-width: initial;
	height: auto;
	background-image: url(/images/top_2/sp/area_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #031541;
}
#listArea  ul.first{padding-top:125px;}
#listArea  ul{
	width: 89.06%;
	margin: 0 auto;
	padding-top:0; 
	padding-bottom: 30px;
}
#listArea  ul li{
	display: inline-block;
	margin-right: 10px;
	color: #FFF;
	font-size: 12px;
	line-height: 22px;
}
#listArea  ul li a{color: #FFF;}
#listArea  ul li.continent,#listArea  ul li.continent a{ font-size: 14px; font-weight: bold; color: #fff000; }
#listArea  ul li.mainArea,#listArea  ul li.mainArea a{ font-size: 14px; font-weight: bold; }
#listArea .more{ display: block !important; padding-bottom: 30px; }
#listArea .more a{color: #FFF; background-image:url(/images/top_2/sp/icon_more_area.png); }
#listArea .more a.opened{ background-image: url(/images/top_2/sp/icon_moreClose_area.png); }
*/


} /* css fin*/

@media ( max-width: 768px ) and (min-width: 480px){
	
#bgImg li .txtWrap .txt1{font-size: 25px; line-height: 32px; margin-top: 26px;}
#bgImg li .txtWrap .txt2{font-size: 25px; line-height: 32px; margin-top: 28px;}
#bgImg li .txtWrap .txt3{font-size: 16px; line-height: 26px; margin-top: 24px;}
#bgImg li .txtWrap .txt4{
	font-size: 16px; line-height: 32px; margin-top: 0px;
    text-shadow: 1px 1px #001059, -1px -1px #001059, 1px -1px #001059, -1px 1px #001059, 0px 1px #001059, 1px 0px #001059, -1px 0px #001059, 0px -1px #001059;
}
#bgImg li .txtWrap .txt5{
	font-size: 20px; line-height: 40px; margin-top: 20px;
	text-shadow: 
    #051a0e 1px 1px 5px, #051a0e -1px 1px 5px,
    #051a0e 1px -1px 5px, #051a0e -1px -1px 5px;
}
#bgImg li .txtWrap{
	position: absolute;
	width: 100%;
	top:140px;
	left: 0;
	color: #FFF;
	letter-spacing: 1.4px;
	text-align: center;
	font-weight: bold;
	text-align: center;
}
#bgImg li .txtWrap2{
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	margin: auto;
	color: #FFF;
	letter-spacing: 1.4px;
	text-align: center;
	font-weight: bold;
}




#bgImg li .txtWrap .txt6, 
#bgImg li .txtWrap2 .txt6 {
	margin: 0 auto;
	font-size: 18px; line-height: 30px; 
}
#bgImg li .txtWrap2 .hotlogo{
	width: 85%;
	margin: 0 auto;
	font-size: 24px; padding-bottom: 15px; border-bottom: 3px solid #FFF;
}
#bgImg li .txtWrap2 .hottxt{
	width: 85%;
	margin: 0 auto 15px auto;
	border-top: 1px solid #000;
	font-size: 18px; line-height: 30px; padding-top: 20px;
}


#bgImg{ height: 580px; }

}

/*クーポン*/
#coupon_body {
	text-align: center;
}
#coupon_body p.coupon_txt {
	margin-bottom: 12px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#coupon_body div.coupon_name {
	display: table-cell;
	vertical-align: middle;
	margin: auto auto;
	padding: 0 20px 0 80px;
	width: 260px;
	height: 155px;
	font-size: 19px;
	text-align: center;
	color: #c22121;
	font-weight: bold;
    background: url(/images/top_2/bg_coupon.png) no-repeat center top;
    background-size: contain;
}
#coupon_body p.coupon_note { margin-top: 3px; font-size: 12px; text-align: left; }

#coupon_body .area_queensland { margin-top : 12px; }
#coupon_body .area_queensland p { font-weight: bold; font-size: 13px; }
#coupon_body .area_queensland ul { display: flex; margin: 0 25px; display: -webkit-flex; justify-content: space-between; flex-wrap:wrap; }
#coupon_body .area_queensland ul li { margin-top: 10px; width: 130px; text-align: left; }
#coupon_body .area_queensland ul li a { padding-left: 16px; color: #006ce6; font-size: 13px; text-decoration: underline; background: url(/images/common_2/icon_helpLink.png) no-repeat left center;}
#coupon_body .area_queensland ul li a:hover { text-decoration: none; }