@charset "utf-8";
/* CSS Document */
.br_sp { display: none;}


.tx_ctr {text-align: center;}
/*------------------------ クーポン版のタイトル部分------------------------*/
.wrap_canpttl{
	display: flex;
    padding: 20px 2em;
}
.wrap_canpttl_l{width: 30%; text-align: right;}
.wrap_canpttl_l img{width: 90%;}
.wrap_canpttl_r{width: 70%; text-align: center;}

/*------------------------ 重版クーポン------------------------*/
.wrap_coupon{
	display: flex;
    padding: 20px 2em;
    border: solid 2px #519064;
    /* width: 90%; */
    /*margin: 0 40px;*/
}
.wrap_coupon_l{width: 55%;}
.wrap_coupon_r{width: 45%; text-align: center;}
.wrap_coupon_r img{width: 80%;}

.wrap_coupon .box_table {margin: 10px auto 20px; }
.wrap_coupon .box_table th {width: 40%; font-size: 1.0em; text-align: right;}
/*.wrap_coupon .box_table td {width: 70%;}*/

.wrap_coupon .box_table th,
.wrap_coupon .box_table td {vertical-align: top; font-size: 1.4rem; line-height: 150%;}

/*テーブル内の調整*/
.wrap_coupon .box_table tr .s_pt5{padding-top: 5px;}
.wrap_coupon .box_table tr .s_pt10{padding-top: 10px;}
.wrap_coupon .box_table tr .va{vertical-align: middle;}

.wrap_coupon .box_table td > .tx_small {font-size: 1.2rem;}
.wrap_coupon .box_table td > .tx_number {font-size: 1.8rem;}
.wrap_coupon .box_table td > .tx_unit {font-size: 1.3rem; margin-left: 2px;}

.camp_ttl{
    font-size: 2.3rem;
    font-weight: bold;
    color: #519064;
	line-height: 1.4;
	text-align: center;
}
.camp_ttl span{font-size: 80%;}
.camp_date01{
	display: inline-block;
	vertical-align: middle;
	padding-right: 0px;
	margin-bottom: 1.5em;
}
.camp_date02{
	display: inline-block;
	vertical-align: middle;
	padding-right: 0px;
	margin-bottom: 0em;
}
.date_dan{
	font-weight: bold;
	color: #2a5a9a;
	font-size: 1.1em;
}
	
.date_dan::before{
	content: "";
    border-left: 7px solid #c5e2ff;
    padding-left: 7px;}
.camp_tbl{
	width: 100%;
    border: solid 1px #ccc;
    margin: 5px;
}
.camp_tbl th{background-color: #ccc;}
.camp_tbl th,.camp_tbl td{padding: 5px; text-align: center; border: solid 1px #ccc;}
.bld{font-weight: bold;}
.readtxt{margin: 0 10px;}

/*クーポン画像*/
.coupon_img{
	-webkit-filter: drop-shadow(0px 3px 10px rgba(255, 255, 255, 0.8)); /* SafariなどのWebkitブラウザ用 */
	filter: drop-shadow(0px 3px 5px #ccc); 
	padding: 0 20px;
}

/*-- ボタン --*/
.btn_01 a {
	display: block;
    color: #fff;
    background: #549568;
    padding: 15px 25px 15px 10px;
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
    border-radius: 6px;
    position: relative;
    width: 80%;
    margin: 0 auto;
    line-height: 130%;
}
.btn_01 a span {
	font-size: 1.2rem;
}
.btn_01 a::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -4px;
}
.btn_01 a:hover {
	background: #3a6748;
}



/*--------------------長野重版--------------------*/
.bg_juuhan_s {
  background: #fff;
}
.juhan_box .juhan_inbox_l {
	margin: 0 16px 2em 0;
}
.juhan_box .juhan_inbox_c {
	margin: 0 8px 2em 8px;
}
.juhan_box .juhan_inbox_r {
	margin: 0 0 2em 16px;
}

/*ｈ２タイトル*/

.logo_shinshujuuhan_n {
  	width: 35%;
	margin-bottom: 0;
	text-align: center;
	margin: 0 auto;
}

.ttl_ntohoku{text-align: center;}
.ttl_ntohoku .ttl_shinshu {
    font-size: 2.0rem;
	font-weight: bold;
	color: #549568;
}
.ttl_ntohoku .tx_date {
  	background: #549568;
    border: none;
    color: #fff;
    font-size: 1.6rem;
    display: inline-block;
    padding: 0 20px;
}
.ttl_ntohoku .tx_date .youbi,.ttl_ntohoku .tx_date_coupon .youbi {
  font-size: 1.2rem;
  margin-left: 3px;
}

/*文字ネイビー*/
.ttl_ntohoku .ttl_shinshu_coupon {
    font-size: 3.0rem;
	font-weight: bold;
	color: #222c4d;
	margin-top: 0.5em;
}
.ttl_ntohoku .tx_date_coupon {
  	/*background: #222c4d;*/
    border: none;
    /*color: #fff;*/
	color: #222c4d;
    font-size: 1.6rem;
    display: inline-block;
    padding: 0 20px;
	border-top: solid 1px #222c4d;
	border-bottom: solid 1px #222c4d;
	margin: 10px 0 0 0;
	font-weight: bold;
}



/*各エリア情報*/
.juhan_box .area_titlebox{
	margin: 10px 0;
}

.juhan_box .title_name{
	font-size: 2.0rem;
	line-height: 150%;
}
.juhan_box .area_titlebox >.area_name {
  	display: block;
    background-color: transparent;
	color: #222;
	padding: 0 0 0 20px!important;
}




/*黒ボタン位置調整*/
.mb_2l{margin-bottom: 6px;}
.mb_2l_acc{margin-bottom: 24px;}
.mb_2l_slm{margin-bottom: 102px;}

.title_ac::after,
.title_ac::before {
	content: ""!important;
	position: absolute!important;
	right: 1.25em!important;
	top: 0.8em!important;
	width: 2px!important;
	height: 0.75em!important;
	background-color: #999!important;
	transition: all 0.3s;
}

.title_ac::after {
	transform: rotate(90deg);
}
.content {
	max-height: 0;
	overflow: hidden;
	
}
.content p {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.4rem;
	line-height: 1.71428571;
}
.toggle:checked + .title_ac + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title_ac::before {
transform: rotate(90deg) !important;
}










/*エリアの前のアイコン*/
.juhan_box .area_titlebox{position: relative;}
.juhan_box .area_titlebox >.area_name::before {
	position: absolute;
    display: block;
    content: "";
    background: #549568;
	width: 12px;
    height: 12px;
	top: 4px;
    left: 3px;
    border-radius: 50% 50% 0 50% / 50% 50% 0 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.juhan_box .area_titlebox >.area_name::after {
	position: absolute;
    display: block;
    content: "";
	top: 8px;
    left: 7px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
}


/*READ MORE*/
input[type="checkbox"]+label {
    position: absolute;
    display: block;
    padding: 0 0 0 200px;
    /*cursor: pointer;*/
    margin-right: auto;
    text-align: center;
}
input[type="checkbox"]+label::before {
	position: static;
     content: 'read more'; 
     top: auto; 
     left: auto; 
     width: auto; 
     height: auto; 
     margin: 0;
	padding: 0 0px 0 0;
/*     background: transparent; */
     border: none;
	/*background: url(/content/dam/jretravel/site/common/images/outside_icon_ie.svg) no-repeat;*/
	/*background-size: 13px;
	background-position: 75px 2px;*/
}

input[type="checkbox"]:checked+label::after {
     background: transparent; 
     border: none; 
}

.readmore {
    position: relative;
    /* margin: 50px auto 0; */
    padding: 0 0 1.5em;
}
.ctr{margin: 0 auto;}
.readmore label {
  	position: absolute!important;
    display: table; 
    right: 10px!important;
    bottom: 0px!important;
	/*margin: 0 auto;*/
     width: auto!important; 
     /*padding: 0; */
    /*text-align: center; */
     /*background-color: #333; */
    cursor: pointer;
    z-index: 1;
	font-weight: bolder;
	white-space: nowrap;
}

.readmore label::before{
	position: absolute;
	right: 0;
	bottom:0;
}

.readmore input[type="checkbox"]:checked ~ label::before {
  content: 'close';
	padding-right: 10px;
	/*background: url(/content/dam/jretravel/site/common/images/outside_icon_ie.svg) no-repeat;*/
	/*background-size: 13px;*/
	/*background-position: 60px 2px;*/
}

.readmore input[type="checkbox"]{
  display: none;
}

.readmore-content {
  position: relative;
  height: 150px;
  overflow: hidden;
}

.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}


/*グラデかける*/
.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
}


/*高さ調整*/
.karuizawa_ht{margin-top: 29px;}
.suwa_ht{margin-top: 29px;}




/*周辺探すボタン*/
.wrap_btn{
	position: relative;
    margin: 1em 0;
    background: #353540;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    width: 100%;
}
.wrap_btn:hover{
	background-color: #595959;
}

.wrap_btn a{
	display: block;
	color: #fff;
	padding: 10px 20px;
	line-height: 130%;
	text-decoration: none;
}
.wrap_btn .ya{
    content: '';
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: rotate(45deg) translate(-35%, -40%);
    transform: rotate(45deg) translate(-35%, -40%);
}


/*限定プランボタン*/
div.jump_point {
    height: 1px;
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.plan_bg{background-color: #e6f3f4; padding: 10px 20px 30px 20px;}
.plan_btn{
	position: relative;
    background: #549568;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    margin: 10px;
}
.plan_btn:hover{
	background-color: #457a55;
}

.plan_btn a{
	display: block;
	color: #fff;
	padding: 10px 20px 10px 10px;
	line-height: 130%;
	text-decoration: none;
}
.plan_btn .ya{
    content: '';
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: 6%;
    -webkit-transform: rotate(45deg) translate(-35%, -40%);
    transform: rotate(45deg) translate(-35%, -40%);
}

/*限定プランボタン　クーポン時*/
.plan_btn_coupon{
	margin: 20px 0 0 auto;
	position: relative;
    background: #549568;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
	width: 50%;
}
.plan_btn_coupon:hover{
	background-color: #457a55;
}

.plan_btn_coupon a{
	display: block;
	color: #fff;
	padding: 10px 20px 10px 10px;
	line-height: 130%;
	text-decoration: none;
}
.plan_btn_coupon .ya{
    content: '';
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 30%;
    right: 6%;
    -webkit-transform: rotate(135deg) translate(-35%, -40%);
    transform: rotate(135deg) translate(-35%, -40%);
}









.content_box.juuhan.shinshu {
  padding: 0px;
}
.content_box.juuhan.shinshu .box_shinshu {
  margin: 10px 5px;
}

.content_box.juuhan.shinshu .box_shinshu .area_titlebox>.title_name.h_2em {
  height: auto;
  padding: 5px 10px;
  font-size: 1.8rem;
}
.content_box.juuhan.shinshu .box_shinshu .pick_tx {
  margin: 0 0 5px;
  border: none;
  font-size: 1.4rem;
}
.content_box.juuhan .sightseeing dl {
  margin: 10px 0 0;
  padding: 10px;
  border-top: 2px dotted #C94B59;
  background: none;
  border-radius: 0;
}
.content_box.juuhan.shinshu .btn a {
  background: #C94B59;
  color: #fff;
  border: none;
}
.wrap_btn.limited_plan {
  text-align: center;
}
.wrap_btn.limited_plan .btn {
  padding: 0;
}
.wrap_btn.limited_plan .btn a {
  display: block;
  position: relative;
  background: #fff;
  padding: 15px 70px 15px 100px;
  border-radius: 8px;
  font-size: 1.6rem;
  color: #b32333;
  border: 2px solid #C94B59;
  filter: drop-shadow(3px 3px 0px #C94B59);
}
.wrap_btn.limited_plan .btn a::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url(/content/dam/jretravel/site/page/tohoku/images/touhokudc/img_yamagata_kitekero_01.png) no-repeat 0 0/70px auto;
  width: 70px;
  height: 69px;
  bottom: 0;
  left: 20px;
}
.wrap_btn.limited_plan .btn a:hover {
  text-decoration: none;
  top: 3px;
  left: 3px;
  filter: none;
}
.w_tohokumaas {
  width: 100%;
}
.wrap_gourmet_n {
  margin: 20px auto 0;
}
.content_box.juuhan.shinshu.train h4 {
  text-align: center;
  color: #C94B59;
  font-size: 2rem;
  width: 600px;
  margin: 5px auto 0;
}


@media screen and (max-width: 767px) {
	.br_sp {
        display: block;
    }
	
	/*------------------------ クーポン版のタイトル部分------------------------*/
.wrap_canpttl{
	display: block;
    padding: 10px;
}
.wrap_canpttl_l{width: auto; text-align: center;}
.wrap_canpttl_l img{width: 50%;}
.wrap_canpttl_r{width: auto; text-align: center;}
	
	
	.wrap_coupon{
	display: block;
    padding: 10px;
    border: solid 2px #519064;
		margin: 0 10px
}
.wrap_coupon_l{width: auto;}
.wrap_coupon_r{width: auto; text-align: center;}
	
	/*文字ネイビー*/
.ttl_ntohoku .ttl_shinshu_coupon {
    font-size: 2.5rem;
	margin-top: 0;
}
	
	.juhan_box .juhan_inbox_l,
	.juhan_box .juhan_inbox_c,
	.juhan_box .juhan_inbox_r{
		margin: 0 10px 2em 10px;}
	.plan_btn {margin: 5px 5px; font-size: 13px;}
	.logo_shinshujuuhan_n {width: 50%;}
	.karuizawa_ht,.suwa_ht{margin-top: 0px;}
	/*-- ボタン --*/
.btn_01 a {
    width: 90%;
}
	/*限定プランボタン　クーポン時*/
.plan_btn_coupon{
	margin: 20px 0 0 auto;
    white-space: nowrap;
	width: 90%;
}
	.camp_ttl{
    font-size: 1.8rem;
}
	.wrap_coupon .box_table th {width: 30%; line-height: 120%;}
	.wrap_coupon .box_table tr .s_pt5{padding-top: 10px;}
	
	/*黒ボタン位置調整*/
.mb_2l,.mb_2l_acc,.mb_2l_slm{margin-bottom: 0px;}
	
	.plan_btn .ya {right: 5%;}
}