﻿@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.03.13
* @author Daisuke Hayashi
*/

/* ------------------------------------------
　タイトルバナー
------------------------------------------ */
#contentsArea {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}

#keyVisual   { margin:0;}
#keyVisual h1{ height:160px;}
#term       { background:#94804d;}
#term dl dt { width:220px;} 
#term dl dd { width:500px;}
#term p{ padding-left:220px;}
 
h1.title  {
    background-color: #BF0A0A;
    color: #FFFFFF;
    font-size: 120%;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}
#contents.column1 {padding:0; width: 950px; background:#ffffff;}
/* ------------------------------------------
　エントリー受け付けました
------------------------------------------ */
.secondary{
	width:950px;
	font-size: 160%;
	font-weight: bold;
	color: #f1021c;
	line-height: 1.3;
	text-align: center;
	margin-bottom:13px;
	clear:both;
	padding-top:20px;
}
.secondary img{
	position:relative;
	top:4px;
}

#contentsArea dt a:link,
#contentsArea dt a:visited    { color: #FFF; text-decoration: none;}

/* ------------------------------------------
　地図国内
------------------------------------------ */
.column1 .sp{ display:none;}
#pageTab p { width:100%; text-align:center; font-size:160%; color:#FF0F4C; font-weight:bold;}
#pageTab p.kaigai { color:#C10001; }
#pageTab ul { width:100%;}
#pageTab ul li{
	float: left;
	position: relative;
	bottom: 0px;
	z-index: 3;
	width:47%;
	margin-left:2%;
	_margin-left:1%;
}
#pageTab ul li a{
	display: block;
	padding: 10px 0 5px 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	height:auto;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:400px;
}

#pageTab ul li a.on{
	background-image:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_4.gif);
}
#pageTab ul li a.off{
	background-image:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_3.gif);
}
#pageTab ul li{
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background: #C10001 url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/icon1.png) no-repeat 15px center;
}
#pageTab ul li.t{
	background: #C10001 url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/icon2.png) no-repeat 15px center;
}
#pageTab ul li a span{
	font-size:160%;
}
#pageTab ul li a.kg_on{
	background-image:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_6.gif);
	background-repeat:no-repeat;
	background-position:400px;
}
#pageTab ul li a.kg_off{
	background-image:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_5.gif);
	background-repeat:no-repeat;
	background-position:400px;
}
#pageTab ul li a.active{
	padding-bottom: 6px;
	border-style: solid solid hidden solid;
	background-color: #FFF;
}
#pageTab ul li a:link, #pageTab ul li a:visited{ color:#FFF;}

#mapList{ border-color:#C10001;}
#mapList .title{
	background-color: #C10001;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 0;
	color: #FFF;
}
#mapList dl dt { background-color:#C10001;}
#mapList dl dd { width:670px; }
#mapList.domestic dl dt { width:110px;}
#mapList.domestic dl dt.izu { height:54px;}
#mapList_kaigai dl dt.thai { height:54px;}
#mapList.domestic dl dd li a{ width: 3em;}
#mapList.domestic dl.tokyo dt     { height:122px;}
#mapList.domestic dl.tokyo dd     { width:600px;}
#mapList.domestic dl.tokyo dd li  { }
#mapList.domestic dl.tokyo dd li a{ width:155px;}
#mapList.domestic dl.tokyo dd li.laz { border-bottom:1px solid #ccc;}
#mapList.domestic{ height:auto; width:100%;}
#mapList dl dd li.izu { width:96px;}
#mapList.domestic dl dd li.izu a{ width: 5em;}
/*--
#mapList dl dd li a {background:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_2.gif) no-repeat right center;}
--*/
#mapList dl dd li a:after{ border:0; width:auto;}
#mapList_kaigai dl dd li a {background:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/shirushi_2.gif) no-repeat right center;}
#mapList_kaigai dl dd li a:after{ border:0; height:0; width:0;}

#mapList.domestic dl dt.kaigai { background-color:#C10001;}
#mapList dl.kaigai{ margin-top:30px; }
#mapList.domestic dl.kaigai dd li a{ width:90px;}

/* ------------------------------------------
　地図海外
------------------------------------------ */
#mapList_kaigai{ overflow:hidden;
	margin-bottom: 15px;
	border: 1px solid #C10001;
	border-top:none;
}
#mapList_kaigai          { width: 918px; overflow:hidden;}
#mapList_kaigai.overseas { height:auto; width:100%;}
#mapList_kaigai dl dt.izu {
    height: 54px;
}
#mapList.domestic{
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_domestic.gif) no-repeat top right #B4E9F0;
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_domestic.gif) no-repeat top right, -moz-linear-gradient(top, #FFF, #B4E9F0); 
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_domestic.gif) no-repeat top right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#B4E9F0));
}
#mapList_kaigai.overseas{
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_overseas.gif) no-repeat top right #B4E9F0;
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_overseas.gif) no-repeat top right, -moz-linear-gradient(top, #FFF, #B4E9F0); 
	background: url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/map_overseas.gif) no-repeat top right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#B4E9F0));
}

#mapList_kaigai .title{
	background-color: #C10001;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 0;
	color: #FFF;
}

#mapList_kaigai dl{
	clear: both;
	margin: 10px;
	font-size: 82%; overflow:hidden;
}
#mapList_kaigai dl dt{
	float: left;
	height: 20px;
	padding: 7px 5px 5px 5px;
	text-align: center;
	background-color: #C10001;
	border: 1px solid #CBC2A0;
	color: #FFF;
}
#mapList_kaigai.domestic dl dt{ width: 70px;}
#mapList_kaigai.overseas dl dt{ width: 140px;}

.none{ display:none;}

#mapList_kaigai dl dd{
	width: auto;
}
#mapList_kaigai dl dd ul{
	width: auto;
}
#mapList_kaigai dl dd li{
	float: left;
	white-space: nowrap;
	list-style-type: none;
	padding: 0;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid solid solid none;
	border-color: #CCC;
}
#mapList_kaigai dl dd li a{
	display: block;
	height: 20px;
	padding: 7px 25px 5px 5px;
}
#mapList_kaigai.overseas dl dd li a{ width: 9em;}

#mapList_kaigai dl dd li a:hover{
	background-color: #FFECEC;
}

/* ------------------------------------------
　検索フォーム
------------------------------------------ */
#search-box h1{ text-align:center; font-size:140%; background-color:#c10001; color:#FFF; padding:5px 0; margin:0 0 15px;}
#search-box h1.datakaigai{ text-align:center; font-size:140%; background-color:#C10001; color:#FFF; padding:5px 0; margin:0 0 15px;}

.column1 #search-box{ width:100%;}
.column1 #search-box .searchCategory { display:none;}
.column1 #search-box .structure dt{ margin-bottom:9px; padding-top:4px;}
.column1 #search-box .structure dt.clear{ clear:both;}
#search-box-body{padding:15px;}
#domestic-search-box{padding:0px;}

/* ------------------------------------------
　バナー
------------------------------------------ */
#bnrs   { margin:15px 0; background:#ffffff;}
#bnrs h1{ background-color:#c10001; padding:5px 0; margin:0; font-size:140%; text-align:center; color:#FFF;}
#bnrs div.bnrs{margin: 0; overflow:hidden; width:928px;border: 1px solid #C10001;padding-top: 15px; padding-left:20px;}
#bnrs div.bnrs li {float: left;width: 31%;height: 60px;margin: 0 1% 15px;list-style-type: none;}
#bnrs div.bnrs li a {font-size: 82%;vertical-align:top;}
#bnrs div.bnrs li a img{float: left;margin: 0 5px 0 0;}
#contentsArea .bnrs{ margin-right:0; border:1px solid #C10001;}
#contentsArea .bnrs li a img{ width:80px; height:60px;}



/* ------------------------------------------
　キャンペーン概要
------------------------------------------ */
#outline{
	width: 944px; border:1px solid #c10001;
	margin:0 auto;
	background:#ffffff;
}
#outline h2{
	margin-bottom: 15px;
	padding: 5px;
	text-align: center;
	background-color: #c10001;
	color: #FFFFFF;
	font-size: 125%;
}
#outline h3{
	margin: 20px 10px 10px 10px;
	color: #c10001;
	font-size: 82%;
}
#outline p{
	margin: 10px 15px;
	font-size: 82%;
	line-height: 1.5;
}
#outline img{
	width:auto;
	height:auto;
}
#outline ul{
	margin: 10px 15px;
	list-style-type: none;
	font-size: 82%;
	line-height: 1.5;
}
#outline ul li{
	font-size: 100%;
	margin-bottom: 7px;
	padding-left: 1em;
	text-indent: -1em;
}


#outline li a:link       { color : #5454f6;}
#outline li a:visited    { color : #632088;}
#outline li a:visited:hover,
#outline li a:link:hover { color : #2a2ad1;}
#outline li a:visited:active,
#outline li a:link:active{ color : #bf0000;}

#outline p img {float: left;height: auto;margin-right: 10px;}




/* ------------------------------------------
　ボタン
------------------------------------------ */
#contentsArea div.entrybtn{
	width: 950px;
}
#contentsArea div.sp{
	display:none;
}
#contentsArea div.entrybtn a{
	display: block;
	background: #b60003;
	border-radius: 5px;
	/*--
	background: -moz-linear-gradient(
		top,
		#f90d0f 0%,
		#b60003);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f90d0f),
		to(#b60003));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,0.6);
	--*/
	margin-right: auto;
	margin-left: auto;
	padding:5px 0;
	cursor: pointer;
	width:50%;
	font-weight:bold;
	color:#FFF;
	margin-bottom:10px;
	text-align:center;
	font-size:200%;
	overflow:hidden;
}
#contentsArea div.entrybtn a p.left{
	width:80%;
	text-align:center;
	font-size:60%;
	margin-bottom:6px;
	color:#fff26f;
	padding-left:10%;
}
#contentsArea div.entrybtn a p.right{
	width:100%;
	font-size:120%;
	text-align:center;
	color:#FFF;
}
#widewrapper #contentsArea div.entrybtn a:hover{
	background: #f90d0f;
	background: -moz-linear-gradient(
		top,
		#b60003 0%,
		#f90d0f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b60003),
		to(#f90d0f));}
/* -----  -----*/


#contentsArea a:link, #contentsArea a:visited {color: #333;}

span.red_bb{color:#c10001;}



#search-box .number ul li.child a, #search-box #oa-arv1{ *padding:2px 1em;}



#hotel { width:950px; margin:0 auto;}
.column1 .hotels {width: 950px; margin:0;}
.htlBox{border:1px solid #00A4E8;}
.htlBox .area{background:#00A4E8;}
.htlBox .basic a h1{color:#1D54A7;min-height: 38px;}
.htlBox5 {
    margin-right: 5px;
    width: 183px;
}
.las { margin-right:0;}
#contentsArea .htlBox .btn li a, #contentsArea .htlBox .btn li a:visited, #contentsArea .spotBox .btn li a, #contentsArea .spotBox .btn li a:visited{
	font-size:78%;
	background: #d51311;
	background: -moz-linear-gradient(top, #ee6c6a, #d51311);  
    background: -webkit-gradient(linear, left top, left bottom, from(#ee6c6a), to(#d51311));
}
#contentsArea .htlBox .btn li a:hover, #contentsArea .htlBox .btn li a:active, #contentsArea .spotBox .btn li a:hover, #contentsArea .spotBox .btn li a:active{
	background: #e48785;
	background: -moz-linear-gradient(top, #e48785, #e48785);  
    background: -webkit-gradient(linear, left top, left bottom, from(#e48785), to(#e48785));
	text-decoration: underline;}
	
.column1 #login { width: 944px; margin:15px auto; border:3px solid #c10001; background:#ffffff;}
.column1 #login .log { padding:0 10px 15px;}

#contents .pagetop {width: 950px;padding: 10px 0;}

.privacy2{
  margin: 10px 0;  padding: 10px 15px;  background-color: #EAEAEA;  border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  line-height: 1.5;}
.txt2{ text-align:center;}
.text2{  font-weight: bold;  line-height: 2.5;}
 #login .l_submit input.disabled{  cursor: default;}
#login .txt1 {margin: 0 auto;font-size: 100%;line-height: 1.3;font-weight:bold;}

/* ----- text field -----*/
#login .input #inputID,
#login .input #inputPass,
#keywordSearch #f_query{
	min-height: 16px;
	padding: 3px 9px;
	background-color: #f0f0f0;
	border: 1px solid #878787;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
		inset 0px 1px 3px rgba(0,0,0,0.1);
	vertical-align: middle;
	line-height: 2.4;
}

/* ----- 海外特集バナー -----*/
#contentsArea .bnr170{width:100%; margin:0 0 15px 0;}
#contentsArea .bnr170 h1{ display:block; text-align:center; background:#BF0000; color:#FFFFFF; font-size:16px; margin-bottom:15px; padding-top:6px; padding-bottom:6px;}
#contentsArea .bnr170 ul{width:100%;}
#contentsArea .bnr170 ul li{ width:33.3%; text-align:center; margin:0 0 10px 0; padding:0; font-size:12px; float:left; line-height:2;}
#contentsArea .bnr170 ul li a{ text-decoration:underline; color:#333333;}
#contentsArea .bnr170 ul li a img{display:block; margin:0 auto 0px auto; width:170px;}































.FJ_top{
	clear:both;
	text-align:center;
	background:#FFF558;
}
.FJ_top .this_warrp{
	position:relative;
	margin:0 auto;
	width:950px;
}
.FJ_top h1{
	padding: 10px 0px 5px;
	font-size:30px;
}
.FJ_top h1 .mm{
	font-size:65%;
}
.FJ_top h1 strong{
	color:#d70001;
}
.FJ_top h1 strong span{
	font-size:150%;
}
.FJ_top h2{
	padding: 0px;
	font-size:82px;
}
.FJ_top span{
	font-size:80%;
}
.FJ_top h3{
	width:670px;
	margin: 5px auto 15px;
	padding:5px;
	border:2px solid #000;
	background:#FEFBC9;
	text-align:center;
	font-size: 100%;
}
.FJ_top h3 span{
	color:#d70001;
	font-size: 116%;
}
.popL{
	position:absolute;
	left:0;
	top:20px;
	width:81px;
	border:2px solid #000;
	/* height: 172px; */
}
.popL span{
	display:block;
	margin:2px;
	padding: 30px 0;
	text-align:center;
	border:2px solid #000;
	font-size:24px;
	font-weight:700;
	height: 106px;
}
.popR{
	position:absolute;
	right:0;
	top:20px;
	width:81px;
	border:2px solid #000;
}
.popR span{
	display:block;
	margin:2px;
	padding: 5px 0;
	text-align:center;
	border:2px solid #000;
	font-size:24px;
	font-weight:700;
	height: 155px;
}
.RB li{
width: 100%;
    font-size: 14px;
    background: #fff;
    line-height: 32px;
    max-width: 684px;
    margin: 0 auto;
}
.RB li span{
	float:left;
	color:#fff;
	font-size:14px;
	background:#C10001;
	width:145px;
	
	position:relative;
}
.RB li span:after{
	display: block;
	position: absolute;
	top: 50%;
	right: -3px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 3px solid #C10001;
	border-right: 3px solid #C10001;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

/*
.RB li.t{
	margin-left:17px;
}
*/
.RB li.t span:after{
	display: block;
	position: absolute;
	top: 50%;
	right: -3px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 3px solid #C10001;
	border-right: 3px solid #C10001;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.RB li.t span{
	background:#C10001;
}
.FJ_top h4{
	padding: 12px 0;
	font-size:12px;
	font-weight:400;
}
.FJ_sed{
	padding: 10px 0;
}
.FJ_sed .oOo{
	float:left;
	width:146px;
	height:146px;
	border:6px solid #EBEAEA;
	text-align:center;
	font-size:19px;
	border-radius:85px;
	font-weight:700;
}
.FJ_sed .oOo span{
	display:block;
	padding-top:26px;
}
.FJ_sed .oOo b{
	font-size:19px;
	color:#d70001;
}
.FJ_sed .oOo b em{
	font-size:150%;
	font-style:normal;
}
.FJ_sed img{
	float:left;
	margin-left:5px;
}
.FJ_sed p{
	clear:both;
	padding-top:10px;
	color:#1b1b1b;
	font-size:14px;
	text-align:center;
}
#contentsArea div.entrybtn a {
    border-radius: 9px;
	color:#fff;
	border:1px solid #DF5E00;
	background:#FF7400;
	background: -moz-linear-gradient(top , #FF8900, #FF7300); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8900),to(#FF7300));
	width:70%;
	padding:0;
}
#widewrapper #contentsArea div.entrybtn a:hover{
	background:#FF7400;
	background: -moz-linear-gradient(top , #FF7300, #FF8900); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7300),to(#FF8900));
	color:#fff;
}
#contentsArea div.entrybtn a p.left{
	margin:0 10%;
	border-top:1px solid #FFC937;
	font-size:30px;
	color:#fff;
	padding:15px 0;
}
#pageTab ul li{
	font-size:25px;
}
#pageTab ul li a{
	padding:15px 0;
}
#pageTab ul li a:hover{
	color:#fff !important;
}
.l_submit input{
	border:none;
	border-radius:6px;
	color:#fff;
	background:#FF7400;
	background: -moz-linear-gradient(top , #FF8900, #FF7300); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8900),to(#FF7300));
}
.l_submit input:hover{
	background:#FF7400;
	background: -moz-linear-gradient(top , #FF7300, #FF8900); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7300),to(#FF8900));
}
#bnrs div.bnrs li{
	position:relative;
	height:auto;
	line-height:80px;
	border:1px solid #c9c9c9;
}
#bnrs div.bnrs li a img{
	margin:10px;
}
#bnrs div.bnrs li:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 7px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 3px solid #999;
	border-right: 3px solid #999;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.FJ_sed_sp{
	display:none;
}
.jb_sp{
	display:none;
}


.triangle {
	width: 0;
	height: 0;
	border-top: 20px solid #fff558;
	border-right: 450px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 450px solid transparent;
	/*
background:url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/back_triangle.gif) no-repeat right center;
*/
	margin: 0 auto;
}

.toku_ss p b {
    font-size: 20px;
}

.toku_ss p b span {
    margin: 15px auto 5px;
}


/*scrollbar*/
.scrollbar {text-align: center;background-color: #00a8ff;padding: 8px 0;}
.scrollbar span {font-weight: bold;font-size: 100%;}
.scrollbar a {color: #fff;background:  url(http://img.travel.rakuten.co.jp/camp/tokutabi/images/arr.gif) center right no-repeat;padding-right: 20px;}

.fixed_menu {
    left:0px;
    position: fixed;
    top: 0px;
	width:100%;
	z-index:100;

}

#contentsArea .bnr170 ul li.contents {
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    float: left;
    line-height: 2;
}

#contentsArea .bnr170 ul li.contents a img {
    max-width: 50%;
    display: block;
    margin: 0 auto 5px auto;
}


