@charset "utf-8";

/* -----------------------------------------------------------
 File name:      xxxx_common.css
 Style Info:     各特集独自のスタイル
----------------------------------------------------------- */

body {
	color: #333;
	font-size: 12px;
	font-family:  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
/*	line-height: 1.3;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;*/
}

#subnavi #subnaviLinks {
	line-height: 0;
}

.displaysp{
	display: none;
}

#breadcrumb {
    padding-top: 5px;
    overflow: hidden;
    font-size: 10px;
    line-height: 20px;
}

#breadcrumb li {
    float: left;
}

#breadcrumb li span {
    margin: 0 5px;
    color: #999;
}

#breadcrumb a {
    text-decoration: none;
}

#page_info,
.index_h1 {
	width: 350px;
}

/* -----------------------------------------------------------
　ソーシャルアイコン
----------------------------------------------------------- */

.socialIcon {
	top: 0;
	display: block;
	overflow: hidden;
	float: right;
	width: 300px;
}

.socialIcon ul {
	display: block;
	width: 100%;
	text-align: right;
	height: 30px;
	margin-bottom: 0;
}

ol,
ul {
	list-style: none outside none;
}

div.socialIcon li {
	display: inline-block;
	margin-right: 2px;
}

div.socialIcon li.nonmrg {
	margin: 0;
}

.socialIcon ul li iframe {
	display: inline;
}

.pc_hide {
	display: none !important;
}

#mainView .socialIcon {
	display: none;
}

/* -----------------------------------------------------------
　TOP
----------------------------------------------------------- */

#oowaku,
#container {
	width: 100%;
	background: #9fe8f5 url(../images/top_bg.png) repeat-y center top;
}

.top_title {
	width: 100%;
	height: 241px;
	position: relative;
	margin-bottom: 0;
}

.inner_title {
	width: 950px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -475px;
}

/*7月イレギュラー対応-------------------*/
.irregular7 {
	width: 100%;
	padding:10px 0;
	color: #f65181;
	font-size: 16px;
	font-weight: bold;
	background-color: #fbf4ea;
	text-align: center;
}

/*--------------------------------------*/

.inner_title_day {
	width: 950px;
	text-align: center;
	font-weight: bold;
	color: #301b05;
	position: absolute;
	top: 86%;
	left: 50%;
	margin-left: -475px;
}

.title_day1 {
	font-size: 16px;
}

.title_day2 {
	font-size: 20px;
}

.inner_attention {
	width: 950px;
	text-align: center;
	color: #301b05;
	position: absolute;
	top: 98%;
	left: 50%;
	margin-left: -475px;
}


.info_img {
	margin: 10px 0;
}

.searchlink {
	overflow: hidden;
}

#set_button1,
#set_button2,
#set_button3 {
	float: left;
	border: none;
	cursor : pointer;
	text-align: center;
	margin: 0;
	padding: 0;
}

#set_button1 {
	width: 317px;
	height: 242px;
	background: #9fe8f5 url(../images/searchlink_30.png) no-repeat center top;
}

#set_button1:hover {
/*	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";*/
	background: #9fe8f5 url(../images/searchlink_30_on.png) no-repeat center top;
}

#set_button2 {
	width: 316px;
	height: 242px;
	background: #9fe8f5 url(../images/searchlink_60.png) no-repeat center top;
}

#set_button2:hover {
/*	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";*/
	background: #9fe8f5 url(../images/searchlink_60_on.png) no-repeat center top;
}

#set_button3 {
	width: 317px;
	height: 242px;
	background: #9fe8f5 url(../images/searchlink_90.png) no-repeat center top;
}

#set_button3:hover {
/*	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";*/
	background: #9fe8f5 url(../images/searchlink_90_on.png) no-repeat center top;
}

.link_p1,
.link_p2,
.link_p3 {
	text-align: center;
	padding-top: 155px;
}

.link_p1 {
	padding-left: 45px;
}

.link_p3 {
	padding-right: 40px;
}

.link_p_in1 {
	color: #301b05;
	font-size: 12px;
}

.link_p_in2 {
	color: #301b05;
	font-size: 16px;
	font-weight: bold;
}

.link_p_in_sp {
	display: none;
}

/* -----------------------------------------------------------
　コンテンツ
----------------------------------------------------------- */
#content {
	width: 950px;
	margin: 0 auto;
	padding-top:18px;
}

#contentsInfo{
	margin:-15px 0 5px;
	padding: 13px 0 0 5px;
	text-align: left;
}

#contentsInfo .txt {
	padding: 0;
	margin: 0;
 	font-weight: bold;
	font-size: 12px;
	width: 100%;
	color: #301b05;
	font-weight:bold;
	font-size:12px;
}

#contentsInfo .dtailApp {
	color: #301b05;
	font-size: 10px;
}

/* -----------------------------------------------------------
　チェーンバナー
----------------------------------------------------------- */

#chbanner {
	width: 180px;
	float: right;
}

#topic_searchhotel {
	width: 180px;
	padding: 10px 0;
	background-color: #f76c0d;
	text-align: center;
}

#topic_searchhotel p {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

#searchhotel{
	background-color:#f2eee2;
	border:solid 1px #f76c0d;
	border-width:0 1px 1px 1px;
	Width:180px;
}

#searchhotel ul{
	list-style-type: none;
	Width:170px;
	margin: 0 auto;
	padding:5px 0 10px;
}

#searchhotel {
	margin-bottom:10px;
}

.chainstyle{
	Width:170px;
	margin:7px 0;
	padding:0;
}

.chainstyle img{
	vertical-align: bottom;
}


/* -----------------------------------------------------------
　ピックアップ枠
----------------------------------------------------------- */

.ken_ti_ad {
    font-size: 12px;
    color: #594334;
    background-color: #f2eee2;
    border: none;
    text-align: left;
    padding: 5px;
    font-weight: bold;
}

.plan_box {
    text-align: left;
    _padding-bottom: 1px;
    margin-bottom: 5px;
    border: none;
    padding-bottom: 20px;
    background-color: #ffffff;
}

.plan_cst {
    width: 340px;
    margin-left: 20px;
    margin-top: 20px;
    display: -moz-inline-box;
    display: inline-block;
}

.plan_cst .tx {
    width: 300px;
}

.plan_cst .hotel_name {
    font-size: 12px;
    color: 333333;
    font-weight: bold;
    text-decoration: none!important;
}

.plan_cst .plan_area {
    font-size: 10px;
    color: #666;
}

.plan_cst .ad_ph {
    float: left;
}

.plan_cst .contentsLink02 {
    text-align: left;
    padding-left: 8px;
    background-repeat: no-repeat;
    background-position: left 4px;
}

.mgt5 {
    margin-top: 5px;
}

.plan_cst .plan_tx {
    float: right;
    font-size: 12px;
    width: 240px;
    padding-bottom: 5px;
    word-wrap: break-word;
    word-break: break-all;
}

.price {
    color: #F00;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

#adplugCassetTitleAnno {
    font-size: 12px;
    text-align: left;
    margin-bottom: 20px;
}

.plan_cst .hotel_name a:visited {
    color: #333;
    text-decoration: none!important;
}
.plan_cst .hotel_name a:link {
    color: #333;
    text-decoration: none!important;
}
.hotel_name a:visited {
    color: #333;
    text-decoration: none!important;
}

/* -----------------------------------------------------------
　検索パネル
----------------------------------------------------------- */
.searcharea {
	background: #ffffff none repeat scroll 0 0;
	margin-bottom: 15px;
	padding: 0;
	width: 740px;
}

.searchPanelarea {
	border: 1px solid #594334;
	width: 740px;
	padding-bottom: 4px;
	border-radius: 10px;
}
.titleRadiusRB {
	background: #594334 none repeat scroll 0 0;
	border-top-left-radius: 6px;
}
#dateLine2 .button {
/*	margin-left: 98px !important;*/
	margin-top: 10px !important;
	text-align: center;
	width: auto;
	text-indent: -20px;
}
.jlnpc-top__calendar .dyn_cal {
	top: -120px;
}

.titleRadiusRB {
	background: #594334 none repeat scroll 0 0;
}

#kodawari label,
#kodawari input{
	cursor: pointer;
}

/* -----------------------------------------------------------
　マップ カスタム
----------------------------------------------------------- */
.mapAreaOuter {
	border: 1px solid #594334;
	width: 740px;
	margin-bottom:30px;
	border-radius: 10px;
}

#mapArea #mapUl {
	width: 740px;
	height: 420px;
	margin : 0;
}

#mapArea .sanyo-sanin dl,
#mapArea .kyushu dl {
	padding: 5px 20px 0 10px;
}

#mapArea .shikoku dl,
#mapArea .kinki dl {
	padding: 18px 0 0 10px;
}

#mapArea .shutoken dl {
	padding: 7px 0 0 29px;
}

#mapArea .kitakanto dl,
#mapArea .tohoku dl {
	padding: 7px 0 0 24px;
}

#mapArea .hokuriku dl,
#mapArea .koshinetsu dl {
	padding: 7px 0 0 10px;
}

/* -----------------------------------------------------------
　タブ
----------------------------------------------------------- */
#tab {
	width: 760px;
	float: left;
	margin-right:10px;
}

.tab5 {
	width: 100%;/*横幅*/
/*	min-width: 320px;
  margin: 0 auto;*/
}

.tab5 .tab-content {
	margin: 0;
}

.tablabel {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.tablabel {
	display: inline-block;
	width: 30%;
	height: 68px;
	cursor: pointer;
/*	background: #f2eee2;*/
	color: #594334;
/*	margin-right: 3px;*/
	padding: 5px 10px 0 10px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.tablabel p {
	padding: 5px 0 0 0;
}

/*.tablabel:hover {
	background: #ffffff;
}*/

.tabinput1 + label {
	margin:0 0 0 35px;
	background: #4ccac2;
}

.tabinput1:checked + label {
	background: #4ccac2;
	color: #301b05;
	padding: 5px 10px 0 10px;
	margin:0 0 0 35px;
}

.tabinput2:checked + label {
	background: #fdd759;
	color: #301b05;
	padding: 5px 10px 0 10px;
}

.tabinput2 + label {
	background: #fdd759;
}

.tabinput3:checked + label {
	background: #f96e96;
	color: #301b05;
	padding: 5px 10px 0 10px;
}

.tabinput3 + label {
	background: #f96e96;
}

.tabinput1,
.tabinput2,
.tabinput3 {
	display: none;
}

.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3 {
	display: none;
	padding: 10px 10px 0 10px;
	background-color: #ffffff;
}
.tab5 #tab5-1:checked ~ #tab5-b1 {
	display: block;
	border: none;
	border-top: 15px solid #4ccac2;
}

.tab5 #tab5-2:checked ~ #tab5-b2 {
	display: block;
	border: none;
	border-top: 15px solid #fdd759;
}

.tab5 #tab5-3:checked ~ #tab5-b3 {
	display: block;
	border: none;
	border-top: 15px solid #f96e96;
}

#tab-in {
	width: 760px;
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 30px;
}

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

.subtitle {
	padding: 10px 10px 10px 0;
	width: 100%;
	color: #594334;
	font-size: 20px;
	font-weight: bold;
}

.subtitle_in {
	font-size: 26px;
	font-weight: bold;
	color: #4ccac2;
}

.subtitle_in2 {
	font-size: 26px;
	font-weight: bold;
	color: #fdd759;
}

.subtitle_in3 {
	font-size: 26px;
	font-weight: bold;
	color: #f96e96;
}


/*.subtitle2 {
	padding: 10px;
	width: 100%;
	background-color: #fdd759;
	color: #301b05;
	font-size: 20px;
	font-weight: bold;
	border-radius: 4px;
	margin-bottom: 10px;
}

.subtitle3 {
	padding: 10px;
	width: 100%;
	background-color: #f96e96;
	color: #301b05;
	font-size: 20px;
	font-weight: bold;
	border-radius: 4px;
	margin-bottom: 10px;
}
*/


/* -----------------------------------------------------------
　キャンペーン概要
----------------------------------------------------------- */

.gaiyou {
	margin: 0 15px 10px 15px;
}

.gaiyou p{
	line-height: 1.5;
}

.gaiyousub1_1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #594334;
}

.gaiyousub1 {
	font-size: 16px;
	font-weight: bold;
	color: #594334;
/*	border-bottom: 1px dotted #594334;*/
	margin: 20px 0 5px 0;
}

/*.gaiyousub_in {
	font-size: 18px;
	color: #4ccac2;
}

.gaiyousub_in2 {
	font-size: 18px;
	color: #fdd759;
}

.gaiyousub_in3 {
	font-size: 18px;
	color: #f96e96;
}*/

.gaiyousub2 {
	font-weight: bold;
}

.gaiyousub3 {
	font-size: 10px;
}
.gaiyousub4 {
	margin-bottom:10px;
}



/* -----------------------------------------------------------
　フッター
----------------------------------------------------------- */

.footerMenu {
    clear: both;
    width: 950px;
    margin: 0 auto;
    padding: 20px 0;
}

.to_pagetop {
    margin-bottom: 20px;
}

.footerMenu ul {
    *zoom: 1;
}

.footerMenu ul:after {
    display: block;
    clear: both;
    content: "";
}

.footerMenu ul li {
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #ccc;
    font-size: 10px;
}

.footerMenu ul li a {
    white-space: nowrap;
}

.footerMenu .recruitArea {
    width: 950px;
    margin: 10px auto 30px;
    padding-top: 30px;
    border-top: 2px solid #ccc;
}

.footerMenu .recruitArea a {
    color: #435B67;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}

/* 202101追記 感染症対応 */

.theme_attention {
	margin: 10px 0;
	width: 950px;
	padding: 15px 0;
	background-color: #f9f2d5;
}

.theme_attention p{
	margin: 0;
	color: #000000;
	text-align: center;
	font-size: 14px;
	line-height: 1.8em;
}