@charset "utf-8";
/* CSS Document */

/* 温泉base */
.lsize .clm2_right,
.lsize .clm2_left {margin-top:0;}
.clm2_center {padding: 0 5px;}
.block {display: block;}
.center_pc {text-align: center;}
.center_pc.mt-20 {margin-top: -20px;}
.center_pc.mt-40 {margin-top: -40px;}
.hover_img:hover {opacity: 1 !important;}
a:not(href) img:hover {opacity: 1;}
.tyo_otherarea_banner .l_bnr .textitem {
	text-align: left;
	margin-left: 1.5rem;
}

/* mv */
.mv01, .mv02 {
	position: relative;
}
.mv01::before, .mv01::after, .mv02::before, .mv02::after {
	content: "";
    background: url("../images/kumo.png") no-repeat top;
	background-size: 40px 39px;
    display: block;
    position: absolute;
    width: 40px;
	height: 39px;
	-webkit-animation: puff 3.5s;
            animation: puff 3.5s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	z-index: 10;
}
.mv01::before {left: 15%; top: 20%;}
.mv01::after {left: 2%; top: 80%;}
.mv02::before {right: 35%; top: 25px;}
.mv02::after {right: 1%; top: 200px;}

@keyframes puff
{
    0%
    {
        transform: none;
    }
    100%
    {
        transform: scale(1.2);

        opacity: 0;
    }
}
@-webkit-keyframes puff
{
    0%
    {
        -webkit-transform: none;
    }
    100%
    {
        -webkit-transform: scale(1.2);

        opacity: 0;
    }
}


/* nav ----------*/
/* main */
.nav_onsen {
    display: flex;
    align-items: center;
    font-weight: bold;
    z-index: 10;
    position: relative;
    font-size:1.2em;
    margin:0;
}
.nav_onsen a {
    display:block;
	color: #333;
}
.nav_onsen a, .nav_onsen .active {
	display: flex;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
}
.nav_onsen a:hover {text-decoration: none;}
.nav_onsen.main {
	width: 1000px;
	border-left: 1px dashed #b69978;
	margin: 0 0 5%;
}
.nav_onsen.main li { 
	border-right: 1px dashed #b69978;
}
.nav_onsen.main li:nth-of-type(1) a:hover,
.nav_onsen.main li:nth-of-type(1).active { color: #169682;}/*限定*/
.nav_onsen.main li:nth-of-type(2) a:hover,
.nav_onsen.main li:nth-of-type(2).active { color: #4a69b6;}/*名湯*/
.nav_onsen.main li:nth-of-type(3) a:hover,
.nav_onsen.main li:nth-of-type(3).active { color: #a15eb7;}/*贅沢*/
.nav_onsen.main li:nth-of-type(4) a:hover,
.nav_onsen.main li:nth-of-type(4).active { color: #f17c27;}/*食事*/
.nav_onsen.main li:nth-of-type(5) a:hover,
.nav_onsen.main li:nth-of-type(5).active { color: #8ca212;}/*絶景*/
.nav_onsen.main li:nth-of-type(6) a:hover,
.nav_onsen.main li:nth-of-type(6).active { color: #e86880;}/*貸切*/

.nav_onsen.main a {
	padding: 13% 2% 3%;
	width: 166px;
	text-align: center;
}
.nav_onsen.main a:hover {
	background: url("../images/nav_bg.png") no-repeat top;
	background-size:15px 23px;
	transition: color .3s;
	text-decoration-color: transparent;
}
.nav_onsen.main .active {
	padding: 2% 0 1%;
	width: 166px;
	color: #fff;
	text-align: center;
	background: url("../images/nav_bg.png") no-repeat top ;
	background-size:0.9em;
}

/* 露天追加 */
.nav_onsen.main li:nth-of-type(1).active {border-bottom: 3px solid #169682;}/*限定*/
.nav_onsen.main li:nth-of-type(2).active {border-bottom: 3px solid #4a69b6;}/*名湯*/
.nav_onsen.main li:nth-of-type(3).active {border-bottom: 3px solid #a15eb7;}/*贅沢*/
.nav_onsen.main li:nth-of-type(4).active {border-bottom: 3px solid #f17c27;}/*食事*/
.nav_onsen.main li:nth-of-type(5).active {border-bottom: 3px solid #8ca212;}/*絶景*/
.nav_onsen.main li:nth-of-type(6).active {border-bottom: 3px solid #e86880;}/*貸切*/

/* ttl */
.ttl2-1_onsen {background: url("../images/ttl2-1_pc.png") no-repeat top;}
.ttl2-2_onsen {background: url("../images/ttl2-2_pc.png") no-repeat top;}
.ttl2-3_onsen {background: url("../images/ttl2-3_pc.png") no-repeat top;}

.section.ttl2-1_onsen h2,
.section.ttl2-2_onsen h2,
.section.ttl2-3_onsen h2 {
	font-size: 2.6em;
  line-height: 2.5;
  letter-spacing: 2px;
  position: relative;
  color: #fd473c;
  background: -webkit-linear-gradient(0deg, #ff4d30, #ff7e31, #fd4141);
  -webkit-background-clip: text;
  padding: 0 0 0 10px;
}
.section.ttl2-1_onsen.ssize h2, .section.ttl2-2_onsen.ssize h2, .section.ttl2-3_onsen.ssize h2 {
	font-size: 2.3em;
	padding: 0.5% 0 1%;
}
.section.ttl2-1_onsen.subttl h2::before, .section.ttl2-2_onsen.subttl h2::before,
.section.ttl2-1_onsen.subttl_spring h2::before, .section.ttl2-2_onsen.subttl_spring h2::before,
.section.ttl2-1_onsen.subttl_summer h2::before, .section.ttl2-2_onsen.subttl_summer h2::before,
.section.ttl2-1_onsen.subttl_autumn h2::before, .section.ttl2-2_onsen.subttl_autumn h2::before{
    content: "";
    display: block;
    position: absolute;
    left: -15%;
    top: -20%;
	width: 104px;
	height: 47px;
}
.section.ttl2-1_onsen.subttl h2::before, .section.ttl2-2_onsen.subttl h2::before {
	background: url("../images/subttl_img01.png") no-repeat top;
}
.section.ttl2-1_onsen.subttl_spring h2::before, .section.ttl2-2_onsen.subttl_spring h2::before {
	background: url("../images/subttl_img02.png") no-repeat top;
}
.section.ttl2-1_onsen.subttl_summer h2::before, .section.ttl2-2_onsen.subttl_summer h2::before {
	background: url("../images/subttl_img03.png") no-repeat top;
}
.section.ttl2-1_onsen.subttl_autumn h2::before, .section.ttl2-2_onsen.subttl_autumn h2::before {
	background: url("../images/subttl_img04.png") no-repeat top;
}
/*.top .section.ttl3_ichiran h3 {
	color:#333;
	font-weight:bold;
	font-size:3.5rem;
	letter-spacing:3px;
	padding: 3% 0 1%;
    margin-bottom: 3%;
	position: relative;
	background: none;
	border-radius: 0;
}*/
.subttl_top {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #ed815f;
  width: 135px;
  margin: 20px auto -5px;
  padding: 0 5px 2px;
}

/* bnr*/
.banner.tyo_otherarea_banner .bnr_box  {
	margin: 0 !important;
}
.column_box .banner.tyo_otherarea_banner {
	background: none;
}
.tyo_otherarea_banner .bnr_box.arrow .textitem {
	position: relative;
	padding-left: 18px;
	margin-top: .3em;
	text-align: left;
}
.tyo_otherarea_banner .bnr_box.arrow .textitem:before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #ff9783;
}
.tyo_otherarea_banner .bnr_box.arrow .textitem:after {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 3px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tyo_otherarea_banner .bnr_box.arrow .textitem:hover {
	text-decoration: underline;
}
/* バナーに別ウィンドウ*/
.tyo_otherarea_banner .bnr_box.icon_window .textitem {
    background: url(https://www.jre-travel.com/content/dam/jretravel/site/common/header/outside_icon.png) right 0.4em no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    padding-right: 4.5%;
}

/* ボタン*/
.btn01_rt a span {
    font-size: 1.3em;
    font-weight: bold;
}
.roten_list .cmn_contents .clm_osusume_area {margin-top: 2rem;}
.roten_list .cmn_contents .clm_osusume_area>h4::after {height: 1px;}

.btn01_rt .nav_color_hokkaido,
.cmn_contents .list_color_hokkaido .clm_osusume_area>h4::after {background:#469ccf;}
.cmn_contents .list_color_hokkaido .clm_osusume_area>h4 {color:#469ccf;}
.cmn_contents .list_color_hokkaido .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#469ccf;}

.btn01_rt .nav_color_tohoku,
.cmn_contents .list_color_tohoku .clm_osusume_area>h4::after  {background:#8ca212;}
.cmn_contents .list_color_tohoku .clm_osusume_area>h4 {color:#8ca212;}
.cmn_contents .list_color_tohoku .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#8ca212;}

.btn01_rt .nav_color_purple,
.cmn_contents .list_color_purple .clm_osusume_area>h4::after  {background:#a15eb7;}
.cmn_contents .list_color_purple .clm_osusume_area>h4 {color:#a15eb7;}
.cmn_contents .list_color_purple .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#a15eb7;}

.btn01_rt .nav_color_syutoken,
.cmn_contents .list_color_syutoken .clm_osusume_area>h4::after  {background:#e7391d;}
.cmn_contents .list_color_syutoken .clm_osusume_area>h4 {color:#e7391d;}
.cmn_contents .list_color_syutoken .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#e7391d;}

.btn01_rt .nav_color_izu,
.cmn_contents .list_color_izu .clm_osusume_area>h4::after  {background:#e09d00;}
.cmn_contents .list_color_izu .clm_osusume_area>h4 {color:#e09d00;}
.cmn_contents .list_color_izu .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#e09d00;}

.btn01_rt .nav_color_orange,
.cmn_contents .list_color_orange .clm_osusume_area>h4::after  {background:#e57435;}
.cmn_contents .list_color_orange .clm_osusume_area>h4 {color:#e57435;}
.cmn_contents .list_color_orange .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#e57435;}

.btn01_rt .nav_color_koshinetsu,
.cmn_contents .list_color_koshinetsu .clm_osusume_area>h4::after  {background:#f06f88;}
.cmn_contents .list_color_koshinetsu .clm_osusume_area>h4 {color:#f06f88;}
.cmn_contents .list_color_koshinetsu .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#f06f88;}

.btn01_rt .nav_color_hokuriku,
.cmn_contents .list_color_hokuriku .clm_osusume_area>h4::after  {background:#4a69b6;}
.cmn_contents .list_color_hokuriku .clm_osusume_area>h4 {color:#4a69b6;}
.cmn_contents .list_color_hokuriku .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#4a69b6;}

.btn01_rt .nav_color_kansai,
.cmn_contents .list_color_kansai .clm_osusume_area>h4::after  {background:#ba4a5f;}
.cmn_contents .list_color_kansai .clm_osusume_area>h4 {color:#ba4a5f;}
.cmn_contents .list_color_kansai .clm_osusume_area.list_arrow_1>ul>li:before {border-color:#ba4a5f;}

.cmn_contents .list_color_bluegreen .clm_osusume_area>h4 {color: #238d87;}
.cmn_contents .list_color_bluegreen .clm_osusume_area.list_arrow_1>ul>li:before {border-color: #238d87;}
.btn01_rt .nav_color_bluegreen, .cmn_contents .list_color_bluegreen .clm_osusume_area>h4::after {background: #238d87;}

.codeitem_area, .clm_osusume_plan_area {
	border-radius: 0.3em;
	font-size: 0.95em;
}


/*エリア名・カテゴリのデザイン*/
.nb_listitem { background: none;}
.nb_listitem .codeitem_area {
	position: relative;
	background: none;
    color: #222;
	padding-left: 1.4em;
}
.nb_listitem .codeitem_area:after {
    content: '';
    position: absolute;
    width: 1.5rem;
	height: 1.5rem;
	top: 0.2rem;
    left: 0;
    border: solid 1px currentColor;
    border-radius: 50% 50% 50% 0;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nb_listitem .codeitem_area:before {
    content: '';
    position: absolute;
    left: 0.55rem;
    top: 0.65rem;
	width: 0.5rem;
	height: 0.5rem;
    color: #fff;
    z-index: 10;
    border: solid 1px currentColor;
    border-radius: 50%;
    background-color: currentColor;
}
.nb_listitem .category {
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    display: inline;
    line-height: 1.4;
	margin-left: 2%;
}

.lsize .nb_listitem li {
    margin-top: 0;
}
.nb_listitem li {
	display: inline-block;
	margin: 2% 0 0;
    padding: 0;
	width: 100%;
	position: relative;
}
.nb_listitem .codeitem_area {
	display: inline;
	font-size: 1.6rem;
	background: none;
}
.nb_listitem .codeitem_tag {
	display: block;
	border-bottom: 3px solid;
	margin:1.5% auto 3%;
	padding: 0 0 1%;
}

.nb_listitem .codeitem_ttl {
	font-size: 2.8rem;
	line-height: 1.3;
}

/*2021春特集整備*/
.box_frame {
	border: 1px solid #ccc;
	margin: auto .5rem;
	padding: 10px;
}
.box_frame .border_there {
	border: none;
	padding: 10px 0;
}
.box_frame .feature .section h4 {
	margin: 5% auto -3%;
	border-bottom: 1px solid #ccc; 
	padding-bottom: .5rem;
}

.box_frame .nb_listitem .codeitem_area {font-size: 1.4rem;}
.box_frame .nb_listitem .codeitem_ttl {font-size: 2.4rem;}
.box_frame .feature .section h4 {font-size: 1.6rem;}
.pb_1em {padding-bottom: 1.66em;}
.box_frame .nb_listitem .codeitem_area::before {top: .55em; left: .45em;}
.box_frame .nb_listitem .codeitem_area::after {
	margin-left: 0;
	margin-top: 0;
	top: .25em;
	left: .1em;
}

/* おすすめ宿 */
.feature .section h4 {
    font-size: 2rem;
    border: none;
    margin: 2% 0 -1%;
    padding: 0 10px;
}
.clm_osusume_s_product .listitem4 li {
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 0;
	margin: 0;
}
.clm_osusume_s_plan_area {
	margin: 0 2% 3% 0;
	display: inline-block;
}
.clm_osusume_s_product .listitem4 a {
	padding: 2%;
	position: relative;
	width: 478px;
}
@media all and (-ms-high-contrast: none) {
    .clm_osusume_s_img img {
		width: 209px;
		height: 150px;
	    object-fit:cover;
	}
	.clm_osusume_s_product .listitem4 a {
		width: 478px;
	}
}

/*-------------名湯・秘湯-------------*/
.meiyu_inner {
	position:relative;
}
.meiyu_inner .clm2_left {
	position:absolute;
	width: 490px;
	left: 510px;
	padding: 0;
}
.meiyu_inner .clm2_right {
	padding-left: 0;
	margin: 0;
	width: 490px;
}
.sightseeing dl {
	margin: 10px 0 5px;
	padding: 8px 12px;
	color: #5a5a5a;
	background: #f8f6f0;
}
.sightseeing dl dt {
	color: #222;
}
.meiyu_box .codeitem .listitem li {
	min-height: 635px;
}
.meiyu_box .codeitem_ttl {
	font-size: 2.2rem;
}

/*-------------お得な温泉プラン（web）-------------*/
.codeitem .plan_box > .listitem > li {
	min-height: 40em;
	margin-bottom: 6%;
}
/*設備アイコン*/
.plan_box .icon_box,
.plan_box .icon_box2{
	display: flex;
	flex-direction:row;
	-ms-flex-direction: row;
	justify-content :center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	margin: 10px 0 0 0;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.plan_box .icon_box li,
[class*="bgcolor"] .plan_box .icon_box li{
	text-align: center;
    background-color: #45bba9;
	border: none;
    color: #fff;
    padding: 2px 4px;
    font-size: 0.95em;
    flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
    width: 49%;
    margin-bottom: 3px;
    margin-right: 2px;
}

.plan_box .tx_plan {font-size: 1.3rem;margin: 8px 0 10px;}
.plan_box .icon_box li.none,
.plan_box .icon_box2 li.none{
	background-color: #fff;
	flex-grow: 1;
	font-size: 0.8em;
	color: #ea0000;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
}
.plan_box .indent{
	padding-left:1em;
	text-indent:-1em;
}
.plan_box .point{
	border: none!important;/*別cssの表示解除*/
	margin-bottom: 0px!important;
	padding: 5px 5px 0 5px!important;
}
.plan_box .point .menu{
	font-weight: bold;
	color: #ee2690;
}
.plan_box .codeitem_ttl { font-size: 1.65rem;}
/*（※）マークの温泉は以下の列車がお得！アコーディオン*/
.onsen_acco {
  margin: 0 auto 30px;
}
.onsen_acco .ttl {
  background: #d0ebe7;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 8px 8px 6px;
  position: relative;
}
.onsen_acco .txt {
  border: 2px solid #d0ebe7;
  padding: 20px;
}
.onsen_acco .ttl::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 14px;
  right: 20px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(135deg);
}
.onsen_acco[open] .ttl::before {
  top: 19px;
  transform: rotate(-45deg);
}
/*代金の一例の調整*/
.web .codeitem_tag {
    margin-bottom: 3%;
    padding-bottom: 2%;
    border-bottom: 1px solid #ccc;
}
.web .autolist_conditions, .web .gray{
    color: #999;
    font-size: 12px;
    display: block;
    margin-bottom: 0;
    line-height: 1.6;
}
.web .autolist_price .gray {
    font-size: 0.55em;
    color: #777;
	font-weight: normal;
	line-height: 1.8;
}
.web .codeitem_txt {
	font-size: 1.3rem;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	margin-top: 3%;
	padding-top: 3.5%;
}

/*-------------食事自慢・贅沢満喫・絶景露天共通-------------*/
.w860_inner {
	width: 860px;
	height: auto;
	margin: 0 auto!important;
}
.feature .section.ttl3_luxury {
	font-size: 3em;
}
.luxury .sightseeing .codeitem_ttl {
	font-size: 2.2rem;
	margin-bottom: 1%;
}
.luxury .recommend_box {
	background: #f8f6f0;
	margin: 2% auto 0;
	padding: 1% 2% 2%;
}
.luxury .recommend_box .center_pc {
	margin-bottom: 2%;
	padding: 0;
}
.ttl4_gourmet  { background: url("../images/ttl4-gourmet.png") no-repeat center 50%;}
.ttl4_zekkei { background: url("../images/ttl4-zekkei.png") no-repeat center 50%;}
.ttl4_luxury { background: url("../images/ttl4-luxury.png") no-repeat center 50%;}
.ttl4_otoku { background: url("../images/ttl4-otoku.png") no-repeat center 50%;}
[class*="ttl4_"] {
	background-size: 88%;
}
.top .section[class*="ttl4_"] h3 {
    font-size: 2.2em;
    color: #6b4d2c;
    font-weight: bold;
    line-height: 1;
    background: #fff;
	box-shadow: 4px 4px 4px 9px #fff;
    border-radius: 0;
    padding: 1% 2%;
	margin-bottom: 3%;
}

/*-------------食事自慢-------------*/
.jretravel-image.img_gourmet img {
	clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0 90%, 0 10%);
}
.codeitem_ttl.ssize {
	font-size: 1.8rem;
}
div[class*="naviArea"] .nav_gourmet li {
  border-right: 1px solid #c7b198;
}
div[class*="naviArea"] .nav_gourmet li:first-child {
  border-left: 1px solid #c7b198;
}
div[class*="naviArea"] .nav_gourmet li:hover {
  opacity: 1;
  background: #fff5d0;
  transition: 0.2s;
}
div[class*="naviArea"] .nav_gourmet li a:hover {
  color: #222;
}
div[class*="naviArea"] .nav_gourmet li a span {
  position: relative;
  padding: 8px 0 10px;
}
div[class*="naviArea"] .nav_gourmet li a span::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 2px solid #f17c27;
  border-right: 2px solid #f17c27;
  width: 9px;
  height: 9px;
  margin: 0;
  top: 100%;
  left: calc(50% - -5px);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(45deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 0 0;
}
.hotel li {
  border: 1px solid #ccc;
}
/*-------------絶景露天風呂-------------*/
.naviArea .nav_zekkei li {
  border-right: 1px solid #c7b198;
}
.naviArea .nav_zekkei li:first-child {
  border-left: 1px solid #c7b198;
}
.naviArea .nav_zekkei li:hover {
  opacity: 1;
  background: #eaf3ce;
  transition: 0.2s;
}
.naviArea .nav_zekkei li a:hover {
  color: #222;
}
.naviArea .nav_zekkei li a span {
  position: relative;
  padding: 8px 0 10px;
}
.naviArea .nav_zekkei li a span::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 2px solid #8ca212;
  border-right: 2px solid #8ca212;
  width: 9px;
  height: 9px;
  margin: 0;
  top: 100%;
  left: calc(50% - -5px);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(45deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 0 0;
}
/*-------------贅沢満喫プラン-------------*/

.bg_luxury {background: #fdf8fe;}
.btn_ichiran {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 860px;
	margin: auto;
}
.btn_ichiran li {
	display: inline-block;
	padding: 0 1%;
	margin-bottom: 2%;
}
.btn_ichiran .btn01_rt {
	margin: 0;
	width: 100%;
}
.cmn_contents .roten_list .cmn_contents .clm_osusume_area>h4::after {
	margin-right: 20px;
}
.cmn_contents .roten_list .cmn_contents .clm_osusume_area {
	margin-bottom: 0;
}
.cmn_contents .clm_osusume_area>ul>li {
  padding: 8px 8px 8px 24px;
}
.cmn_contents .clm_osusume_area>ul>li:nth-of-type(2n+1) {
  width: 48%;
}
.cmn_contents .clm_osusume_area>ul>li:nth-of-type(2n) {
  width: 48%;
}
.cmn_contents .roten_list .cmn_contents .clm_osusume_area>ul>li a {
	font-size: 1.5rem
}
.btn_onsen01 a {
	text-decoration: none;
	color: #fff;
	background: #d95d26;
	padding: 15px 40px 15px 22px;
	border-radius: 6px;
	font-size: 1.6rem;
	position: relative;
	display: block;
}
.btn_onsen01 a:hover {opacity: 0.8;}
.btn_onsen01 a::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	right: 18px;
	margin-top: -4px;
}

/*-------------温泉一覧-------------*/
/*spot_box*/
.spot_box{
	border: 1px solid #ccc;
	margin: 0.5rem;
}
.spot_img{
	width: 100%;
    margin: 0 auto 0;
    position: relative;
    z-index: 1;
}
.spot_img_area{
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: .3em .5em;
    position: relative;
    z-index: 2;
    top: -26px;
}
.spot_title{
	font-size: 1.8rem;
    font-weight: bold;
    margin: -20px 0 0;
    padding: 0 10px;
}
.spot_txt{
	margin: 5px 0 10px;
    padding: 0 10px;
	color: #5a5a5a;
}
.spot_btn{
	padding: 0 10px;
}
.spot_btn a{
	width: 100%;
    display: inline-block;
    border: 2px solid #f85237;
	border-radius: 0.4em;
    text-align: center;
    margin: 5px 0 10px;
    position: relative;
    padding: 10px 22px 10px 10px;
	text-decoration: none;
	color: #000;
	line-height: 1.5;
}
.spot_btn a:hover{
	background: #f85237;
    color: #fff !important;
    text-decoration: none;
}
.spot_btn a:after{
    content: '';
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: calc(100%/18);
    -webkit-transform: rotate(45deg) translate(-35%,-40%);
    transform: rotate(45deg) translate(-35%,-40%);
}
.spot_btn a:hover:after{
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.clm_some .base_prod .base_prod {margin-bottom: 1%;}
.clm_some .btn_onsen01 a {padding: 10px 40px 10px 22px;}

/* 一覧ナビ */
.nav_onsen.ichiran {
    padding:0 20px;
    border-bottom:1px solid #ccc;
}
.nav_onsen.ichiran li {
    width:120px;
	height:24px;
    text-align:center;
    background:#fff;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    line-height:2.4;
}
.nav_onsen.ichiran li:first-of-type {
    border-left:1px solid #ccc;
}
.nav_onsen.ichiran a {
    color:#7a7a7a;
    font-weight:normal;
	position: relative;
}
.nav_onsen.ichiran .active {
    height:60px;
    font-weight:bold;
	margin-bottom: -2px;
	border-left: 1px solid #ccc;
}
.nav_onsen.ichiran a:hover {
	opacity: 1;
	border-bottom:1px solid #a6a6a6;
	font-weight: bold;
	transition: 0.2s;
	position: relative;
}
.nav_onsen.ichiran a::before {
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	transition: 0.2s;
}
.nav_onsen.ichiran a:hover::before {
	border-bottom: 2px solid;
}
.nav_onsen.ichiran a.nav_color_hokkaido:hover::before {border-color: #469ccf;}
.nav_onsen.ichiran a.nav_color_tohoku:hover::before {border-color: #8ca212;}
.nav_onsen.ichiran a.nav_color_nkanto:hover::before {border-color: #a15eb7;}
.nav_onsen.ichiran a.nav_color_shutoken:hover::before {border-color: #e7391d;}
.nav_onsen.ichiran a.nav_color_tokai:hover::before {border-color: #cc6600;}
.nav_onsen.ichiran a.nav_color_koshinetsu:hover::before {border-color: #f06f88;}
.nav_onsen.ichiran a.nav_color_hokuriku:hover::before {border-color: #4a69b6;}
.nav_onsen.ichiran a.nav_color_kansai:hover::before {border-color: #ba4a5f;}


.ichiran.list dl {
	margin-bottom: 1%;
	background: #f8f6f0;
	padding: 1% 1.5% 0.5%;
}
.ichiran.list dt {
	font-size: 1.3em;
	margin-bottom:1%;
}
.ichiran.list a {
	color: #333;
}
.ichiran.list .btn {
	margin:0 1% 1% 0;
	padding: 0.7% 2.5%;
	font-weight: normal;
	font-size: 1.15em;
	background: #fff;
}
/*リスト先頭アイコン*/
.list_icon {
  position: relative;
  padding-left: 13px;
}
.list_icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #ccc;
  width: 8px;
  height: 8px;
  top: 6px;
  left: 0;
}

/*スマホ調整---------------------------*/
@media screen and (max-width: 767px) {
	/* base */
	.center_pc {
		text-align: left;
		padding: 0 3%;
	}
	.center_sp {text-align: center;}
	.mv01::before, .mv01::after, .mv02::before, .mv02::after {
		background-size: 20px 20px;
	}
	.mv02::after {
		top: 150px;
	}
	.mv02::before {
		top: 25px;
	}
	/* ttl */
	.ttl_page .fourcols_title img {
    width: 100%;
    object-fit: cover;
    object-position: 50% 0;
    height: 6.5rem;
	}

	.ttl2-1_onsen,
	.ttl2-2_onsen,
  .ttl2-3_onsen {
    	background: url("../images/ttl2-1_sp.png") no-repeat 5%;
		background-size: contain;
		border-top: 1px solid #fbb09c;
	}
	.section.ttl2-1_onsen h2, .section.ttl2-2_onsen h2,.section.ttl2-3_onsen h2 {
		font-size: 1.8em;
		margin-bottom: 0;
    padding: 0;
		line-height: 2;
	}
	.section.ttl2-1_onsen.ssize h2, .section.ttl2-2_onsen.ssize h2, .section.ttl2-3_onsen.ssize h2 {
		font-size: 1.6em;
	}
	.section.ttl2-1_onsen.subttl h2::before, .section.ttl2-2_onsen.subttl h2::before,
	.section.ttl2-1_onsen.subttl_spring h2::before, .section.ttl2-2_onsen.subttl_spring h2::before,
	.section.ttl2-1_onsen.subttl_summer h2::before, .section.ttl2-2_onsen.subttl_summer h2::before,
	.section.ttl2-1_onsen.subttl_autumn h2::before, .section.ttl2-2_onsen.subttl_autumn h2::before {
		left: -20%;
		top: -60%;
	    background-size: 3.2em;
	}
  .ttl2-1_onsen, .ttl2-2_onsen, .ttl2-3_onsen,
	.section.ttl2-1_onsen.subttl, .section.ttl2-2_onsen.subttl,
	.section.ttl2-1_onsen.subttl_spring, .section.ttl2-2_onsen.subttl_spring,
	.section.ttl2-1_onsen.subttl_summer, .section.ttl2-2_onsen.subttl_summer,
	.section.ttl2-1_onsen.subttl_autumn, .section.ttl2-2_onsen.subttl_autumn {
		border: none;
	}
  .subttl_top {
    font-size: 1.2rem;
    width: 105px;
    margin: 20px auto -15px;
    padding: 2px 5px;
  }
	/* bnr*/
	.bnr_box li {
		margin-bottom: 3px;
	}
  .banner.tyo_otherarea_banner {/*バナー2個時　横並び防止*/
    width: 100%!important;
  }
	/* nav ----*/
	.nav_onsen.main {
		width: 100%;
		flex-direction: row;
		flex-wrap:wrap;
		height: auto;
		border: none;
	}
	.nav_onsen.main li, .nav_onsen.main .active{
		width: 32%;
		margin-bottom: 1%;
		border-bottom: 1px solid #ddd;
		background: none;
	}
	.nav_onsen.main li:nth-child(3),
	.nav_onsen.main li:last-of-type {
		border-right: none;
		width: 35%;
	}
	.nav_onsen.main a {
		width: 100%;
	}
	.nav_onsen.main a, .nav_onsen.main .active  {
		font-size: 0.8em;
	}
	.nav_onsen.ichiran {
		padding:1%;
		width: 100%;
		flex-direction: row;
		flex-wrap:wrap;
		height: auto;
		border: none;
	}
	.nav_onsen.ichiran li {
		border:1px solid #ccc;
		height: auto;
		width: 23%;
		margin:1%;
		line-height:1.4;	
	}
	.nav_onsen.ichiran li a,
	.nav_onsen.ichiran .active {
		height:50px;
		font-size: 0.9em;
		background: none;
		color: #555;
	}
	.nav_onsen.ichiran .active {
		border-width:2px !important;
		margin: 0 auto;
	}
	.nav_onsen.main a {
		padding: 6% 2% 8%;
	}
	.nav_onsen.main .active {
		padding: 2% 0 2%;
	}
	.nav_onsen.ichiran .active.hokkaido {border-color:#469ccf;}
    .nav_onsen.ichiran .active.tohoku {border-color:#8ca212;}
    .nav_onsen.ichiran .active.nkanto {border-color:#a15eb7;}
    .nav_onsen.ichiran .active.shutoken {border-color:#e7391d;}
    .nav_onsen.ichiran .active.izu {border-color:#e09d00;}
    .nav_onsen.ichiran .active.tokai {border-color:#cc6600;}
    .nav_onsen.ichiran .active.koshinetsu {border-color:#f06f88;}
    .nav_onsen.ichiran .active.hokuriku {border-color:#4a69b6;}
    .nav_onsen.ichiran .active.kansai {border-color:#ba4a5f;}
	/* btn */
	.btn01_rt a, .btn01_btm a {
		padding: 2%;
	}
	/* list */
	.roten_list .cmn_contents .clm_osusume_area {margin: .5rem auto}
	.roten_list .cmn_contents .clm_osusume_area>h4 {
		background: #fff;
		border-bottom:2px solid;
		margin-bottom: .5rem;
	}
	.cmn_contents .list_color_hokkaido .clm_osusume_area>h4 {border-color: #469ccf;}
	.cmn_contents .list_color_hokkaido .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#469ccf;}
	
	.cmn_contents .list_color_tohoku .clm_osusume_area>h4 {border-color: #8ca212;}
	.cmn_contents .list_color_tohoku .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#8ca212;}
	
	.cmn_contents .list_color_nkanto .clm_osusume_area>h4 {border-color: #a15eb7;}
	.cmn_contents .list_color_nkanto .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#a15eb7;}
	
	.cmn_contents .list_color_syutoken .clm_osusume_area>h4 {border-color: #e7391d;}
	.cmn_contents .list_color_syutoken .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#e7391d;}
	
	.cmn_contents .list_color_izu .clm_osusume_area>h4 {border-color: #e09d00;}
	.cmn_contents .list_color_izu .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#e09d00;}
	
	.cmn_contents .list_color_tokai .clm_osusume_area>h4 {border-color: #cc6600;}
	.cmn_contents .list_color_tokai .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#cc6600;}
	
	.cmn_contents .list_color_koshinetsu .clm_osusume_area>h4 {border-color: #f06f88;}
	.cmn_contents .list_color_koshinetsu .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#f06f88;}
	
	.cmn_contents .list_color_hokuriku .clm_osusume_area>h4 {border-color: #4a69b6;}
	.cmn_contents .list_color_hokuriku .clm_osusume_area.list_arrow_1>ul>li:after {border-color:#4a69b6;}
	
	/*2021春特集整備*/
	.box_frame .nb_listitem {width: 100%!important;}
	.box_frame .nb_listitem li {margin-top: 0;}
	.box_frame .border_there {width: 100%!important; margin: 0!important;}
	.box_frame .clm01_side_lead {margin: .5rem auto 0;}
	.box_frame .listitem5 {width: 100%; margin-top: 1.2rem;}
	.box_frame .listitem5 a.sp {display: flex!important;}
	.box_frame .clm01_side_img {margin-right: 10px;}
	.pb_1em {padding-bottom: 0;}
	
	/* おすすめ宿 */
	.clm_osusume_s_product .listitem4 li,
	.recommend_box .clm_osusume_s_product .listitem4 li{
    	margin: 0 2%;
    	width: 96%;
		padding-right: 1%;
 	}
	.clm_osusume_s_product .listitem4 a {
		width: 100%;
	}
	.clm_osusume_s_tag {
		margin-left: 1rem;
	}
	.clm_osusume_s_plan_area {
		font-size: 0.85em;
		line-height: 1.7;
	}
	.recommend_box .clm_osusume_s_img {
		width: 40%;
	}
	.clm_osusume_s_plan_ttl {
		padding-right: 0;
	}
	.clm_osusume_s_img {
		margin-right: 0;
	}
	.clm_osusume_s_plan_course {
		padding: .1rem .5rem
	}
	
	/*エリア名・カテゴリのデザイン*/
	.nb_listitem .codeitem_tag {
	margin-bottom:0;
	}
	.nb_listitem .codeitem_ttl {
		font-size: 1.9rem;
	}
	/* カルーセル */
	.carousel .codeitem .listitem li {
		min-height: 33em;/* top */
	}
	/*------------TOP------------*/
	.column_box {
		margin-bottom:-2%;
	}
	.column_box .banner.tyo_otherarea_banner{
		min-height: 14.5em;
	}
	/*TOP 日帰り温泉 書き換え*/
	.slider_fourcols .clm_osusume_product .listitem3 li {margin: 0px 3%;}
	
	/*-------------名湯・秘湯-------------*/
	.meiyu_inner .clm2_left {
		position:relative;
		width: 100%;
		left: 0;
		padding: 0 2%;
	}
	.meiyu_box .codeitem .listitem li {
		min-height: auto;
	
	}
	.codeitem .codeitem_img img {
		height: auto !important;
	}
	/*----------Web-------------*/
	.codeitem .plan_box > .listitem > li {
		min-height: inherit;
		margin-bottom: 2%;
	}
  /*（※）マークの温泉は以下の列車がお得！アコーディオン*/
  .onsen_acco .ttl {
    padding: 8px 8px 6px 0;
  }
  .onsen_acco .ttl::before {
    top: 28px;
    right: 15px;
  }
  .onsen_acco[open] .ttl::before {
    top: 33px;
  }
	/*--------食事自慢・贅沢満喫・絶景露天--------*/
	.feature .section h4 {
		font-size: 1.7rem;
		margin: 3% 0 -2%;
	}
	.w860_inner {
		width: 94%;
	}
	.luxury .sightseeing {
		margin: 0 3%;
	}
	.luxury .sightseeing .codeitem_ttl {
		font-size:1.7rem;
	}
	.recommend_box .clm_osusume_s_product .listitem4 a {
		width: 100%;
	}
	.luxury .recommend_box {
		margin: 5% -3% 0;
	}
	.top .section[class*="ttl4_"] h3 {
		font-size: 1.5em;
	}
  div[class*="naviArea"] .nav_gourmet li,
  div[class*="naviArea"] .nav_zekkei li {
    border: 1px solid #c7b198;
  }
  /*4個ナビ*/
  .naviArea3 .nav_gourmet li:nth-of-type(2n),
  .naviArea3 .nav_zekkei li:nth-of-type(2n) {
    border-left: none;
  }
  .naviArea3 .nav_gourmet li:nth-of-type(n+3),
  .naviArea3 .nav_zekkei li:nth-of-type(n+3) {
    border-top: none;
  }
  /*3個ナビ*/
  .naviArea .nav_gourmet li:nth-of-type(n+3),
  .naviArea .nav_zekkei li:nth-of-type(n+3) {
    border-left: none;
  }
  .naviArea .nav_gourmet li:first-of-type,
  .naviArea .nav_zekkei li:first-of-type {
    border-bottom: none;
  }
  .cmn_contents .roten_list .cmn_contents .clm_osusume_area>ul>li a {
    font-size: 1.4rem;
  }
  .cmn_contents .clm_osusume_area>ul>li {
    padding: 8px 28% 8px 5px;
  }
  .cmn_contents .clm_osusume_area>ul>li:nth-of-type(2n+1), .cmn_contents .clm_osusume_area>ul>li:nth-of-type(2n) {
    width: 95%;
  }
  .cmn_contents .clm_osusume_area>ul>li.sp_2lines dl dt {
    width: 95px;
  }
  .slider_01 li {
    border: 1px solid #ccc;
    width: 70%!important;
  }
	/*--------温泉一覧--------*/
	/*ttl*/
	.top .section.ttl3_ichiran h2 {
		font-size: 2.7rem;
	}
	/*.top .section.ttl3_ichiran h3::before {
    	background-size: 2.5em !important;
    	left: -3em;
	}*/
	.ichiran.list dl {
		padding: 2% 3%;
	}
	.ichiran.list .btn {
		padding: 0.7% 4%;
	}
	.btn_ichiran {
		padding: 2%;
		width: 100%;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.btn_ichiran li {
		width: 49%;
	}
	.btn_ichiran .lsize {
		width: 98%;
	}
	.spot_box {
		margin-bottom: 5%;
	}
	
	.clm2_center {padding: 0;}
	.clm_some .btn_onsen01 {width: 96%; margin: auto;}
}

/*------------------------------------------------------------------------
		次期DP入れ替え
------------------------------------------------------------------------*/
/*施設・商品------------*/
.base_prod .hotel li>a.hokkaido .details_box>.area {background:#469ccf;}
.base_prod .hotel li>a.tohoku .details_box>.area {background:#8ca212;}
.base_prod .hotel li>a.nkanto .details_box>.area {background:#a15eb7;}
.base_prod .hotel li>a.shutoken .details_box>.area {background:#e7391d;}
.base_prod .hotel li>a.izu .details_box>.area {background:#e09d00;}
.base_prod .hotel li>a.tokai .details_box>.area {background:#cc6600;}
.base_prod .hotel li>a.koshinetsu .details_box>.area {background:#f06f88;}
.base_prod .hotel li>a.hokuriku .details_box>.area {background:#4a69b6;}
.base_prod .hotel li>a.kansai .details_box>.area {background:#ba4a5f;}

/*エリア名・カテゴリのデザイン*/
.nb_listitem.hokkaido .codeitem_tag, .ichiran .hokkaido dd {border-color:#469ccf;}
.nb_listitem.tohoku .codeitem_tag, .ichiran .tohoku dd {border-color:#8ca212;}
.nb_listitem.nkanto .codeitem_tag, .ichiran .nkanto dd {border-color:#a15eb7;}
.nb_listitem.shutoken .codeitem_tag, .ichiran .shutoken dd {border-color:#e7391d;}
.nb_listitem.izu .codeitem_tag, .ichiran .izu dd {border-color:#e09d00;}
.nb_listitem.tokai .codeitem_tag, .ichiran .tokai dd {border-color:#cc6600;}
.nb_listitem.koshinetsu .codeitem_tag, .ichiran .koshinetsu dd {border-color:#f06f88;}
.nb_listitem.hokuriku .codeitem_tag, .ichiran .hokuriku dd {border-color:#4a69b6;}
.nb_listitem.kansai .codeitem_tag, .ichiran .kansai dd {border-color:#ba4a5f;}

.nb_listitem.hokkaido .codeitem_area:after {color:#469ccf;}
.nb_listitem.tohoku .codeitem_area:after {color:#8ca212;}
.nb_listitem.nkanto .codeitem_area:after {color:#a15eb7;}
.nb_listitem.shutoken .codeitem_area:after {color:#e7391d;}
.nb_listitem.izu .codeitem_area:after {color:#e09d00;}
.nb_listitem.tokai .codeitem_area:after {color:#cc6600;}
.nb_listitem.koshinetsu .codeitem_area:after {color:#f06f88;}
.nb_listitem.hokuriku .codeitem_area:after {color:#4a69b6;}
.nb_listitem.kansai .codeitem_area:after {color:#ba4a5f;}

/*商品コンポーネント*/
.box_frame .base_prod {margin-bottom: 0;}
.base_prod.bgc .base_prod .hotel li {background: #fff;}
.base_prod.bdr .base_prod .hotel li {border-radius: 1rem; margin-top: 1.5rem;}
.base_prod.bdr.clm3 .base_prod .hotel li {border-radius: 0;}

.base_prod .hotel li>a .details_box>p .tx_point,
.sightseeing .text.tx_point {
	display: block;
	background: #ffe5e0;
	border: 1px solid;
	border-radius: 3px;
  margin: 15px 0 10px;
	padding: 2px 5px;
	font-weight: bold;
	color: #6b4d2c;
}
.sightseeing .text b {
  display: block;
  margin: 10px 0;
}
/*バナー*/
.tyo_otherarea_banner .bnr_box.arrow .textitem {line-height: 1.7;}

/*TOP*/
.box_frame .sightseeing {margin: 10px auto;}

/*名湯*/
.feature .section h4 {margin: 2.5% 0 1%;}
.spring_quality {
	display: block;
	margin-top: 1em;
}

/*貸切露天風呂*/
.clm_some > .image > .jretravel-image {margin-bottom: 10px;}
.clm_some .nb_listitem li {margin-top: 0;}
.clm_some .nb_listitem .codeitem_area {font-size: 1.4rem;}
.clm_some .nb_listitem .codeitem_tag {
	padding-bottom: 0.5%;
	margin: 1% auto 2%;
}
.clm_some .nb_listitem .codeitem_ttl {font-size: 2.4rem;}
.clm_some .feature .section h4 {
	font-size: 1.7rem;
	margin-top: 3.5%;
}
.sightseeing .text.tx_point {border: none;}

/*贅沢満喫*/
.luxury .recommend_box .base_prod.side_box {margin: 3% auto 0;}

/*-------------食事自慢・贅沢満喫・絶景露天共通-------------*/
.recommend_box .productcontainer2.base_prod .base_prod .hotel li {
	width: 540px;
	margin: auto;
}
.recommend_box .productcontainer2.base_prod > .base_prod {margin-bottom: 3%;}

/*一覧ナビ*/
.nav_onsen.ichiran .active {font-size: 1.1em;}
.nav_onsen.ichiran .active.hokkaido {background: #e8f5fc;}
.nav_onsen.ichiran .active.tohoku {background: #f1f5dc;}
.nav_onsen.ichiran .active.nkanto {background: #f0e9f2;}
.nav_onsen.ichiran .active.shutoken {background: #fce7e3;}
.nav_onsen.ichiran .active.izu {background: #fcf2d9;}
.nav_onsen.ichiran .active.tokai {background: #f7dfc6;}
.nav_onsen.ichiran .active.koshinetsu {background: #fcebed;}
.nav_onsen.ichiran .active.hokuriku {background: #e8edfa;}
.nav_onsen.ichiran .active.kansai {background: #f2e4e6;}

.nav_onsen.ichiran a.nav_color_hokkaido:hover {color:#469ccf;}
.nav_onsen.ichiran a.nav_color_tohoku:hover {color:#8ca212;}
.nav_onsen.ichiran a.nav_color_nkanto:hover {color:#a15eb7;}
.nav_onsen.ichiran a.nav_color_shutoken:hover {color:#e7391d;}
.nav_onsen.ichiran a.nav_color_izu:hover {color:#e09d00;}
.nav_onsen.ichiran a.nav_color_tokai:hover {color:#cc6600;}
.nav_onsen.ichiran a.nav_color_koshinetsu:hover {color:#f06f88;}
.nav_onsen.ichiran a.nav_color_hokuriku:hover {color:#4a69b6;}
.nav_onsen.ichiran a.nav_color_kansai:hover {color:#ba4a5f;}

@media screen and (max-width: 396px) {
	.top .section.ttl3_ichiran.izu h2 {font-size: 7vw;}
	.nav_onsen.ichiran .nav_color_izu,
	.nav_onsen.ichiran .active.izu {font-size: 4vw;}
}

/* 検索パネル タイトル */
.top .section.ttl_panel {
	position: relative;
}
.top .section.ttl_panel h3 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #222;
	background: #fff;
	border-radius: 0;
	position: relative;
	padding: 10px 25px;
	margin-bottom: 25px;
}
.top .section.ttl_panel::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	top: 50%;
	background: repeating-linear-gradient(-45deg, #47c4c9, #47c4c9 2px, transparent 2px, transparent 7px);
	margin-top: -4px;
}

/* おすすめの宿 */
.clm_some .feature .section.ichiran h4 {
	font-size: 1.5rem;
	margin: 3% auto 0;
	position: relative;
}
.clm_some .feature .section.ichiran h4::before {
	position: absolute;
	content: "";
	height: 84%;
	border-right: 3px solid;
	top: 8%;
	left: 0;
}
.clm_some .feature .section.ichiran.hokkaido h4::before {border-color: #469ccf;}
.clm_some .feature .section.ichiran.tohoku h4::before {border-color: #8ca212;}
.clm_some .feature .section.ichiran.nkanto h4::before {border-color: #a15eb7;}
.clm_some .feature .section.ichiran.shutoken h4::before {border-color: #e7391d;}
.clm_some .feature .section.ichiran.izu h4::before {border-color: #f17c27;}
.clm_some .feature .section.ichiran.tokai h4::before {border-color: #cc6600;}
.clm_some .feature .section.ichiran.koshinetsu h4::before {border-color: #f06f88;}
.clm_some .feature .section.ichiran.hokuriku h4::before {border-color: #4a69b6;}
.clm_some .feature .section.ichiran.kansai h4::before {border-color: #ba4a5f;}

@media screen and (max-width: 767px) {
	.meiyu_inner .clm2_left {
		padding: 0;
	}
	.meiyu_inner .clm2_right {
		width: 100%;
		margin: 0 auto;
	}
	/*貸切露天風呂*/
	.clm_some .sightseeing,
	.clm_some > .image > .jretravel-image {width: 94%;}
	.clm_some .sightseeing {margin: 0 auto !important;}
	.clm_some > .image > .jretravel-image {margin: 0 auto 1%;}
	
	.clm_some .nb_listitem .codeitem_area {font-size: 1.3rem;}
	.clm_some .nb_listitem .codeitem_tag {margin-bottom: 0;}
	.clm_some .nb_listitem .codeitem_ttl {font-size: 1.9rem}
	.clm_some .nb_listitem .codeitem_ttl {font-size: 1.9rem}
	.clm_some .feature .section h4 {font-size: 1.5rem;}

	/*-------------食事自慢・贅沢満喫・絶景露天共通-------------*/
	.recommend_box .productcontainer2.base_prod .base_prod .hotel li {
		width: 96%;
		padding: 2.5%;
	}
	.nb_listitem .codeitem_area {font-size: 1.3rem;}
	/*マップのアイコン*/
	.nb_listitem .codeitem_area:before {top: 0.65rem; left: 0.55rem;}
	.nb_listitem .codeitem_area:after {margin-left: 0;}
	.box_frame .nb_listitem .codeitem_area::before {top: calc(.25em + 4px); left: calc(.1em + 5px);}
	.nb_listitem.clm_some .codeitem_tag {margin-bottom: 0;}
	
	/*---------- 温泉一覧 ----------*/
	.nav_onsen.ichiran .active {font-size: 1em;}
	
	/* 温泉一覧タイトル */
	.top .section.ttl3_ichiran a::before {
		height: 6px;
		margin-top: -3px;
	}
	.top .section.ttl3_ichiran.hokkaido a::before {
		background: repeating-linear-gradient(-45deg, #469ccf, #469ccf 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.tohoku a::before {
		background: repeating-linear-gradient(-45deg, #8ca212, #8ca212 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.nkanto a::before {
		background: repeating-linear-gradient(-45deg, #a15eb7, #a15eb7 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.shutoken a::before {
		background: repeating-linear-gradient(-45deg, #e7391d, #e7391d 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.izu a::before {
		background: repeating-linear-gradient(-45deg, #e09d00, #e09d00 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.tokai a::before {
		background: repeating-linear-gradient(-45deg, #cc6600, #cc6600 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.koshinetsu a::before {
		background: repeating-linear-gradient(-45deg, #f06f88, #f06f88 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.hokuriku a::before {
		background: repeating-linear-gradient(-45deg, #4a69b6, #4a69b6 2px, transparent 2px, transparent 6px);
	}
	.top .section.ttl3_ichiran.kansai a::before {
		background: repeating-linear-gradient(-45deg, #ba4a5f, #ba4a5f 2px, transparent 2px, transparent 6px);
	}
	
	.top .section.ttl3_ichiran h2 {font-size: 2.7rem; padding: 0 3%;}
	
	/* おすすめの宿 */
	.clm_some .feature .section.ichiran h4 {margin-top: 4%; padding-left: 6%;}
	.clm_some .feature .section.ichiran h4::before {left: 3%;}
	
	.base_prod .hotel.ichiran li {width: 96%; margin: auto;}
	
	/* 検索パネル タイトル */
	.top .section.ttl_panel h3 {
		font-size: 2.4rem;
		padding: 10px 15px;
		margin-bottom: 20px;
	}
}


/*------------------------------------------------------------------------
		トップ　エリアから探す
------------------------------------------------------------------------*/
.search_area {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.search_area > li {
	width: 25%;
	padding: 15px 10px;
}
.search_area > li > p.link_area a {
	display: block;
	color: #4a69b6;
	font-size: 2rem;
	font-weight: bold;
	padding-left: 20px;
	margin: 0 0 5px -20px;
	border-bottom: 1px solid;
	position: relative;
}
.search_area > li > p.link_area a:hover {opacity: .8;}
.search_area > li > p.link_area a::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid;
	border-right: 2px solid;
	top: 50%;
	left: 2px;
	margin-top: -4px;
	transform: rotate(45deg);
}
/*.search_area > li > p.link_area a[href*="area01"] {color: #469ccf;}
.search_area > li > p.link_area a[href*="area02"] {color: #8ca212;}
.search_area > li > p.link_area a[href*="area03"] {color: #a15eb7;}
.search_area > li > p.link_area a[href*="area04"] {color: #e09d00;}
.search_area > li > p.link_area a[href*="area05"] {color: #cc6600;}
.search_area > li > p.link_area a[href*="area06"] {color: #f06f88;}
.search_area > li > p.link_area a[href*="area07"] {color: #4a69b6;}
.search_area > li > p.link_area a[href*="area08"] {color: #ba4a5f;}*/

/*.search_area > li > p.link_area a[href*="area01"] {background: #e8f5fc;}
.search_area > li > p.link_area a[href*="area02"] {background: #f1f5dc;}
.search_area > li > p.link_area a[href*="area03"] {background: #f0e9f2;}
.search_area > li > p.link_area a[href*="area04"] {background: #fcf2d9;}
.search_area > li > p.link_area a[href*="area05"] {background: #f7dfc6;}
.search_area > li > p.link_area a[href*="area06"] {background: #fcebed;}
.search_area > li > p.link_area a[href*="area07"] {background: #e8edfa;}
.search_area > li > p.link_area a[href*="area08"] {background: #f2e4e6;}*/

.search_area > li > p {
	font-size: 1.3rem;
	padding-left: 20px;
}

@media screen and (max-width: 767px) {
	.search_area > li {
		width: 50%;
		padding: 15px 3%;
	}
}


/*------------------------------------------------------------------------
		地温泉
------------------------------------------------------------------------*/
/*------------- ロゴ -------------*/
.logo_jionsen {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.logo_jionsen img {
	width: 20%;
}
.logo_jionsen p {
	margin-left: 20px;
}
/*------------- スーツさんコーナー -------------*/
.suit_jionsen {
  background-image: linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px);
  background-size: 8px 2px;
  background-position: center top;
  background-repeat: repeat-x;
  margin: 25px 0;
  padding: 25px 0 0;
}
.suit_jionsen .flexbox {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.suit_jionsen .flexbox .text p:first-child {
  font-weight: bold;
  font-size: 2.4rem;
}
.suit_jionsen .flexbox .text a:hover {
  text-decoration: underline;
}
.suit_jionsen a.btn {
  position: relative;
  display: block;
  width: 360px;
  height: 60px;
  margin: 10px auto;
  padding: 9px;
  background: #fff586;
  border-radius: 30px;
  border: 2px solid #333;
  color: #222;
  font-size: 2.2rem;
  font-weight: bold;
  transition: .4s;
}
.suit_jionsen a.btn::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: calc(50% - 6%);
  right: 20px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg) translateX(-50%);
}
.suit_jionsen a.btn:hover {
  transform: scale(1.05,1.05);
}
.suit_jionsen .outside_icon {
  padding: 0px 0 0 18px;
  background-position: 0px 8px;
}
/*------------- ナビ -------------*/
.nav_jionsen {
	display: -webkit-flex;
	display: flex;
	margin-top: 30px;
}
.nav_jionsen li {
	width: 100%;
	text-align: center;
	margin-right: 2px;
}
.nav_jionsen li:hover {
	opacity: .8;
}
.nav_jionsen li:last-child {
	margin-right: 0;
}
.nav_jionsen li a {
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: bold;
}
.nav_jionsen li a[href*="tohoku"] {background: #8ca212;}
.nav_jionsen li a[href*="koushinetsu"] {background: #f06f88;}
.nav_jionsen li a[href*="nkanto"] {background: #a15eb7;}

.nav_jionsen li a span {
	white-space: nowrap;
}
.nav_jionsen li a .tx_area {
	font-size: 1.7rem;
	margin: 0 3px;
}
.nav_jionsen li a .tx_sub {
	font-size: 1.2rem;
	margin: 0 2px;
}
/*------------- リスト -------------*/
.cmn_contents .feature .section.ttl_jionsen h2 {
	display: block;
	padding: 10px 0;
	text-align: center;
}
section#hokkaido_tohoku,
section#koushinetsu_hokuriku,
section#nkanto {
	padding-top: 90px;
	margin-top: -90px;
}
section[id*="tohoku"] .feature .section.ttl_jionsen h2 {color: #7f9406; background: #f4f7df;}
section[id*="koushinetsu"] .feature .section.ttl_jionsen h2 {color: #f06f88; background: #fcf0f2;}
section[id*="nkanto"] .feature .section.ttl_jionsen h2 {color: #a15eb7; background: #f8f2fa;}

.cmn_contents.list_jionsen,
.cmn_contents[class*="list_color"] .clm_osusume_area {margin: 0 auto 10px;}
.cmn_contents.list_jionsen .clm_osusume_area > ul > li {width: 24.5%;}
.cmn_contents.list_jionsen .clm_osusume_area > ul > li a:hover {opacity: .8;}
/*------------- 商品コンポーネント -------------*/
.lsize .clm2_right .base_prod .hotel.box_jionsen {margin-top: 10px;}
.lsize .clm2_right .base_prod.side_box .hotel.box_jionsen li > a .details_box {margin-left: 0; width: 100%;}

.base_prod.bgc .hotel.box_jionsen li {background: #fff;}
.base_prod.clm3 .hotel.box_jionsen li > a .details_box > .txt {
	margin-top: .7rem;
	margin-bottom: .7rem;
}
.base_prod.clm3 .hotel.box_jionsen li > a .details_box > .txt,
.base_prod.clm3 .hotel.box_jionsen li > a .details_box > .notes {
	margin-left: -92%;
}
/*------------- びゅうたび -------------*/
.vtabi_box {
	width: 80%;
	background: #fafafa;
	margin: 0 auto;
	padding: .2%;
}
.vtabi_box > .contents {
	width: auto;
	margin: 10px;
}
.vtabi_box > .contents > div {
	display: inline-block;
	width: 69%;
	padding: 0 .5%;
	vertical-align: top;
}
.vtabi_box > .contents > div:first-child {
	display: inline-block;
	width: 30%;
	padding: 0;
	vertical-align: top;
}
.vtabi_box > .contents > div > .article_photo li {
	display: inline-block;
	padding: 1%;
}
.vtabi_box > .contents > div > .article_photo li img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.vtabi_box > .contents > div > .article_photo li p {
	color: #999;
	font-size: .7rem;
}
.vtabi_box > .contents > div > p .logo {
	padding: 2% 0;
	display: inline-block;
	vertical-align: middle;
}
.vtabi_box > .contents > div > p .logo:hover {
	opacity: .8;
}
.vtabi_box > .contents > div > p .logo img {
	width: 80px;
	vertical-align: bottom;
}
.vtabi_box > .contents div p a.link01 {
	margin: 0 2%;
	color: #222;
}
.vtabi_box > .contents div p a.link01:hover {
	color: #06c;
	text-decoration: underline;
}
/*------------- 注意文言 -------------*/
.box_note {
	background: #f7f3ed;
	padding: 10px 15px 20px;
}
.box_note h4 {
	color: #574832;
	border-bottom: 1px dashed;
	padding-bottom: 8px;
}

@media screen and (max-width: 767px) {
	.sightseeing,
	.base_prod .hotel {
		width: 94%;
		margin: auto;
	}
	/*------------- ロゴ -------------*/
	.logo_jionsen {padding: 0 10px;}
	.logo_jionsen img {width: 30%;}
  /*------------- スーツさんコーナー -------------*/
  .suit_jionsen {
    margin: 25px 10px;
  }
  .suit_jionsen .flexbox {
    gap: 10px;
  }
  .suit_jionsen .flexbox .icon {
    width: 20%;
  }
  .suit_jionsen .flexbox .text {
    width: 80%;
  }
  .suit_jionsen .flexbox .text p:first-child {
    font-weight: bold;
    font-size: 1.6rem;
    text-align: left;
  }
  .suit_jionsen .flexbox .text a:hover {
    text-decoration: underline;
  }
  .suit_jionsen a.btn {
    position: relative;
    display: block;
    width: 300px;
    height: 50px;
    margin: 10px auto;
    padding: 5px;
    background: #fff586;
    border-radius: 25px;
    border: 2px solid #333;
    color: #222;
    font-size: 2.0rem;
    font-weight: bold;
  }
  .suit_jionsen a.btn:hover {
    transform: scale(1,1);
  }
	/*------------- ナビ -------------*/
	.nav_jionsen {
		display: -webkit-flex;
		display: flex;
		margin-top: 20px;
	}
	.nav_jionsen li a {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 100%;
	}
	.nav_jionsen li a .tx_area {line-height: 1.5;}
	/*------------- リスト -------------*/
	.cmn_contents.list_jionsen .clm_osusume_area > ul > li {
		width: 49.5%;
		padding: 6px 5px 6px 22px;
		border-bottom: none;
	}
	.cmn_contents.list_jionsen .clm_osusume_area > ul > li::after {
		left: 10px;
		right: auto;
	}
	/*------------- 商品コンポーネント -------------*/
	.lsize .clm2_right .base_prod .hotel.box_jionsen {margin: 8px auto -3%;}
	.lsize .clm2_right .base_prod .hotel.box_jionsen li > a .details_box {margin-left: 0; width: 100%;}
	
	.base_prod.clm3 .hotel.box_jionsen li + li {
		margin-top: 2%;
	}
	/*------------- びゅうたび -------------*/
	.vtabi_box {
		width: 100%;
	}
	.vtabi_box > .contents > div {
		width: 63%;
		padding-left: 1.5%;
	}
	.vtabi_box > .contents > div:first-child {
		width: 36%;
	}
	.vtabi_box > .contents > div > .article_photo li img {
		height: auto;
	}
	/*------------- 注意文言 -------------*/
	.box_note {padding: 2% 3% 4%;}
	.box_note .cmp-text {width: 100%;}
}


/*------------------------------------------------------------------------
		Q&A
------------------------------------------------------------------------*/
/* Qテキスト */
.acc_QandA .btn_question {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 10px;
	margin-right: 0;
	background: #f7f3ed;
}
.btn_check:checked + .btn_question {
	transition: .4s;
}
.acc_QandA .btn_question:hover {opacity: .8;}
/* Q/A */
.acc_QandA .btn_question .inner_question,
.box_answer > li .inner_answer {
	position: relative;
	display: block;
	padding: 0 30px;
}
.acc_QandA .btn_question .inner_question {
	font-size: 1.6rem;
}
.box_answer > li .inner_answer {
	padding-right: 0;
}
.acc_QandA .btn_question .inner_question::before,
.box_answer > li .inner_answer::before {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -0.9em;
	color: #fd473c;
	font-size: 1.6rem;
	font-weight: bold;
}
.acc_QandA .btn_question .inner_question::before {
	content: "Q";
	background: none;
	border: none;
}
.box_answer > li .inner_answer::before {
	content: "A";
	font-size: 1.6rem;
}
.acc_QandA input[type="checkbox"]+label::before {display: none;}
.box_answer > li a:hover {opacity: .8;}
/* +/- */
.acc_QandA .btn_question .btn_mark,.acc_QandA .btn_question .btn_mark::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 2px;
	background: #fd473c;
	transition: .5s;
}
.acc_QandA .btn_question .btn_mark {
	top: 50%;
	right: 20px;
}
.acc_QandA .btn_question .btn_mark::before {
	transform: rotate(90deg);
}
/* テキスト */
.box_answer {
	visibility: hidden;
	opacity: 0;
	transition: all .4s ease-out;
	margin-bottom: 5px;
}
.box_answer > li {
	position: relative;
	height: 0;
	visibility: hidden;
	opacity: 0;
	transition: 
		visibility .2s ease-out .2s,
		opacity .2s ease-out .2s,
		padding-top ease-out .3s,
		padding-bottom ease-out .3s;
}
.btn_check:checked + .btn_question .btn_mark::before {
	transform: rotate(0);
}
.btn_check:checked + .btn_question + .box_answer {
	visibility: visible;
	opacity: 1;
}
.btn_check:checked + .btn_question + .box_answer > li {
	visibility: visible;
	height: auto;
	opacity: 1;
	transition: 
		visibility .2s ease-out .2s,
		opacity .2s ease-out .2s,
		padding-top ease-out .3s,
		padding-bottom ease-out .3s;
	padding: 10px;
}
.acc_QandA input[type="checkbox"]:checked+label::after {display: none;}


@media screen and (max-width:568px) {
	.acc_QandA {margin: 0 2%;}
	
	.acc_QandA .btn_question .inner_question,
	.box_answer > li .inner_answer {padding: 0 5% 0 8%;}
	
	.acc_QandA .btn_question .inner_question::before,
	.box_answer > li .inner_answer::before {left: 0;}
	
	.acc_QandA .btn_question .btn_mark {right: 10px;}
	
	.box_answer > li .inner_answer {padding-right: 0;}
}


/*------------------------------------------------------------------------
		タブレット 一時修正
------------------------------------------------------------------------*/
@media screen and (min-width: 569px) {
	.ttl_page .fourcols_title img {height: auto;}
}

/*------------------------------------------------------------------------
		期間限定！限定列車でお得に温泉地へ
------------------------------------------------------------------------*/
.sprate {
  border: 1px solid;
  border-radius: 10px;
  padding: 15px 30px 30px;
}
.sprate.green {
  background: #f0fbfb;
  border-color: #238d87;
}
.sprate h4 {
  text-align: center;
  font-size: 2rem;
}
.sprate.green h4 {
  color: #00635d;
}
.sprate h5 {
  text-align: center;
  margin: 20px auto 10px;
  padding: 0 0 5px 10px;
  width: 35%;
  border-bottom: 1px dashed #238d87;
}
.tx_green {
  color: #087d76;
}
.sprate .bg_white {
  background: #fff;
  border-radius: 10px;
  border: 1px dashed #238d87;
  margin: 20px 0 0;
  padding: 20px;
}
.sprate .gentei h4 {
  margin: 5px auto 12px;
}
.gentei .icon_img {
  text-align: center;
  margin: 0 auto 20px;
}
.gentei .icon_img img {
  height: 30px;
}
.gentei ul li {
  position: relative;
  padding-left: 12px;
}
.gentei ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: #087d76;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .sprate {
    padding: 10px;
  }
  .sprate .bg_white {
    padding: 10px;
  }
  .sprate h4 {
    line-height: 1.4;
  }
  .sprate h5 {
    width: 100%;
  }
  .sprate .gentei h4 {
    margin: -5px auto 12px;
  }
}