/*	fadein */
.fadein {-webkit-animation:fadeIn 2s ease 0s 1 normal;animation:fadeIn 2s ease 0s 1 normal;}

@keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}

@-webkit-keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}

/*common */
body {margin: 0;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
img{max-width:100%;height:auto;vertical-align: bottom;}
.clearfix::after{content: "";display: block;clear: both;}
.main a {text-decoration: none;transition:0.2s;}
.main a:hover {opacity:0.8;}
html {font-size:62.5%;}
body {font-size:1.4rem;}
.clearfix::after {content:'';display:block;clear:both;}
.camHeader {border-bottom: 1px solid #ccc;margin-bottom: 5px;}
.camHeader p {max-width: 960px;margin: 0 auto;}
.e87logo img {max-width: 310px;}
.navitopicpath_ {max-width: 960px;margin: 0 auto;font-size: 0.9em;}
.navitopicpath_ > span a {background: url(//img.e87.com/img/usr/s/topicpath_bg.gif) right center no-repeat;padding-right: 16px;}
.sp_hide{display:none}

/* bx-slider */
.bx-controls-direction{display:none;}
.bx-wrapper img{width:100%;}


/*main_wrapper */
.main_wrapper{padding:0 20px;}
/*header */
p.header_txt {background: #06c755;text-align: center;color: #fff;font-family: 'Kosugi Maru', sans-serif;font-size: 36px;margin-top: 20px;}
.header div.PC_ttl {max-width: 100%;margin: 10px auto 0;text-align: center;}
p.line_friend {margin: 30px auto;text-align: center;}
/*main_catch */
.area_main_catch{background:#df3e6a;text-align: center;}
.main_catch{padding: 15px 0 14px;text-align: center;color: #ffe92d;font-size: 26px;font-weight: bold;display:inline-block;position:relative;}
.main_catch span{font-size:31px;font-weight: bold;}
/*main_lead */
.main_lead{font-size: 18px;    padding: 24px 24px 0;text-align: center;line-height: 2;color: #422b30;font-weight: bold;}
/*application */
section#application {background: #f0fbe2;padding: 20px;position: relative;    margin-top: 24px;}
article.main {max-width: 960px;margin: 0 auto;}
.application_h2 {text-align: center;color: #333333;font-family: 'Noto Serif JP', serif;font-size: 33px;font-weight: 600;padding: 0 0 5px;max-width: 960px;margin: 0 auto;}
.h2_txt {text-align: center;color: #f15980;font-family: 'Noto Serif JP', serif;font-size: 30px;font-weight: 500;padding: 5px 0 3px;max-width: 960px;margin: 0 auto;line-height: 40px;margin: 40px 0 104px;position:relative;}
.h2_txt::after {content:'';background:url(//img.e87.com/campaign/2023images/insta_cam_heading_deco.png)no-repeat;width:276px;height:108px;position:absolute;bottom:-115px;left:50%;transform:translateX(-50%);background-size:100%;}
.application_txt {padding: 0px 10px 30px;font-size: 17px;color: #35471d;line-height: 1.8;transform: rotate(0.03deg);font-family: 'Noto Serif JP', serif;text-align: center;font-weight: 600;}
.application_txt a {text-decoration: underline;}
.step_outer {margin: 0 auto;max-width: 960px;display: flex;}
.step_outer dl {width: 23%;position: relative;padding: 0 1%;}
.step_outer dt {font-family: 'Nova Cut', sans-serif;text-align: center;font-size: 36px;color: #aaaaaa;}
.step_outer dl dd {text-align: center;}
.step_outer dl dd.step_icon {min-height: 115px;}
.step_outer dl dd.step_txt {font-size: 16px;margin: 15px 0;line-height: 1.4;transform: rotate(0.03deg);font-weight: 600;transform: rotate(0.03deg);}
span.step_txt_span {color: #ff0c74;font-weight: 600;}
.wrap_application{}
/*area_question */
.area_question{position:relative;display: flex;}
.app_box{width: 42%;}
.app_text{font-family: 'Noto Serif JP', serif;font-size:240px;color:#fff;position:absolute;top:50%;left:50%;transform: rotate(0.03deg) translate(-50%,-50%);}
.area_seacret{    background: rgba(237,133,141,0.8);
    position: absolute;
    width: 100%;
    padding: 24px 0;
    /* text-align: center; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.area_seacret p{font-size: 42px;color: #422b30;transform: rotate(-3deg);text-align: center;font-weight: bold;}
.present_txt{font-size:24px;width: 55%;margin-left:3%;padding-top: 1em;}
.present_txt ._txt{margin-bottom: 16px;}
.present_txt h5{font-family: 'Noto Serif JP', serif;font-size:28px;margin-bottom: 0.5em;font-weight: 600;color: #9d0023;}
.adjust_present_name{font-size:24px;display: block;font-weight: 600;}
.present_annotation{display:block;font-size:16px;}

/*area_sns */
.area_sns{display:flex;justify-content: space-evenly;padding-bottom: 24px;}
.sns_follow{margin-top: 16px;text-align: center;}
.sns_follow .follow{display: inline-block;}
.follow .follow_txt{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;background: #f15980;color: #fff;width: 380px;text-align: center;padding: 12px;font-size: 16px;font-weight: bold;margin: 0 auto 24px;position:relative;}
.follow .follow_txt::after {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 8px solid transparent;border-top: 15px solid #f15980;z-index: 1;}
.follow .follow_img{text-align: center;height:80px;}
.follow .follow_img._x{
    width: 76px;
    display: block;
    margin: 0 auto;}
.follow .follow_qr{text-align: center;}
.follow_method{    padding-left: 1em;}
.follow_method ol li{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.follow_annotation{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;display: block;margin-top: 8px;text-align: center;}
/*area_present */
.item_info {margin: 8px 0;display: flex;}
.item_info .wrap_trim{display: flex;}
.trim_c,.trim_t,.trim_b {overflow: hidden;width: 210px;height: 210px;position: relative;margin-right: 16px;}
.trim_c img,.trim_t img,.trim_b img {width:100%;}
.area_present h3{ font-family: 'Noto Serif JP', serif;font-size: 30px;text-align: center;color: #35471d;position:relative;z-index:1;margin-bottom: 3%;font-weight: 500;}
.area_present h3::before {content: '';width: 100%;height: 12px;background: #c9f88e;position: absolute;bottom: -1px;left: 0;z-index: -1;}
.area_present h4{font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #422b30;
}
.area_present_txt{width:48.5%;color:#422b30;}
.area_present_txt p{line-height: 1.6;font-size: 14px;letter-spacing: 1px;}

/*area_sns bottom*/
#sns_bottom .sns_follow {
    width: 40%;
}

/*period */
.info_heading{
    font-family: 'Noto Serif JP', serif;
    font-size: 38px;
    color: #35471d;
    text-align: center;
    border-bottom: 10px solid #df3e6a;
    padding-bottom: 8px;
    margin-top: 72px;
    margin-bottom: 24px;
}
.wrap_info{font-family: 'Noto Serif JP', serif;color:#35471d;}
.wrap_info p{font-size:28px;text-align: center;}
.wrap_info p .adjust_large{font-size:42px;}
.wrap_info .annotation{    font-size: 28px;
    text-align: center;
    display: block;}

/* point */
dl.point_list {margin: 170px 2% 24px;display: flex;flex-wrap: wrap;}
dl.point_list._inquiry {margin: 40px 2% 24px;}
dl.point_list dd {width: calc(99% - 14em);margin-top: 7px;line-height: 1.6;font-size: 15px;margin-bottom: 20px;}
dl.point_list dt {width: 14em;margin: 0px 2% 20px 0;}
.osusume_outer div dt {max-width: 220px;padding-top: 5px;}
dl.point_list dt span {font-size: 18px;font-weight: 600;border: 1px solid #ccc;display: block;font-family: 'Noto Serif JP', serif;padding: 5px 0 8px 10px;}
dl.point_list dd a {text-decoration: underline;}
/* attention */
section#attention {max-width: 960px;margin: 0 auto 30px;}
section#attention h3 {background: linear-gradient(transparent 50%, #ffcfe3 0%);font-size: 19px;display: inline;padding: 0 4px;}
p.attention_txt1 {padding: 16px 20px 0px 30px;line-height: 1.8;text-indent: -1em;color:#422b30;font-size:15px;}
p.attention_top40 {padding-top: 40px;}
p.attention_bottom40 {padding-bottom: 40px;}
.attention_list{padding-left:3em;}
.attention_list li{color:#422b30;line-height: 1.6;text-indent: -1em;}
/* personalinformation */
.area_personal{padding: 20px;border: 1px solid #ccc;margin-bottom:40px;}
.area_personal .personal_wrap dt{font-size:18px;color:#422b30;font-family: 'Noto Serif JP', serif;}
.area_personal .personal_wrap dd{font-size:14px;color:#422b30;margin-top: 1em;line-height: 1.6;}
/* instagram_wrap */
.instagram_wrap{text-align: center;margin-top: 48px;}
/* selction_bnr */
.bnr_wrap{margin-top: 48px;}
._close{padding: 5px 10px;margin: 20px 0 15px; font-size: 120%; border: #a62e44 4px double;line-height: 1.8;text-align: center;font-weight: bold; color: #333333;}
section#selection_bnr {max-width: 960px;margin: 0 auto 26px;}
ul.bnr_img {display: flex;margin: 0 20px;}
ul.bnr_img li {margin: 10px 20px;}
.camFooter { padding: 20px 0 10px; width: 100%; border-top: #e5ddda 1px solid; text-align: center; }
.camFooter ul { margin-bottom: 10px; text-align: center; font-size: 0; }
.camFooter ul li { display: inline-block; color: #705252; font-size: 1.4rem; }
.camFooter ul li a { color: #705252; }
.camFooter ul li:after { content: '｜'; }
.camFooter ul li:last-child:after { content: ''; }
.camFooter p{ text-align: center; }
.camFooter p small { color: #401f1f; font-size: 1.0rem; }
@media screen and (max-width: 960px) { .step_outer dl dd.step_txt {font-size: min(3.5vw, 15px);white-space: nowrap;}
.step_outer dl dd.step_txt.tep_txt_small {font-size: 14px;}
}
@media screen and (max-width: 766px) { 
    .item_info .wrap_trim{
        justify-content: center;
    }
    .item_info {
        display: block;
        
    }
    .area_present_txt {
     width: 100%;
     margin-top: 3%;
    }
}
@media screen and (min-width: 681px) { 
div.SP_ttl {display: none;}
p.attention_txt1:first-of-type {padding: 0px 20px 0px 30px;}
}
@media screen and (max-width: 680px) { 
._close{font-size:90%;text-align: left;}
.sp_hide{display:block;}
.camHeader p {padding: 10px 20% 7px;}
.e87logo img {max-width: 100%;}
.navitopicpath_ {padding: 0 5px 5px;}
.navitopicpath_ > span a{font-size:11px;}
.navitopicpath_ > span{font-size:11px;}
div.PC_ttl,p.header_txt,p.header_txt2 {display: none;}
p.line_friend {margin: 20px 3%;}
.main_wrapper {padding: 0%;}
.main_catch{font-size: min(4vw,16px);padding: 2% 0 3%;}
.main_catch::before,.main_catch::after{content:unset}
/* .main_catch::before {left: -34px;}
.main_catch::after {right: -28px;} */
.main_catch span{font-size:smaller;font-weight: bold;}
.main_lead {font-size: min(4.2vw,14px);padding: 3%;text-align: left;line-height: 1.8;}
.follow .follow_txt{width:100%;box-sizing: border-box;}
.follow .follow_img {padding: 0 8%;}
.item_info{display:block;}
.item_info .wrap_trim {justify-content: space-between;}
.trim_c, .trim_t, .trim_b {width: 49%;margin-right: 0;height: auto;}
.area_present_txt p{font-size:13px;}
.area_present_txt {width: 100%;margin-top: 4%;}
.area_present h3{margin-bottom: 5%;font-size: 19px;}
.area_present h4{font-size: 14px;text-align: left;}
section#application {padding: 4% 3%;}
.application_h2 {font-size: 26px;}
.h2_txt {font-size: 26px;padding: 3px 0 1px;    margin: 8% 0 38%;}
.h2_txt::after {width:206px}
.application_txt {text-align: left;font-size: 14px;padding: 0 0 1em;}
.step_outer {display: block;}
.step_outer dl {float: left;width: 46%;padding: 0 2%;}
.step_outer dl dd.step_txt.tep_txt_smal {font-size: min(3.5vw, 15px);}
.step_outer dl.step3 {clear: both;}
.step_outer dt {font-size: 32px;}
.step_outer dl dd.step_icon{min-height: 90px;}
dd.step_icon img {max-height: 90px;width: auto;}
.step_outer:after {content: "";display: block;clear: both;}
section#point{padding:0 3%;}
dl.point_list {width: 100%;margin: 10px auto;display: block;}
dl.point_list dt {margin: 15px 0 5px;width: 96%;}
dl.point_list dt span {font-size: 16px;font-weight: 600;border: 1px solid #ccc;display: block;font-family: 'Noto Serif JP', serif;padding: 1px 0 2px 8px;width: 10em;}
dl.point_list dd {width: 100%;margin: 8px 0;line-height: 1.4;font-size: 13px;}
section#attention{padding:0 3%;margin-bottom:3%;}
section#attention h3 {margin: 10px 2% 0;display: block;}
p.attention_txt1 {padding:3% 0 3% 3%;line-height: 1.4;text-indent: -13px;font-size: 13px;}
p.attention_txt1:first-of-type{padding:0 0 3% 3%;}
.attention_list li{font-size:13px;}
.attention_list {padding-left: 1em;}
.area_personal {padding: 3%;margin:0 3% 8%;}
.area_personal .personal_wrap dt {font-size: 16px;}
.area_personal .personal_wrap dd{font-size:13px;margin-top:3%;}
ul.bnr_img {display: block;margin: 0 20px;}
.camFooter ul {margin: 0 1% 10px;}
.camFooter ul li, .camFooter p {font-size: 1.2rem;padding-bottom: 5px;}
.area_seacret p {
    font-size: min(6.2vw,21px);
}
.info_heading{
    border-bottom: 4px solid #df3e6a;
}
.wrap_info {
    padding: 0 3%;
}
.wrap_info p {
    font-size: 17px;
}
.wrap_info p.close_txt {
    color: #e50000;
    font-size: min(4.3vw,17px);
}
.wrap_info p .adjust_large {
    font-size: 24px;
}
.wrap_info .annotation{
    text-align: left;
    font-size: min(5vw,16px);
}
.app_text {
    font-size: 120px;
}
.app_box {
    width: 100%;
}
.info_heading{
    font-size:24px;
    margin-top:24px;
}
.area_sns{
    display:block;
    padding-bottom:0;
}
.sns_follow{
    margin-top:24px;
}
.sns_follow .follow{
    display:block;
}
.follow .follow_qr {
    text-align: center;
    margin-top: 0;
    width: 106px;
    margin: 4px auto 0;
}
.follow .follow_img{
    height:auto;
}
dl.point_list._inquiry{
    margin:0;
}
.follow_method{
    padding:0;
}
.area_question{
    display:block;
}
.present_txt{
    width:100%;
    margin:0;
    padding:0;
}
.adjust_present_name{
    font-size: min(4vw,16px);
}
.present_txt h5{
    font-size: min(5.5vw,21px);
}
.present_txt ._txt {
    font-size: min(5vw,21px);
    margin-bottom:8px;
}
.present_annotation {
    font-size: 12px;
}
#sns_bottom .sns_follow {
    width: 100%;
}
.bx-wrapper{
    margin-bottom:40px!important;
}
}