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

/* ------------------------------------------
　タイトルバナー
------------------------------------------ */
#keyVisual{
	max-width:100%;
	max-height:100%;
	margin-bottom:0;
}
#keyVisual h1{
	width:100%;
	display:block;
	text-indent:0px;
	line-height:1%;
}
#term       { background:#94804d;}

/* ------------------------------------------
　エントリー受け付けました
------------------------------------------ */
.secondary{
	font-size: 90%;
	font-weight: bold;
	color: #f1021c;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
}
.secondary img{
	position:relative;
	top:4px;
	display:none;
}
#contents.column1 {padding:0; background:#ffffff;}
#contentsArea dt a:link,
#contentsArea dt a:visited    { color: #FFF; text-decoration: none;}

/* ------------------------------------------
　地図
------------------------------------------ */
#pageTab p { width:100%; text-align:center; font-size:160%; color:#FF0F4C; font-weight:bold;}
#pageTab ul { width:100%;}
#pageTab ul li{
	float: left;
	position: relative;
	bottom: 0px;
	z-index: 3;
	width:37%;
	margin-left:2%;
	padding-left:10%;
}
#pageTab ul li a{
	display: block;
	padding: 10px 20px 5px 0;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	height:auto;
	color:#FFF;

	background-repeat:no-repeat;
	background-position:center right;
}
#pageTab ul li a span{
	font-size:140%;
}
#pageTab ul li a.kaigaimap{
	background-repeat:no-repeat;
	background-position:center right;
}
#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;}

#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 5px center;
	background-size:15%;
}
#pageTab ul li.t{
	background: #C10001 url(http://img.travel.rakuten.co.jp/camp/tokutabi/201609/images/icon2.png) no-repeat 5px center;
	background-size:15%;
}

/* ------------------------------------------
　国内
------------------------------------------ */
.column1 .sp{ display:block;}
.waku .sp{ display:block;}
.column1 .pc{ display:none;}
.waku .pc{ display:none;}
#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 dt.kaigai{
	background-color: #C10001;
}
#mapList.domestic dl.tk dd li { width:50%;}
#mapList.domestic dl dt.izu { height:auto;}
#mapList dl dd li.izu { width:50%;}
#mapList dl dd li.laz { width:50%;}
/* ------------------------------------------
　海外
------------------------------------------ */
.none{ display:none;}
#mapList_kaigai{
	margin-bottom: 15px;
}
#mapList_kaigai .title{
	background-color: #C10001;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 0;
	color: #FFF;
	margin-bottom:10px;
}

#mapList_kaigai dl{
	margin: 0 10px;
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#mapList_kaigai dl dt{
	padding: 5px 7px;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	color: #FFF;
	background-color: #C10001;
	border: none;
}

#mapList_kaigai dl dd{
	width: 100%;
	font-size: 90%;
}
#mapList_kaigai dl dd ul{
	width: auto;
}
#mapList_kaigai dl dd ul:after{
	display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;
}

#mapList_kaigai dl dd li{
	float: left;
	list-style-type: none;
	border-style: none;
	border-bottom: 1px solid #CCC;
}
#mapList_kaigai.domestic dl dd li{ width: 25%;}
#mapList_kaigai.overseas dl dd li{ width: 50%;}

#mapList_kaigai dl dd li a{
	position: relative;
	display: block;
	padding: 12px 0 12px 7px;

	border-right: 1px solid #CCC;
	text-decoration: none;
	color: #333;
}
#mapList.domestic dl dd li:nth-child(4n) a{ border-right: none;}
/*#mapList.domestic dl dd li:nth-child(2n) a{ border-right: none;}*/
#mapList_kaigai.overseas dl dd li:nth-child(2n) a{ border-right: none;}

/* ------------------------------------------
　検索フォーム
------------------------------------------ */
#search-box h1{ text-align:center; font-size:120%; background-color:#c10001; color:#FFF; padding:5px 0; margin:0 0 0 0;}
.column1 #search-box .searchCategory { display:none;}

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

#outline li a:link{
    color: #5454f6;
}

/* ------------------------------------------
　ボタン
------------------------------------------ */
#contentsArea div.entrybtn{
	width: 100%;
	display:block;
}
#contentsArea div.sp{
	width: 100%;
	display:block;
	text-align:center;
}
#contentsArea div.entrybtn a{
	display: block;
	background: #E15802;
	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;
	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:10px 0;
	cursor: pointer;
	width:50%;
	font-weight:bold;
	color:#FFF;
	margin-bottom: 10px;
	text-align:center;
	font-size:190%;
	overflow:hidden;
	text-decoration:underline;
}
#contentsArea div.entrybtn a p.left{
	width:80%;
	text-align:center;
	font-size:45%;
	margin-bottom:0;
	color:#fff26f;
	padding-left:10%;
}
#contentsArea div.entrybtn a p.right{
	width:100%;
	font-size:81%;
	text-align:center;
	color:#FFF;
}
#contentsArea div.entrybtn a:link{
	text-decoration:none;
}
#contentsArea div.entrybtn a:hover{
	color:#FF0;
	text-decoration:underline;
}

#search-box h1.open:after{
	content: "+";
	border: 1px solid #cbc2a0;
	width: 12px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	line-height: 0.8;
	text-align: center;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#search-box h1.close:after{
	content: "-";
	border: 1px solid #cbc2a0;
	width: 12px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	line-height: 0.8;
	text-align: center;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.osp{padding-left:10px; padding-right:10px;}
#search-box p.searchSubmit a{margin:10px;}
/* ------------------------------------------
　ログイン
------------------------------------------ */
#login .l_submit input{ font-size:80%;}
/* -----  -----*/

#bnrs h1 {
    background-color: #C10001;
    color: #FFFFFF;
    font-size: 100%;
    padding: 5px 0;
    text-align: center;
}

#hotel h1.title {
    background-color: #C10001;
    color: #FFFFFF;
    font-size: 100%;
    padding: 5px 0;
    text-align: center;
}

#keyVisual h2 span{ display:block; width:100%; font-size:100%; font-family: Meiryo, sans-serif; letter-spacing:normal;}
#keyVisual h2 span.spe{ padding-left:108px;width:70%;}

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

.htlBox{border:1px solid #00A4E8;}
.htlBox .area{background:#00A4E8; margin:0; padding:7px 0 6px 0; color:#ffffff;}
.htlBox .basic{border-bottom:0;}
.htlBox .basic a h1{color:#1D54A7;}
.htlBox4 .photo{width:80%; margin-left:0; float:none; margin:0 auto;}
.htlBox .btn li{width:90%; float:none; margin:0 auto; margin-bottom:7px;}
#contentsArea .htlBox .btn li a, #contentsArea .htlBox .btn li a:visited, #contentsArea .spotBox .btn li a, #contentsArea .spotBox .btn li a:visited{
	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;}

#contentsArea a:link, #contentsArea a:visited{/* text-decoration:underline; */}

.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;}
 .text2{font-weight:bold;line-height: 2.5;}
 #login .l_submit input.disabled{  cursor: default;}
#login .txt1 {margin: 0 auto;font-size: 82%;line-height: 1.3;font-weight:bold;}
.txt2{ text-align:center;}

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














.FJ_top{
	clear:both;
	text-align:center;
	background:#FFF558;
}
.FJ_top .this_warrp{
	position:relative;
	margin:0 auto;
	padding:0 10px;
}
.FJ_top h1{
	/* padding:20px 0; */
	padding-top:10px;
	font-size: 79%;
}
.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 0 20px 0; */
	font-size: 230%;
}
.FJ_top span{
	font-size:80%;
}
.FJ_top h3{
	margin:0 auto;
	padding:5px;
	border:2px solid #000;
	background:#FEFBC9;
	text-align:center;
	font-size: 94%;
	margin-bottom: 10px;
}
.FJ_top h3 span{
	color:#d70001;
	font-size: 108%;
}
.popL{
	display:none;
	position:absolute;
	left:0;
	top:20px;
	width:81px;
	border:2px solid #000;
}
.popL span{
	display:block;
	margin:2px;
	padding:30px 0;
	text-align:center;
	border:2px solid #000;
	font-size:24px;
	font-weight:700;
}
.popR{
	display:none;
	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;
}
.RB li{
	font-size:14px;
	background:#fff;
	line-height:32px;
	margin-bottom:10px;
}
.RB li span{
	display:block;
	color:#fff;
	font-size:14px;
	background:#C10001;
	
	position:relative;
}
.RB li span:after{
	display: block;
	position: absolute;
	left: 50%;
	bottom: -3px;
	width: 5px;
	height: 5px;
	margin-left: -3px;
	border-top: 3px solid #C10001;
	border-right: 3px solid #C10001;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
.RB li.t{
}
.RB li.t span:after{
	display: block;
	position: absolute;
	left: 50%;
	bottom: -3px;
	width: 5px;
	height: 5px;
	margin-left: -3px;
	border-top: 3px solid #C10001;
	border-right: 3px solid #C10001;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
.RB li.t span{
	background:#C10001;
}
.FJ_top h4{
	padding: 0px 0 10px 0;
	font-size:12px;
	font-weight:400;
}
.FJ_sed{
	display:none;
	padding:20px 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:90%;
	padding:0;
	margin: 10px auto 20px;
}
#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{
	width:100%;
	border-top:1px solid #FFC937;
	font-size: 23px;
	color:#fff;
	padding: 10px 0;
}
#pageTab ul li{
	font-size: 118%;
}
#pageTab ul li a{
	padding: 10px 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;
	border:1px solid #c9c9c9;
}
#bnrs div.bnrs li a img{
	display:block;
	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: "";
}
#bnrs div.bnrs li span{
	display:block;
	/* clear:both; */
	padding:10px;
}
.FJ_sed_sp{
	text-align:center;
	font-weight:700;
	font-size:30px;
}
.FJ_sed_sp .oOo{
    font-size: 71%;
    padding: 5px;
    margin-bottom: 5px;
    -moz-box-shadow: 0px 2px 2px #ccc;
    box-shadow: 0px 2px 2px #ccc;
}
.FJ_sed_sp span{
	color:#d70001;
	font-size: 110%;
}
.FJ_sed_sp span b{
	font-size:150%;
}
.FJ_sed_sp img{
	width:100%;
}
.FJ_sed_sp .oOo img{
	width:20%;
}
.FJ_sed_sp .ToT{
	padding: 5px;
}
.jb_sp{
	text-align:center;
	padding: 10px 0 0;
	padding-top:0;
	font-size: 17px;
}

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

/*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 8px 0;
    padding: 0;
    font-size: 12px;
    float: left;
}

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