@charset "UTF-8";

/* --------------------------------------------------------------------------ホテルプラン-------------------------------------------------------------------------- */
/* font */

#anakyun29.-hotelplan .anakyun29_contents h2 {
	/* font-size: 1.8em; */
	line-height: 1.4;
}
#anakyun29.-hotelplan .anakyun29_contents h2 + .c_note > .c_note_list{
  display: inline-block;
}
#anakyun29.-hotelplan .anakyun29_contents h3 {
	font-size: 1.6em;
	line-height: 1.4;
}
#anakyun29.-hotelplan .anakyun29_contents h4 {
	font-size: 1.4em;
}

.btn_font_s {
  font-size: 0.5em !important;
}

p.font_bold {
  font-weight: bold;
}


/* background */

#anakyun29.-hotelplan .anakyun29_contents {
	/* padding-bottom: min(14vw, 80px); */
}
#anakyun29.-hotelplan .anakyun29_header {
	/*background: #d3cdca;*/
}

#anakyun29.-hotelplan .innerwrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.bg_skyblue {
  background: #bfecf9;
    padding: min(6vw, 40px);
    border-radius: 20px;
    max-width: 800px;
}


/* anakyun29_contents_header */

#anakyun29.-hotelplan .anakyun29_contents_header {
	padding-bottom: 10px;
	text-align: center;
}
@media screen and (min-width: 768px) {
    #anakyun29.-hotelplan .anakyun29_contents_title h2 img {
        max-width: 670px;
    }
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title.bg_column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 600px;
    margin: auto;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_logo {
	margin-bottom: 60px;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_logo.bg_column_item {
	margin-bottom: 0;
	align-self: center;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_logo img {
	width: 140px;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_text {
	margin-bottom: 40px;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_text + .c_note {
  /* margin-bottom: 40px; */
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_table {
	margin-bottom: 40px;
}
#anakyun29.-hotelplan  .anakyun29_contents_header .anakyun29_contents_table table th {
	width: 33.333%;
}

.button_anchor_list .btn_font_s a {
  height: 105px;
}

/* table */

#anakyun29.-hotelplan .anakyun29_contents_table table {
	background: #f2f9ff;
}
/*#anakyun29.-hotelplan .anakyun29_contents_table table th {
	border: 1px solid #aea181;
	border-top: none;
	background: #f4f3f2;
}*/
#anakyun29.-hotelplan .anakyun29_contents_table table th:first-child,
#anakyun29.-hotelplan .anakyun29_contents_table table td:first-child {
	border-left: none;
}
#anakyun29.-hotelplan .anakyun29_contents_table table th:last-child,
#anakyun29.-hotelplan .anakyun29_contents_table table td:last-child {
	border-right: none;
}

#anakyun29.-hotelplan .anakyun29_contents_table table tr:last-child td {
	/*background: #f4f3f2;*/
}



/* hotelplan_contents_table */

#anakyun29.-hotelplan .hotelplan_contents_table table {
    background: #E2E9E9;
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: separate;
}
#anakyun29.-hotelplan .hotelplan_contents_table th,
#anakyun29.-hotelplan .hotelplan_contents_table td {
    padding: min(3vw, 20px);
    padding-bottom: 0;
}
#anakyun29.-hotelplan .hotelplan_contents_table th {
	font-weight: 700;
}
#anakyun29.-hotelplan .hotelplan_contents_table tr:last-of-type th,
#anakyun29.-hotelplan .hotelplan_contents_table tr:last-of-type td,
#anakyun29.-hotelplan .hotelplan_contents_table tr:nth-of-type(3) td,
#anakyun29.-hotelplan .hotelplan_contents_table tr:nth-of-type(5) td {
    padding-bottom: min(3vw, 20px);
}
#anakyun29.-hotelplan .hotelplan_contents_table th[colspan^="2"] {
    border-top: solid 2px #fff;
}
#anakyun29.-hotelplan ul.anakyun29_note.fs_s {
    font-size: clamp(1rem, 2.2vw, 1.6rem);
}
@media screen and (min-width: 768px) {
    #anakyun29.-hotelplan .hotelplan_contents_table th,
    #anakyun29.-hotelplan .hotelplan_contents_table td {
        font-size: 1.6rem;
    }
    #anakyun29.-hotelplan .hotelplan_contents_table ul.hotel_note {
        font-size: 1.4rem;
    }
    #anakyun29.-hotelplan .hotelplan_contents_table tr:first-of-type th,
    #anakyun29.-hotelplan .hotelplan_contents_table tr:nth-of-type(3) td {
        text-align: center;
        width: 50%;
    }
    #anakyun29.-hotelplan .hotelplan_contents_table tr:first-of-type th + th,
    #anakyun29.-hotelplan .hotelplan_contents_table tr:nth-of-type(3) td + td {
        border-left: solid 2px #00A7EA;
    }
    #anakyun29.-hotelplan ul.anakyun29_note.fs_s {
        font-size: 1.2rem;
    }
}

.button_anchor_list.column_onefull .button_anchor_item {
  width: 100%;
  margin: 0 auto;
}

/* anakyun29_hotelyoyaku */

ul.button_anchor_list.column_four,
ul.button_anchor_list.column_five {
	/* padding: min(3vw, 50px); */
	justify-content: center;
    gap: max(6px, 2%);
}
.-hotelplan .button_anchor_list .button_anchor_item a {
	border-radius: initial;
	background: #0B318F;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist {
	margin-bottom: 40px;
	padding-bottom: min(8vw, 60px);
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist .hotelyoyaku_clm2 li + li {
	margin-top: 20px;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li a {
	display: block;
	filter: brightness(100%);
	transform:  translateY(0);
	box-shadow: 0 3px 5px rgba(0,0,0,0);
	transition: filter 0.5s, transform 0.5s, box-shadow 0.5s;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li a:hover {
	filter: brightness(110%);
	transform:  translateY(-3px);
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku_comingsoon {
	padding: 80px 0;
	text-align: center;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku_comingsoon p {
	font-size: 2em;
	font-weight: bold;
}
.coupon_bnr_link:hover {
  opacity: 0.7;
}

#anakyun29.-hotelplan .first_anniversary_eyecatch{}
#anakyun29.-hotelplan .first_anniversary_eyecatch > img{
  max-width: 30%;
}
#anakyun29.-hotelplan .first_anniversary_eyecatch > span{
  display: block;
  text-align: center;
  color: #b58c63;
  margin-top: 7px;
}

@media screen and (min-width: 768px){
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list {
    display: flex;
    justify-content: space-between;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li {
    width: 100%;
    height: auto;
    margin-left: 20px;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li:first-of-type {
    margin-left: 0;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li:hover {
    opacity: .7;
  }
    ul.hotelyoyaku_clm2 {
	display: grid;
    grid-template-columns: 1fr 1fr;
	justify-content: space-between;
    gap: 40px;
	}
	ul.hotelyoyaku_clm3 {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	justify-content: space-between;
    gap: 20px;
	}
	li.hotelclm2_i {
		display: block;
		/* width: calc(93% / 2); */
    flex:0 1 430px;
	}
	/* #anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li + li[id] {
		margin-top: 8%;
	} */
	#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist > li + li {
		margin-top: 8%;
	}
	#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li.hotelclm2_i:nth-child(2){
		margin-top: 0;
	}
	#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist #ksy .hotelyoyaku_clm2 li:last-of-type {
		margin-top: 20px!important;
	}
	#anakyun29 .anakyun29_contents_button ul.-column li a .i_blank_white {
		font-size: 1.4rem;
	}
	#anakyun29.-hotelplan .hotel_sokyu {
		max-width: 800px;
    	margin: 0 auto;
	}
}

@media screen and (max-width: 767px){
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li {
    width: calc(50% - 2vw / 2);
    height: auto;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li:first-of-type {
    margin-bottom: 2vw;
  }
  #anakyun29.-hotelplan .anakyun29_hotelyoyaku .category_list li:nth-child(2) {
    margin-bottom: 2vw;
  }
}


#anakyun29.-hotelplan .anakyun29_dpbanner {
	max-width: 1000px;
	position: relative;
	margin: 60px auto 0;
	padding-left: 40px;
	padding-right: 40px;
}
#anakyun29.-hotelplan .anakyun29_dpbanner_link {
	width: 70%;
	display: block;
	margin:0 auto;
}
#anakyun29.-hotelplan .anakyun29_dpbanner_image {
	transition: filter 0.5s, transform 0.5s;
	/* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); */
}
#anakyun29.-hotelplan .anakyun29_dpbanner_link:hover .anakyun29_dpbanner_image{
	filter: brightness(105%);
	transform: translateY(-3px);
	/* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); */
}

#anakyun29.-hotelplan .anakyun29_timesale_banner {
    margin-top: 60px;
    text-align: center;
}

#anakyun29.-hotelplan .anakyun29_vaccinated_coupon_ouen_banner {
    margin-top: 40px;
    text-align: center;
}



/* about_hotel */

#anakyun29.-hotelplan .bg_blue {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #00A7EA;
    border-radius: 20px;
    padding: min(5vw, 25px);
    display: grid;
    grid-template-columns: 35% auto;
    gap: min(4vw, 30px);
    position: relative;
}
#anakyun29.-hotelplan .about_hotel {
    text-align: left;
    color: #fff;
}
#anakyun29.-hotelplan .about_hotel h2 {
    font-size: clamp(1rem, 3.5vw, 2.6rem);
}
#anakyun29.-hotelplan .about_hotel p {
    font-size: clamp(1rem, 2.7vw, 2rem);
    line-height: 1.6;
}
#anakyun29.-hotelplan .about_hotel_btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 92%;
}
#anakyun29.-hotelplan .about_hotel_btn .c_button__link_i {
    font-size: 3.2vw;
    font-weight: 400;
}
#anakyun29.-hotelplan .about_hotel_btn .c_button_blank {
	width: 3.2vw;
}
#anakyun29.-hotelplan .about_hotel_btn .c_button_blank img {
	margin-top: 1.2vw;
}
@media screen and (max-width: 767px) {
    #anakyun29.-hotelplan .bg_blue {
        padding-bottom: 25%;
    }
    #anakyun29.-hotelplan .about_hotel_btn .c_button__link {
    	height: 13.333vw;
    }
}
@media screen and (min-width: 768px) {
    #anakyun29.-hotelplan .about_hotel_btn {
        bottom: min(5vw, 25px);
        right: min(5vw, 25px);
        left: initial;
        transform: initial;
        width: 100%;
        max-width: 182px;
    }
    #anakyun29.-hotelplan .about_hotel_btn .c_button__link_i {
        font-size: 1.6rem;
    }
    #anakyun29.-hotelplan .about_hotel_btn .c_button_blank {
    	width: 1.6rem;
    }
    #anakyun29.-hotelplan .about_hotel_btn .c_button_blank img {
    	margin-top: 0.8rem;
    }
    #anakyun29.-hotelplan .about_hotel p {
        font-size: 1.7rem;
    }
}



/* bnr_list */

@media screen and (min-width: 768px) {
    #anakyun29.-hotelplan .bnr_list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    #anakyun29.-hotelplan .bnr_list.-c1 {
      grid-template-columns: 1fr;
    }
    #anakyun29.-hotelplan .amc_note {
        margin: 10px min(3vw, 30px);
    }
}
@media screen and (max-width: 767px) {
    #anakyun29.-hotelplan ul.bnr_list li + li {
        margin-top: 20px;
    }
}



/* responsive */



/* -- tb */

@media screen and (max-width: 1024px){

/* ---- hoverアクション取り消し */

#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li a,
#anakyun29.-hotelplan .anakyun29_dpbanner_link .anakyun29_dpbanner_image {
	transition: filter 0s, transform 0s, box-shadow 0s;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li a:hover,
#anakyun29.-hotelplan .anakyun29_dpbanner_link:hover .anakyun29_dpbanner_image {
	filter: brightness(100%);
	transform:  translateY(0);
	box-shadow: 0 3px 5px rgba(0,0,0,0);
}

}



/* -- sp */

@media screen and (max-width: 767px){

/* ---- font */

#anakyun29.-hotelplan .anakyun29_contents h2 {
	font-size: 1.4em;
	line-height: 1.4;
}
#anakyun29.-hotelplan .anakyun29_contents h3 {
	font-size: 1.3em;
	line-height: 1.4;
}
#anakyun29.-hotelplan .anakyun29_contents h4 {
	font-size: 1.2em;
}

.btn_font_s {
  font-size: 0.8em !important;
}

/* ---- anakyun29_contents_header */

#anakyun29.-hotelplan .anakyun29_contents_header {
	padding-bottom: 4vw;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_logo {
	margin-bottom: 10vw;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_logo img {
	width: 30vw;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_text {
	/* margin-bottom: 4vw; */
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_title_text + .c_note {
  margin-bottom: 4vw;
}
#anakyun29.-hotelplan .anakyun29_contents_header .anakyun29_contents_table {
	margin-bottom: 8vw;
}

#anakyun29.-hotelplan .anakyun29_contents_header h3 {
	font-size: 2.1em;
}

/* ---- anakyun29_hotelyoyaku */

#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist {
	margin-bottom: 8vw;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku .anakyun29_hotelyoyakulist li + li {
	margin-top: 4vw;
}
#anakyun29.-hotelplan .anakyun29_hotelyoyaku_comingsoon {
	padding: 8vw 0;
}


#anakyun29.-hotelplan .anakyun29_dpbanner {}
#anakyun29.-hotelplan .anakyun29_dpbanner_link {
	width: 76vw;
}
#anakyun29.-hotelplan .anakyun29_dpbanner_image {}


#anakyun29.-hotelplan .anakyun29_timesale_banner {
    padding-left: 6vw;
    padding-right: 6vw;
}
#anakyun29.-hotelplan .anakyun29_vaccinated_coupon_ouen_banner {
    padding-left: 6vw;
    padding-right: 6vw;
}
.button_anchor_list .button_anchor_item a {
		height: min(14vw, 80px);
	}

.button_anchor_list .btn_font_s a {
		height: min(20vw, 120px);
	}

	#anakyun29 .anakyun29_contents_button ul.-column li a .i_blank_white {
		font-size: clamp(1rem, 3.5vw, 2.4rem);
	}

}

@media (min-width: 768px) {
    img[src*="title_sp.svg"] {
        height: 100px;
    }
}
@media (max-width: 767px) {
    .button_anchor_list.column_four .button_anchor_item:nth-child(3),
    .button_anchor_list.column_four .button_anchor_item:last-child{
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .button_anchor_list.column_five .button_anchor_item:nth-child(n+3){
        margin-top: 2%;
    }
}
@media (min-width: 768px) {
    .button_anchor_list.column_four .button_anchor_item {
        width: calc(90% / 4);
    }
    .button_anchor_list.column_five .button_anchor_item {
        width: calc(96% / 5);
    }
    .-hotelplan .button_anchor_list .button_anchor_item a {
    font-size: 1.5rem;
    padding: 0.4em 0.2em;
    }
}

.c_banner.column1,
.c_banner.column2,
.c_banner.column3 {
    display: grid;
    gap: 10px;
    justify-content: center;
}

.bg_blue_mile {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #00A7EA;
    border-radius: 20px;
    padding: min(5vw, 40px);
}

.about_mile_btn .c_button__link_i {
    font-size: clamp(1rem, 3.2vw, 1.6rem);
}
@media (max-width: 767px) {
    .bg_blue_clm2_i.-right {
        margin-top: 10px;
    }
}
@media (min-width: 768px) {
    .-hotelplan .button_anchor_list .button_anchor_item a {
    font-size: 1.5rem;
    padding: 0.4em 0.2em;
    }
    .bg_blue_clm2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .about_mile_btn {
        width: 100%;
        max-width: 182px;
        margin-left: auto;
        margin-right: auto;
    }
    .bg_blue_clm2_i.-right img {
        transform-origin: bottom;
        transform: scale(1.04);
    }
    .c_banner.column1 {
        grid-template-columns: 33%;
    }
    .c_banner.column2 {
        grid-template-columns: 33% 33%;
    }
    .c_banner.column3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
#anakyun29.-hotelplan .about_mile_btn .c_button_blank img {
    margin-top: 1.2vw;
}
#anakyun29.-hotelplan .about_mile_btn .c_button_blank {
    width: 3.2vw;
}
@media (min-width: 767px) {
    #anakyun29.-hotelplan .about_mile_btn .c_button_blank img {
        margin-top: 0.8rem;
    }
    #anakyun29.-hotelplan .about_mile_btn .c_button_blank {
        width: 1.6rem;
    }
}

#anakyun29.-hotelplan .title_img {
    font-size: 0;
}
.marker {
    display: inline;
    font-size: clamp(1rem, 4vw, 2.5rem) !important;
    background: linear-gradient(transparent 70%, #f8ec00 70%);
}

@media screen and (min-width: 768px) {
    #anakyun29.-hotelplan .anakyun29_contents h3.pc_mt20 {
        margin-top: 20px;
    }
}

/* ---- 背景画像250128 */
/* #anakyun29.-hotelplan .anakyun29_contents_header.bg_spring {
    background-image: url(/promotion/ana_kyun29/hotelplan/image/250227/sakura.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 60px;
}
#anakyun29.-hotelplan:has([class*="bg_spring"]) .anakyun29_header {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    #anakyun29.-hotelplan .anakyun29_contents_header.bg_spring {
        background-image: url(/promotion/ana_kyun29/hotelplan/image/250227/sakura_sp.jpg);
        padding-top: 8vw;
    }
} */

/* ---- ホテルクーポン2506 */
.-bg_green {
  background: #d6f0b0;
  border-radius: 20px;
  padding-bottom: 4%;
  max-width: 800px;
  margin: 0 auto;
}
.anahotel_anchor {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: min(5vw, 40px) auto;
}
.-bg_green .item {
  padding-top: 5%;
}
#anakyun29 .-bg_green .custom_list.anakyun29_note li {
  font-size: 2em;
  line-height: 1.4em;
  margin-top: 7%;
}
#anakyun29 .-bg_green li .anakyun29_button {
  font-size: 1.4rem;
  width: 100%;
  max-width: 345px;
  line-height: 2;
}
#anakyun29.-hotelplan .hotelplan_contents_table table.bg_white {
  background: #FFF;
  /* max-width: 94%; */
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .-bg_green {
    padding: 0 2% 4%;
  }
  .-bg_green .item{
    max-width: 90%;
  }
  #anakyun29 .-bg_green .custom_list.anakyun29_note li {
    font-size: 1.4em;
  }
  #anakyun29 .-bg_green .anakyun29_button.anakyun29_button_navy {
    padding: 1em 3em 1.1em 3em;
  }
}

/* ---- COUPON2506 */
.-bg_green .asw-container,.asw-decoration--background.asw-decoration--color-white {
  background-color: transparent;
}
.asw-coupon__link {
  background-color: transparent;
  border: none;
}
.btn-menu.asw-button__link img {
  max-block-size: none;
}
@media screen and (max-width: 767px) {
  .taas-gadget-modal-wrapper .taas-gadget-modal-contents{
    width: 83%;
  }
  .-bg_green .asw-container .asw-decoration {
    padding: 0;
  }
}

/* ---- 対象宿泊地2506 */
#anakyun29 .hotelplan_tab_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
#anakyun29 .anakyun29_contents_hotelplace {
  padding: 15px 60px;
  }
#anakyun29 .anakyun29_contents_hotelplace .c_button__link_i {
  color: #333;
  font-weight: bold;
  }
#anakyun29 .anakyun29_contents_hotelplace .c_button__link {
  background: #fff;
  }
#anakyun29 .anakyun29_contents_hotelplace .c_button__link.-active {
  background: #00a7eb;
  box-shadow: none;
  }
#anakyun29 .anakyun29_contents_hotelplace .c_button__link.-active .c_button__link_i {
  color: #fff;
  }
#anakyun29 .anakyun29_contents_hotelplace .c_button__link:hover {
  transform: none;
  filter: none;
  box-shadow: none;
  }
#anakyun29 .hotelplace_box {
  background: #FFF;
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
  min-height: calc(7.2em + 40px);
  display: none;
}
#anakyun29 .hotelplace_box.-active {
  display: block;
}
#anakyun29 .hotelplace_box p {
  text-align: left;
}

@media screen and (max-width: 767px) {
  #anakyun29 .anakyun29_contents_hotelplace {
    padding: 15px 0;
  }
}

/* 250929 */
.bnr_title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.bnr_title::before,
.bnr_title::after {
  content: '';
  width: 1px;
  height: 1em;
  background-color: #333333;
}
.bnr_title::before {
  transform: rotate(-40deg);
  margin-right: 0.5em;
}
.bnr_title::after {
  transform: rotate(40deg);
  margin-left: 0.5em;
}
.hotelcoupon_container {
  display: grid;
  justify-items: center;
  gap: min(4vw, 30px);
  max-width: 800px;
  margin: min(8vw, 50px) auto 0;
  padding: min(4vw, 30px);
}
@media screen and (min-width: 768px) {
  .hotelcoupon_container {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .hotelcoupon_container {
    margin-left: -6vw;
    margin-right: -6vw;
    padding-bottom: 30px;
  }
  .hotelcoupon_container .title_img {
    padding: 0 6vw;
  }
}
.hotelcoupon_container.-bg_beige {
  background-color: #EBDFAB;
}
.hotelcoupon_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(2vw, 20px);
  max-width: 550px;
}
@media (hover: hover) {
  .hotelcoupon_list > .get-coupon-button:hover {
    opacity: 0.5;
    cursor: pointer;
  }
}
.hotelcoupon_container .custom_list > li {
  font-size: clamp(1rem, 3.5vw, 2.2rem)!important;
  line-height: 1.6!important;
}
.hotelcoupon_btn_list {
  width: 100%;
  text-align: center;
}
.hotelcoupon_btn {
  width: min(100%, 345px);
  font-size: 1.4rem!important;
  line-height: 2!important;
}
@media screen and (max-width: 767px) {
  .hotelcoupon_btn {
    padding: 1em!important;
  }
}
/* // --------------------------------------------------------------------------ホテルプラン-------------------------------------------------------------------------- */