@charset "Shift_JIS";
/* -----------------------------------------------------------
Style Info:     特集一覧独自のスタイル
----------------------------------------------------------- */
/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#headerSP { display: none; }
.globalNav { margin-top: -2px; }
.globalNav li { display: inline; }
/* フッター */
#footer { height: 47px; margin-top: 0px; }
#footer2 { width: 100%; height: 47px; margin-top: 0px; }
#footer { height: 47px; margin-top: 0px; }
#footer3 { text-align: left; }
#footer3 p a { font-size: 11px; text-decoration: none; font-family: Meiryo !important; }
#footerRLogo { margin: 30px 0 30px 5px; text-align: left; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; }
.footeRLink { text-decoration: none !important; }
#footerLinks { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 3px; font-size: 12px; font-weight: bold; }
#footerLinks li { list-style: none; }
#footerLinks li.line { display: block; padding: 8px 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width:auto; }
#footerLinks a { color: #444; text-decoration: none; }
#footerLinks a.line { display: block; padding: 8px 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width:auto; }
.ppLink { margin-top: 10px; text-align: center; font-size: .8em; }
.ppLink p { line-height: 2em; }
.to_pagetop_a { margin:0; padding-left: 12px; line-height:1.3; background: url(/jalan/doc/theme/common/images/totop_icon003.gif) no-repeat left 1px; text-align: left; }
/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/
.cS { background-image: url(/assets/img/common/sitetitle.png); background-repeat: no-repeat; }
.logoL { background-position: 0 0; display: block; width: 90px; height: 35px; text-indent: -9999px; background-size: 214px auto; }
/* Header */

.cam { width: 550px; }
h1 { color: #999999; font-size: 8px; font-weight: 100; margin: 0 5px 5px; text-align: right; }
h1.detailHeading { margin: .1em 0 .2em 0; text-align: left; font-size: inherit; line-height: 1; border: none; color: #333333; text-shadow: none; white-space: normal; }
h4 { padding: 0; text-shadow: none; }
.topHeader { margin: 0 -15px; background: #ff9600; color: #ffffff; text-shadow: 0 1px 0 #ffffff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #ff6a00), color-stop(0.63, #ff8400), color-stop(0.82, #ff9600)); -webkit-box-shadow: 0 1px 1px #999999; 　/* Safari,Google Chrome用 */
}
/* GENERAL CLASSES
-----------------------------------------------------------------------------------------------------------*/
/* FLOAT */
.fl { float: left !important; }
.fr { float: right !important; }
.cb { clear: both !important; }
/* CLEAR */
.cf:after { content: "" !important; display: block !important; clear: both !important; height: 0 !important; visibility: hidden !important; }
.clear_f:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear_f { display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clear_f { height: 1%; }
.clear_f { display: block; }
/* End hide from IE-mac */

.cf { zoom: 1 !important; }
.bdrd05e { border-radius: .5em; }
.buttonBoxW{margin:10px 0;text-align:right;}
.buttonBoxW a { color: #2489CE; display: inline-block; font-size: 12px; font-weight: bold; text-align: right; }
.pageback { color: #EF6552; text-decoration: none; }
#pageNext { text-align: right; }
#pageNext a { text-align: right; display: inline; }
/* index */
#welcometop, .catch, #campaign { display: none; }
#index { background-color: #FFF; }
#welcometop, .catch, #campaign { display: none; }
#mainImage { text-align: center; }
#mainImage img { width: 100%; }
#index #header { border-bottom: 1px solid #D2D2D2; padding: 5px 5px 1px 10px; position: relative; }
#tarm_cam { font-size: 10px; text-align: right; margin: 5px 5px 3px; }
.socialIcon { top:0; display: block; width: 100%; overflow: hidden; }
.socialIcon li { font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; }
.socialIcon { float: right; width: 400px; clear: right; }
ol, ul { list-style: none outside none; }
.socialIcon ul { display: block; width: 100%; text-align: right; height: 40px; }
div.socialIcon li { display: inline-block; /display: inline; /*for ie5〜7*/ /zoom: 1; /*for ie5〜7*/ }
div.socialIcon li.nonmrg { margin: 0; }
.socialIcon ul li iframe { display: inline; }
.cam { width: 550px; }
.pc_hide{display: none !important;}
.featuretitle { text-align: center; margin-top: 0px; margin-right: -15px; margin-bottom: 5px; margin-left: -15px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

sp{ display: none; }
/*****************************start**************************/
/*********************************common********************************/
.tokushu_ichiran_container .point { float: left; display: inline-block; position: relative; top: 5px; background-image: url(/jalan/doc/theme/images/icon_arrow_org.gif); background-repeat: no-repeat; width: 10px; height: 10px; }
.tokushu_ichiran_container .plan_tx { padding-left: 10px; color: #0070C0; font-weight: bolder; font-size: 14px; }
.tokushu_ichiran_container .plan_tx >a { color: #0070C0; }
.tokushu_ichiran_container .plan_area { font-size: 68%; letter-spacing: 1px; padding-top: 5px; color: #7F7F7F; font-weight: 600; text-align: justify; left: -10px; padding-left: 10px; position: relative; width: 100%; }
#campaign { *display: block;
}
#welcometop { *display:block;
}
/********************************* end common********************************/
.ichiran_container .shinchaku .shinchaku_header { background: #FF5800; position: relative; padding: 6px; width: 938px; }
.ichiran_container .shinchaku .shinchaku_header img { position: absolute; top: -7px; width: 63px; height: 37px; }
.ichiran_container .shinchaku .shinchaku_header h2 { display: inline-block; padding-left: 66px; font-size: 16px; color: #fff; }
.ichiran_container .shinchaku .shinchaku_body{border-left:1px solid #ccc;display:table;width:948px;}
.ichiran_container .shinchaku .shinchaku_body .plan_left{margin:0 -1px 0 0;padding:0;border:1px solid #ccc;border-top:0;border-left:0;float:left;width:316px;}
.ichiran_container .shinchaku .shinchaku_body .plan_left a{margin-left:1px;display:table;*display:block;/* IE7 */width:315px;background:url(../images/arrow_lr.png) no-repeat 298px center;text-decoration:none !important;cursor:pointer;}
html>/**/body .ichiran_container .shinchaku .shinchaku_body .plan_left a{border-bottom/***/:1px solid #ccc\9;}/* IE8 */
body:not(:target) .ichiran_container .shinchaku .shinchaku_body .plan_left a{border-bottom:0\9;}/* IE9 */
.ichiran_container .shinchaku .shinchaku_body .plan_left a:hover{background-color:#ffc !important;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsImg{padding:9px;float:left;width:88px;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsImg img{width:88px;height:auto;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsLink02{padding:9px 20px 9px 0;float:left;width:189px;min-height:88px;font-weight:bold;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsLink02 .plan_tx{color:#0070c0;line-height:1.3;font-size:15px;text-decoration:underline;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsLink02 .plan_area{color:#7f7f7f;font-size:10px;}
/************************-季節の特集****************************/
#menu_list { margin-top: 20px; list-style-type: none; }
#menu_list .contentsLink03 { float: left; margin-right: 10px; font-weight: bold; text-align: left; padding-left: 25px; background-image: url(../images/internallink_icon001.gif); background-repeat: no-repeat; background-position: 10px; }
/************************-季節の特集****************************/

/*** start 人気の日程　宿の空室状況を毎日更新 **/

.tokushu_ichiran_container { }
.tokushu_ichiran_container .tokushu_ichiran { margin: 10px 0; padding: 20px 0 10px; border: 1px solid #666; border-radius: 5px; }
.tokushu_ichiran_container .tokushu_ichiran .plans { display:table;width:948px;overflow: hidden; }
.tokushu_ichiran_container .tokushu_ichiran .btn-slide { display: none; text-align: right; }
.tokushu_ichiran_container .tokushu_ichiran .header { border-bottom: none; padding-left: 20px; padding-right: 20px; }
.tokushu_ichiran_container .tokushu_ichiran .header img { position: absolute; top: -4px; height: 35px; width: 35px; }
.tokushu_ichiran_container .tokushu_ichiran .header h2 { display: inline; padding-left: 40px; font-size: 16px; color: #000; }
.tokushu_ichiran_container .tokushu_ichiran .header >span { display: inline-block; font-size: 70%; color: #000; *margin-left:10px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left {padding:0 0 0 20px;float:left;width:296px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left .contentsLink02{width:265px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left .contentsLink02 .plan_tx{background:url(/jalan/doc/theme/images/icon_arrow_org.gif) no-repeat 0 5px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb{width:454px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsImg{float:left;width:110px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsImg img{width:100px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsLink02{float:left;width:344px;min-height:100px;font-weight:bold;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsLink02 .plan_tx{font-size:16px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsLink02 .plan_area{font-size:11.5px;}
html>/**/body .tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.mgb15{padding-bottom/***/:15px\9 !important;}/* IE8 */
body:not(:target) .tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.mgb15{padding-bottom:0\9 !important;}/* IE9 */
.textLarge { min-height: 90px\0/ !important; *min-height:90px !important;
}
.tokushu_ichiran_container .tokushu_ichiran .mobile_show { display: none !important; }
/*** end 人気の日程　宿の空室状況を毎日更新 **/
/*****   start  得な特集 ******/
.tokushu_ichiran .images ul li { padding: 5px 0 5px 20px; margin: 0; overflow: hidden; height: 100%; display: inline-block; float: left; width: 46%; }
.tokushu_ichiran .images .img { width: 100px; vertical-align: top; float: left; text-align: center; }
.tokushu_ichiran .images .img img { height: 105px; }
.tokushu_ichiran .images .caption { display: block; width: auto; padding-left: 110px; float: none; line-height: 1.3; }
.tokushu_ichiran .images .caption a { padding-left: 5px; color: #0070C0; font-weight: bolder; }
.tokushu_ichiran .images .detail { font-size: 72%; letter-spacing: 1px; padding-top: 5px; color: #7F7F7F; font-weight: 600; text-align: justify; text-align-last: justify; width: 85%; padding-left: 10px; position: relative; left: -10px; }
/*****   end  得な特集 ******/

/****** start 流し込みデータ ******/

.tokushu_ichiran .trendList .top_link_in ul { margin: 0px 20px 0px 20px; }
.tokushu_ichiran .top_link_in li { font-size: 11px; display: inline-block; margin-bottom: 8px; vertical-align: top; width: auto; *float:left;
margin-left: 7px; white-space: nowrap; }
.tokushu_ichiran .top_link_in li a { color: #0070C0; font-weight: bolder; }
.publicationend_link { overflow: hidden; background-color: #cccccc; border-radius: 5px; }
.publicationend_link h2 { font-size: 16px; padding: 20px; padding-bottom: 0px; color: #000; }
.publicationend_link .publicationend { float: left; padding: 10px 20px 20px 20px; }
.publicationend_link .publicationend>div { background-color: #ccc; }
.publicationend_link .publicationend .top_link_in ul{ text-align: justify; -moz-text-align-last: justify; /* Code for Firefox */ text-align-last: justify; text-justify:distribute-all-lines; }
.publicationend_link .publicationend .top_link_in li { font-size: 10px; display: inline-block;*display: inline; white-space:nowrap; vertical-align: top; width: auto; font-weight: bold; }

/******** end 流し込みデータ *********/

/************************end*****************************/
@media screen and (max-width: 640px) {
/****************start SP***********************/
body { width: 100%; }
.l-siteHeader { display: none; }
#header990 { width: 100%; }
#header990 #pankuzu { padding: 0 10px !important; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; font-size: 10px !important; }
#header_dms_ovr { display: none; }
#headerSP { margin-bottom: 5px; padding: 5px 5px 1px 10px; border-bottom: 1px solid #d2d2d2; box-sizing: content-box; display: block; position: relative; height: 39px; }
#info { display: none; }
h1 { display: none; }
.pc{ display: none; }
.sp{ display: block; clear:both; }
.socialIcon {width:auto !important;}
.socialIcon.socialBtm{margin-bottom:10px;float:none;}
.socialIcon ul{margin:0 auto;text-align:center;}
.featuretx { line-height: 18.5px; }
.scrollToTop { width: 63px; height: 84px; background: url('../images/floating_top.png') no-repeat 0px 20px; background-size:60px 60px; }
.scrollToTop:hover { text-decoration: none; }
.scrollToTop.fixed{position:fixed;right:0;bottom:20px;z-index:5;}
#footerLinks {clear:both;}
#footerLinks .line{margin:0;border-top:0;}
#footerLinks a{text-decoration:none !important;}
/*****start  新着＆旬のイチオシ特集 ***********/
#pageTop { display: none; }
.tokushu_ichiran_container { padding-left: 3px; padding-right: 3px; }
.ichiran_container .shinchaku .shinchaku_header { padding: 6px 0;width: 100%; }
.ichiran_container .shinchaku .shinchaku_header img { left:1px; }
.ichiran_container .shinchaku .shinchaku_body{border:0;display:table;width:100%;}
.ichiran_container .shinchaku .shinchaku_body .plan_left{margin:0;border:0;border-bottom:1px solid #ccc;float:none;width:100%;}
.ichiran_container .shinchaku .shinchaku_body .plan_left a{margin:0;display:table;width:100%;background:url(../images/arrow_lr.png) no-repeat  99% center;text-decoration:none !important;}
.ichiran_container .shinchaku .shinchaku_body .plan_left .contentsLink02{float:none;width:auto;}

.tokushu_ichiran .images ul li { display: block; width: 100%; box-sizing: border-box; padding: 5px 20px 5px 20px; }
.tokushu_ichiran_container .tokushu_ichiran .header { height: auto; }
.tokushu_ichiran_container .tokushu_ichiran .plans { margin-top: 15px; }
.tokushu_ichiran_container .tokushu_ichiran .btn-slide { display: block !important; letter-spacing: 1px; padding-right: 10px; color: #0070C0; font-weight: bolder; font-size: 80%; text-align: right; }
.tokushu_ichiran_container .tokushu_ichiran .btn-slide .ichiran_slide_down { display: inline; background: url(/smart/theme/images/iconav_gray_arrow_under.png) no-repeat right center; padding-right: 25px; background-size: 16px; cursor:pointer; text-decoration:underline; }
.tokushu_ichiran_container .tokushu_ichiran .btn-slide .ichiran_slide_up { display: none; background: url(../images/iconav_gray_arrow_upper.png) no-repeat right center; padding-right: 25px;background-size: 16px; cursor:pointer; text-decoration:underline; }
.tokushu_ichiran_container .tokushu_ichiran .images { margin-top: 15px; }
.tokushu_ichiran_container .tokushu_ichiran .header >span { display: block; position: relative; top: 11px; }

.tokushu_ichiran_container .tokushu_ichiran .plans { width:100%; }
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left {padding:0 10px 0 20px;float:none;width:auto;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left .contentsLink02{width:auto;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left .contentsLink02 .plan_tx{background:url(/jalan/doc/theme/images/icon_arrow_org.gif) no-repeat 0 5px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb{width:auto;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsImg{float:left;width:110px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsImg img{width:100px;}
.tokushu_ichiran_container .tokushu_ichiran .plans .plan_left.thumb .contentsLink02{margin-left:110px;float:none;width:auto;min-height:100px;font-weight:bold;}

/*****end   新着＆旬のイチオシ特集 ***********/
/************************-季節の特集****************************/
#menu_list { font-size: 10px; width: 100%; overflow: hidden; display: table; }
#menu_list li:first-child { border-left: 1px solid #FF5800; }
#menu_list .contentsLink03 { border-top: 1px solid #FF5800; border-right: 1px solid #FF5800; border-bottom: 1px solid #FF5800; width: 20%; padding: 5px 2px; padding-left: 0px; padding-right: 0px; white-space: nowrap; display: table-cell; background-image: none; background-repeat: none; float: none; text-align: center; }
#menu_list .contentsLink03 .ranking { border-left: 1px solid #FF5800; }
#menu_list .contentsLink03:focus, #menu_list .contentsLink03:active { color: #fff; background: #FF5800; }
#menu_list .contentsLink03 >a { color: #000; text-decoration: none !important; font-weight: initial; background-image: url(../images/internallink_icon001_sp.png); background-repeat: no-repeat; background-position: 1%;background-size:10px 9px; padding-left: 12px; }
 #menu_list .contentsLink03 a:link, #menu_list .contentsLink03 a:visit {
 color: #666666;
}
#menu_list .contentsLink03:focus a, #menu_list .contentsLink03:active a { background-image: url(../images/internallink_icon002_sp.png); background-repeat: no-repeat;background-size:10px 9px; color: #fff; }
.tokushu_ichiran_container .tokushu_ichiran.content_tab.active { display: block; }
/************************-季節の特集****************************/

/*** start 人気の日程　宿の空室状況を毎日更新 **/
.tokushu_ichiran_container .tokushu_ichiran .plans li { overflow: hidden; display: block; width: auto; min-height: 0px; }
.mobile_hide { display: none !important; }
.tokushu_ichiran_container .tokushu_ichiran .mobile_show { display: inline-block !important; }
.tokushu_ichiran_container .tokushu_ichiran .ichiran_slide { display: none; margin-top: 0px; }
.tokushu_ichiran_container .tokushu_ichiran .plans li a { color: #0070C0; font-weight: bolder; }
.tokushu_ichiran_container .tokushu_ichiran .plans li .plan_area { font-size: 72%; letter-spacing: 1px; padding-top: 5px; color: #7F7F7F; font-weight: 600; text-align: justify; text-align-last: justify; width: 100%; }
/*** end 人気の日程　宿の空室状況を毎日更新 **/

/*****   start  得な特集 ******/

.tokushu_ichiran .trendList .top_link_in ul:first-child { margin: 15px 0 0 20px; }
.tokushu_ichiran .images .caption { display: block; width: auto; float: none; line-height: 1.3; }
.tokushu_ichiran .images .caption .detail { width: 95%; }
/*****   end  得な特集 ******/

/*****   start  人気エリア ******/

.h2 { font-size: 15px !important; }
/*****   end  人気エリア ******/


/****** start 流し込みデータ ******/
.tokushu_ichiran .top_link_in li { margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px 10px 0; display: block; float:left; width: 50%; font-size: 12px; line-height: 1.5;vertical-align: top; white-space: normal;}
.publicationend_link { display: none; }
#pageNext { display: none; }
/**************end SP***********************/

.pc_hide{display: inline-block !important;}

/* accordion */
.tokushu_ichiran_container .accordion_list .plans.close .plan_left{display:none;}
.tokushu_ichiran_container .accordion_list .plans.close .plan_left:nth-of-type(1),
.tokushu_ichiran_container .accordion_list .plans.close .plan_left:nth-of-type(2),
.tokushu_ichiran_container .accordion_list .plans.close .plan_left:nth-of-type(3),
.tokushu_ichiran_container .accordion_list .plans.close .plan_left:nth-of-type(4){display:block;}
.tokushu_ichiran_container .accordion_list .plans.open .plan_left{display:block;}
.tokushu_ichiran_container .accordion_list .trendList.close ul li{display:none;}
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(1),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(2),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(3),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(4),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(5),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(6),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(7),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(8),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(9),
.tokushu_ichiran_container .accordion_list .trendList.close ul li:nth-of-type(10){display:block;}
.tokushu_ichiran_container .accordion_list .trendList.open li{display:block;}
}

/*=============================================
 PC
=============================================*/

@media only screen and (min-width:641px) {
/****************start pc***********************/
#index { width: 950px; margin: 0 auto; }
.catch { display: block; color: #666; font-weight: bold; font-size: 12px; left: 10px; position: relative; }
#header { height: 60px; background-image: url(/theme/tdr/common/images/bg001.gif); padding-top: 10px; }
#header ul { display: none; }
.buttonBoxW a { border: medium none; color: #1B47FF; _color: #1B47FF !important; font-size: 12px; font-weight: normal; text-decoration: underline; }
.buttonBoxW a:hover { color: #ff7d00; _color: #ff7d00 !important; text-decoration: underline; }
.pageTopLink { border-bottom: none; overflow: hidden; }
#footerLinks { margin: 0;padding:20px 0 5px;border: 0; border-bottom: 2px solid #999; clear:both;font-weight: normal; }
#footerLinks li { display: inline; }
#footerLinks li.line { background: none repeat scroll 0 0 transparent; border: none; display: inline; padding: 0; }
#footerLinks li.line2 { border-left: 1px solid #444444; }
#footerLinks a { display: inline; border-top: none; border-bottom: none; border-left: none; color: #1B47FF; padding: 0 6px; font-size: 11px; background: none; text-decoration: none; }
#footerLinks a.line { display: inline; border-right: 1px solid #444; border-top: none; border-bottom: none; border-left: none; color: #1B47FF; padding: 0 5px; padding: 0 3px\9; font-size: 11px; background: none; }
#footerLinks a:hover { color: #ff7d00 !important; }
.logoL { background-position: 0 0; display: block; height: 52px; text-indent: -9999px; width: 124px; }
.cS { background: url("/assets/img/common/sitetitle.png") repeat scroll 0 0 transparent; overflow: hidden; position: relative; z-index: 100; }
#welcometop { display: block; }
#campaign { display: block; }
h1 { color: #999; font-weight: normal; font-size: 10px; margin-top: 10px\9; }
.featuretx { font-size: 12px; line-height: 1.5; }
}