.omoikkirihokkaido {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 16px;
color: #2f2f2f;
}
/* .for_pc {} */
.for_sp {
display: none !important;
}
@media (max-width: 750px) {
.omoikkirihokkaido {
font-size: 4vw;
}
.for_pc {
display: none !important;
}
.for_sp {
display: inherit !important;
}
}

/*MV*/
.mv {
width: 100%;
height: 0;
padding-top: 39.53125%;
background-image: url(../images/omoikkiri/img_mv.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.mv h1 {
display: none;
}
@media (max-width: 750px) {
  .mv{
    background-image: url(../images/omoikkiri/img_mv_sp.jpg);
    height: 133vw;
  }
}

.sec_omoikkiri {
padding-top: 120px;
padding-bottom: 10px;
}
.sec_omoikkiri.model {
background-color: rgba(0,166,60,0.05);
border-bottom: 1px solid #fff;
}
.sec_omoikkiri.coupon {
background-color: rgba(201,157,3,0.05);
}
.wrap_cm {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 750px) {
.sec_omoikkiri {
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
}
}

.ttl_set {
text-align: center;
margin-bottom: 100px;
}
.ttl_set .ttl_hd {
font-size: 28px;
margin-bottom: 45px;
font-weight: 700;
}
.ttl_set .ttl_hd img {
margin-left: 20px;
margin-right: 20px;
}
.ttl_set h2 {
color: rgba(0,166,60,1.00);
font-weight: 900;
font-size: 60px;
}
.coupon .ttl_set h2 {
font-size: 50px;
}
.ttl_set .ttl_deco {
width: 100%;
font-size: 32px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.ttl_set .ttl_deco::before,
.ttl_set .ttl_deco::after{
width: 61px;
height: 56px;
margin-bottom: 15px;
}
.ttl_set .ttl_deco::before{
content: url(../images/omoikkiri/deco_mt.svg);
margin-right: 15px;
}
.ttl_set .ttl_deco::after{
content: url(../images/omoikkiri/deco_mt.svg);
transform: scale(-1, 1);
margin-left: 15px;
}
@media (max-width: 750px) {
.ttl_set {
text-align: center;
margin-bottom: 50px;
}
.ttl_set .ttl_hd {
font-size: 4vw;
margin-bottom: 20px;
}
.ttl_set .ttl_hd img.for_sp {
margin-left: 5px;
margin-right: 5px;
display: inline !important;
}
.ttl_set h2 {
font-size: 7vw;
}
.coupon .ttl_set h2 {
font-size: 23px;
}
.ttl_set .ttl_deco {
font-size: 6vw;
margin-bottom: 10px;
}
.ttl_set .ttl_deco::before,
.ttl_set .ttl_deco::after{
width: 30px;
height: 23px;
margin-bottom: 7px;
}
.ttl_set .ttl_deco::before{
content: url(../images/omoikkiri/sp_deco_mt.svg);
margin-right: 7px;
}
.ttl_set .ttl_deco::after{
content: url(../images/omoikkiri/sp_deco_mt.svg);
transform: scale(-1, 1);
margin-left: 7px;
}
}

/*モデルコース*/
.block_model {
border-radius: 15px;
border: 2px solid #00a63c;
background-color: #fff;
box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.1);
margin-bottom: 110px;
position: relative;
padding: 50px;
}
.block_model .ribon {
position: absolute;
top: -11px;
display: inline-block;
width: 195px;
height: 85px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 23px;
}
.block_model .ribon::before {
position: absolute;
  content: '';
  right: -14px;
  width: 0;
  height: 0;
  border-right: 14px solid transparent;
}
.block_model .area {
background: #c99d03;
left: 55px;
}
.block_model .area ul {
display: flex;
justify-content: center;
gap: 2rem;
align-items: center;
list-style-type: none;
padding: 0 17px;
margin: 0;
height: 100%;
}
.block_model .area ul li {
position: relative;
}
.block_model .area ul li:first-child::after {
content: url("../images/omoikkiri/arrow_area.svg");
position: absolute;
top:10px;
right: -23px;
}
.block_model .area::before {
  border-bottom: 9px solid #ad7600;
}
.block_model .stays {
background: #008abc;
left: 270px;
line-height: 85px;
}
.block_model .stays::before {
  border-bottom: 9px solid #0041bc;
}
.block_model .area p {
font-size: 14px;
}
.block_model .area p::before {
content: '\e22d';
font-family: 'Font Awesome 6 Free';
font-size: 16px;
display: inline-block;
margin-right: 3px;
}
.block_model .overview {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.block_model .txt {
max-width: 50%;
padding-top: 75px;
}
.block_model .txt h3 {
color: #00a63c;
font-weight: 700;
font-size: 28px;
margin-bottom: 26px;
}
.block_model .txt h3 .u_line {
background: linear-gradient(transparent 60%, #ffff00 60%);
}
.block_model .txt p {
font-weight: 500;
line-height: 2em;
}
.block_model .img {
max-width: 46%;
}
.block_model table.schedule {
border-top: 1px solid #00a63c;
border-bottom: 1px solid #00a63c;
border-collapse:collapse
}
.block_model table tr {
border-bottom: 1px dotted #b9b9b9;
}
.block_model table tr:last-child {
border-bottom: none;
}
.block_model table.schedule th,
.block_model table.schedule td {
padding: 15px 0;
}
.block_model table.schedule th {
background-color: rgba(0,166,60,0.05);
font-size: 18px;
color: #00a63c;
font-weight: 500;
padding-right: 20px;
padding-left: 20px;
/* width: 85px; */
white-space: nowrap;
}
.block_model table.schedule td {
font-weight: 300;
line-height: 1.7em;
}
.block_model table.schedule td:nth-of-type(1) {
padding-right: 30px;
padding-left: 30px;
}
.block_model table.schedule td:nth-of-type(2) {
background-color: rgba(0,166,60,0.05);
width: 115px;
text-align: center;
}
.block_model table.schedule .coupon {
background-color: #ff0000;
color: #fff;
padding: 5px 10px;
font-weight: 500;
}
@media (max-width: 750px) {
.block_model {
padding: 25px;
box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 50px;
}
.block_model .overview {
display: block;
}
.block_model .txt {
max-width: 100%;
margin-bottom: 20px;
padding-top: 30px;
}

.block_model .img {
max-width: 100%;
}
.block_model table.schedule th,
.block_model table.schedule td {
display: block;
}
.block_model table.schedule th {
width: auto;
}
.block_model table.schedule td:nth-of-type(2) {
width: auto;
background: none;
border-top: 1px dotted #b9b9b9;
}
.block_model table tr {
border-bottom: 1px solid #00a63c;
}
.block_model .ribon {
width: 40%;
height: 60px;
}
.block_model .area {
left: 25px;
font-size: 4vw;
}
.block_model .area ul {
padding: 0 10px;
gap: 1rem;
}
.block_model .area ul li {
position: relative;
width: 45%;
}
.block_model .area ul li:first-child::after {
content: url("../images/omoikkiri/sp_arrow_area.svg");
right: -10px;
}
.block_model .stays {
right: 25px;
left: auto;
line-height: 60px
}
.block_model .area p {
font-size: 2vw;
line-height: 2em;
}
.block_model .area p::before {
font-size: 11px;
margin-right: 3px;
}
}

/*クーポン*/
.coupon_summary {
display: flex;
justify-content: space-between;
margin-bottom: 140px;
}
.coupon_summary .img {
width: 47.5%;
}
.coupon_summary .txt {
width: 50%;
position: relative;
}
.coupon_summary .txt .summary_map {
text-align: center;
margin-bottom: 25px;
}
.coupon_summary .txt p.summary_sttl {
color: #00a63c;
font-size: 28px;
font-weight: 900;
margin-bottom: 10px;
line-height: 2rem;
}
.coupon_summary .txt p.summary_ttl {
color: #00a63c;
font-size: 33px;
font-weight: 900;
margin-bottom: 20px;
}
.coupon_summary .txt p.summary_ttl sup {
font-size: 15px;
}
.coupon_summary .txt p.summary_txt {
font-size: 20px;
line-height: 1.5em;
}
.coupon_summary .txt p.summary_txt .summary_note {
font-size: 14px;
display: block;
}
.coupon_summary .txt .btn_list {
/* position: absolute; */
width: 100%;
margin-top: 1rem;
/* bottom: 0px; */
}
.coupon_summary .txt .btn_list a {
background-color: #008abc;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 500;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
position: relative;
}
.coupon_summary .txt .btn_list a::after {
width: 28px;
height: 28px;
position: absolute;
right: 35px;
top: 0;
bottom: 0;
margin: auto;
content: '';
background-image: url("../images/omoikkiri/arrow.svg");
background-repeat: no-repeat;
}
@media (max-width: 750px) {
.coupon_summary {
display: block;
margin-bottom: 70px;
}
.coupon_summary .img {
width: auto;
margin-bottom: 15px;
}
.coupon_summary .txt {
width: auto;
}
.coupon_summary .txt p.summary_sttl {
font-size: 4.5vw;
margin-bottom: 5px;
text-align: center;
}
.coupon_summary .txt p.summary_ttl {
font-size: 5.5vw;
margin-bottom: 5.5vw;
text-align: center;
}
.coupon_summary .txt p.summary_ttl sup {
font-size: 11px;
}
.coupon_summary .txt p.summary_txt {
font-size: 13px;
line-height: 1.7em;
}
.coupon_summary .txt p.summary_txt .summary_note {
font-size: 11px;
padding-left: 11px;
text-indent: -11px;
}
.coupon_summary .txt .btn_list a {
width: auto;
font-size: 3vw;
text-align: left;
padding-left: 20px;
}
.coupon_summary .txt .btn_list a::after {
right: 15px;
}
}

.container_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.block_coupon {
width: 48%;
margin-bottom: 165px;
}
.block_coupon .coupon_hd {
background-color: #00a63c;
color: #fff;
position: relative;
padding-left: 255px;
border-radius: 15px 15px 0 0;
padding-top: 30px;
padding-bottom: 30px;
}
.block_coupon .coupon_hd .coupon_map {
position: absolute;
bottom: 10px;
left: 10px;
border: 4px solid #00a63c;
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.block_coupon .coupon_hd h3.coupon_area {
font-size: 60px;
margin: 0;
line-height: 1em;
}
.block_coupon .coupon_hd .coupon_area .sub {
font-size: 20px;
display: block;
line-height: 1em;
}
.block_coupon .coupon_hd .coupon_area .iki {
font-weight: normal;
margin-bottom: 15px;
}
.block_coupon .coupon_hd .coupon_area .iki::before {
content: '\e22d';
font-family: 'Font Awesome 6 Free';
font-size: 20px;
display: inline-block;
margin-right: 3px;
font-weight: bold;
}
.block_coupon .coupon_hd .coupon_area .tyaku{
  font-size: 32px;
  line-height: 1rem;
}
.block_coupon .coupon_hd .coupon_area .airport {
font-weight: normal;
position: absolute;
bottom: 5px;
right: 116px;
}
.block_coupon .coupon_body {
background-color: #fff;
border: 2px solid #00a63c;
padding-left: 20px;
padding-right: 20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-top: 30px;
padding-bottom: 35px;
}
.block_coupon .coupon_img {
margin-bottom: 15px;
}
.block_coupon .coupon_txt {
margin-bottom: 30px;
line-height: 1.7em;
}
/* .block_coupon .app_lisp {} */
.app_lisp h4.ttl {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
font-weight: 500;
display: block;
color: #1c96ba;
}
.app_lisp h4.ttl:before,
.app_lisp h4.ttl:after {
width: 7px;
height: 19px;
}
.app_lisp h4.ttl:before {
content: url(../images/omoikkiri/deco_app1.svg);
margin-right: 10px;
}
.app_lisp h4.ttl:after {
content: url(../images/omoikkiri/deco_app2.svg);
transform: scale(-1, 1);
margin-left: 10px;
}

.app_lisp ul {
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.app_lisp ul li {
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center;
height: 58px;
line-height: 58px;
width: 48%;
margin-bottom: 10px;
position: relative;
background-color: #1c96ba;
}
.app_lisp ul li::after {
content: "";
height: 1px;
width: 99%;
position: absolute;
left:0;
right:0;
bottom:-6px;
margin: auto;
}
.app_lisp ul li a:link {
color: #fff !important;
display: block;
}
.app_lisp ul li a:visited {
color: #fff !important;
}
.app_lisp ul li:nth-child(1)::after{
background-color: #1c96ba;
}
.app_lisp ul li:nth-child(2)::after{
background-color: #1c96ba;
}
.app_lisp ul li:nth-child(3),
.app_lisp ul li:nth-child(3)::after{
background-color: #004095;
}
.app_lisp ul li:nth-child(4),
.app_lisp ul li:nth-child(4)::after{
background-color: #004095;
}
.app_lisp ul li:nth-child(5)::after{
background-color: #1c96ba;
}
.app_lisp ul li:nth-child(6)::after{
background-color: #1c96ba;
}
.app_lisp ul li a::before{
  content: '\e22d';
  font-family: 'Font Awesome 6 Free';
  font-size: 20px;
  display: inline-block;
  margin-right: 3px;
  font-weight: bold;
  }

@media (max-width: 750px) {
.container_list {
display: block;
}
.block_coupon {
width: auto;
margin-bottom: 60px;
}
.block_coupon .coupon_hd {
padding-right: 25px;
padding-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.block_coupon .coupon_hd .coupon_map {
width: 100px;
height: 100px;
bottom:1px;
}
.block_coupon .coupon_hd h3.coupon_area {
font-size: 30px;
text-align: right;
padding-left: 50%;
}
.block_coupon .coupon_hd .coupon_area .sub {
font-size: 15px;
display: inline;
}
.block_coupon .coupon_hd .coupon_area .iki {
margin-right: 10px;
}
.block_coupon .coupon_hd .coupon_area .tyaku{
  font-size: 15px;
}
.block_coupon .coupon_hd .coupon_area .text_t{
  display: block;
  text-align: start;
  padding-left: 12%;
}
.block_coupon .coupon_hd .coupon_area .iki::before {
font-size: 15px;
}
.block_coupon .coupon_hd .coupon_area .airport {
position: static;
}
.app_lisp ul {
display: block;
}
.app_lisp ul li {
width: auto;
}
}

/* 20220701追記 */
p.text_hokkaido{
  margin-bottom: 5rem;
  text-align: center;
  font-size: 1rem;
}

/* 20220907追記 */
.sale{
  background-color: rgba(0,166,60,0.05);
  padding-top: 5rem;
}

h3.sale_text{
  text-align: center;
  background: #E8030D;
  color: #fff;
  width: fit-content;
  font-size: 1.75rem;
  padding: 10px 3rem;
  margin: 0 auto;
}

.sale p{
  color: #E8030D;
  text-align: center;
  margin-top: 10px;
}

@media (max-width: 750px) {
  h3.sale_text{
    font-size: 6vw;
    padding: 10px 1rem;
  }
}

/* 20221013追記 */

a.btn_end{
  pointer-events:none;
  position: relative;
}

a.btn_end::after{
  content: "受付終了";
  background: rgba(0, 0, 0, .7);
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}