@charset "UTF-8";

body {
    list-style: none
}

#header990 {
    max-width: 950px;
    padding: 0;
    width: 100%;
    margin: 0 auto
}

#headerSP {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 5px 8px 10px;
    position: relative;
    margin-bottom: 5px;
    display: none
}

#header990 .pankuzu {
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 10px !important
}

.pankuzu li {
    float: left;
    font-size: 7px;
    margin-left: 3px;
    margin-top: 0;
    list-style-type: none;
    line-height: 1.5em;
    font-size: 10px
}

.pankuzu li span {
    position: relative;
    padding: 0 1px 0 2px;
    top: -1px
}

#info{
    max-width: 950px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
}

#page_info {
    float: right;
}

.index_h1{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

.cS {
    background-image: url(/assets/img/common/sitetitle.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0
}

.logoL {
    background-position: 0 0;
    display: block;
    width: 90px;
    height: 35px;
    text-indent: -9999px;
    background-size: 214px auto
}

@media only screen and (max-width:768px) {
    #headerSP {
        display: block
    }

    #siteHeaderMountPoint {
        display: none
    }

    #header_dms_ovr,
    .catch {
        display: none
    }
}

a,
body,
input,
li,
select,
strong,
table,
td,
textarea,
th {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important
}

body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
ol,
p,
select,
table,
td,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

body {
    line-height: 1.9 !important;
    overflow: visible
}

img {
    border: 0;
    box-shadow: none !important;
    text-decoration: none;
    max-width: 100%
}

.displaypc {
    display: block
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}

#header_dms_ovr {
    display: none
}

#header990 {
    max-width: 950px;
    padding: 0;
    width: 100%
}

#headerSP {
    border-bottom: none;
    padding: 0;
    position: relative;
    margin-bottom: 0px;
    display: block
}

#index {
    background-color: #fff
}

.pankuzu li :hover {
    color: #ff7d00
}

ol,
ul {
    list-style: none outside none
}

.mobile_hide {
    display: none
}

.pc_hide {
    display: block
}

#footer_area {
    width: 1000px;
    margin: 0 auto
}

#footer2 {
    width: 100%;
    height: 47px;
    margin-top: 0
}

#footerRLogo {
    height: 40px;
    margin: 30px 0 30px 5px;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

#footerLinks {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10px;
    font-size: 12px;
    font-weight: 700
}

#footerLinks li.line {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#footerLinks a {
    color: #444
}

#footerLinks a.line {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.footerRlogo_tx {
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', Meiryo, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif
}

#header_area * {
    margin: 0;
    padding: 0
}

#header990 {
    max-width: 950px;
    padding: 0;
    margin: 5px auto
}

@media only screen and (min-width:641px) {
    .sp {
        display: none !important
    }

    #header990 {
        max-width: 950px;
        padding: 0
    }

    #subnavi #subnaviLinks {
        line-height: 0
    }

    #header_dms_ovr {
        display: block
    }

    #headerSP {
        display: none
    }

    #header990 .pankuzu {
        margin: 5px 0 10px;
    }

    #index {
        margin: 0 auto
    }

    #campaign {
        display: block;
        float: left
    }

    #footerLinks {
        border: none;
        margin: 0;
        font-weight: 400;
        border-bottom: 2px solid #999
    }

    #footerLinks li {
        display: inline
    }

    #footerLinks li.line {
        border: none;
        display: inline;
        padding: 0
    }

    #footerLinks li.line2 {
        border-left: 1px solid #444
    }

    #footerLinks a {
        color: #1b47ff;
        padding: 0 6px;
        font-size: 11px
    }

    #footerLinks a.line {
        display: inline;
        border-right: 1px solid #444;
        border-bottom: none;
        padding: 0 6px
    }

    #footerLinks a:hover {
        color: #ff7d00
    }

    .catch {
        display: block;
        color: #666;
        font-weight: 700;
        font-size: 12px;
        left: 10px;
        position: relative
    }

    #cam {
        margin-top: 10px;
        margin-bottom: 5px
    }

    #container {
        max-width: 950px;
        margin: 0 auto
    }

    .main {
        margin-bottom: 15px;
        min-width: 950px
    }

    .pc_hide {
        display: none
    }

    .mobile_hide {
        display: block
    }

    .socialIcon {
        float: right;
        width: 280px;
        clear: right
    }

    .socialIcon ul {
        text-align: right
    }

    .coupon ul li {
        float: left;
        height: 100px
    }

    .coupon ul li.flow01 {
        width: 260px
    }

    .coupon ul li.flow02 {
        width: 310px
    }

    .coupon ul li.flow03 {
        width: 300px
    }

    .coupon ul li .coupon_btn {
        width: 192px;
        height: 40px
    }
}

@media only screen and (max-width:768px) {
    #footer_area {
        width: 100%
    }

    #header990 {
        width: 100% !important
    }

    #header_dms_ovr,
    .catch {
        display: none
    }

    #headerSP {
        display: block
    }

    .displaypc,
    .pc {
        display: none !important
    }

    .sp {
        display: block !important
    }

    #footer_area {
        width: 100%
    }

    #header990 {
        width: 100% !important;
        margin: 5px auto;
    }

    #contents {
        min-width: inherit;
        background-image: none
    }

    .topicpath{
        margin: 5px 10px 25px 10px;
    }

    .pankuzu li {
        font-size: 10px;
    }

    #siteHeader {
        display: none !important
    }
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 150ms
}

img {
    vertical-align: top
}

.txt_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hover_opacity07:hover {
    opacity: .7
}

.mt_4p {
    margin-top: 4%
}

#index {
  max-width: 1400px;
}

#kv {
    text-align: center
}

#kv_wrapper {
    position: relative
}

#coupon_top {
    position: absolute;
    bottom: 21%;
    right: 17%;
    width: 14%
}

#nav_wrapper{
  background-image: url(../images/nav_bg.jpg);
  background-repeat: no-repeat;
}
#nav {
  max-width: 950px;
  display: flex;
  width: 67.85%;
  margin: 0 auto;
}
#nav li {
  width: 33.333%;
}

#intro_wrapper{
  background-image: url(../images/bg_intro.jpg);
  padding: 2.85% 0;
}
#lead {
  max-width: 930px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  font-size: clamp(12px, 1.7vw, 20px);
}
#lead span {
  color: #f83e35
}

@font-face {
  font-family: 'Noto Light';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansJP-Regular.woff) format('opentype');
  font-display: swap;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'
}
@font-face {
  font-family: 'Noto Bold';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansJP-Bold.woff) format('opentype');
  font-display: swap;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'
}

#lead,
.plan_wrapper,
.plan_info,
.plan_name,
.txt_mame,
#source,
#source a,
.notes_right,
.notes,
.notes a {
  font-family: 'Noto Light', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important
}

.price_strong,
.plan_name {
  font-family: 'Noto Bold', "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important
}

.contents870 {
  max-width: 870px;
  width: 65%;
  margin: 0 auto;
  margin-bottom: 0;
}

#area_wrapper{
  background-image: url(../images/bg_area.jpg);
  padding: 5% 0;
  background-size: cover;
}
#ttl_area {
    width: 78.5%;
    margin: 0 auto
}

#ul_area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 4% 0
}

#ul_area li {
  width: 30.84%;
}

#btn_area {
    width: 55%;
    margin: 0 auto
}

#mame_wrapper{
  background-image: url(../images/bg_mame.jpg);
  padding: 5% 0;
  background-size: 100%;
}

#mame_wrapper h3{
  padding-bottom: 4.597%;
  padding-top: 9.195%;
}

#mame_wrapper section:nth-of-type(1) h3{
  padding-top: 0;
}

#ttl_mame {
    width: 84.7%;
    margin: 0 auto;
    padding: 0 3%;
    margin-bottom: 6%
}

.ul_mame {
  display: flex;
  align-items: flex-start;
}

.ul_mame li {
  vertical-align: top
}

.img_mame_left1{
  width: 29.19%;
  margin-left: 5.287%;
  margin-right: 9.54%;
}

.img_mame2{
  width: 31.264%;
}

.img_mame_left3{
  width: 25.51%;
  margin-left: 8.505%;
  margin-right: 10%;
}

.txt_mame {
  width: 51.95%;
  background-color: #ffffff;
  padding: 2% 4%;
  box-sizing: border-box;
  font-size: clamp(12px, 1.7vw, 100%);
}

.txt_mame_left {
  margin-left: 3.678%;
  margin-right: 5.057%;
}

#source {
    text-align: right;
    font-size: 12px;
}

#plan_wrapper{
  padding: 5% 0;
  background-color: #fff5c4;
}

#ul_plan {
  padding: 0% 4% 1.896% 4%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

/*
.plan_wrapper {
  width: 45%;
  background-color: #fff;
  margin-bottom: 5%
}

.plan_img_outer,
.plan_name_outer {
    position: relative
}

.plan_img_outer::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66.6%
}

.plan_name_outer::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 21.5%
}

.plan_img_inner,
.plan_name_inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.plan_img_inner>img {
    object-fit: cover;
    font-family: 'object-fit: cover;'width: 100%;
    height: 100%
}

.plan_name_inner {
    padding: 3.5%;
    overflow: hidden;
    line-height: 1.5;
    font-size: 95%;
    font-weight: 700
}

.plan_name_inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    bottom: 0;
    left: 0;
    box-shadow: 0 -6px 18px 3px #fff inset
}

.plan_prefecture,
.plan_price,
.plan_spotName {
    width: 93%;
    margin: 0 auto
}

.plan_price {
    color: #d42300;
    font-size: 150%;
    font-weight: 700
}

.plan_kingakukubun {
    color: initial;
    font-size: initial;
    font-weight: 400
}

.plan_url {
    width: 79.5%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 8%
}

.plan_img_inner {
    text-align: center
}
*/

.plan_info{
  width: 45%;
  margin-bottom: 5%;
	height: auto;
	background-color:#ffffff;
	padding: 10px;
	border-radius: 4px;
	display: inline-block;
}
.plan_img_outer {
	position: relative;
}
.plan_img_outer::before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 72.5%;
}
.plan_img_inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.plan_img_inner > img {
	object-fit:cover;
	object-fit: contain;
	width: 100%;
	height: 100%
}
.plan_txt{
	line-height: 1.5 !important;
	height: 70px;
	font-size: 95%;
	position: relative;
	overflow: hidden;
}
.plan_txt:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
	box-shadow: 0 -6px 18px 3px #FFFFFF inset;
}
.plan_line img{
  width: 100%;
}
.plan_name{
	line-height: 3 !important;
	font-weight: bold;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plan_place{
	height:30px;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.plan_price{
	height:45px;
  font-size: 100%;
	overflow: hidden;
  width: 100%;
}
.price_strong{
	color: #d42300;
	font-size: 150%;
	font-weight: bold;
}
.btn_moreInfo,
.plan_img{
	text-align: center;
}
.btn_moreInfo {
  margin: 3% 0;
}

#btn_plan{
  width: 54.82%;
  margin: 0 auto;
}

.contents950 {
  max-width: 950px;
  width: 71.5%;
  margin: 0 auto;
  position: relative
}

#coupon_wrapper{
  background-image: url(../images/bg_coupon.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 4.285%;
  padding-bottom: 3.928%;
}

#coupon_wrapper p{
  width: 60.14%;
  margin: 0 auto;
}

#activity_wrapper{
  background-image: url(../images/bg_activity.jpg?v=202305);
  padding: 5% 0;
  background-size: 100%;
}

#ttl_activity {
  margin-bottom: 4.5%
}

.flip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%
}

.flip:hover .flip-inner {
    transform: rotateY(180deg)
}

.flip .flip-inner {
    transform-style: preserve-3d;
    transition: transform .8s ease;
    height: 100%;
    width: 100%
}

@media all and (-ms-high-contrast:none) {
    .flip:hover .flip-inner .back {
        backface-visibility: visible
    }

    .flip .flip-inner {
        transform-style: preserve-3d;
        transition: transform .2s ease
    }
}

.flip .flip-inner .back,
.flip .flip-inner .front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip .flip-inner .front {
    transform: translateZ(1px)
}

.flip .flip-inner .back {
    transform: rotateY(180deg)
}

.flip .flip-inner .thumbnail {
    width: 100%
}

#hover_box_wrapeer {
    display: flex;
    justify-content: space-between
}

.activity_cont {
    width: 29.2%;
}

.hover_box_inner {
    position: relative;
    cursor: pointer;
    transform-style: preserve-3d;
    transition: .1s
}

.hover_box_outer {
    position: relative;
    margin-bottom: 8%
}

.hover_box_outer::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 164%
}

.hover_box_inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.activity_cont_txt {
    margin: 0 auto;
    margin-bottom: 8%;
    line-height: 3.5
}

.buffet_cont .activity_cont_txt {
    width: 65%
}

.higaeri_cont .activity_cont_txt {
    width: 86.5%
}

.togei_cont .activity_cont_txt {
    width: 61%
}

.activity_cont_btn {
    width: 93.1%;
    margin: 0 auto
}

#btn_activity {
  margin: 5.3% auto
}

#btn_to_top_wrapper{
  background-image: url(../images/bg_to_top.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 2.857%;
}

#btn_to_top {
  width: 34.64%;
  margin: 0 auto;
  padding: 5.357% 0;
}

#calender_wrapper{
  background-image: url(../images/bg_fruitscal.jpg);
  padding: 5% 0 0;
  background-size: cover;
}

#ttl_calender {
    margin-bottom: 4.3%
}

#calender_cont p {
    margin-top: -1px
}

#page_top {
  width: 5.25%;
  max-width: 73.5px;
  position: fixed;
  bottom: 105px;
  right: 15px;
  z-index: 10000;
  display: none;
}

#btn_calender{
  width: 50.21%;
  margin: 0 auto;
  margin-top: 4.736%;
  padding-bottom: 7.368%;
}

#noIndex {
  color: #e61b1b;
  border: 1px solid #e61b1b;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding: 30px 13%;
  margin-bottom: 8%;
  font-size: 14px;
  display: none
}

.notes_right{
    font-size: 12px;
    line-height: 1.4;
    margin-top: 3%;
    padding:0 3%;
    text-align: center;
}

.notes{
  font-size: 12px;
  line-height: 1.7;
  margin-top: 2%;
  padding: 0 5.057%;
}
#coupon_bottom {
	text-align: center;
	position: fixed;
	bottom: -165px;
	z-index: 9999;
	width: 100%;
  max-width: 1400px;
	background-color: rgba(247, 247, 247, 0.9);
}
#couponImg{
  width: 650px;
}
.footerRlogo_tx{ padding-bottom: 150px;}
#couponClose{
	position: absolute;
	top: -5px;
	margin-left: -10px;
	width: 30px;
	box-shadow: 4px 3px 9px 3px #cccccc !important;
	border-radius: 15px;
	cursor: pointer;
}

.nav_fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  max-width: 1400px;
}

.nav_fixed #nav{
  max-width: 646px;
}

@media only screen and (max-width:768px) {
    #kv {
        position: relative
    }

    #kv img.sp{
      width: 100%;
    }

    #nav_sp {
      width: 100%;
      display: flex !important;
    }

    #nav_sp li {
      width: 33%;
    }

    #nav_sp li:nth-of-type(2){
      width: 34%;
    }

    #intro_wrapper {
      background-image: url(../images/bg_intro_sp.jpg);
      padding-bottom: 8%;
      padding-top: 6%;
    }

    #lead {
      font-size: clamp(12px, 3vw, 3vw);
    }

    .contents870,
    .contents950 {
      width: 89.3%;
      margin-bottom: 0;
    }

    #area_wrapper {
      background-image: url(../images/bg_area_sp.jpg);
      padding: 8% 0;
    }

    #ttl_area {
      width: 100%
    }

    #ul_area {
      display: block;
      justify-content: initial;
      align-items: initial;
      margin: 6.716% 0 0;
    }

    #ul_area li {
      width: 90.298%;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 4.477%;
    }

    #btn_area {
      width: 90.298%;
      text-align: center;
      margin-bottom: 6.716%;
    }

    #mame_wrapper {
      background-image: url(../images/bg_mame_sp.jpg);
      padding: 8% 0;
    }

    #mame_wrapper h3 {
      padding-bottom: 5.223%;
      padding-top: 6.716%;
    }

    #ttl_mame {
        width: 100%;
        padding: 0
    }

    .ul_mame {
        padding: 0
    }

    .img_mame_left1,
    .img_mame_left2 {
      width: 23.283%;
      margin-left: 0;
      margin-right: 4.179%;
    }

    .img_mame_left3 {
      width: 23.731%;
      margin-left: 0;
      margin-right: 2.686%;
    }

    .txt_mame_right {
        margin-right: 0
    }

    .txt_mame {
      width: 72.238%;
      font-size: 100%;
    }

    .txt_mame_left {
      margin-left: 0;
      margin-right: 0;
    }

    .ul_mame li.sp {
        display: inline-block !important
    }

    .ul_mame li {
        vertical-align: middle
    }

    .mt_4p {
        margin-top: 8%
    }

    #source {
        font-size: 12px;
        margin-top: 2%
    }

    #plan_wrapper {
      padding: 5.333% 0 9.333%;
    }

    #ttl_plan {
        margin-bottom: 5%
    }

    #ul_plan {
        background-color: #fff;
        display: initial;
        justify-content: initial;
        flex-wrap: initial;
        padding: 0
    }

    #plans_cont {
      width: 100% !important;
      margin: 0 auto;
      display: inherit;
      justify-content: inherit;
    }
    .sp_row_wrapper1{
      display: flex;
      justify-content: space-between;
    }
    .sp_row_wrapper2{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .plan_img,
    .plan_place{
      width: 50%;
      height: inherit;
    }
    .plan_img img {
      width: auto;
      height: auto;
    }
    .plan_txt,
    .plan_price{
      /* width: 48%; */
      width: 44%;
      height: auto;
    }
    .plan_price{
      font-size: 90%;
    }
    .plan_txt{
      vertical-align: top;
      padding: 0 2%;
      font-size: 12px;
    }
    .plan_txt:after {
      display:none;
    }
    .plan_info {
      font-size: 100%;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 4%;
      display: block;
      height: auto;
      padding: 3%;
      box-sizing: border-box;
    }
    .plan_name{
      height: inherit;
      margin-bottom: 3%;
      line-height: 1.5 !important;
    }
    .plan_line,
    .btn_moreInfo{
      margin-top: 3%;
    }
    .btn_moreInfo a img{
      width: 84%;
        margin: 0 auto;
    }
    #plans h2 img{
      width: 90%;
      width: 95%;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    .btn_plans{
      width: 55%;
      padding-bottom: 7.5%;
    }
    #asb_top {
      width: 55%;
      margin: 7.5% auto;
    }
    .topicpath{
      margin: 10px;
      margin-top: 50px;
      margin-bottom: 25px;
    }
    .pankuzu li,.index_h1 {
      font-size: 10px;
    }

    /* .plan_wrapper:nth-of-type(n+5) {
        display: none
    }

    .plan_wrapper {
      width: 100%;
      font-size: 100%;
      padding: 2.238%;
      box-sizing: border-box;
    }

    .plan_img_outer,
    .plan_name_sp {
        width: 50%
    }

    .plan_name_sp {
        padding: 0 3%;
        box-sizing: border-box;
        line-height: 1.5
    }

    .plan_spstyle_wrapper1 {
        display: flex;
        align-items: flex-start;
        margin-bottom: 3%
    }

    .plan_spstyle_wrapper2 {
        display: flex;
        align-items: flex-end;
        border-top: dotted #4e3a1c;
        border-bottom: dotted #4e3a1c;
        padding: 2% 0
    }

    .spstyle_inner {
        width: 50%;
        margin-right: 4%
    }

    .plan_prefecture,
    .plan_spotName {
        width: 100%;
        line-height: 1.5
    }

    .plan_price {
        width: 46%;
        line-height: 1.2
    }

    .plan_url {
        width: 89.5%;
        padding-bottom: 0
    }

    .plan_url img{
      width: 100%;
    } */

    #btn_plan {
      width: 89.552%;
      margin: 0 auto;
    }

    #coupon_wrapper p {
      width: 94.666%;
      margin: 0 auto;
    }

    #coupon_wrapper {
      background-image: url(../images/bg_coupon_sp.jpg);
      padding-top: 8%;
      padding-bottom: 6.666%;
    }

    #hover_box_wrapeer {
        display: initial;
        justify-content: initial
    }

    #activity_wrapper {
      background-image: url(../images/bg_activity_sp.jpg?v=202305);
      padding: 8% 0;
      background-size: 100%;
    }

    #ttl_activity {
      margin-bottom: 6.666%;
    }

    .activity_cont {
        width: 100%;
        margin-bottom: 20%;
    }

    .activity_cont.togei_cont{
      margin-bottom: 0;
    }

    .activity_cont_txt,
    .activity_href {
        display: none
    }

    .activity_cont_btn {
        width: 100%
    }

    #btn_activity{
      width: 89.5%;
      margin: 5.3% auto;
      padding-bottom: 0;
      text-align: center;
    }

    #calender_wrapper {
      background-image: url(../images/bg_fruitscal_sp.jpg);
      padding: 5.333% 0 0;
    }

    #btn_calender {
      width: 89.552%;
      margin: 0 auto;
      margin-top: 0;
      padding: 7.462% 0;
    }

    #btn_to_top_wrapper {
      background-image: url(../images/bg_to_top_sp.jpg);
      margin-bottom: 12%;
    }

    #btn_to_top {
      width: 67.6%;
      margin: 0 auto;
      padding: 10% 0;
    }

    #page_top {
      width: 50px;
      position: fixed;
      bottom: 70px;
      right: 15px;
      z-index: 99;
      display: none
    }

    .notes_right{
      text-align: left;
      font-size: 12px;
      line-height: 1.4;
      margin-top: 3%;
      padding: 0;
      width: 92.537%;
      margin: 0 auto;
    }

    .notes {
      margin-top: 5%;
      padding: 0 1.5%;
    }

    .index_h1 {
        font-size: 10px;
    }

    #coupon_bottom{
      bottom:-100px;
      min-width: inherit;
    }
    .footerRlogo_tx{padding-bottom: 30%;}
    #couponImg{width:95%;}
    #couponClose {
      top: -10%;
      margin-left: -7%;
    }
}

@media only screen and (max-width:640px) {
  .txt_mame{
    font-size: 12px;
  }
  .plan_wrapper {
    font-size: 85%;
  }
}