@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}

 html,body{
  font-family:'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height:1;
  font-size:100%;
  color:#231815;
  background-size:auto;
  background-position:center top;
  background-repeat:no-repeat;
  letter-spacing:0.05rem;
  width:100%;
  scroll-behavior: smooth;
  box-sizing: border-box;}

 h1{font-size: 1rem;line-height: 1.5;}
 h2{font-size: 2.0625rem;}/*33px*/
 h3{font-size: 1.625rem;}/*26px*/
 h4{font-size: 1.312rem;}/*21px*/
.t_15{font-size:0.937rem!important;}/*15px*/
.t_21{font-size:1.312rem!important;}/*21px*/
.t_small{font-size: 0.8125rem;}/*13px*/
.t_justi{text-align: justify}
 a{
  text-decoration: none;
  color: #231815;}

 a:hover{
  opacity: 0.6;
  transition: 0.3s ease-in-out;}

 p{line-height: 1.575rem;}
 img{width: 100%;}

.rel{position: relative!important;}
.flex{display: flex!important;}
.flex_center{
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;}
.flex_end{
  display: flex!important;
  align-items: flex-end!important;}
.flex_wrap{
  display: flex!important;
  flex-wrap: wrap;}
.t_black{color:#231815!important;}
.t_red{color:#e94c4e!important;}
.t_green{color:#42bbc2!important;}
.t_blue{color:#40acdd!important;}
.t_left{text-align: left!important;}
.t_right{text-align: right!important;}
.t_center{text-align: center!important;}
.ls_reset{letter-spacing: 0.05rem!important}

.pb0{padding-bottom: 0!important;}
.mt18{margin-top: 1.875rem!important}/*30px*/
.mb18{margin-bottom: 1.875rem!important}/*30px*/
.ml18{margin-left: 1.875rem!important}/*30px*/
.mr15{margin-right: 1.5rem!important}
.mr18{margin-right: 1.875rem!important}/*30px*/
.lh26{line-height: 1.625rem!important}/*26px*/
.lh15{line-height: 1.5!important;}
.wid100{width: 100%!important}
.wid310{width: 19.375rem!important;height: 100%;}/*画像用310px*/
.back_g{background-color: #71ccd1!important;}
.back_r{background-color: #ef797a!important;}
.back_b{background-color: #40acdd!important;}
.back_y{background-color: #f08300!important;}

/*pankuzu*/
.pnkz_wrap{
  width: 100%;
  background-color: #ecf8f9;
  padding:0.4rem 0;
}
.pnkz{
  max-width: 1200px;
  margin:0 auto;
/*  padding-left: 1em;	*/	/*	yoshii	*/
}
.pnkz li{
  display: inline;
  list-style: none;
  font-size: 0.85rem;
}
.pnkz li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #4c4b4c;
}
.pnkz li:last-child:after {  content: '';}

.pnkz li a {
  text-decoration: none;
  color: #4c4b4c;
}
.pnkz li a:hover {text-decoration: underline;}


/*--pricetime----------------------------*/
/*--main--*/
main{
  width: 100%;
  max-width: 980px;
  margin:0 auto;
  height: auto;
  font-feature-settings: "palt";
}
/*--pagetitle--*/
.page_title{
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  height: auto;
  overflow: hidden;
}
.page_title h2{
  text-align: center;
  position: relative;
  padding: 2.75rem 0.1875rem 2.25rem;
  margin-bottom: 4rem;
  letter-spacing: 0.375rem;/**/
}
.pricetime_title h2{border-bottom:6px solid #e94c4e;}

.pricetime_title h2::before,
.tourism_title h2::before,
.access_title h2::before{
  content: "";
  display: inline-block;
  height: 2.187rem;
  width: 2.187rem;
  background:url("../img/time_icon.svg")no-repeat;
  background-size: contain;
  vertical-align: top;
  margin-right: 1rem;
}
.tourism_title h2::before{
  background:url("../img/navi_icon.svg")no-repeat;}
.access_title h2::before{
  background:url("../img/access_icon.svg")no-repeat;}

/*pagelink*/
.page_link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.9375rem;
  gap:10px 20px;
}
.page_link a{
  width: 19.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  color:#fff;
  display: grid;
  border-radius: 6px;
  padding-left: 3.5rem;
}
.page_link a div {
  font-size:1.093rem;
  position: relative;
  font-weight: bold;
}
.page_link .back_g div::before,.page_link .back_r div::before,.page_link .back_b div::before{
  content:url("../img/icon_under_arrow_g.svg");
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: absolute;
  top: 2px;
  left:-28px;
}
.page_link .back_r div::before{content:url("../img/icon_under_arrow_r.svg");}
.page_link .back_b div::before{content:url("../img/icon_under_arrow_b.svg");}

#pricetime #time h3,#pricetime #price h3,
#pricetime #benefits h3,#pricetime #passport h3,
#pricetime #plan h3,#pricetime #pay h3{
  height: 3.75rem;
  line-height: 3.75rem;
  color:#fff;
  background-color: #42bbc2;
  border-radius: 10px 10px 0 0;
  margin-bottom: 3.3125rem;
  padding-left:1em;
}
#pricetime #benefits h3,#pricetime #passport h3,
#pricetime #plan h3,#pricetime #pay h3{
  margin-bottom: 2.8125rem;
}

#pricetime #time h3,#pricetime #price h3,#pricetime #pay h3{
  background-color: #42bbc2;}

#pricetime #benefits h3,#pricetime #passport h3{
  background-color: #e94c4e;}

#pricetime #plan h3{
  background-color: #0090d1;}

#pricetime #time,#pricetime #price,
#pricetime #benefits,#pricetime #passport,
#pricetime #plan,#pricetime #pay{
  border-radius: 10px;
  padding-bottom: 3rem;
  margin-bottom: 4rem;
}

/*#time*/
#pricetime #time{
  background-color: #ecf8f9;
}
#pricetime #time div{
  width:34.25rem;
  margin:0 auto;
}
#pricetime #time div h4{
  height: 2.937rem;
  line-height: 2.937rem;
  border:1px solid #42bbc2;
  background-color: #fff;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 1.875rem;
}
#pricetime #time .eigyo{
  font-size: 3.375rem;
  font-weight: 700;
  margin-bottom:  2.125rem;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  display: inline;
}

#pricetime #time .eigyo span{
  font-size: 1.5rem;
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif;
  vertical-align: bottom;
}
#pricetime #time div p{margin-bottom: 0.5rem;}

#pricetime #time .dotted_line{
  background: url("../img/dotted_line.svg")repeat-x bottom;
  height: 0.24rem;
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
#pricetime #time .time_kyugyo dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
  border-top: 1px solid #E94C4E;
}
#pricetime #time .time_kyugyo dl dt{
  width: 22.312rem;
  background: #fce4e4;
  color:#E94C4E;
  border-bottom: 1px solid #E94C4E;
  padding:0.875rem 0 0.875rem 1.125rem;
  font-weight: 700;
}
#pricetime #time .time_kyugyo dl dd{
  width: 11.875rem;
  background: #fff;
  border-bottom: 1px solid #E94C4E;
  padding:0.875rem 0;
  text-align: center;
}
#pricetime #time .time_kyugyo h4{
  border:1px solid #E94C4E;
  margin-bottom: 1.5rem;
}

/*#price*/
#pricetime #price{
  background-color: #fff;
  border:1px solid #42BBC2;
}
#pricetime #price .price_wrap,
#pricetime #benefits .benefits_wrap,
#pricetime #passport .passport_wrap{
  margin:0 2.5rem;;
}
#pricetime #price h4{
  color:#42BBC2;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #42BBC2;
  margin-bottom: 1.4375rem;
}
#pricetime #price .price_wrap div{
  margin-bottom: 5rem;
}
#pricetime #price .price_wrap div:last-child{
  margin-bottom: 1rem;
}
#pricetime #price .price_wrap .price_table_general p{
  margin-top:1.5rem;
  font-size: 0.9375rem;
}
#pricetime #price .price_wrap .price_table_general_tit{
  margin-bottom: 0.375rem;
  width: 73%;
  margin-left: 27%;
  border: 1px solid #fff;
}
#pricetime #price .price_wrap .price_table_general_tit td{
  color:#fff;
  font-size: 1.0625rem;
  letter-spacing: 0.5rem;
  background-color: #f08283;
  border-left: 1px solid #fff;
  padding:0.625rem;
}
#pricetime #price
.price_wrap .price_table_general_tit td:last-child{
  letter-spacing: 0.5rem;
}
#pricetime #price
.price_wrap .price_table_general_tit td:last-child span{
  font-weight: 100;
}
#pricetime #price table {
  border: 1px solid #42BBC2;
  border-collapse: separate;
  border-spacing: 0;
  border-radius:8px;
  overflow: hidden;
}
#pricetime #price table th {
  width: 27%;
  background-color: #68c9ce;
  border-bottom: 1px solid #fff;
  color:#fff;
}
#pricetime #price table td {
  width: 41.375rem;
  background-color: #fff;
  border-bottom: 1px solid #42BBC2;
  color:#E94C4E;
  text-align: center;
  font-size: 1.375rem;
}
#pricetime #price .price_group tr th{
  padding: 0.5rem 3.125rem;
  text-align-last: justify;
}
#pricetime #price .price_wrap div:nth-child(1) td{
  width: 36.5%;
}
#pricetime #price table th,
#pricetime #price table td {
  border-left: 1px solid #42BBC2;
  line-height: 1.5;
  height: 2.875rem;
}
#pricetime #price table tr:last-child th,#pricetime #price table tr:last-child td,
#pricetime #passport table tr:last-child th,#pricetime #passport table tr:last-child td,
#pricetime #plan table tr:last-child th,#pricetime #plan table tr:last-child td {
  border-bottom: none;
}
/*tableの角丸部分*/
#pricetime #price table tr:first-child th:first-child,
#pricetime #passport table tr:first-child th:first-child,
#pricetime #plan table tr:first-child th:first-child{
  border-radius: 8px 0 0 0;
}
#pricetime #price table tr:first-child th:last-child,
#pricetime #passport table tr:first-child th:last-child,
#pricetime #plan table tr:first-child th:last-child{
  border-radius: 0 8px 0 0;
}
#pricetime #price table tr:last-child th:first-child,
#pricetime #passport table tr:last-child th:first-child,
#pricetime #plan table tr:last-child th:first-child{
  border-radius: 0 0 0 8px;
}
#pricetime #price table tr:last-child th:last-child,
#pricetime #passport table tr:last-child th:last-child,
#pricetime #plan table tr:last-child th:last-child{
  border-radius: 0 0 8px 0;
}

#pricetime article .benefits_100{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #fdeded;
  margin-bottom: 4.375rem;
  padding-top: 4.375rem;
  padding-bottom: 0.6875rem;
}
#benefits,#passport{
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 2.5rem;
  padding-bottom: 3.125rem;
}
#pricetime #benefits .benefits_wrap,
#pricetime #passport .passport_wrap{
  margin:0 2.5rem;
}
#benefits h4,#passport h4{
  color: #E94C4E;
  padding:1rem;
  border:1px solid #E94C4E;
  border-left:7px solid #E94C4E;
  border-radius: 8px;
  margin-bottom: 1rem;
}
#pricetime #benefits .benefits_wrap div div,
#pricetime #passport .passport_wrap div div{
  margin-top:1rem;
}
#pricetime #benefits .benefits_wrap div:first-child{
  margin-bottom: 2.125rem;
}
#pricetime #passport .passport_wrap div:first-child{
  margin-bottom: 4.5rem;
}
#pricetime #passport .passport_wrap div p{
  margin-bottom:2.125rem;
}
#pricetime #passport table,
#pricetime #plan table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius:8px;
  overflow: hidden;
}
#pricetime #passport table{border: 1px solid #E94C4E;}

#pricetime #plan table {border: 1px solid #40ACDD;}

#pricetime #passport table th{
  width: 23rem;
  background-color: #f2f2f2;
  border-bottom: 1px solid #E94C4E;
}
#pricetime #passport table td{
  width: 33rem;
  background-color: #fff;
  border-bottom: 1px solid #E94C4E;
  text-align: center;
  font-size: 1.375rem;
}
#pricetime #passport table th,
#pricetime #passport table td {
  padding:1rem 0;
}
#pricetime #passport table td{
  border-left: 1px solid #E94C4E;
  font-size: 1.125rem;
}

/*plan*/
#pricetime #plan h3{
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 2.375rem;
  font-size: 1.3125rem;
  letter-spacing: 3px;
}
#pricetime #plan .plan_wrap{
  padding:1.875rem 0 6.25rem;
  border-top:1px solid #0090d1;
}
#pricetime #plan .plan_wrap .flex{
  margin-bottom:1.875rem;
  color: #0090d1;
}
#pricetime #plan .plan_wrap .flex div div p{
  font-size: 1.25rem;
}
#pricetime #plan .plan_wrap .flex div div h4{
  font-size: 1.875rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #0090D1;
  letter-spacing: 0.25rem;
  position: relative
}
#pricetime #plan .plan_wrap picture{ margin-right: 1.875rem;}

#pricetime #plan .plan_wrap picture source,
#pricetime #plan .plan_wrap picture img{
  width: 19.375rem;
}
#pricetime #plan table th {
  width: 19.375rem;
  background-color: #f2f2f2;
  border-bottom: 1px solid #0090d1;
}
#pricetime #plan table td {
  width: 41.875rem;
  background-color: #fff;
  border-bottom: 1px solid #0090d1;
  text-align: left;
  padding-left:2em;
}
#pricetime #plan table td { border-left: 1px solid #0090d1;}

#pricetime #plan table td span{ font-size: 1.375rem;}

#pricetime #plan table th,
#pricetime #plan table td {
  height: 3rem;
  font-size: 1.125rem;
}
#pricetime #plan .tokeidai_link{ display: inline;}

#pricetime #plan .tokeidai_link img{ width: 33.5rem}

#pricetime #plan .plan_wrap .sapporoselect_img{
  width: 28.125rem;
  padding-bottom:3.125rem;
}
#pricetime #plan .select_course h4{
  background-color: #0090d1;
  color:#fff;
  padding-left:1.5em;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative
}
#pricetime #plan .select_course h4::before{
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #E94C4E;
  width: 15px;
  height: 2.8125rem;
  border-right: 0.5rem solid #fff;
  left:0;
}
#pricetime #plan .select_course .flex{
  padding: 1.875rem 0 4.1875rem 1.5625rem;
  justify-content: space-between;
}
#pricetime #plan .select_course .flex div{
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
#pricetime #plan .select_course_b .flex div{ height: auto;}

#pricetime #plan .select_course .flex div div .course_ab_price {
  font-size: 1.125rem;
  padding-top: 1rem;
}
#pricetime #plan .select_course .flex div div .course_ab_price span {
  font-size: 1.375rem;
}
#pricetime #plan .select_course .select_course_alink{
  margin-top: 3.8125rem;
}
#pricetime #plan .select_course .flex div a,
#pricetime #plan .select_course .b_course a div,
#pricetime #plan .select_course .flex .select_course_alink_sp{
  color: #E94C4E;
  width:16.25rem;
  height: auto;
  line-height: 1.5;
  padding:5px;
  border-top: 1px solid #E94C4E;
  border-bottom: 1px solid #E94C4E;
  font-size: 0.95rem;
  position: relative;
}
#pricetime #plan .select_course .flex div a::after,
#pricetime #plan .select_course .b_course a div::after{
  content: url("../img/external_link_red.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  margin-left: 1em;
}
#pricetime #plan .select_course .b_course div .b_course_last:last-child:hover{
  opacity: 1!important;
}
#pricetime #plan .select_course .b_course div .b_course_last:last-child::after{
  display: none;
}
#pricetime #plan .select_course .flex .select_course_alink_sp::after{
  content: url("../img/external_link_red.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  margin-left: 1em;
}
#pricetime #plan .select_course .b_course{
  padding-left:0;
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:1.5rem;
}
#pricetime #plan .select_course .b_course a img {
  margin-bottom: 1.125rem;
}
#pricetime #plan .select_course .b_course a{
  margin-bottom: 3rem;
}
#pricetime #plan .select_course .b_course a div{
  width: 100%!important;
}
.plan_wrap .site_link{
  background-color:#42BBC2;
  padding: 0.5rem;
  border: 3px solid #42BBC2;
  text-align: center;
  display: block;
  width: 60%;
}
.tokeidai_link,.tokeidai_link:hover{
  display: inline-block!important;
  background: url("../img/link-item-text2.svg")no-repeat center;
  width: 75%;
  height: 2rem;
}
.tokeidai_link:hover{
  background: url("../img/link-item-text2_h.svg")no-repeat center;
}

#pricetime #plan .select_course .site_link{
  text-align: center;
  margin-top: 3.4375rem;
}
#pricetime #plan .plan_wrap .site_link,
#pricetime #plan .select_course .site_link a{
  display: inline-block;
  border-radius:50px;
  position: relative;
  z-index: 0;
  transition: .3s;
  overflow: hidden;
  background-color: #fff;
  opacity: 1;
}
#pricetime #plan .select_course .site_link a{
  color: #0090d1;
  padding: 0.625rem 4.375rem 0.625rem 2.5rem;
  border:2px solid #0090d1;
}
/*plan_wrap-link*/
#pricetime #plan .plan_wrap .site_link ::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #45b2b7;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
#pricetime #plan .plan_wrap .site_link :hover{
  opacity: 1!important;
}
#pricetime #plan .plan_wrap .site_link :hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
#pricetime #plan .plan_wrap .site_link .tokeidai_link::after,
#pricetime #plan .plan_wrap .site_link .tokeidai_link:hover::after{
  content: url("../img/link-item_right-green.svg");
  width: 8px;
  height: 16px;
  position: absolute;
  margin-right: 1em;
  right: 0;
  top:16px;
}
#pricetime #plan .plan_wrap .site_link .tokeidai_link:hover::after{
  content: url("../img/link-item_right-white.svg");}

/*select_course-link*/
#pricetime #plan .select_course .site_link a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #0090d1;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
#pricetime #plan .select_course .site_link a:hover {
  color: #fff;
  opacity: 1!important;
}
#pricetime #plan .select_course .site_link a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
#pricetime #plan .select_course .site_link a::after,
#pricetime #plan .select_course .site_link a:hover::after,
#tourism #south_11 .tourism_south_11_link a::after{
  content: url("../img/external_link_blue.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  margin-left: 1em;}
#pricetime #plan .select_course .site_link a:hover::after{
  content: url("../img/external_link_white.svg");}

#pricetime #plan .sapporoselect_img_tv{
  max-width: 19.375rem;
  width: 26vw!important;
}
#pricetime #plan .select_course .a_course_img{
  margin-right: 0;
  margin-left: auto;
}

/*pay*/
#pricetime #pay{
  text-align: center;
}
#pricetime #pay h3{
  letter-spacing: 0.4375rem;
  font-size: 1.3125rem;
  margin-bottom: 1.875rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
}
#pricetime #pay p{
	margin-bottom: 2.375rem;
	text-align: center;
}

#pricetime #pay .pay_item_wrap div h4{
  font-size: 1.375rem;
  color:#42bbc2;
  background-color:#ecf8f9;
  height: 2.6875rem;
  line-height: 2.6875rem;
  font-weight: 400;
  letter-spacing: 5px;
}
#pricetime #pay .pay_item_wrap div img{
  margin: 2.1875rem 0 3.4375rem;
  width: auto;
}
.sp{display: none!important;}
.sp_500{display: none;}
.sp_930{display: none;}


@media screen and (max-width:980px) {
main{
  width: 95%;
  margin: 0 auto;
}
.pnkz{padding-left: 1em;}
.page_link {justify-content: space-around;}

#benefits,#passport{width: 95%;}

#pricetime #time, #pricetime #price,
#pricetime #benefits,#pricetime #passport,
#pricetime #plan, #pricetime #pay {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
/*time*/
#pricetime #time .time_kyugyo dl {
  margin-bottom: 1rem;}

/*price*/
#pricetime #price .price_group tr th{
  padding: 1rem 2.5rem;}

/*plan*/
#pricetime #plan .select_course .b_course{
  grid-template-columns: 1fr 1fr;}
}


@media screen and (max-width:930px){
.sp_930{display: block}

#pricetime #plan .plan_wrap .flex div div h4 {
  line-height: 1.2;}
}


@media screen and (max-width:750px){
.sp{display: block!important;}
.sp_1100{display: none;}
.sp_930{display: none;}
.sp_500{display: none;}
.pc{display: none!important;}

h1{font-size: 1rem;line-height: 1.5;}
h2{font-size: calc(2.0625rem * 0.8);}/*33px*/
h3{font-size: calc(1.625rem * 0.8);}/*26px*/
h4{font-size: calc(1.312rem * 0.8);}/*21px*/

body{font-size: 80%!important;}

section{width: 95%;
  margin:0 auto;}

p{
  line-height: 1.4rem;
  text-align: justify;}

 a:hover{
  opacity: 1;
  transition: none;}

main {width: 100%;}

.flex{flex-direction: column;}

.wid310{width: 100%!important;}
.mr18{ margin-right: 0!important;}

.page_title h2{
  margin-bottom: 1.875rem;
  padding: 1.575rem 0 /*2.5rem*/;
  font-size: 1.7rem;
}
.pricetime_title h2{
  font-size: 6.5vw;
  letter-spacing: 0.01rem;
}
.pricetime_title h2::before{
  height: 3vh;
  width: 3vh;
  vertical-align: middle;
  margin: 0 0.3em 0.15em 0;
}
.tourism_title h2::before,
.access_title h2::before{
  height: 1.7rem;
  width: 1.7rem;
  margin: 0.1rem 0.5rem;
}
/*page_link*/
.page_link {margin-bottom: 2.25rem;}
.page_link a{width: 100%!important;}

#pricetime #price .price_wrap,
#pricetime #benefits .benefits_wrap,
#pricetime #passport .passport_wrap
{margin:0 0.8rem;}

#pricetime .page_link,
#pricetime #time,#pricetime #price,
#pricetime #benefits,#pricetime #passport,
#pricetime #plan,#pricetime #pay{
  margin-left: auto;
  margin-right:auto;
}
#pricetime #time h3,#pricetime #price h3,
#pricetime #benefits h3,#pricetime #passport h3,
#pricetime #plan h3,#pricetime #pay h3{
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  margin-bottom: 2.5rem;
  padding-left: 0;
}
#benefits h4, #passport h4 {
  padding: 0.6rem;
  line-height: 1.1;
}

/*time*/
#pricetime #time {text-align: center }
#pricetime #time div {  width: 95%;}
#pricetime #time div p{  margin-bottom: 0;}

#pricetime #time .time_kyugyo dl dt{width: 70%;}
#pricetime #time .time_kyugyo dl dd{width: 30%;}
#pricetime #time .time_kyugyo p{text-align: start;}

#pricetime #time .eigyo{
  font-size: 9.5vw;
  margin-bottom:  1rem;
}
#pricetime #time .eigyo span {
  font-size: 3.2vw;
  font-weight: normal;
  font-family: 'Noto Sans JP', sans-serif;
}
#pricetime #time .dotted_line{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#pricetime #time div h4 {
  height: 2.5rem;
  line-height: 2.5rem;
}
#pricetime #time .time_eigyo:not(:first-child){
  text-align: start;
}
/*benefits*/
#pricetime #benefits .benefits_wrap div div div .t_15{
  font-size: calc(1rem * 0.8 )!important;
}

/*passport*/
#pricetime #passport table th,
#pricetime #passport table td {
  padding: 0.5rem 0;
}
/*price*/
#pricetime #price .price_group tr th,
#pricetime #price .price_group tr td {
  padding: 0.5rem 1rem;
  line-height: 1.1;
}
#pricetime #price .price_wrap
.price_table_general p{
  margin-top:1rem;
  font-size: 0.8rem;
}
#pricetime #price .price_wrap .price_table_general_tit td {
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  padding: 0.2rem;
}
#pricetime #price
.price_wrap .price_table_general_tit td:last-child{
  letter-spacing: 0.1rem;
}
#pricetime #price .price_wrap div { margin-bottom: 3.125rem;}

#pricetime #price table td { font-size: 1.1rem;}

#pricetime #price table th,
#pricetime #price table td {
  line-height: 1.5;
  padding:0;
  height: 3.375rem;
}
/*sp版料金欄サイズ変更*/
#pricetime #price .price_wrap div:nth-child(1) td{ width: 30%;}

#pricetime #price table th { width: 40%;}

#pricetime #price .price_wrap .price_table_general_tit {
  width: 60%;
  margin-left: 40%;
}

/*plan*/
.t_center_sp{text-align: center!important;}

#pricetime #plan .select_course .b_course{
  grid-template-columns: 1fr;
  margin-left: 5%;
  margin-right: 5%;
}
#pricetime #plan .tokeidai_link img {
  width: 100%;
}
#pricetime #plan .plan_wrap .sapporoselect_img {
  width: 80%;
}
#pricetime #plan .plan_wrap{
  padding-bottom: 3rem;
}
#pricetime #plan .plan_wrap .flex-end div {
  text-align: center;
}
#pricetime #plan .plan_wrap .flex div div p {
  font-size: 1rem;
}
#pricetime #plan .plan_wrap .flex div div h4 {
  font-size: 1.5rem;
  line-height: 1.2;
}
#pricetime #plan .plan_wrap .flex div .more h4::after {
  width: 2.125rem;
  top:-0.8rem;
}
#pricetime #plan .plan_wrap picture { margin-right: 0;}

#pricetime #plan .plan_wrap picture source, #pricetime #plan .plan_wrap picture img {
  width: 100%;
}
#pricetime #plan .plan_wrap .t_justi div{ margin-top:1rem;}

#pricetime #plan .plan_wrap .site_link /*.tokeidai_link*/{
  border: 3px solid #42BBC2;
  width: 100%!important;
}
#pricetime #plan .select_course .flex {
  padding: 1.875rem 0 2.1875rem;
}
#pricetime #plan .select_course_b .flex {
  padding: 1.875rem 0 0rem;
}
#pricetime #plan .select_course .flex div{height: auto;}

#pricetime #plan .select_course_b_title{
  font-size: 1.125rem;
  border-bottom: 1px solid #E94C4E;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
#pricetime #plan .select_course .flex div div .course_ab_price {
  padding-bottom: 2rem;
  font-size: 1rem;}

#pricetime #plan .select_course .flex div div .course_ab_price span { font-size: 1.3rem;}

#pricetime #price .select_course .flex img{ width: 100%!important;}

#pricetime #plan .select_course .flex div a,
#pricetime #plan .select_course .b_course div a {
  width: 100%;
  margin-bottom: 2rem;}

#pricetime #plan .select_course .flex .select_course_alink_sp_wrap{
  margin-left: 5%;
  margin-right: 5%;
}
#pricetime #plan .select_course .flex .select_course_alink_sp{
  margin-top: 1.125rem;
  width: 100%;
}
#pricetime #plan .select_course .a_course_img{
  width: 90%!important;
  height: auto!important;
  margin-left: 5%;
  margin-right: 5%;
}
#pricetime #passport table td ,
#pricetime #plan table td {
  padding-left:1em;
  padding-right: 1em;
 }
#pricetime #passport table th,#pricetime #passport table td,
#pricetime #plan table th,#pricetime #plan table td {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  min-height: 2.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
/*pay*/
#pricetime #pay .pay_item_wrap div img{width: 100%;}
/*#pricetime #pay .pay_item_wrap :nth-child(odd) img{width: 80%;}*/
#pricetime #pay h3 {letter-spacing: 0.2rem;}
}


@media screen and (max-width:500px){
.sp_500{display: block;}
.pc{display: none;}

#pricetime #plan .plan_wrap .flex div .more h4::after {
  right: 0;
}
#pricetime #price h4 {line-height: 1.2;}

#pricetime #time h3, #pricetime #price h3,
#pricetime #benefits h3, #pricetime #passport h3,
#pricetime #plan h3, #pricetime #pay h3 {
  font-size: 4.4vw;
}
#pricetime #plan .select_course h4 {font-size: 4vw;}

#pricetime #plan .plan_wrap .site_link /*.tokeidai_link*/{
  border: 2px solid #43a9ae;
}
}

/*追加*/
header {
  text-align: center;
  margin: 0 auto;
}
.food-header01 {
  background-color: #42BBC2;
  width: 100%;
}
.food-header02 {
  background-color: #FFF;
  width: 100%;
}
.food-header-img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.header-change{
  background-color: #42BBC2;
  display: flex;
  justify-content: space-between;
  padding: 0;
  position: fixed;
  top: -63px;
  transition: .5s;
  width: 100%;
  text-align: center;
  z-index: 100;
  box-shadow: 0 5px 8px 0 rgb(0 0 0 / 30%);
}
.header-change.show{top: 0;}

.food-footer01 {
  height: 10px;
  background-color: #42BBC2;
}
.food-footer02 {
  background-color: #FFF;
  text-align: center;
  margin: 0 auto;
  padding: 5rem 0 4.375rem;
}
.food-footer03 {
  height: 60px;
  background-color: #42BBC2;
  text-align: center;
  margin: 0 auto;
  padding-top: 1.5rem;
}
.food-footer-img {
  width: 100%;
  max-width: 1200px;
}
.food-footer-text {
  font-size: 0.8125rem;
  color: #FFF;
}

@media screen and (max-width: 750px) {
.food-footer02 {
  padding: 0;
}

}

/*--------tourism--------*/
#tourism,#access{
  max-width: 1200px;
}
.tourism_title h2{
  margin-bottom: 0!important;
}
.tourizm_link_map{
  margin-bottom: 2rem;
  position: relative;}

.tourizm_link_map a{
  position: absolute;
  width: 3.312rem;
  height: 3.312rem;
  background-color: #fff;
  border: 1px solid #42BBC2;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 2.312rem;
  overflow: hidden;
  transition: all 0.5s 0s ease;
}
.tourizm_link_map a:first-child{
  left: -30px;
}
.tourizm_link_map a:nth-child(2){
  right: -30px;
}
.tourizm_link_map a:hover{
  background-color: #42BBC2;
  border: 1px solid #fff;
  opacity: 1!important;
}

/*
.tourizm_link_map a span{
  position: relative;
}
*/
.tourizm_link_map a:before{
  position: absolute;
  content: "";
  background: url("../img/arrow_g_l.svg") no-repeat;
  height: 22px;
  width: 22px;
/*  margin: auto 0;*/
  top:19px;
  left:16px;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .2s;
}
.tourizm_link_map a:hover:before{
  -webkit-transform: translateX(-53px);
  transform: translateX(-53px);
}

.tourizm_link_map a:after{
  background: url("../img/arrow_w_l.svg") no-repeat;
  content: "";
  height: 22px;
  width: 22px;
/*  margin: auto 0;*/
  position: absolute;
  right: -39px;
  top: 19px;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .2s;
}

.tourizm_link_map a:hover:after{
  -webkit-transform: translateX(-53px);
  transform: translateX(-53px);
}



.tourizm_link_map a:nth-child(2):before{
  position: absolute;
  content: "";
  background: url("../img/arrow_g_r.svg") no-repeat;
  height: 22px;
  width: 22px;
/*  margin: auto 0;*/
  top:19px;
  left:16px;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .2s;
}
.tourizm_link_map a:nth-child(2):hover:before{
  -webkit-transform: translateX(53px);
  transform: translateX(53px);
}

.tourizm_link_map a:nth-child(2):after{
  background: url("../img/arrow_w_r.svg") no-repeat;
  content: "";
  height: 22px;
  width: 22px;
/*  margin: auto 0;*/
  position: absolute;
  right:66px;
  top: 19px;
  -webkit-transition: -webkit-transform .4s;
  transition: transform .2s;
}

.tourizm_link_map a:nth-child(2):hover:after{
  -webkit-transform: translateX(53px);
  transform: translateX(53px);
}






.tourism_link{
  width: 100%;
  border-top:1px solid #42bbc2;
  border-bottom:1px solid #42bbc2;
  padding:0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
}
.tourism_link_left,.tourism_link_right{
  font-size:0.875rem;
  position: relative;
  padding: 0 1.75em;
}
.tourism_link_title{
  width: 70%;
  color:#fff;
  font-size: 1.4rem;
  background-color: #42BBC2;
  text-align: center;
  padding: 0.5rem 0;
  letter-spacing: 0.2em;
}
.tourism_link_left::before,
.tourism_link_right::after{
  content: '';
  width: 12px;
  height: 12px;
  border-top: solid 2px #42BBC2;
  border-right: solid 2px #42BBC2;
  position: absolute;
  left: 0;
  top: 2px;
  transform: rotate(-135deg);
}
.tourism_link_right::after{
  transform: rotate(45deg);
  left:auto;
  right:0;
}
.tourism_wrap{
  display: flex;
  border-bottom: 1px solid #E94C4E;
  padding-bottom: 0;}

.tourizm_subtitle{flex-basis: 10rem;}

.tourizm_subtitle div{
  width: 8.75rem;
  height: 8.75rem;
  color:#fff;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.35;
  background-color: #E94C4E;
  padding:1.2rem 0.8125rem;
  margin-right: 1.375rem;
}
.tourizm_subtitle div span{font-size: 1.4375rem;}

.tourism_right_wrap{
  padding-left: 1.875rem;
  border-left: 1px solid #E94C4E;
  margin-right: 0;
  margin-bottom: 5rem;
}
.tourism_sec{
  width: 100%;
  margin-bottom: calc(6.25rem - 60px);
  padding-top: 60px;
}
.tourism_sec:first-child{padding-top: 0;}

.tourism_sec_tit{
  border:1px solid #E94C4E;
  border-left:3.75rem solid #E94C4E;
  height: 3.75rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 3.4375rem;
}
.tourism_sec_tit h3{font-size: 1.75rem;}

.tourism_sec_tit a{
  letter-spacing: 1.2;
  color: #E94C4E;
  margin-right: 2em;
  position: relative;
}
.tourism_sec_tit a::after{
  content:url("../img/external_link_red.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  right: -25px;
}
.tourism_sec_tit h3::before{
  color: #fff;
  font-size: 1.437rem;
  font-family: "Roboto";
  position: absolute;
  left: -35px;
  top: 18px;
}
#west_01 .tourism_sec_tit h3::before{content: "1"!important}
#west_02 .tourism_sec_tit h3::before{content: "2"!important}
#west_03 .tourism_sec_tit h3::before{content: "3"!important}
#west_04 .tourism_sec_tit h3::before{content: "4"!important}
#west_05 .tourism_sec_tit h3::before{content: "5"!important}
#west_06 .tourism_sec_tit h3::before{content: "6"!important}
#west_07 .tourism_sec_tit h3::before{content: "7"!important}

#south_15 .tourism_sec_tit h3::before{content: "15"!important;left:-44px;}
#south_16 .tourism_sec_tit h3::before{content: "16"!important;left:-44px;}
#south_17 .tourism_sec_tit h3::before{content: "17"!important;left:-44px;}
#south_18 .tourism_sec_tit h3::before{content: "18"!important;left:-44px;}
#south_19 .tourism_sec_tit h3::before{content: "19"!important;left:-44px;}
#south_20 .tourism_sec_tit h3::before{content: "20"!important;left:-44px;}
#south_21 .tourism_sec_tit h3::before{content: "21"!important;left:-44px;}
#south_22 .tourism_sec_tit h3::before{content: "22"!important;left:-44px;}

#north_08 .tourism_sec_tit h3::before{content: "8"!important}
#north_09 .tourism_sec_tit h3::before{content: "9"!important}
#north_10 .tourism_sec_tit h3::before{content: "10"!important;left:-44px;}
#north_11 .tourism_sec_tit h3::before{content: "11"!important;left:-44px;}

#east_12 .tourism_sec_tit h3::before{content: "12"!important;left:-44px;}
#east_13 .tourism_sec_tit h3::before{content: "13"!important;left:-44px;}
#east_14 .tourism_sec_tit h3::before{content: "14"!important;left:-44px;}
/*#east_20 .tourism_sec_tit h3::before{content: "20"!important;left:-44px;}*/

.tourism_sec_cont{
  display: flex;
  flex-direction: row-reverse;
  text-align: justify;
}
.tourism_sec_cont h4{
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  line-height: 1.35;
}
.tourism_sec_cont div p{
  font-size: 0.9375rem;
  margin-bottom: 2.5rem;
}
.tourism_sec_cont > div{
  width: 53%;
}
.tourism_sec_cont img{
  margin-left: 3vw;
  max-width: 47%;
  height: 100%;
}
.tourism_sec_cont div div h5{
  font-size: 1rem;
  color: #42BBC2;
  border: 2px solid #42BBC2;
  border-radius: 50px;
  padding: 0.6em 1.2em;
  letter-spacing: 3px;
  margin-bottom: 0.75rem;
}
.tourism_sec_cont div div p{color: #E94C4E;}

.tourism_sec_cont div div ul{
  color: #42BBC;
  display: flex;
  flex-wrap: wrap;
  border-top:1px solid #42BBC2;
}
.tourism_sec_cont div div li{
  color: #42BBC2;
  border-bottom: 1px solid #42BBC2;
  padding: 0.8rem 1rem;
  position: relative;
  flex-grow: 1;
  line-height: 1.1;
  font-size: 0.937rem;
}
.tourism_sec_cont div div li::after{
  content: "";
  position: absolute;
  margin:0 1em;
  transform: translateY(-50%);
  border: 8px solid transparent;
  border-left: 9px solid #989898;
  bottom: 3px;
}
.tourism_sec_cont div div li:last-child::after{
  border: none;
  border-left: none;
}

.tourism_bottom_txt{
  color:#E94C4E;
  margin-top: 2rem;
  margin-left: 10rem;
  margin-bottom: 5rem;
}

@media screen and (max-width:1200px){
#tourism{ width: 95%;}

}

@media screen and (max-width:750px){
#tourism{ width: 90%;}

#south_14 .tourism_sec_tit h3::before{content: "14"!important;left:-32px;}
#south_15 .tourism_sec_tit h3::before{content: "15"!important;left:-32px;}
#south_16 .tourism_sec_tit h3::before{content: "16"!important;left:-32px;}
#south_17 .tourism_sec_tit h3::before{content: "17"!important;left:-32px;}
#south_18 .tourism_sec_tit h3::before{content: "18"!important;left:-32px;}
#south_19 .tourism_sec_tit h3::before{content: "19"!important;left:-32px;}
#north_10 .tourism_sec_tit h3::before{content: "10"!important;left:-32px;}
#east_11 .tourism_sec_tit h3::before{content: "11"!important;left:-32px;}
#east_12 .tourism_sec_tit h3::before{content: "12"!important;left:-32px;}
#east_13 .tourism_sec_tit h3::before{content: "13"!important;left:-32px;}
/*#east_20 .tourism_sec_tit h3::before{content: "20"!important;left:-32px;}*/


.tourizm_link_map{
  scroll-snap-type: x mandatory;
  width: 100%;
  overflow-x: auto!important;
  display: flex!important;
  padding-bottom: 5px;
}
.tourizm_link_map > div{
  scroll-snap-align: center;
  height: auto;
  width: 200%;
  flex: none;
}
.tourizm_link_map > div::-webkit-scrollbar {
  height: 20px; /* スクロールバーの高さ */
}
.tourizm_link_map > div::-webkit-scrollbar-thumb {
  background: red; /* ツマミの色 */
  border-radius: 7px; /* ツマミ両端の丸み */
}
.tourizm_link_map > div::-webkit-scrollbar-track {
  background: blue; /* トラックの色 */
  border-radius: 7px; /* トラック両端の丸み */
  margin:0 2px;
}
.tourism_link {
  border-top: none;
  padding: 0 0.5rem 1rem 0.5rem;
  margin-bottom: 1.5rem;
}
.tourism_link_title {
  width: 50%;
  font-size: 1.25rem;
  padding: 0.3rem 0 0.4rem 0;
  letter-spacing: 0.1em;
}
.tourism_link_left,.tourism_link_right{
  padding: 0 1em;
}
.tourism_sec{
  margin-bottom: 6.25rem;
  padding-top: 0;
}
.tourism_sec_cont {
  flex-direction: column;
}
.tourism_sec_cont div div li {
  padding: 0.6rem 1rem;
  font-weight: 700;
}
.tourism_sec_cont div div li::after{
  border: 7px solid transparent;
  border-left: 9px solid #989898;
}
.tourism_right_wrap {
  padding-left:0;
  border-left: none;
  margin-right: 0;
}
.tourism_sec_tit{
  border:none;
  border-left:none;
  flex-direction: column;
  padding: 0;
  margin-bottom: 1.5rem;
  height: auto;
}
.tourism_sec_tit h3{
  width: 100%;
  position: relative;
  border:1px solid #E94C4E;
  border-left:2.5rem solid #E94C4E;
  margin-bottom: 0.5rem;
  padding:0.5rem;
  font-size: 1.25rem
}
.tourism_sec_tit a{
  width: 100%;
  border:1px solid #E94C4E;
  margin:0;
  text-align: center;
  padding: 0.5em;
  font-size: 11px;
}
.tourism_sec_tit a::after{
  margin-left: 1em;
  right: auto;
  top: calc(1em - 6px);
  width: 12px;
  height: 12px;
}
.tourism_sec_tit::before{
  display: none
}
.tourism_sec_tit h3::before{
  color: #fff;
  font-size: 1.25rem;
  font-family: "Roboto";
  position: absolute;
  left: -25px;
  top: 10px;
}
.tourism_sec_cont h4 {
  font-size: 1.312rem;
  margin-bottom: 1rem;
}
.tourism_sec_cont > div{
  width: 100%;
}
.tourism_sec_cont img {
  width: 100%;
  max-width: 100%;
  margin: 0 0 2rem 0;
}
.tourism_sec_cont div p {
  font-size: 0.8rem;
  font-weight: 700;
}
.tourism_sec_cont div div h5{
  font-size: 0.9rem;
  padding:0.5em 1em;
}
.tourism_bottom_txt{
  margin-left: 0;
  margin-bottom: 3rem;
}
}


/*-access-----------------------------------*/
#access small{
  display: inline-block;
}

#access iframe{
  max-width: 1200px;
  width: 100%;
  height: 35.625rem;
  margin-bottom: 2rem;
}
#access > div{ margin-bottom: 7rem;}

.access_sec{ margin-bottom: 8.75rem;}

.access_sec img{
  width: 100%;
  margin-top: 2.75rem;
}
.access_sec .access_sec_tit{
  padding:1em 1em 1em 4em;
  border:3px solid #231815;
  border-radius: 10px;
  margin-bottom: 2.187rem;
}
.access_sec .access_sec_tit h3{
  font-size: 1.4375rem;
  position: relative;
  letter-spacing: 0.15em;
}
.access_sec_jr .access_sec_tit,.access_sec_airplane .access_sec_tit{
  background-color: #E94C4E;
  border:3px solid #E94C4E;
  color:#fff;
}
.access_sec .access_sec_tit h3::before{
  position: absolute;
  width: 1.5rem;
  height: auto;
  left:-1.75em;
  top:-0.1em;
}
.access_sec_metro .access_sec_tit h3::before{
  content:url("../img/access_metro_icon.svg");}

.access_sec_car .access_sec_tit h3::before{
  content:url("../img/access_car_icon.svg");
  width: 1.75rem;
  top:0.1em;}

.access_sec_jr .access_sec_tit h3::before{
  content:url("../img/access_jr_icon.svg");}

.access_sec_airplane .access_sec_tit h3::before{
  content:url("../img/access_airplane_icon.svg");
  width: 1.8rem;}

.access_sec_metro p{
  color:#E94C4E;
  font-size: 1.25rem;
}
.access_sec_car p{
  font-size: 1.25rem;
  display: inline-block;
  border-bottom: 2px solid #E94C4E;
}
#metro,#jr,#airplane{
  padding-top: 60px;
  margin-top: -60px;
  display: block;
}
#access .page_link_access{
  justify-content: center!important;
}
.access_title h2{
  border-bottom: 6px solid #71ccd1;
  margin-bottom: 4rem;}

.access_bottom_txt{
  text-decoration: underline;
  text-decoration-color: red;
  font-size: 1.125rem;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;}

@media screen and (max-width:980px){
#access .page_link_access{
  margin-left: auto!important;
  margin-right: auto!important;
}
#access .page_link_access a{
  width: 100%}

}
@media screen and (max-width:750px){
#access > div{ margin-bottom: 3rem;}

.access_title h2{
  margin-bottom: 1.875rem;}

  #access iframe{
  width: 100%!important;
  margin: 0;
}
/*.access_title{margin-bottom: 2rem;}*/


#access iframe{margin-bottom: 2rem;}

#access div:first-child p,
#access div:first-child small{
  text-align: center;
  display: block;
  line-height: 1.8;
  font-size: 1rem;
}
#access div:first-child small{
  font-size: 0.8rem;
	padding-left: 1em;
	text-indent: -1em;
}
.access_sec{margin-bottom: 5.75rem;}

.access_sec img{margin-top: 2rem;}

.access_sec .access_sec_tit{
  margin-bottom: 1.187rem;
  text-align: center;
}
.access_sec .access_sec_tit h3{
  font-size: 1.25rem;
  display: inline;
}
.access_sec .access_sec_tit h3::before{
  width: 1.25rem;
  height: auto;
}
.access_sec_car .access_sec_tit h3::before{ width: 1.5rem;}

.access_sec_airplane .access_sec_tit h3::before{ width: 1.5rem;}

.access_sec_metro p{
  font-size: 1rem;
  text-align: center;
}
.access_sec_car .sp{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.access_sec_car .sp p{
  margin-left: 0;
  font-size: 1rem;
  line-height: 1.3rem;
  margin-bottom: 0.5rem;
}
#access .access_sec_jr p,.access_sec_airplane p{
  margin-left: 0!important;
}
#metro,#jr,#airplane{
  padding-top: 24px;
  margin-top: -24px;
}
.access_bottom_txt{
  font-size: calc(1.125rem * 0.8);}

}


/*--company-----------------------*/
.company_title h2,.pll_title h2,.sitepolicy_title h2{
  border-bottom: 6px solid #e94c4e;
}
#company,#pll,#sitepolicy,#faq{
  max-width: none;
  background-color:#f1f1f1;
  padding-bottom: 6.815rem;
}
#company article,#pll article,#sitepolicy article,#faq article{
  background-color: #fff;
  max-width: calc(1200px + 8.75rem);
  width: 100%;
  margin: 0 auto;
  padding:3.125rem 4.375rem 6.815rem;
}
.company_cont { border-top: 1px solid #808080;}

.company_cont div {
  padding: 0.2rem 0;
  border-bottom: 1px solid #808080;
  line-height: 1.937rem;
}
.company_cont dt{
  padding-left: 1em;
  font-size:1.187rem;
  font-weight: bold;
}
.company_cont dd{ font-size:1.062rem;}

.company_cont dd span{line-height: 1.2;}

.company_cont div {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 32px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
}


@media screen and (max-width:750px){
#company article,#pll article,#sitepolicy article{
  width: 95%;
  padding:1rem;
}
.company_cont div { display: block;}

.company_cont dt{ font-size:calc(1.187rem * 0.8);}

.company_cont dd{
  padding-left: 1em;
  font-size:calc(1.062rem * 0.8);
  line-height: 1.5;
}
.company_cont div { padding: 0.4rem 0;}

}


/*--pll-----------------------*/
#pll ,#sitepolicy{
  color: #4d4d4d;
  font-weight: 400;
}
#pll section,#sitepolicy section{ margin-bottom: 4.375rem;}

#pll h3,#sitepolicy h3{
  margin-bottom: 1.875rem;
  font-size: 1.375rem;
  font-weight: 400;
  background-color:#e5e5e5;
  padding:0.4em 0.5em 0.5em 1rem;
  letter-spacing: 0.2rem;
  border-radius: 5px;
  padding-left: 1.2rem;
}
#pll h3 span{ font-family: "roboto"}

#pll h4,#sitepolicy h4{
  font-size: 1.187rem;
  font-weight: bold;
  margin-bottom: 1.2em
}
#pll ul{
  line-height: 2;
  margin-bottom: 2rem;
}
#pll li{
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.5;
  margin-bottom: 0.8em;
}
#pll p,#sitepolicy p{
  font-size: 1.062rem;
  text-align: justify;
  margin-bottom: 2.5em;
  font-weight: 100;
}
#pll dl dt{
  font-size: 1.187rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
#pll dl dd{
  padding-left:calc(1.187rem * 2);
  margin-bottom: 1.5rem;
  line-height: 1.75;
  font-weight: 100;
}


@media screen and (max-width:750px){
#pll h3,#sitepolicy h3{ font-size:calc(1.375rem * 0.8);}
#pll h4,#sitepolicy h4{ font-size: calc(1.187rem * 0.8);}
#pll p,#sitepolicy p{ font-size: calc(1.062rem * 0.8);}
#pll dl dt{
  font-size: calc(1.187rem * 0.8);
  text-indent: -2em;
  padding-left: 2rem;
  line-height: 1.3;
}
}


/*--sitepolicy-------------------------------------*/
#sitepolicy h3{
  background-color: #42bbc2;
  color:#fff;
}
#sitepolicy h4{
  color:#42bbc2;
  margin-bottom: 1em;
}
#sitepolicy section{ margin-bottom: 5.937rem;}

#sitepolicy section div{ margin-bottom: 4.187rem;}

#sitepolicy section small{
  display: block;
  margin-top: 0.8rem;
  margin-bottom: 3rem;
}
#sitepolicy section img{ width:15rem;}


/*--enjoy----------------------------------------*/
#enjoy{
  background-color: #101255;
  max-width: none;
  width: 100%;
  text-align: center;
  color: #101255;
  letter-spacing: 3px;
}
#enjoy article{
  max-width: 1200px;
  margin: 0 auto;
}
.enjoy_title{ padding-bottom: 7.5rem;}

.enjoy_title h2{
  border-bottom: 6px solid #42BBC2;
  color:#fff;
  padding: 3.4rem 0 1.875rem;
  font-size: 2.812rem;
}
.enjoy_title img{
  width:5.625rem;
  padding-top: 4rem;
}
.enjoy_title p{
  color:#E94C4E;
  padding-top:0.3em;
  font-size: 1.0625rem;
}
.enjoy_title > p{
font-size:1.437rem;
 line-height: 3.25rem;
}
.enjoy_spp_item{
  background-color:#E365AD;
  display: flex;
  border-radius: 10px;
  color: #fff;
  padding: 1.562rem 2.187rem;
  align-items: center;
  margin-bottom: 2.5rem;
}
.enjoy_spp_item_y{
  background-color:#ffff00;
  color: #101255;
}
.enjoy_spp_item img{
  width: 12rem;
  border-right: 1px solid #101255;
  padding-right: 1.5rem;
  margin-right:2.812rem;
}
.enjoy_spp_item h3{
  font-size: 2.187rem;
  letter-spacing: 10px;
  font-weight: 700;
  padding-bottom: 5px;
  text-align: left;
}
.enjoy_spp_item h3 span{ letter-spacing: 5px!important;}

.enjoy_txt_wrap > p:nth-child(1){
  color:#E365AD;
  font-size: 1.687rem;
  line-height: 3.75rem;
  margin:4.687rem 0 4.25rem;
  text-align: center;
}
.enjoy_txt_wrap_y > p:nth-child(1){ color:#FFFF00;}

.enjoy_txt_wrap div p{
  color:#101255;
  font-size: 2rem;
  background-color: #E365AD;
  padding: 0.2rem 1rem;
  font-weight: 600;
  letter-spacing: 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  line-height: 2.5;
}
.enjoy_txt_wrap_y div p{ background-color: #FFFF00;}

.enjoy_plan{
  padding-bottom:4.375rem;
  border-bottom: 1px solid #E365AD;
  margin-bottom: 11.25rem;
}
.enjoy_plan_y{ border-bottom: 1px solid #FFFF00;}

.enjoy_plan_y > div{ justify-content: space-between;}

.enjoy_plan h4{
  font-size: 2rem;
  font-weight: 400;
  color:#E365AD;
  padding:1.562rem 0.5rem;
  border-top: 1px solid #E365AD;
  border-bottom: 1px solid #E365AD;
  margin-bottom: 4rem;
  text-align: left;
  letter-spacing: 10px;
  margin-top:5.625rem;
}
.enjoy_plan_y h4{
  color:#FFFF00;
  border-top: 1px solid #FFFF00;
  border-bottom: 1px solid #FFFF00;
}
.enjoy_plan img{
  width: 40%;
  height: 40%;
}
.enjoy_plan_y img{
  max-width: 390px;
  width: 40%;}

.enjoy_plan .flex > div{ margin-right: 5%;}

.enjoy_plan a div{
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.9em;
  border:3px solid #fff;
  border-radius: 50px;
  background-color: #E365AD;
  position: relative;
  width: 75%;
  max-width: 570px;
}
.enjoy_plan_y a div{
  background-color: #FFFF00;
  margin-bottom: 3.75rem;
}
.enjoy_plan a div::after{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-right: 2px solid #101255;
  border-top: 2px solid #101255;
  transform: rotate(45deg);
  right: 2rem;
  top:0;
  bottom:0;
  margin:auto 0;
}
.enjoy_plan_y .t_left small{
  padding-left: 1em;
  text-indent: -1em;
  display: block;
  line-height: 1.7;
}
.enjoy_plan_cont{
  display: flex;
  margin-bottom: 3.75rem;
}
.enjoy_plan_cont div:first-child{
  border:1px solid #E365AD;
  border-radius: 50%;
  width: 100%;
  max-width:6.875rem;
  height:6.875rem;
  position: relative;
  white-space: nowrap;
}
.enjoy_plan_cont_y div:first-child{ border:1px solid #FFFF00;}

.enjoy_plan_cont div:first-child::after{
  content: "30分";
  font-size: 1.75rem;
  color: #E365AD;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.enjoy_plan_cont_y div:first-child::after{
  content: "20分";
  color: #FFFF00;
  position: absolute;
}
.enjoy_plan_cont div:nth-child(2){
  color:#E365AD;
  font-size: 1.25rem;
  margin-left: 1.875rem;
  text-align: left;
}
.enjoy_plan_cont_y div:nth-child(2){
  color:#FFFF00;
  margin: auto 0 auto 1.875rem;
}
.enjoy_plan_cont div img{ width: 100%;}

.enjoy_plantxt{
  color:#fff;
  font-size: 1.25rem;
  text-align: justify;
  letter-spacing: 3px;
  line-height: 2.312;
}
.enjoy_plan_y .enjoy_plantxt{ margin-bottom: 8.125rem;}

.sp_1100{display: none;}


@media screen and (max-width:1200px){
#enjoy article section:not(:first-child){
  width: 95%;
  margin:0 auto;
}
}

@media screen and (max-width:1100px){
.sp_1100{ display: block;}

.enjoy_plan_y a div{
  width: 100%;
  max-width: none;
}
}
@media screen and (max-width:750px){
.sp_1100{display: none;}

#enjoy section{width:100%;}
.enjoy_title p{ text-align: center;}
.enjoy_plan img{ width: 100%;}
.enjoy_plan a div{ width: 100%;}

#enjoy{
  letter-spacing: 1px;
}
.enjoy_title{
  padding-bottom: 4.25rem;
}
.enjoy_title h2{
  padding: 2rem 0 1.875rem;
  font-size: calc(2.812rem * 0.8);
}
.enjoy_title img{
  padding-top: 2rem;
}
.enjoy_title > p{
  font-size:calc(1.437rem * 0.8);
  line-height: 2.5rem;
}
.enjoy_spp_item{
  padding: 1.25rem 1rem;
  margin-bottom: 2rem;
  border-radius: 5px;
}
.enjoy_spp_item img{
  width: 9.375rem;
  padding-right: 1.25rem;
  margin-right:1.5rem;
}
.enjoy_spp_item h3{
  font-size: calc(2.187rem * 0.8);
  letter-spacing: 1px;
}
.enjoy_spp_item h3 span {
  letter-spacing:1px;
}
.enjoy_txt_wrap > p:nth-child(1){
  font-size: calc(1.687rem * 0.8);
  line-height: 3.25rem;
  margin: 3.5rem 0 2.5rem;
}
.enjoy_txt_wrap div p{
  font-size: calc(2rem * 0.8);
}
.enjoy_plan{
  padding-bottom:3.5rem;
  margin-bottom: 4rem;
}
.enjoy_plan_y {
  padding-bottom: 0;
  margin-bottom: 4rem;
}
.enjoy_plan h4{
  font-size: calc(2rem * 0.8);
  padding:1rem 0.5rem;
  margin-bottom: 2rem;
  margin-top:3rem;
  text-align: center;
  letter-spacing: 5px;
}
.enjoy_plan .flex > div{
  margin-right: 0%;
}
.enjoy_plan a div{
  font-size: calc(1.125rem * 0.8);
  padding: 1em;
  width: 100%;
  border:1px solid #fff;
}
.enjoy_plan_y a div{
  margin-bottom: 2rem;
}
.enjoy_plan a div::after{
  width: 10px;
  height: 10px;
 }
.enjoy_plan_y .plan_img {
  max-width: none;
  width: 60%;
  margin: 0 auto 3rem auto;
}
.enjoy_plan_y .t_left{
text-align: center!important;
}
.enjoy_plan_cont{
  margin-bottom: 1.75rem;
  display: inline-flex;
}
.enjoy_plan_cont div:first-child{
  max-width:5rem;
  height:5rem;
}
.enjoy_plan_cont div:first-child::after{
  font-size: calc(1.5rem * 0.8);
}
.enjoy_plan_cont div img{
  width: 80%;
}
.enjoy_plan_cont div:nth-child(2){
  font-size: calc(1.25rem * 0.8);
  margin-left: 1.875rem;
}
.enjoy_plan_cont_y div:nth-child(2){
  margin: auto 0 auto 1.875rem;
}
.enjoy_plantxt{
  font-size: calc(1.125rem * 0.8);
  margin-bottom: 2rem!important;
  padding: 0 1.5rem;
  text-align: center;
}
}


@media screen and (max-width:540px){
.enjoy_title {
  padding-bottom: 11vw;
}
.enjoy_title h2 {
  font-size: calc(8vw * 0.8);
}
.enjoy_title > p{
 font-size:calc(3.5vw * 1.1);
 line-height: 7vw;
}
.enjoy_txt_wrap > p:nth-child(1) {
  font-size: calc(4.5vw * 0.8);
  line-height: 4vh;
  margin: 9.5vw 0 6.5vw;
}
.enjoy_txt_wrap div p{
  font-size: calc(5vw * 0.8);
}
.enjoy_spp_item img {
  width: 23vw;
  padding-right: 3vw;
  margin-right: 3vw;
}
.enjoy_spp_item h3 {font-size: calc(5.8vw * 0.8);}
.enjoy_spp_item { padding: 1rem 1rem;}
.enjoy_plan h4{ font-size: calc(6vw * 0.8);}
.enjoy_plantxt {
	font-size: calc(3.5vw * 1.1);
	line-height: 2.1;
}

}

/*--enjoy_syopping------------------------------*/
#enjoy_shopping{
  max-width: none;
  width: 100%;
  text-align: center;
  letter-spacing: 3px;}

#enjoy_shopping article{
  max-width: 1200px;
  margin: 0 auto;}

.eshop_title{
  background-color: #fff;
  padding-bottom: 0rem;}

.eshop_title h2 { margin-bottom: 5.75rem;}

.enjoy_shop_pickup{
  background-color: #fce4e4;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;}

.pickup_wrap{
  padding:4rem 0 5rem;}

.pickup_wrap h3{
  font-size: 1.75rem;
  margin-bottom: 0.5rem;}

.pickup_wrap > div{
  display: grid;
  gap:0.875rem;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin: 0 auto;
  border-bottom: 6px solid #E94C4E;
  padding-bottom: 4rem;}

.pickup_wrap > div a p,
.goods_item > div a dl{
  font-size: 0.937rem;
  margin-top:1.875rem;
  text-align: left;
  line-height: 1.625rem;
  letter-spacing: 0.01rem;}

.goods_item > div a dl{ margin-top:1.125rem;}

.goods_item > div a dd{ color:#979797;}

.pickup_wrap > p{
  color:#808080;
  font-size: 19px;
  font-family: "roboto";
  margin-bottom: 2.75rem;
  text-align: center;
}
.pickup_wrap .pickup_title{
  text-align: center;
  display: block;
  padding-bottom: 3rem;
  border-bottom: none;
}
.pickup_wrap .pickup_title h4{
  background-color:#E94C4E;
  font-size: 1.875rem;
  font-weight: bold;
  color:#fff;
  padding: 0.5rem;
  margin-bottom: 2rem;
}
.pickup_wrap .pickup_title p{
  font-size: 1.375rem;
  letter-spacing: 1px;
  line-height: 1.7;
  width: 95%;
  margin: 0 auto;
}
.goods_item{ margin-top: 6.5rem;}

.goods_item h4{
  color:#fff;
  border-radius: 10px;
  background-color: #006cb8;
  padding: 0.75em 1em;
  text-align: left;
  line-height: 1.3;}

.goods_item:nth-child(2) h4{ background-color: #42BBC2;}
.goods_item:nth-child(3) h4{ background-color: #E94C4E;}

.goods_item > div{
  display: grid;
  gap:2.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2.375rem;}

.goods_item img{ border:1px solid #006CB8;}
.goods_item:nth-child(2) img{ border:1px solid #42BBC2;}
.goods_item:nth-child(3) img{ border:1px solid #E94C4E;}

.goods_item div a:hover img{
  outline:3px solid #006CB8;
  outline-offset: -3px;
  transition: .1s;
  box-sizing:border-box;}

.goods_item:nth-child(2) div a:hover img{
  outline:3px solid #42BBC2;
  outline-offset: -3px;}

.goods_item:nth-child(3) div a:hover img{
  outline:3px solid #E94C4E;
  outline-offset: -3px;}

.online_shop_link img{
  max-width: 850px;
  margin: 8.125rem auto 11rem;}


@media screen and (max-width:1200px){
.goods_wrap{
  width: 95%;
  margin:0 auto;}

.rh_goods_wrap{
  width: 95%;
  margin:0 auto;}

.pickup_wrap > div{
  width: 95%;}
}

@media screen and (max-width:750px){
.goods_wrap,.online_shop_link {
  width: 85%;}

.rh_goods_wrap,.online_shop_link {
  width: 85%;}

.goods_item > div{
  grid-template-columns: 1fr;
  margin-top: 1.5rem;}

.goods_item h4{
  text-align: center;
  font-size: 1.312rem;}

.eshop_title h2 { margin-bottom: 2rem;}

.pickup_wrap { padding: 2rem 0 2.5rem;}

.goods_item { margin-top: 2.5rem;}

.goods_item > div a dl{
  font-size:1rem;
  line-height: 1.5rem;
  margin-top:1rem;
  margin-bottom: 2rem;}

.goods_item > div a dl dt{
  line-height: 1.5;}

.goods_item > div { gap: 1.5rem;}

.online_shop_link img {
  max-width: 850px;
  margin: 4.375rem auto 0!important;}

.pickup_wrap > div{ width: 85%;}

.pickup_wrap > div a p{
  font-size: 1.15rem;
  line-height: 1.7rem;}

.pickup_wrap > div { padding-bottom: 1.5rem;}

.pickup_wrap .pickup_title{
  padding-bottom: 2rem;}

.pickup_wrap .pickup_title h4{
  font-size: calc(1.875rem * 0.8);
  line-height: 1.3;
  margin-bottom:1.25rem;}

.pickup_wrap .pickup_title p{
  font-size: calc(1.25rem * 0.8);
  line-height: 1.5;}

#enjoy_shopping .slick-dots{ bottom: -50px;}

#enjoy_shopping .slick-dots li button:before{
  font-size: 30px;
  color:#42BBC2;}

}
/*--online_shopping-------------------------------*/
#online_shopping,
#online_shopping_3{
  max-width: 1200px;
}
.os_title{
  margin:3.5rem 0 3.437rem;}

.os_title div,.os_flow div{
  display: flex;
  justify-content: space-between;}

.os_title div h2{
  font-size: 1.875rem;
  color: #E94C4E;
  letter-spacing: 3px;}

.os_title div a,.os_title div span{
  border:2px solid #969696;
  padding:0.5rem 0.2rem;
  font-size: 0.8rem;
  margin-left: 10px;
  height: 2.2rem;
  line-height: 1rem;}

.os_title div a{
  padding-left: 1rem;
  padding-right: 1rem;
}
.os_title div span{
  flex-grow: 1;
  border:1px solid #c8c8c8;}

.os_title div a img,.os_title div span img{
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  margin-right: 0.5rem;}

.os_title p{
  font-size: 1.25rem;
  line-height: 1.7;
  margin-bottom:3rem;}

.os_title > img{
  margin-top: 2.5rem;
  margin-bottom: 6.25rem;}

.os_flow h3{
  font-size: 1.3125rem;
  letter-spacing: 4px;}

.os_flow img{
  padding: 2.875rem 0;
  width: 100%;
  border-top: 1px solid #42BBC2;
  border-bottom: 1px solid #42BBC2;
  margin-top: 1em;
  margin-bottom: 3rem;}

.os_flow div div span{
  font-size: 1.125rem;
  margin-left: 0.5em;
  position: relative;
  margin-right: 4rem;
  letter-spacing: 2px}

.os_flow div div span:last-child{
  margin-right: 0;}

.os_flow div div span::before{
  content: "";
  position: absolute;
  width: 35px;
  height: 20px;
  background-color: rgba(233,76,78,0.80);
  left: -45px;}

.os_flow div div span:last-child::before{
  background-color: rgba(66,187,194,0.80);}

.onlineshop_item div .os_new,
.pickup_wrap div .os_new,
.goods_item div .os_new{
  position: relative;}

.onlineshop_item div .os_new::before,
.pickup_wrap div .os_new::before,
.goods_item div .os_new::before{
  content: url("../img/onlineshop_newicon.svg");
  position: absolute;
  width: 20%;
  /*height: 2.75rem;*/
  top: 0;
  left:10px;}
/*
.os_gentei{ position: relative;}

.os_gentei::before{
  content: url("../img/onlineshop_genteiicon.svg");
  position: absolute;
  width: 60%;
  top: 3%;
  left: -5.5%;
}
*/

.onlineshop_item div a img{ border:1px solid #b0b0b0;}

.onlineshop_item div a:hover img{
  outline: 3px solid #42BBC2;
  outline-offset: -3px;
}
.os_page{
  margin-top: 6.875rem;
  margin-bottom: 7.812rem;
  display: inline-block;}

.os_page div{
  display: flex;
  gap:10px;
  justify-content: center;
  position: relative;}

/*.os_page div::after{*/
.os_page .page_arrow_a{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-right: 1px solid #101255;
  border-top: 1px solid #101255;
  border-left:none;
  border-bottom: none;
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -30px}

/*.os_page div::before{*/
.os_page .page_arrow_b{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-right: 1px solid #101255;
  border-top: 1px solid #101255;
  border-left:none;
  border-bottom: none;
  transform: rotate(225deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  left:-30px;}

.os_page a{
  border:1px solid #969696;
  width: 31px;
  height: 31px;
  color:#969696;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 100;}

.os_page .os_current_page{
  border:1px solid #42BBC2;
  width: 31px;
  height: 31px;
  color:#FFF;
  background-color: #42BBC2;}


@media screen and (max-width:1200px){
#online_shopping{
  width: 95%;}
}


@media screen and (max-width:750px){
.os_title{
  margin:3.125rem auto 3rem;}

.os_title div,.os_flow div{
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;}

.os_title div h2{
  font-size: calc(1.875rem * 0.8);
   margin-bottom: 3.125rem;
  text-align: center;}

.os_title div a,.os_title div span{
  border:2px solid #969696;
  padding:0.4rem;
  font-size:0.625rem;
  margin-left: 10px;
  height: 2rem;
  line-height: 1rem;
  display: inline-block;
  width: 20%}

.os_title div a{text-align: center;}

.os_title div span{
  width: 73%;
  border:2px solid #c8c8c8;}

.os_title div > img{
  width: 100vw;
  margin:0 calc(50% - 50vw);}

.os_title p{
  font-size: calc(1.25rem * 0.8);
  margin-bottom:2rem;}

.os_flow h3{
  font-size: calc(1.3125rem * 0.8);}

.os_flow_scroll{
  overflow-x: scroll!important;
  overflow-y:hidden;
  display: block!important;}

.os_flow img{
  padding: 1.5rem 0 1rem;
  width: 900px!important;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
  height: 9rem;/**/}

.os_flow div div span{
  font-size: calc(1.125rem * 0.8);
  margin-right: 3rem;}

.os_flow div div span::before{
  width: 25px;
  height: 15px;
  left: -33px;}

.os_flow div{
  display: flex;
  margin-top: 0;
  margin-bottom: 0.5rem;}

.onlineshop_item > div a dl {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;}

.os_page{
  margin-top: 3.875rem;
  margin-bottom: 4.812rem;}

.onlineshop_item > div {
 grid-template-columns: 1fr 1fr;}

}

@media screen and (max-width:500px){
.os_title div h2{font-size: 4.8vw;}
}

@media screen and (max-width:400px){
.os_title div{
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-bottom: 1rem;}

.os_title div a{width: 30%;}

.os_title div span{
  margin-left: 0;
  margin-top: 1rem;
  width: 100%;
}
.os_flow div div span {
  margin-right: 2rem;
}
}


/*--online_shopping_2------------------------*/
#online_shopping_2,
#online_shopping_3{
  max-width: 1200px;
  margin:0 auto;
}
.os_goods_wrap{
  margin-top: 3.437rem;
  margin-bottom: 12.5rem;
}
.os_goods_wrap > div{
  display: flex;
  justify-content: space-between;
}
.os_goods_wrap div ul{
  width: 45%;
}
.os_goods_content{
  margin-left: 5%;
  width: 50%;}

#online_shopping_2 .slick-list {
  border: 1px solid #b0b0b0;
}
#online_shopping_2 .slick-dots{
  position: static;
  padding-top: 1.5rem;
  margin: 0 auto;
}
#online_shopping_2 .slick-dots li button:before{
  font-size: 30px;
  color:#42BBC2;}

.os_goods_name{
  font-size: 2.062rem;
  margin-bottom: 1em;
  font-weight: bold;
  line-height: 1.5;
}
.os_goods_price{
  font-size: 1.625rem;
  color:#969696;
  margin-bottom: 2.5rem;
}
.os_goods_description{
  font-size: 0.9375rem;
  text-align: justify;
  margin-bottom: 5rem;
}
.os_goods_content form div{
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.os_goods_content form label{
  font-size: 1.3125rem;
  width: 25%;
}
.os_goods_content form select,.os_form_right{
  width: 70%;/*21rem→*/
  height: 3.125rem;
  appearance:auto;
}
.os_goods_content form select,.os_form_right input{
  font-size: 1.3125rem;
  border: 1px solid #b0b0b0;
  border-radius: 3px;
  padding: 0.275rem 0.75rem 0.375rem;
}
.os_form_right input{width: 100%;}
.os_form_right span{padding-left: 1em;}

.os_goods_content form select option{
  color:#fff;
  background-color: #808080;
}
.os_goods_content .os_list_form button,
.os_goods_content .os_list_form a{
  background-color: #42BBC2;
  color: #fff;
  width: 100%;
  height: 3.625rem;
  border-radius: 5px;
  border: none;
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
  margin-top: 3.625rem;
  margin-bottom: 0;
  text-align: center;
}
.os_goods_content .os_list_form button div,
.os_goods_content .os_list_form a div{
  position: relative;
  padding-left: 2.5em;
  font-size: 1.25rem;
  line-height: 3.625rem;
  display: inline-block;
}
.os_goods_content .os_list_form button div::before,
.os_goods_content .os_list_form a div::before{
  content: url("../img/onlineshop_list_w_icon.svg");
  position: absolute;
  width: 33px;
  height: 33px;
  top:7px;
  bottom: 0;
  left: -7px;
}
.onlineshop_item h3{
  font-size: 1.3125rem;
  border-bottom: 1px solid #42BBC2;
  padding-bottom: 1rem;
}
#online_shopping_2 .onlineshop_item{
  margin-bottom: 6.875rem;
}
#online_shopping_2 .return_button div{
  text-align: center;
  margin-bottom: 6.25rem;
}
#online_shopping_2 .return_button a{
  font-size: 1.25rem;
  color:#969696;
  border:2px solid #969696;
  padding:1em 3.25em;
  position: relative;
  display: inline-block;
}
#online_shopping_2 .return_button a::before{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 1px solid #101255;
  border-top: 1px solid #101255;
  transform: rotate(225deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 15px;
}
.os_goods_content form{ width: 80%;}


@media screen and (max-width:1200px){
#online_shopping_2{ width: 95%;}
}


@media screen and (max-width:900px){
.os_goods_content .os_list_form a div{
  position: relative;
  padding-left: 2em;
  font-size: 1rem;
  line-height: 3.625rem;
  display: inline-block;
}
}

@media screen and (max-width:750px){
.os_goods_wrap{ margin-bottom: 2.5rem;}

.os_goods_wrap > div{
  flex-direction: column;
  justify-content: center;}

.os_goods_wrap div > div{ margin-left: 0;}

.os_goods_wrap div ul{ width: 100%;}

#online_shopping_2 .slick-list { border: none;}

#online_shopping_2 .slick-dots{ padding-top: 0;}

.os_goods_name{
  font-size: calc(2rem * 0.8);
  margin-bottom: 1em;
  line-height: 1.5;
}
.os_goods_price{
  font-size: calc(1.5rem * 0.8);
  margin-bottom: 1.5rem;
}
.os_goods_description{
  font-size: calc(0.9375rem * 0.8);
  margin-bottom: 3rem;
}
.os_form_right{ width: 100%;}

.os_goods_content form div{ margin-bottom: 2rem;}

.os_goods_content{width: 100%;}

.os_goods_content .os_list_form a{
  width: 100%;
  margin-top: 0rem;
  height: 3.75rem;
  box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 40%);
}
.os_goods_content .os_list_form a div{
  line-height: 3.75rem;
  font-size: calc(1.25rem * 0.8);
  letter-spacing: 3px;
}
#online_shopping_2 .onlineshop_item {
  margin-bottom: 2.5rem;
}
.os_goods_content form select,.os_form_right{
  height: 2.75rem;
  font-size: calc(1.3125rem * 0.8);
  width: 90%;
}
.os_form_right input{width: 100%;}
.os_form_right span{padding-left: 1em;}

.os_goods_content .os_list_form a div::before {
  width: 25px;
  height: 25px;
  bottom: 0;
  left: 0px;
  top: 4px;
}
.os_list_form{
  margin-top: 4rem;
}

#online_shopping_2 .return_button a {
  font-size: calc(1.25rem * 0.8);
  padding: 0.5em 2.25em;
}
#online_shopping_2 .return_button a::before {
  width: 8px;
  height: 8px;}

.os_goods_content form{ width: 100%;}

.os_goods_content form label{ font-size: 1rem;}

.os_goods_content form select,.os_form_right input{ font-size: 1rem;}
}


/*--online_shopping_3---------------*/
.os_list_3_wrap div{
  width: 100%;
  color: #fff;
  background-color: #42BBC2;
  border-radius: 5px;
  height: 3.75rem;
  margin-bottom: 5.625rem;
  padding-left: 4em;
  padding-top: 0.85em;
}
.os_list_3_wrap h3{
  position: relative;
  font-size: 1.75rem;
  letter-spacing: 3px;
  border-left: 1px solid #fff;
  display: inline-block;
  padding-left: 0.5em;
}
.os_list_3_wrap .os_list_3_title span::before{
  content: url("../img/onlineshop_list_w_icon.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom:0;
  left:-47px;
}
.os_list_3_wrap table{
  border-collapse: collapse;
  width: 100%;
}
.os_list_3_wrap table th,.os_list_3_wrap table td{
  border-bottom: 1px solid #42BBC2;
  padding-bottom: 0.5em;
}
.os_list_3_wrap table td{ padding: 2.5rem 0;}

.os_list_ta_3 th,.os_list_ta_3 td{ border-bottom: none!important;}

.os_list_ta_2 img{ border:1px solid #42BBC2;}

.os_list_ta_img{ width: 15%;}

.os_list_ta_txt p{
  padding-left: 2rem;
  letter-spacing: 3px;
  font-size: 1.3125rem;
}
.os_list_ta_item{ width: 20%;}
.os_list_ta_item2{ width: 15%;}

.os_list_ta_2 input{
  width: 2.625rem;
  border-bottom: 1px solid #000;
}
.os_list_ta_2 input + span{
  border:2px solid #969696;
  font-size: 10px;
  margin-left: 10px;
  padding:5px 10px;
}
.os_list_ta_2 .t_center button{
  border:2px solid #969696;
  font-size: 10px;
  margin-left: 10px;
  padding:5px 10px;
  color: #000;
}
#online_shopping_3 .return_button{
  display: flex;
  justify-content: flex-end;
}
#online_shopping_3 .return_button div{
  text-align: center;
  margin-bottom: 6.25rem;
}
#online_shopping_3 .return_button a{
  font-size: 1.25rem;
  color:#969696;
  border:2px solid #969696;
  padding:1em 3.25em;
  position: relative;
  display: inline-block;
}
#online_shopping_3 .return_button_r a{
  color:#42BBC2;
  border:2px solid #42BBC2;
}
#online_shopping_3 .return_button_l a::before{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 1px solid #101255;
  border-top: 1px solid #101255;
  transform: rotate(225deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 15px;
}
#online_shopping_3 .return_button_r a::after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 1px solid #42BBC2;
  border-top: 1px solid #42BBC2;
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
}

@media screen and (max-width:1200px){
#online_shopping_3{
  width: 95%;}
}

@media screen and (max-width:750px){
#online_shopping_3{
  width: 100%!important;}

.os_list_3_wrap{width: 100%!important;}

.os_list_ta_txt p{
  padding-left: 1rem;
  letter-spacing: 1px;
  font-size: calc(1rem * 0.8);
}
#online_shopping_3 .return_button a {
  font-size: calc(1.25rem * 0.8);
  padding: 1em 2.25em;
  width: 100%
}
#online_shopping_3 .return_button a::before {
  width: 8px;
  height: 8px;}

.os_list_3_wrap h3{
  font-size: calc(1.75rem * 0.8);
  border-left: 1px solid #fff;
  padding-left: 0.5em;
}
.os_list_3_wrap .os_list_3_title span::before{
  width: 25px;
  height: 25px;
  left:-35px;
}
.os_list_3_wrap div {
  height: 3rem;
  margin-bottom: 2.625rem;
  padding-left: 4.5em;
}
.os_list_3_wrap table td{ padding: 1.5rem 0;}

#online_shopping_3 #form_rental{ width: 100%;}

#online_shopping_3 .return_button{ flex-direction: column-reverse;}

#online_shopping_3 .return_button div{
  margin-bottom: 0.5rem;
  margin-left: 0!important;
}
.os_list_ta_img {width: 20%;}

.os_list_ta_2 input {
  width: 3rem;
  display: block;
  margin: 0 auto 1rem;
}
.os_list_ta_2 input + span {
  margin-left: 0px;
  padding: 3px 10px;
}
.os_list_ta_1 .t_15{ font-size: 0.75rem!important;}

}

/*--お知らせ-----------------------------------*/
.news_title h2{
  border-bottom: 6px solid #42BBC2;
  padding: 4.6875rem 0 2.8125rem;
  margin-bottom: 1.5625rem;
  letter-spacing: 0.7rem;
}
.news_title p{
  font-size: 1.125rem;
  font-family: "roboto";
  margin-bottom: 3.4375rem;
  text-align: center;
}
.news_wrap{
  background-color: #f1f1f1;
  padding: 4.625rem 0 6.25rem;
}
.news_wrap > div{
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
}
.news_content{
  padding:5.25rem 3.375rem 6.25rem;
  text-align: left;
  margin-bottom: 4.125rem;
}
.news_content .news_class{
  width: 108px;
  height: 25px;
  color:#fff;
  font-size: 0.8125rem;
  border-radius: 2.5px;
  text-align: center;
  line-height: 25px;
  margin-right: 1.25rem;
}
.news_content .news_class_news{background-color:#0090d1;}
.news_content .news_class_all{background-color:#E94C4E;}
.news_content .news_class_event{background-color:#42BBC2;}
.news_content .news_class_others{background-color:#999999;}

.news_content .news_day{
  color:#E94C4E;
  font-size: 1.25rem;
  font-weight: bold;
}
.news_content .news_title{
  font-size: 1.5625rem;
  font-weight: bold;
  padding-bottom: 1.5em;
  margin: 2.25rem 0;
  border-bottom: 1px solid;
}
.news_content p{
  font-size: 0.9375rem;
  line-height: 2em;
}
.news_return_btn{
  position: relative;
  width: 371px;
  height: 54px;
  border: 2px solid #42BBC2;
  border-radius: 26px;
  color: #42BBC2;
  background-color: #fff;
}
.news_return_btn p{
  line-height: 49px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
.news_return_btn p::before{
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-right: 2px solid #42BBC2;
  border-top: 2px solid #42BBC2;
  transform: rotate(225deg);
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 20px;
}

@media screen and (max-width:1200px){
.news_wrap > div{
  width: 90%;
  margin: 0 auto;
}
}

@media screen and (max-width:750px){
.news_wrap {
  padding: 2.625rem 0 4.25rem;
}
.news_title h2{
  padding: 2.5rem 0 1.5rem;
  margin-bottom: 0.7rem;
}
.news_title p{
  margin-bottom: 1rem;
}
.news_content .news_class{
  margin-bottom: 1rem;
}
.news_content{
  padding:3.25rem 1.375rem 4.25rem;
  margin-bottom: 3.125rem;
}
.news_content .news_day{
  font-size: calc(1.25rem * 0.8);
}
.news_content .news_title{
  font-size: calc(1.5625rem * 0.8);
  padding-bottom: 1.25em;
  margin: 1.75rem 0;
}
.news_content p{
  font-size: calc(0.9375rem * 0.8);
}
.news_return_btn p{
  font-size: calc(1.125rem * 0.8);
}
.news_return_btn{
  width: 90vW;

}
}

/*--よくあるご質問-------------------------------*/
#faq{width: 100%;}
#faq article{
  padding: 3.125rem 4.375rem 5rem;
  margin-bottom: 7rem;
}
.faq_title h2{margin-bottom: 2.8125rem;}

.faq_title p{
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.faq_link_btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 5.625rem;
}
.faq_link_btn a{
  width: 32%;
  height: 3.125rem;
  line-height: 3.125rem;
  color:#fff;
  border-radius: 6px;
  text-align: center;
  position: relative;
}
.faq_link_btn a div {
  font-size:1.125rem;
  font-weight: bold;
}
.faq_link_btn .back_r::before,
.faq_link_btn .back_b::before,
.faq_link_btn .back_y::before{
  content:url("../img/icon_under_arrow_r.svg");
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: absolute;
  top: 2px;
  left:15px;
}
.faq_link_btn .back_b::before{content:url("../img/icon_under_arrow_b.svg");}
.faq_link_btn .back_y::before{content:url("../img/icon_under_arrow_y.svg");}

#faq_sec_1 h3,#faq_sec_2 h3,#faq_sec_3 h3{
  color: #E94C4E;
  font-size: 2.125rem;
  border-bottom: 1px solid #E94C4E;
  padding-bottom: 0.75em;
  letter-spacing: 7px;
  margin-bottom: 2.3125rem;
}
#faq_sec_2 h3{
  color: #0090d1;
  border-bottom: 1px solid #0090d1;
}
#faq_sec_3 h3{
  color: #f08300;
  border-bottom: 1px solid #f08300;
}

.ac_menu{
  margin-bottom: 1.5rem;
  text-align: justify;
}

#faq_sec_1 .ac_menu .ac_content,
#faq_sec_2 .ac_menu .ac_content,
#faq_sec_3 .ac_menu .ac_content{
  background-color:#fce4e4;
  border-radius: 12px;
  font-size: 1.6875rem;
  font-weight: bold;
}
#faq_sec_2 .ac_menu .ac_content{background-color:#d9e9f4;}
#faq_sec_3 .ac_menu .ac_content{background-color:#fdecd9;}

.ac_menu dd{
  font-size: 1.3125rem;
  line-height: 2;
  position: relative;
 width:100%;
padding: 1.6em 1.6em 1.6em 7.5rem;
 display:none;
  background-color: #fff;
  border-radius: 10px;
}
.ac_menu dd a{
  color:#E94C4E;
  display: inline-block;
  border-bottom: 1px solid #E94C4E;
  line-height: 1.3;
}
/*ac +-*/
.ac_menu dt{
  position: relative;
  padding:  1.4em 5rem 1.4em 7rem;

  line-height: 1.2;
}
#faq_sec_1 .ac_menu dt::before,
#faq_sec_2 .ac_menu dt::before,
#faq_sec_3 .ac_menu dt::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 31px;
  width: 35px;
  height: 4px;
  background: #E94C4E;
  transform: translateY(-50%);
}
#faq_sec_2 .ac_menu dt::before{background: #0090d1;}
#faq_sec_3 .ac_menu dt::before{background: #f08300;}

#faq_sec_1 .ac_menu dt.ac_active::after,
#faq_sec_2 .ac_menu dt.ac_active::after,
#faq_sec_3 .ac_menu dt.ac_active::after{
  top: 38%;
  opacity: 0;
  transform: rotate(90deg);
}


#faq_sec_1 .ac_menu dt::after,
#faq_sec_2 .ac_menu dt::after,
#faq_sec_3 .ac_menu dt::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 46px;
  width: 4px;
  height: 35px;
  background: #E94C4E;
  transform: translateY(-50%);
  transition: .3s;
}

#faq_sec_2 .ac_menu dt::after{background: #0090d1;}
#faq_sec_3 .ac_menu dt::after{background: #f08300;}

#faq_sec_1 .ac_menu dt span::before,
#faq_sec_2 .ac_menu dt span::before,
#faq_sec_3 .ac_menu dt span::before{
  content: url("../img/faq_q_r.svg");
  position: absolute;
  width: 4.25rem;
  height: 4.25rem;
  left: 1.25rem;
  top: calc(50% - 4.25rem / 2);
}
#faq_sec_1 .ac_menu dd::before,
#faq_sec_2 .ac_menu dd::before,
#faq_sec_3 .ac_menu dd::before{
  content: url("../img/faq_a.svg");
  position: absolute;
  width: 4.25rem;
  height: 4.25rem;
  left: 1.25rem;
  top:1.3rem;
}
#faq_sec_2 .ac_menu dt span::before{content: url("../img/faq_q_b.svg");}
#faq_sec_2 .ac_menu dd::before{content: url("../img/faq_a.svg");}
#faq_sec_3 .ac_menu dt span::before{content: url("../img/faq_q_y.svg");}
#faq_sec_3 .ac_menu dd::before{content: url("../img/faq_a.svg");}


@media screen and (max-width:1200px){
.faq_link_btn a div {
  font-size:1.3vw;
}
}
@media screen and (max-width:950px){
.faq_link_btn a div {
  font-size:1.125rem;
}
.faq_link_btn a{
  width: 100%;
  margin-bottom: 1rem;
}
.faq_link_btn {
  flex-direction: column;
  margin-bottom: 4.625rem;
}

}
@media screen and (max-width:750px){

#faq{width: 100%;}/**/
#faq article{
  padding: 1.125rem 1.5rem 3rem;
  margin-bottom: 5rem;
}
.faq_title h2{
  margin-bottom: calc(2.8125rem * 0.8);
  font-size: 1.75rem}

.faq_title p{
  font-size: calc(1.25rem * 0.8);
  margin-bottom: calc(1.5rem * 0.8);
}

.faq_link_btn {
  margin-bottom: calc(5.625rem * 0.8);
}
.faq_link_btn a div {
  font-size:calc(1.125rem * 0.8);
}
.back_r div::before,.back_b div::before,.back_y div::before{
  width: calc(1.125rem * 0.8);
  height: calc(1.125rem * 0.8);
  top: 2px;
  left:-35px;
}
.ac_menu dt{
  padding:  1.2em 3rem 1.2em 4.5rem;
}
#faq_sec_1 .ac_menu dt::before,
#faq_sec_2 .ac_menu dt::before,
#faq_sec_3 .ac_menu dt::before{
  top: 50%;
  right: 10px;
  width: 20px;
  height: 4px;
}
#faq_sec_1 .ac_menu dt::after,
#faq_sec_2 .ac_menu dt::after,
#faq_sec_3 .ac_menu dt::after{
  top: 50%;
  right: 18px;
  width: 4px;
  height: 20px;
}
#faq_sec_1 .ac_menu dt span::before,
#faq_sec_2 .ac_menu dt span::before,
#faq_sec_3 .ac_menu dt span::before{
  width: 2.2rem;
  height: 2.2rem;
  left: 0.7rem;
  top: calc(50% - 1.1rem);
}
#faq_sec_1 .ac_menu dd::before,
#faq_sec_2 .ac_menu dd::before,
#faq_sec_3 .ac_menu dd::before{
  width: 2.2rem;
  height: 2.2rem;
  left: 0.7rem;
  top:1.2rem;
}
#faq_sec_1 h3,#faq_sec_2 h3,#faq_sec_3 h3{
/*  font-size: calc(2rem * 0.8);*/
  font-size: 1.5rem;
  padding-bottom: 0.5em;
  letter-spacing: 5px;
  margin-bottom: 2rem;
}
.ac_menu{
  margin-bottom: 1rem;
}

#faq_sec_1 .ac_menu .ac_content,
#faq_sec_2 .ac_menu .ac_content,
#faq_sec_3 .ac_menu .ac_content{
  font-size: calc(1.25rem * 0.8);
}
.ac_menu dd{
  font-size: calc(1.1rem * 0.8);
padding: 1.2em 1.2rem 1.2em 4.5rem;
}

}


@media screen and (max-width: 500px){
#faq article {
  padding: 1.125rem 1rem 3rem;}

}

  /*===検索窓ここから===*/
	.search-wrap {
		position: relative;
		max-width:1200px;
		margin: 0 auto;
		display: none;
	}

	.search-box {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 1em;
		min-width: 120px;
		max-width: 100%;
		background: #F0F0F0;
		border-radius: 3px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .1);
		z-index: 100;
		}

		.search-box:before {
			content: "";
			position: absolute;
			top: -30px;
			left: 70%;

			margin-left: -40px;
			border:20px solid transparent;
			border-bottom: 25px solid #F0F0F0;
			z-index: 100;
			pointer-events: none;
		}

		@media screen and (max-width: 980px) {
			.search-box:before {
				left: 80%;
		}
	}

	.search-box input[type="text"] {
		background:#fff;/*背景色を付ける*/
		}

	.search-wrap input[type="submit"] {
			background-color: #0090D1;
			background-size: 20px 10px;
			color: #fff;
			border-radius: 3px;
			width: 50px;
			height: 20px;
			font-size: 0.85rem;
		}

  /*===検索窓ここまで===*/

	/*===言語ドロップダウンここから===*/

	.dropdown-wrap {
		position: relative;
		max-width:1200px;
		margin: 0 auto;
		display: none;
	}

	.dropdown {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 1em 1em;
		min-width: 120px;
		max-width: 100%;
		background: #F0F0F0;
		border-radius: 3px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .1);
		z-index: 1000;
		}

	.lang_menu {
		position: relative;
		list-style: none;
		opacity: 1;
		top: 0;
		}

	.lang_item {
		padding: 0.4em 1em;
		display: block;
		text-align: center;
		position: relative;
		color: #333;
		font-size: 0.85rem;
		text-decoration: none;
		}

	.lang_item:hover {
		background-color: #0090D1;
		border-radius: 3px;
		}

	.lang_item:hover a {
			color: #fff;
		}

	.lang_item:visited {
			background-color: transparent;
		}

	.lang_item:visited a {
		color:#fff;
	}

	.animation {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
		}

	.dropdown:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 70%;
		margin-left: -15px;
		border:20px solid transparent;
		border-bottom: 25px solid #F0F0F0;
		z-index: 100;
    pointer-events: none;
	}

	#h_search, #h_language {
		z-index: 1000;
		cursor: pointer;
	}

/*===言語ドロップダウンここまで===*/










/*




.cm-slidenav{
	outline:0;
	border:0;
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	width:calc(70em/16);
	height:calc(70em/16);
	background-color:#fff;
	border-radius:50%;
	position:relative
}
.cm-slidenav[aria-disabled=true]{
	opacity:.4;
	pointer-events:none
}
.cm-slidenav__circle{
	position:absolute;
	top:-2px;
	left:-2px;
	width:calc(100% + 4px);
	height:calc(100% + 4px);
	z-index:0
}
.cm-slidenav__circle svg{
	transform:rotate(-90deg);
	width:100%;
	height:100%
}
.cm-slidenav__circle circle{
	fill:transparent;
	stroke:#42bbc2;
	stroke-width:2;
	transform-origin:center center;
	stroke-dasharray:0 214
}
.cm-slidenav__arrow{
	display:block;
	position:relative;
	z-index:1
}
.cm-slidenav__arrow svg{
	width:calc(23em/16);
	height:calc(14em/16);
	fill:#42bbc2
}
/*@media(hover:hover){
	.cm-slidenav__circle circle{
		transition:stroke-dasharray var(--v-transition)
	}
	.cm-slidenav__arrow svg{
		transition:fill .1s
	}
	.cm-slidenav:hover .cm-slidenav__circle circle{
		stroke-dasharray:214 214
	}
	.cm-slidenav:hover .cm-slidenav__arrow svg{
		fill:#42bbc2
	}
	.cm-slidenav.is-prev:hover .cm-slidenav__arrow svg{
		animation:linkhoverreverse .5s cubic-bezier(.86,0.000,.07,1.000)
	}
	.cm-slidenav.is-next:hover .cm-slidenav__arrow svg{
		animation:linkhover .5s cubic-bezier(.86,0.000,.07,1.000)
	}
/*}







@media(hover:hover){.cm-slidenav__circle circle{transition:stroke-dasharray var(--v-transition)}.cm-slidenav__arrow svg{transition:fill .1s}.cm-slidenav:hover .cm-slidenav__circle circle{stroke-dasharray:214 214}.cm-slidenav:hover .cm-slidenav__arrow svg{fill:#c6a37b}.cm-slidenav.is-prev:hover .cm-slidenav__arrow svg{animation:linkhoverreverse .5s cubic-bezier(.86,0.000,.07,1.000)}.cm-slidenav.is-next:hover .cm-slidenav__arrow svg{animation:linkhover .5s cubic-bezier(.86,0.000,.07,1.000)}}


@media screen{
[aria-disabled]{cursor:default}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}:root{--v-main-bg:#ede5dc;--v-main-color:#1a1a1a;--v-gray-border:#787878;--v-gray-border-opacity:rgba(120,120,120,.48);--v-light-gray-border:rgba(167,167,167,.32);--v-brown-bg:#c9b993;--v-brown-txt:#b8a473;--v-caution:#cc3087;--section-width:1150;--section-width-wide:1264;--section-width-min:1000;--v-transition:.35s cubic-bezier(.39,.575,.565,1.000)};







*/
/*SP版メニューとトップへ戻るボタンの追加*/
body{
	position:relative;
}article{
	padding-bottom:80px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:198;
	display:none;
}
#page-top a {
	background:#DC4C4C;
	color:#ffffff;
    width: 60px;
	height:60px;
    text-align: center;
    display: block;
    font-size: 0.8rem;
}

#page-top a:before{
	content:"TOP";
	padding-top:15px;
	position:absolute;
	background-image:url('../img/pagetop_arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width:30px;
	height:25px;
	top:38%;
	left:50%;
	transform: translatex(-50%) translatey(-50%);
    -webkit- transform: translatex(-50%) translatey(-50%);
}


#page-top-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
/*	z-index:198;	*/
	display:none;
}
#page-top-banner a {
    width: 120px;
	height:120px;
    display: block;
}



.enjoy_txt_wrap{
	margin-top: 4.6rem;
}


@media screen and (max-width: 750px){

	.enjoy_txt_wrap{
		margin-top: 2.6rem;
	}

	#page-top {
	    bottom: 10px;
	    right: 10px;
	}
/*	#page-top a {
	    width: 60px;
		height:60px;
	}	*/
	#page-top a:before{
		width:28px;
		height:10px;
	}

	#page-top-banner {
	    bottom: 10px;
	    left: 10px;
	}



	header .food-header02{
		height:50px;
	}

	header .food-header01.sp{
		position:fixed;
		top:0;	left:0;
		z-index:200;
	}
	header .food-header01.sp .sphead{
		position:relative;
		top:0;	left:0;
		z-index:200;
		height:50px;
		text-align:center;
		padding:1rem 0;
	}header .food-header01.sp img{
		width:190px;
	}header .food-header01.sp .sp_hamburger_ou{
		position:absolute;
		top:0; right:10px;
	}

	header .sp_hamburger {
		pointer-events: auto;
		position: relative;
		display:inline-block;
	    width: 48px;
		height:50px;
		padding:14px 9px 13px;
		z-index:300;
	}header .sp_hamburger a {
	    position: relative;
	    display: block;
	    height: 100%;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	    box-sizing: border-box;
		cursor: pointer;
	}header .sp_hamburger a:hover {
	/*	opacity: 1;*/
	}header .sp_hamburger span {
	    position: absolute;
	    display: inline-block;
	    left: 0;
	    width: 100%;
	    height: 3px;
		border-radius: 15px;
		background:#ffffff;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	    box-sizing: border-box;
	}header .sp_hamburger span:nth-of-type(1) {    top: 1px;	}
	header .sp_hamburger span:nth-of-type(2) {    top: 10px;	}
	header .sp_hamburger span:nth-of-type(3) {    bottom: 1px;	}
	header .sp_hamburger span:nth-of-type(2)::after {
	    position: absolute;
	    top: 0;
	    left: 0;
	    content: '';
	    width: 100%;
	    height: 3px;
		background:#ffffff;
		border-radius: 15px;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	}header .sp_hamburger .active span,
	header .sp_hamburger .active span:nth-of-type(2)::after{
		background:#ffffff;
	}
	header .sp_hamburger .active span:nth-of-type(2) {
	    /*-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);*/
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}header .sp_hamburger .active span:nth-of-type(2)::after {
	    /*-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);*/
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}header .sp_hamburger .active span:nth-of-type(1) {
	    -webkit-transform: translateY(20px) scale(0);
	    -ms-transform: translateY(20px) scale(0);
	    transform: translateY(20px) scale(0);
	}header .sp_hamburger .active span:nth-of-type(3) {
	    -webkit-transform: translateY(-20px) scale(0);
	    -ms-transform: translateY(-20px) scale(0);
	    transform: translateY(-20px) scale(0);
	}





	header .sp_header_menu{
		position:fixed;
		width:100vw;
		padding:55px 0 20px 35px;
		background:#f0f0f0;
		top:0;	right:-100%;
		z-index: 199;
		opacity:0;
		transition: all .5s ease-out;

	    max-height: 100vh;
		overflow-y: scroll;
	}header .sp_header_menu.active{
		right:-0%;
		opacity:1;
	}

	header .sp_header_menu .sp_menu{
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul{
		width:100%;
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul li{
		border-bottom:1px solid #DC4C4C;
		width:100%;
		text-align:left;
		position:relative;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li a{
		display:flex;
		align-items: center;
		padding:15px 0;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li img{
		width:3rem;
		margin-right:1.5rem;
		display:inline-block;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li p{
		color:#DC4C4C;
		display:inline-block;
		font-size:1.15rem;
		font-weight:bold;
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul li:after{
		content:"";
		position:absolute;
		top:50%;	right:35px;
		transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
		width:10px;	height:15px;
		background-image:url('../img/header_sp_icon_arrow.svg');
		background-size: contain;
		background-repeat: no-repeat;
	}


	header .sp_header_menu .sp_submenu{
		margin-top:30px;
		width:calc(100% - 35px);
		font-size:1rem;
	}
	header .sp_header_menu .sp_submenu .menu_faq_btn{
		width:100%;
		margin-bottom:20px;
	}header .sp_header_menu .sp_submenu .menu_faq_btn a{
		border:1px solid #e94c4e;
		color:#e94c4e;
		background:#ffffff;
		border-radius:3px;
		display:block;
		font-size: 1.1rem;
		padding:8px;
	    letter-spacing: 0.2rem;
		display: flex;
    	align-items: center;
	}header .sp_header_menu .sp_submenu .menu_faq_btn a img{
		width:1.5rem;
		margin-right:0.3rem;
		display:inline-block;
	}

	header .sp_header_menu .sp_submenu .menu_language{
		display:flex;
		align-items: flex-start;
	}header .sp_header_menu .sp_submenu .menu_language .lang_title,
	header .sp_header_menu .sp_submenu .menu_language .lang_list{
		width:50%;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_title{
		color:#e94c4e;
		font-size:1.2rem;
		padding-top: 2px
		letter-spacing: 0.1rem;
	    display: flex;
	    align-items: center;
	}header .sp_header_menu .sp_submenu .menu_language .lang_title img{
		width:1.5rem;
		margin-right:0.3rem;
		display:inline-block;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul{
		width:100%;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a{
		width:100%;
		margin-top:5px;
		background:#e94c4e;
		color:#ffffff;
		border-radius:3px;
		display:block;
		text-align:center;
		padding:6px 0 8px;
		font-size:1rem;
		position:relative;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a span{
		letter-spacing: 0.2rem;
		margin-right:-0.2rem;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li.lsa a span{
		letter-spacing: 0.4rem;
		margin-right:-0.4rem;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li.lsb a span{
		letter-spacing: 0.1rem;
		margin-right:-0.1rem;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current li a{
		margin-top:0;
	}

	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a:after{
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
	    width: 10px;
	    height: 12px;
	    background-image: url(../img/header_sp_langarrow.svg);
	    background-size: contain;
	    background-repeat: no-repeat;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current li a:after{
	    background-image: url(../img/header_sp_langarrow_b.svg);
	    width: 13px;
	    height: 6px;
	}

	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current+div{
		display:none;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.toggle.active{

	}

	header .sp_header_menu .sp_submenu .menu_search{
		margin-top:20px;
	}
	header .sp_header_menu .sp_submenu .menu_search form{
		display:flex;
	    justify-content: space-between;
	}
	header .sp_header_menu .sp_submenu .menu_search input{
		background:#ffffff;
		padding:6px 7px 8px;
		border-radius:3px;
		width:calc(100% - 80px);
	}header .sp_header_menu .sp_submenu .menu_search input::placeholder{
		color: #989798;
	}
	header .sp_header_menu .sp_submenu .menu_search button{
		border-radius:3px;
		background:#e94c4e;
		color:#ffffff;
		width:70px;
		padding:7px 0;
		height:38px;
		display: flex;
		align-items: center;
	    justify-content: center;
		letter-spacing: 0.3rem;
	    padding-left: 0.3rem;
	}





	header .sp_header_menu .sp_sns{
		margin-top:30px;
	}
	header .sp_header_menu .sp_sns>p{
		font-size:1.2rem;
		padding-bottom:5px;
		border-bottom:1px solid #2e2f2f;
		color:#2e2f2f;
		font-family: 'Oswald', sans-serif;
	}
	header .sp_header_menu .sp_sns .sp_sns_ul{
		display:flex;
		padding-top:15px;
		padding-bottom:15px;
		border-bottom:1px solid #2e2f2f;
	}header .sp_header_menu .sp_sns .sp_sns_ul li{
		margin-right:1rem;
	}header .sp_header_menu .sp_sns .sp_sns_ul li img{
		width:3rem;
	}

	header .sp_header_menu .sp_head_end{
		margin-top:5px;
		color:#2e2f2f;
		font-weight: 100;
		font-size:0.85rem;
		font-family: 'Oswald', sans-serif;
	}



}

.no_opacity{
  opacity: 1!important;
}
.e_price{
  color: #808080;
}

/*20221201_追加*/
.goods_item .os_icon,
.pickup_wrap .os_icon{
  display: flex;
  margin-bottom: 0.5rem;
}
.goods_item .os_icon img,
.pickup_wrap .os_icon img{
  margin-right: 0.5rem;
  border: none;
  width: auto;
  height: 2rem;
  max-height: 27px;
}
.goods_item div a:hover .os_icon img ,
.pickup_wrap div a:hover .os_icon img {
    outline: none!important;
}
.goods_wrap{
  padding-bottom: 1rem;
  border-bottom: 6px solid #E94C4E;
}
.rh_goods_wrap{
  padding-bottom: 1rem;
}
.online_shop_link img{
  margin: 4.375rem auto 11rem;}

.enjuy_sp_txt{
  color: #E94C4E;
  font-size: 1.25rem;
  margin-top: 5rem;
  letter-spacing: 0.1rem;
}
.pickup_wrap > div a p,
.onlineshop_item > div a p{
  margin-top: 1rem;
}
.pickup_wrap .os_icon,
.onlineshop_item .os_icon{
  margin-top: 1.125rem;
}
.onlineshop_item > div a dl{ margin-top:0rem;}

/*holl_faq*/
.ac_menu dt.ac_active::after{
  top: 38%;
  opacity: 0;
  transform: rotate(90deg);
}


@media (min-width: 750px) and (max-width: 980px) {
.goods_item .os_icon{
  display: block;
}
}

.search_result_h4{
  font-size: 1.6rem!important;
}

.search_result_title{
  font-size: 1.2rem;
  margin-bottom: 0.5rem!important;
}

.search_result_text{
  font-size: 1rem;
  border-bottom: dashed 1px #42BBC2;
  margin-bottom: 2rem!important;
}

.search_result_p{
  margin-bottom: 1.5rem!important;
}

.cart_del{
  margin: 0.4em -4.2em 0 0;
}

.food-table {
  border-spacing:0;
  margin-top: 5px;
  margin-bottom: 5px;
  border: none;
  background:#FFF;
  width: 100%;
}

.food-table th,
.food-table td {
  padding:0.7rem 1rem;
  border: none;
  border-top: 1px solid #BFC0C0;
}

.food-table th {
  background:#E8E8E8;
  font-size: 0.8125rem;
  text-align: center;
  width: 50%;
  white-space: nowrap;
}

.food-table td {
  font-size: 0.75rem;
  width: 50%;
  line-height: normal;
}

.food-table tr:last-child th,
.food-table tr:last-child td {
  border-bottom: 1px solid #BFC0C0;
}

.food-table th:nth-child(2n),
.food-table td:nth-child(2n) {
  border-left: 1px solid #BFC0C0;
}

@media screen and (max-width: 750px){
  .enjuy_sp_txt{
    font-size: calc(1.25rem * 0.8);
    margin-top: 2rem;
  }

  .goods_item .os_icon img,
  .pickup_wrap .os_icon img{
    height: 2.3rem;
    max-height: 34px;
  }

  .cart_del{
    margin-right: 0;
  }

  .food-table {
    margin-bottom: 0.625rem;
  }
}

.tourism_sec_cont .icon_access:before,
.tourism_sec_cont .icon_car:before,
.tourism_sec_cont .icon_bus:before,
.tourism_sec_cont .icon_taxi:before{
  content:url("../img/icon_access.svg");
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  left:0;
}
.tourism_sec_cont .icon_car:before{content:url("../img/icon_car.svg");}
.tourism_sec_cont .icon_bus:before{content:url("../img/icon_bus.svg");}
.tourism_sec_cont .icon_taxi:before{content:url("../img/icon_taxi.svg");}

.coupon_bg{
  background: #E94C4E;
}

.coupon_main{
  width: 94%;
  background: #FFF;
  margin: 0 auto;
  text-align: center;
}



/*--	2404パーティープラン追加	----------------*/
.page_partyplan{
}

.page_partyplan .hall_title_pic{
	border-bottom:none;
    margin-bottom: 60px;
}
.page_partyplan .title_style{
	max-width: 1200px;
	letter-spacing: 0.2em;
    margin: 0 auto;
    font-size: 1.25rem;
    color: #FFF;
    font-weight: bold;
    background-color: #e94c4e;
	padding: 1.05rem 1rem 0.9rem;
	margin-top:30px;
	margin-bottom:20px;
}


.page_partyplan .plan_area .plan_tab{
	display:flex;
    justify-content: space-between;
	padding-bottom:40px;
	border-bottom:1px solid #C8A872;
}.page_partyplan .plan_area .plan_tab a{
	width:31%;
	display:flex;
	align-items: center;
    justify-content: center;
	border:2px solid #C8A872;
	padding:20px 0;
	border-radius:6px;
    cursor: pointer;
	font-family: 'Noto Serif JP';
}.page_partyplan .plan_area .plan_tab a{

}.page_partyplan .plan_area .plan_tab a p.plan_title{
	font-weight:bold;
	font-size:1.42rem;
	border-bottom:3px double #C8A872;
	margin-bottom:10px;
	padding-bottom: 15px;
    letter-spacing: 0.15em;
}.page_partyplan .plan_area .plan_tab a .plan_data{
	font-size:0.80rem;
	display: flex;
    justify-content: space-between;
}.page_partyplan .plan_area .plan_tab a .plan_data p{
	display:inline-block;
    letter-spacing: 0.02em;
	margin-right:10px;
}.page_partyplan .plan_area .plan_tab a .plan_data p:last-child{
	margin-right:0;
}.page_partyplan .plan_area .plan_tab a .plan_data p:before{
	content:"●";
	color:#C8A872;
}
.page_partyplan .plan_area .plan_tab a.on{
	border:2px solid #ffffff;
	position:relative;
	color:#ffffff;
	background:#C8A872;
    cursor: auto;
}.page_partyplan .plan_area .plan_tab a.on:before{
	content:"";
	position:absolute;
	display:block;
	top:2px;	left:2px;
	width:calc(100% - 4px);	height:calc(100% - 4px);
	border:2px solid #ffffff;
	border-radius:3px;
	pointer-events: none
}.page_partyplan .plan_area .plan_tab a.on:hover,.page_partyplan .plan_area .plan_tab a.on:focus{
	opacity:1;
}.page_partyplan .plan_area .plan_tab a.on p.plan_title{
	border-bottom:3px double #ffffff;
}.page_partyplan .plan_area .plan_tab a.on .plan_data p:before{
	color:#ffffff;
}
.page_partyplan .plan_area .plan_tab a.on:after{
	content:"";
	position:absolute;
	display:block;
	width:15px;	height:15px;
	border-right:2px solid #C8A872;
	border-bottom:2px solid #C8A872;
    bottom: -30px;	left:50%;
	transform: rotate(45deg) translateX(-50%);
}

.page_partyplan .plan_area .plan_datail_box{
	margin-top:20px;
}
.page_partyplan .plan_area .plan_datail_box .plan_box{
	display:none;
}.page_partyplan .plan_area .plan_datail_box .plan_box.on{
	display:block;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_image_box{
	width:100%;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_image_box .image_box_main{
	margin-bottom:13px;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_image_box .image_box_sub{
	display:flex;
    justify-content: space-between;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_image_box .image_box_sub a{
	width:32.5%;
}

.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box{
	text-align:left;
	position:relative;
	font-family: 'Noto Serif JP';
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box h3{
	border-bottom:3px double #C8A872;
	position:relative;
	text-align:left;
	padding-left:1.2rem;
	padding-top:7px;
	padding-bottom:15px;
	margin-top:30px;
	font-size:1.8rem;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box h3:before{
	content:"";
	display:inline-block;
	width:5px;	height:90%;
	background:#C8A872;
	position:absolute;
	left:0;	top:0;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .data_area{
	position:absolute;
	top:10px; right:0;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .data_area p{
	display:inline-block;
	border:1px solid #C8A872;
	padding:1px 7px;
	margin-right:15px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .data_area p:last-child{
	margin-right:0;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .plan_detail{
	display:flex;
    justify-content: space-between;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .menu_area{
	margin-left:20px;
	margin-top:30px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .menu_area li{
	margin-bottom:1.05rem;
    text-indent: -1.0rem;
    padding-left: 1.0rem;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .menu_area li:before{
	content:"●";
	color:#C8A872;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .menu_area li.note{
	margin-top:30px;
	font-size:0.8rem;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .menu_area li.note:before{
	content:"";
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area{
	border:1px solid #C8A872;
	display:inline-block;
	font-family:'Noto Sans JP', sans-serif;
	position:relative;
	margin-top:20px;
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .drink_set{
	position:absolute;
	display:inline-block;
	top:18px;	left:20px;
	border:1px solid #e94c4e;
	color:#e94c4e;
	padding:1px 6px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .drink_title{
	width:100%;
	background:#C8A872;
	padding:6px 20px;
	margin-top:65px;
	margin-bottom:20px;
	color:#ffffff;
	font-size:1.15rem;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .drink_lineup{
	margin:20px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .drink_lineup li{
	margin-bottom:10px;
	font-size:0.85rem;
    text-indent: -1.0rem;
    padding-left: 1.0rem;
	font-weight: 400;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .drink_lineup li:before{
	content:"○";
}
.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .plas500{
	position:absolute;
	top:32px;	right:20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 120px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .plas500 img{
	width:105px;	height:auto;
	border-radius:50%;
	display:block;
	margin-bottom:10px;
}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .plas500 span{
	text-align:center;
	line-height:1.5;
	color:#e94c4e;
	letter-spacing: 0.01em;
	background:linear-gradient(transparent 60%, #FFFF00 0%);
	display: inline;
}

.page_partyplan .hr_one_y{
	border-top: 3px double #c09c5f;
}
.page_partyplan .white_btn .hall_link_app,.page_partyplan .white_btn .hall_link_inq{
	border:2px solid #231815 !important;
	background:#ffffff !important;
	color:#231815 !important;
	font-weight:normal;
}.page_partyplan .white_btn .arrow_r:after{
	border-top: solid 2px #231815 !important;
    border-right: solid 2px #231815 !important;
}
.page_partyplan .hall_link_app.red_btn{
	background:#e94c4e !important;
}

.page_partyplan .indentlist span.indent{
	display:block;
	text-indent:-1em;	padding-left:1em;
}.page_partyplan .indentlist span.indent:before{
	content:"○";
}

.page_partyplan .rh_goods_wrap{
	font-family: 'Noto Serif JP';
}.page_partyplan .rh_goods_wrap .hall_price_n04{
	margin-top:1.3rem;
}.page_partyplan .rh_goods_wrap .hall_price_n04 span.indent{
	margin-bottom:0.7rem;
}
.page_partyplan .rh_goods_wrap .hall_price_n01{
	text-align:left;
	letter-spacing: 1.4em;
    padding: 0.7rem 1.2rem;
}
.page_partyplan .rh_goods_wrap .hall_price_n02{
	text-align:left;
}

@media screen and (max-width: 750px){

	.page_partyplan .hall_title_pic{
		margin-bottom:15px;
	}
	.page_partyplan .title_style{
		text-align:center;
	}
	.page_partyplan .plan_area .plan_tab{
		flex-wrap:wrap;
	}.page_partyplan .plan_area .plan_tab a{
		width:100%;
		margin-bottom:15px;
	}.page_partyplan .plan_area .plan_tab a:last-child{
		margin-bottom:0;
	}
	.page_partyplan .plan_area .plan_tab a.on:after{
		bottom:unset;	left:unset;
		top:50%;	right:25px;
   		border-right: 2px solid #ffffff;
	    border-bottom: 2px solid #ffffff;
		transform: rotate(45deg) translateX(-50%) translateY(-50%);
	}
	.page_partyplan .plan_area .plan_tab a p.plan_title{
		margin-bottom:0;
		text-align:center;
	}
	.page_partyplan .plan_area .plan_datail_box {
	/*    margin-top: -50px;
	    padding-top: 50px;*/
	}
	.page_partyplan .plan_area .plan_datail_box .plan_box .plan_image_box .image_box_main{
		margin-bottom:3px;
	}
	.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .data_area{
		position:relative;
		margin-top:10px;	margin-left:20px;
	}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .plan_detail{
		flex-wrap:wrap;
	}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area{
		margin-top:10px;
	}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .plas500{
		position: relative;
		top:unset;	right:unset;
	    width: 100%;
	}.page_partyplan .plan_area .plan_datail_box .plan_box .plan_text_box .drink_area .plas500 img{
		width:80px;	margin-right:10px;
	}


}


