@charset "utf-8";
/*
* CSS for PC
* 2015/10/20 shenhui
*/

.pc{display:none !important;}
#keyVisual{margin-bottom:0; position:relative;}
#keyVisual .rslides_tabs li a{display:none;}
#keyVisual .main_tit{display:block;position:absolute;z-index:1;width: 40%;}
#keyVisual .main_tit img{width:100%;}
#keyVisual .rslides{z-index:1; position:relative;}
#keyVisual.rslides_tabs{z-index:0;}
#keyVisual.rslides2_tabs{z-index:0;}
#contents.column2R {background-color: #fff;} 




#keyVisual .main_tit{display:block;position:absolute;top:0px;left:0px;z-index:99;color:#FFF;font-size:23px;text-align:center;text-shadow:3px 3px 3px #000;font-weight:bolder; background:#58BCD4; height:100%; }
#keyVisual .main_tit strong{font-size: 130%;display:block;margin-bottom:10px;}
#keyVisual .main_tit small{font-size:15px; line-height:150%; display:block;}
#keyVisual .main_tit span#t02{font-size:15px; position:absolute; left:-10px; top:50%; display:block;}
#keyVisual .main_tit p{ padding:0;display:block; position:relative; line-height:130%; display:block;}
#keyVisual .main_tit span#t01{text-decoration:underline; display:block; margin-bottom:20px;}
#keyVisual .main_tit span#t03{display:block; margin-bottom:10px; line-height:200%;}


#text_a{font-size:100%; line-height:140%; background-color:#FCF8D2; padding-top:5px;}
.text_b{padding:10px; border:1px dotted #18CCFF; border-radius:5px; margin:10px; line-height:150%;}
.text_b img{display:none;}
.text_b p#plan01{display:block; background-color:#18CCFF; border-radius:5px; text-align:center; color:#FFF; padding:5px; margin-bottom:5px;}
.text_b p#plan02{display:block; background-color:#4EBDB7; border-radius:5px; text-align:center; color:#FFF; padding:5px; margin-bottom:5px;}
.text_b p{padding:0px;font-weight: bold;}
.text_b p small{font-size:80%;}
.text_b p span{font-size:80%; border:1px solid #F30; background-color:#FFF; border-radius:5px; padding:3px;/* margin-right:5px;*/ color:#F30;}
#text_a p.text_pr{font-size:80%; display:block; margin-top:-10px;}



/* ----- nav -----*/
div.navbox{width:100%;background:#000;z-index:99;display: none;}
div.navbox.fixed{/* position:fixed; */top:0;left:0;}
div.navbox ul{overflow:hidden; width:100%; margin:0 auto;}
div.navbox li{float:left; width:50%; text-align:center;}
div.navbox li a{color:#ffffff !important; display:block;  padding:5px 0; line-height:20px; border-bottom:1px solid #3e4953; border-right:1px solid #3e4953; padding:8px 0;}
div.navbox li a:hover{ text-decoration:none !important; }
/*li.word2 , li.word3, li.word4, li.word9, li.word12 {margin:5px 0;; line-height:30px; font-size:12px; font-weight:bold; text-align:center;} 
li.word2{width:10%;}
li.word3{width:12%;}
li.word4{width:15%;}
li.word9{width:22%;}
li.word12{width:32%;}
*/li.last a{ border-right:none !important;}
/* ----- nav -----*/


/* ----- unbox -----*/
.unbox{border:3px solid #111183; padding:20px; background:#ffffff; margin:0 5px 15px;}
.unbox h2{color:#111183; font-size:22px; padding-bottom:20px;}
.unbox ul{overflow:hidden;}
.unbox ul li{width:49%; float:left; margin-right:1%;}
.unbox ul li img{padding-bottom:10px; width:100%;}
.unbox ul li a{color:#464646 !important; text-decoration:underline !important;}
.unbox ul li a:hover{text-decoration:none !important;}
.unbox ul li a:hover img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
/* ----- unbox -----*/

/* ----- 譁ｽ險ｭ譫 -----*/
.hotels{background:#fff;}
.htlBox {border: none; padding-top:10px;}
.htlBox .area {background-color: #fff; margin:0; padding:0 5px 5px; color:#333; font-size:14px; font-weight:bold;}
.htlBox h1 {color:#464646; font-size: 100%;}
.htlBox .photo { width:94%;}
.htlBox .plan li a { background-color: #ffeded; border:none;}
.htlBox a:hover{ text-decoration:none !important;}
.htlBox a:hover h1{color:#C03;}
.htlBox .chara li {width:100%; padding:5px 0; text-align:center; font-size:16px; /*font-weight:bold;*/}
.htlBox .plan li.blue .chara li { background-color:#18CCFF !important;}
.htlBox .plan li.green .chara li { background-color:#4EBDB7 !important;}
.htlBox .plan li.blue a{background-color: #FFF9DF; border: 2px solid #FDCD01;}
.htlBox .plan li.green a{background-color:#D2EEED;}



.htlBox4 .plan li a .planName {font-size: 100%;  color: #464646;}
#contentsArea .htlBox .btn li a{background: url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/iconbtn.gif) right center no-repeat #eeeeee;color:#666666;border:1px solid #bdbdbd;font-size: 94%;margin: 0 5px !important;font-weight: Bold;}

.htlBox .btn li {float:left; width:100%;}
h2.areattl{display:block; padding:5px 0 5px 20px; background:#fee2cc; color:#f67935;  margin:30px 0 10px; font-size: 108%; border-bottom:1px dotted #f67935;}
h2.areattl span{font-size:82%;}
.htlBox .basic {border-bottom: 1px solid #fff;}
.htlBox .plan li a .price strong {color: #cc0000; font-size:140%; text-align:center;}
/* ----- 譁ｽ險ｭ譫 -----*/


#search-box .subtitle, #search-box #dap-dpt-date, #search-box #dap-arv-date, .arrowStyle,#keywordsearch_ana, #keywordsearch_jal,
#ranking ul li .myWrap .right .star00,
#ranking ul li .myWrap .right .star05,
#ranking ul li .myWrap .right .star10,
#ranking ul li .myWrap .right .star15,
#ranking ul li .myWrap .right .star20,
#ranking ul li .myWrap .right .star25,
#ranking ul li .myWrap .right .star30,
#ranking ul li .myWrap .right .star35,
#ranking ul li .myWrap .right .star40,
#ranking ul li .myWrap .right .star45,
#ranking ul li .myWrap .right .star50,
#dap-ana-radioBtn, #dap-jal-radioBtn,
#search-box .selectAirport li.arv,
#osusume .airSearch .ana, #osusume .jal,
#recent2 ul.recentContents li.recentHotel p.dptDateANA,
#recent2 ul.recentContents li.recentHotel p.dptDateJAL,
#recent2 .recentList li .delete a,
#recent2 .more a,
#recent2 p.empty a,
#recent2 li.upBtn a,
#recent2 li.downBtn a,
#ichioshi .controller li a,
.arrowMiniStyle,
#personal .limitPoint li,
#personal .invitation a,
#personal .status span,
#personal .invitation,
#personal .limitPoint li,
#personal .pointNav li a,
#personal .normal .userMenu li a,
#personal .option li a,
#personal #LinkOptionMenu a,
#personal .campaign a,
#ichioshi .controller li a,
#search-box .dpSrchCndtnBox a.ana strong,
#search-box .dpSrchCndtnBox a.jal strong
{background: url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/sprite.png) no-repeat; background-repeat:no-repeat;}
#search-box h1.open:after{
	content: "+";
	border: 1px solid #111183;
	width: 12px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 5px;
	line-height: 0.8;
	text-align: center;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	cursor:pointer;
}
#search-box h1.close:after{
	content: "-";
	border: 1px solid #111183;
	width: 12px;
	height: 14px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 5px;
	line-height: 0.8;
	text-align: center;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	cursor:pointer;
}

#search-box {border: 1px solid #111183;}
#search-box h1 {color: #111183;}

#search-box .subtitle.air {
    background-color: #457f0f;
    background-position: 0 -310px;
    float: left;
    width: 70px;
}
#search-box .subtitle {
    border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;
    width: 50px;
}

#search-box .explain {
    color: #cc0000;
    float: left;
    font-size: 78%;
    padding: 3px 0 0 7px;
}

#search-box dl.srcStructure {
    clear: both;
    font-size: 82%;
    overflow: hidden;
	padding:0;
}

#search-box dl.srcStructure dt {
    clear: both;
    line-height: 1.3;
    padding-top: 3px;
    width: 100%;
	font-weight:bold;
	font-size:130%;
}

#search-box dl.srcStructure dd {
    margin-bottom: 10px;
	width:100%;
}

#search-box #dap-dpt-date , #search-box #dap-arv-date {
    background-color: #ffc;
    background-position: 0 -190px;
    border: 1px solid #878787;
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    font-size: 100%;
    min-height: 20px;
    padding: 3px;
	margin:0 0 10px;
	width:96%;
}
.selectAirport{overflow:hidden;}
.dpt , .arv{float:left;}
.dpt {margin-right:0px;}

#search-box .selectAirport li.arv {
    background-position: 0 -1121px;
    padding-left: 25px;
}

#search-box select {width: 100px; font-size:100%;}


#search-box .subtitle.cars {
    background-color: #457f0f;
    background-position: 0 -339px;
    width: 90px;
}

#search-box .subtitle.hotel {
    background-color: #457f0f;
    background-position: 0 -369px;
	margin-top:10px;
}
.sltBox {
    margin-left: 3%;
    margin-right: 3%;
}
.sltBox::before , .sltBox::after{ display:inherit !important;}

#search-box .selectNumber ul li{float:left;}
#search-box .selectNumber ul li.adult {
    max-width: 170px;
    white-space: nowrap;
    width: 70%;
}

#search-box .selectNumber ul li.child {
    margin-top: 7px;
    text-align: right;
    white-space: nowrap;
    width: auto;
}

#search-box .selectNumber ul li.child a,
#search-box #oa-arv1{
	background: -moz-linear-gradient(
                top,
                #f0f0f0 0%,
                #f0f0f0);
	background: -webkit-gradient(
                linear, left top, left bottom,
                from(#f0f0f0),
                to(#f0f0f0));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #777777;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	color: #333333;
	line-height: 1.7;
	padding: 7px 1em;
}

#search-box p.stdSrchBtn input{
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
   background: -moz-linear-gradient(
        top,
        #CA2828 0%,
        #BA1313);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#CA2828),
        to(#BA1313));
		background-color: #BA1313;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E66B19;
	-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);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),
        0px 0px 0px rgba(255,255,255,0);
	line-height: 1.4;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width:100%;
}
#keywordSearch .cancel a, #keywordSearch .submit { background:none ;}
#keywordSearchForm{overflow:hidden;}
#keywordSearch input#f_query{float:left; margin-right:10px;}
#keywordSearch input#kw-submit{
	display: block;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
   background: -moz-linear-gradient(
        top,
        #CA2828 0%,
        #BA1313);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#CA2828),
        to(#BA1313));
		background-color: #BA1313;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E66B19;
	-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);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),
        0px 0px 0px rgba(255,255,255,0);
	line-height: 1.4;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width:100px;
	float:left;
}





#keywordSearch {border: 1px solid #111183;}
#keywordSearch h1 {color: #111183;}










dt.date{float:left; margin-right:10px; clear:both;}
dd.date{float:left; width:100%;}
#search-box .inputDate {min-height:20px !important; line-height:1;}
dd.apn{clear:both; float:left;}
dd.apn2{float:left;
    padding-left: 25px; background:url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/sprite.png) no-repeat rgba(0, 0, 0, 0) 0 -1118px;}
dt.setCars{clear:both;}
#search-box dt.setCars {
	background:url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/sprite.png) no-repeat #457f0f 0 -339px;
    width: 90px;
	border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;
}
p.skhk{background:url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/sprite.png) no-repeat #457f0f 0 -369px;
    width: 50px;
	border-radius: 3px;
    color: #ffffff;
    font-size: 78%;
    margin-bottom: 7px;
    padding: 3px 0 3px 15px;
    text-align: center;}
.unbox {
    display: none;
}
div#keywordSearch {
    display:none;
}
.htlBox .plan li a .price {
    text-align: center;
}
p.atn {
    margin-left: 20px;
    font-size: 78%;
    padding-bottom: 10px;
}

/*クーポン追加*/

h1.title_Top {
    background: #ffe100 none repeat scroll 0 0;
    width: 98%;
    text-align: center;
    padding: 5px;
    color: black;
	font-size: 82%;
}

.use_cp {
    text-align: center;
    padding-top: 10px;
}
p {
    font-size: 83%;
    padding: 0px 15px;
}
.use1_bg {
    border: solid 2px #ffe100;
    width: 99%;
    background-color: #fff;
}
p.anchor {
    text-align: right;
    padding-top: 5px;
    text-decoration: underline;
}
/*----- .cp__acordion -----*/
.cp__acordion{
	width:auto;
/*	margin-bottom:20px;*/
	margin-bottom:10px;
}
.cp__acordion .cp__trigger{
	width:100%;
	display:block;
	position:relative;
	padding:5px 10px 5px 25px;
	cursor:pointer;
	background-color:#ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.2rem;
} 
.cp__acordion .cp__trigger:after{
	display: inline-block;
	content:" ";
	position:absolute;
	top: 50%;
	left: 10px;
	width: 5px;
	height: 5px;
	margin-top: -7px;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-box-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}
.cp__acordion .cp__trigger.active-submenu:after{
	margin-top:-4px;
	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-o-box-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}
.cp__acordion ul.submenu{
	border:solid 1px #ccc;
	padding:10px 10px 0 10px;
	background-color:#fff;
}
/*----- .cp__liststyle-dot -----*/
.cp__liststyle-dot{
	margin-bottom:10px;
	list-style-position:inside;
	list-style-type: disc;
}
.cp__liststyle-dot > *{
	margin-left:1em;
	text-indent:-1em;
	margin-bottom:1px;
	font-size:1.4rem;
	line-height: 1.4;
}
/*----- .cp__liststyle-num -----*/
.cp__liststyle-num{
	margin-bottom:10px;
	list-style-position:inside;
	list-style-type: decimal;
}
.cp__liststyle-num > *{
	margin-left:1em;
	text-indent:-1em;
	margin-bottom:1px;
	font-size:1.4rem;
}
/*----- .cp__liststyle-none -----*/
.cp__liststyle-none{
	margin-bottom:10px;
	list-style:none;
}
.cp__liststyle-none > *{
	margin-bottom:1px;
	font-size:1.4rem;
}
/*-----.cp__hr----*/
.cp__hr{
	height:1px;
	margin-bottom:10px;
	font-size:0;
	border-top:1px dotted #CCC;
}

span.cp_title {
    width: 100%;
    /* font-size: 88%; */
    display: block;
    position: relative;
    padding: 10px;
    cursor: pointer;
    background-color: #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ccc;
    font-weight: bold;
}



#time{padding: 10px 5px;color:#000;font-size:14px;line-height:150%;background-color:#edefed;text-align:center;}

#contents .pagetop {
    bottom: -10px;
}

 section#accs p img { width:100%;}
 
 
#CPN {
    padding:10px;
    overflow: hidden;
}

#CPN dl { text-align:center;
    background: #fff;
    border: 2px solid #fbce01;
    overflow: hidden;
	margin-bottom:10px;
}

#CPN dl dt {
    border: 1px solid #000;
    margin: 5% auto;
    width: 90%;
}
#CPN dl dt span {
    color: #000;
    display: block;
    font-size: 81%;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
}

#CPN dl dt span em {
    font-size: 120%;
    font-style: normal;
}

#CPN dl dd p.tip {
    font-size: 78%;
    line-height: 130%;
    padding: 10px;
    text-align: left;
}
 
#gaiyo {
    padding:10px;
    overflow: hidden;
}
#gaiyo p img{ width:100%;}
#gaiyo .txt1 img{ width:80%;}
#gaiyo .txt1 span{ display:block;}

#accs {
    padding:10px;
    overflow: hidden;
}

#spot {position: relative;
    padding:10px;
    overflow: hidden;
}
#spot .rslides0 p {text-align: left;display: block;margin-bottom: 5px;}
#spot .rslides0 p span{    color: #fff;
    display: block;
    font-weight: bold;
    height: 37px;
    margin-bottom: 10px;
    padding-top: 6px;
    text-align: center;background: url("https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/huki.gif") no-repeat center; }
	
#spot div.slis .rslides_nav{top: 57%;
    width: 20px;
	height: 34px;
	text-indent: -9999px;}
	
#spot div.slis .prev {    background: transparent url("https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/arr_prev.gif") no-repeat scroll left top;
    left: 10px;
    position: absolute;}
#spot div.slis .next {
    background: transparent url("https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/arr_next.gif") no-repeat scroll left top;
    position: absolute;
    right: 40px;
}
#spot .rslides0 li div.lft em{display:block;font-size:80%;margin-top: 5px;}
#spot .rslides0 li img {
 width:70%;
}
#spot div.slis ul.rslides0 li{ text-align:center;}

.rslides_tabs {
    display: none;
}
.fml img{ width:100%;}

.column2R .w25p {
    border: 1px solid #ccc; margin:0 5px;}
	 .accordion {
    border: 1px solid #ccc;
    clear: both;
    margin: 0 0 10px;
}
 .accordion dt {
    background: #ccc url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/clo.png) no-repeat scroll ;
    cursor: pointer;
    display: block;
    font-size: 90%;
    padding: 5px 0 5px 18px;
}
 .accordion dt.open {
    background: #ccc url(https://img.travel.rakuten.co.jp/package/ana/special/setouchi-artfest/images/open.png) no-repeat scroll;
}
.accordion dd {
    display: none;
    padding: 10px;
}
 .accordion dd p {
    font-size: 82%;
    margin-bottom: 10px;
}
.accordion dd li {
    font-size: 82%;
    line-height: 1.4;
    margin: 0 0 10px;
}
 .accordion em {
    color: #b20000;
    font-style: normal;
}

.cp_info {
    padding: 10px 20px;}
    
p#toPageTop {
    display: none;
}
.bnr {
    display: none;
}

/*キャンペーン終了のお知らせ*/
.dis_no{display:block;}
.breakCampaingInfo {
	border: 2px solid #bf0000;
	padding: 10px;
	background: #f0f0f0;
	text-align: center;
	margin: 10px 0;
}

.breakCampaingInfo .txt {
	color: #bf0000;
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
}

.breakCampaingInfo .txts {
	color: #000;
	font-size: 110%;
	line-height: 1.2;
}

.breakCampaingInfo .btn {
	margin: 15px 10px 0;
}

.breakCampaingInfo .btn a {
	display: block;
	padding: 10px 0;
	font-size: 110%;
	border-radius: 5px;
	background: #bf0000;
	color: #fff !important;
	text-decoration: none;
	position: relative;
}

.breakCampaingInfo .btn a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.breakCampaingInfo .btn a:hover, .breakCampaingInfo .btn a:active {
	text-decoration: none !important;
	opacity: .7;
}