@charset "utf-8";
/* CSS Document */
body {font-size: 14px;}
.sp {display:block;}
.pc {display:none;}

/* class */
dl.table {display:block;}
dl.table dt,dl.table dd {display:block;}
.ttl {font-size:1.4375em;}
.ttl2 {width:70px;}
.ttl2_center {z-index:1; left: calc(50% - 35px); top: -6.5em;}
.ttl3 {font-size:1.3125em; margin-top: 1em;}
.ttl3::before {width:70px; left:calc(50% - 35px);}
.ttl5 {font-size:1.3125em;}
.sp_left {text-align:left;}
.img_ttl { padding-top: 0.5em;margin-block-start: 0;}

/* neader */
#header {border-top:5px solid var(--primary-color2);}

/*main*/
#main {margin:0.5vh auto 1.5vh auto; padding:0;  border: solid 5px var(--primary-color14);}

/* mv */
#mv {padding:0 0 2em 0;}
#mv img.mv_img {width:100%;}
#mv img.period {width:96%;  margin-top: 1.5em;}
#mv .outline dt.ttl2 {width:64px;}
#mv .outline dd {font-size:1.125em; margin-top:1em; padding:0.35em 0.5em 0.5em 4.25em; line-height: 1.425em; margin-left:0;}
#mv .mv_caution {margin:1.25em 0 0 0; font-size:0.8125em;}
#mv .method {padding-top: 1em;}
#mv .middle_inner.method_img {width:100%;}

/*gift*/
#gift {margin-top:0.5em; padding:0.5em 0;}
#gift .item_container {flex-direction: column;padding-inline: 1em;}
#gift .item {padding:4% 6%; border-width: 3px;}
#gift .item dd {margin-left:0; line-height: 1.6em;}
#gift dl.column2,#gift dl.column3 {width:100%;}
#gift dl.column1 .gift_ttl {width:60px;}
#gift dl.column1.item dd {padding-left:45px;}
#gift dl.column2 .gift_ttl, #gift dl.column3 .gift_ttl {width:50px;}
#gift dl.column2 dd figcaption , #gift dl.column3 dd figcaption {font-size:1.125em;}
#gift dl.column1.item dt {left: -3.5%;}
#gift dl.column1.item dd {font-size:1.375em;}
#gift .gift_caution { margin-top: -1.5em;}

/*card*/
#card {padding: 0 1em;}
#card .app_box {
　display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #C8E7E9;
  padding-inline: 0.6em;
}
#card .app_box .app {margin-inline-end: 0.6em;}
#card .app_box .app:last-of-type {margin:0;}
#card .ap_space {width: 100%;}

#card .paypay_coupon {margin-block-start: 2.5em; border-top: 2px solid #FFF; padding-top: 0.75em;}


/* receipt */
#receipt {margin: 1em auto;padding: 0 1em;box-sizing: border-box;}
#receipt .ttl5 {margin-top:-3.5em; margin-bottom: 1.35em;}
#receipt .receipt_container {flex-direction: column;}
#receipt .example_img, #receipt .example  {width:100%;}
#receipt .example_img .receipt_caution {text-align:right;}
#receipt .example p {font-size:1.0625em;}
#receipt .example ol.required {font-size:1.125em;}
#receipt .ng {width:48%; margin-right:4%;}
#receipt .ng:nth-of-type(3n) {margin-right:4%;}
#receipt .ng:nth-of-type(2n) {margin-right:0;}
#receipt .ng:nth-of-type(3n+1) {clear:none;}
#receipt .ng:nth-of-type(2n+1) {clear:both;}
#receipt .ng figcaption {font-size:1.0625em;text-align:left;}
#receipt .receipt1_img, #receipt .ng_img {border-width: 3px;}
#receipt .receipt_note {margin-top:2em;}

/* entry */
.entry {padding:0 0 1em 0;}
.entry .entry_container {box-sizing: border-box;padding: 1.5em 0.6em 0 0.6em;}
.entry .entry_container dd.flex .entry_btn {width:76%; max-width:340px;}
.entry .entry_container dd.flex .m_note {width:10%;}

/* contact_information */
#info {padding:0 1em 0.25em 1em;}
#info .ttl3 {line-height:1.4em;}
#info .contact_information .ttl4 {font-size:1.0625em; line-height:1.5em;}
#info .contact_information dd {font-size:1.0625em; text-align: center;}

/*membership*/
#membership {padding-top:1.25em;}

/* footer */
#footer .inner {padding-top:1.5em;}
#footer ul.f_navi {margin:0 0 2.5em 0; padding:0; text-align:left;}
#footer ul.f_navi li {display:block; margin:0.65em 0.25em; border-bottom:1px solid var(--primary-color6);}
#footer ul.f_navi li a {display:block; padding:0.35em 0.25em 0.35em 0.25em;}
#footer .copy {font-size:0.8125em; margin-top:0.75em; padding-bottom:0.75em;}