@charset "utf-8";
/* CSS Document */
/******************************************************************************

 home // トップページ

******************************************************************************/
#page_homepage .inner{
 width: 1000px;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}
#page_homepage #wrapper{
 overflow: hidden;
}

#page_homepage .sec_tit{
	margin: 0 auto;
	font-size: 220%;
	text-align: center;
 letter-spacing: 2px;
	color: #440099;
}

#page_homepage #flesplan .doubleplan .txtbox .sec_tit {
    margin: 0 auto 30px;
}

#page_homepage .headlogo.nonlink .logo{
 opacity: 0;
 transition-duration: 1s;
}

/*売切れ文言枠*/
#soldout_frame {
  position: absolute;
  background-color: rgba(68, 0, 153, 0.12);
  bottom: 15%;
  right: 57px;
  width: 45%;
  z-index: 50;
}
#soldout_frame .soldout_text {
  color: #440099;
  font-size: 13px;
  line-height: 2;
  margin-left: 26px;
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: bold;
}
#soldout_frame .line_frame {
  position: absolute;
  top: 26px;
  right: 14px;
  width: 78px;
  height: 78px;
}
#soldout_frame .line_frame img{
  width: 100%;
  height: 100%;
}
#soldout_frame .line_friend {
  position: absolute;
  bottom: 18px;
  right: 5px;
}

/*スクロール固定ボタン*/
#startbtn_scrollfix{
 width: 340px;
 position: fixed;
 bottom: 16%;
 right: 80px;
 z-index: 50;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
 opacity: 0;
}
#startbtn_scrollfix a{
 width: 100%;
 height: 108px;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
 background: #440099;
 border-radius: 100px;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
 font-size: 128%;
 text-align: center;
 color: #FFF;
}
#startbtn_scrollfix .wordbr{
 display: none;
}
#startbtn_scrollfix.fixed .wordbr{
 display: block;
}
#startbtn_scrollfix span.check{
 position: absolute;
 left: 50px;
 top: 50%;
 transform: translateY(-50%);
}
#startbtn_scrollfix span.start{
 position: absolute;
 right: 50px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 177%;
 color: #ecc3b2;
}
#startbtn_scrollfix.fixed{
 width: 110px;
 position: fixed;
 opacity: 0.7;
}
#startbtn_scrollfix.fixed:hover{
 opacity: 1;
}
/*結果保持*/
.have_result #startbtn_scrollfix span.check{
 top: 28px;
 left: 42px;
 transform: none;
}
.have_result #startbtn_scrollfix span.start {
 top: 21px;
 transform: none;
 right: 35px;
 font-size: 144%;
}
.have_result #startbtn_scrollfix span.quot {
 bottom: 20px;
 position: absolute;
}
.have_result #startbtn_scrollfix.fixed span.quot {
 display: block;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: 10px;
 font-size: 70%;
}

@keyframes animefixed {
 0% { bottom: 30px; right: 190px;}
 100% { bottom: 30px; right: 80px;}
}
#startbtn_scrollfix.fixed a{
 width: 100%;
 height: 110px;
 flex-wrap: wrap;
 font-size: 100%;
}
#startbtn_scrollfix.fixed span.check{
 width: 100%;
 position: absolute;
 left: 50%;
 top: 11px;
 transform: translateX(-50%);
}
#startbtn_scrollfix.fixed a span.start{
 width: 100%;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: 56px;
 display: block;
 font-size: 171%;
}

#startbtn_limited{
 padding-top: 5px;
 z-index: 50;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 100%;
 min-width: 340px;
 font-size: 114%;
 font-weight: bold;
 text-align: center;
 color: #440099;
}

@media screen and (max-width: 960px){
#page_homepage {
 font-size: 13px;
 line-height: 1.5;
}
#page_homepage .inner{
 width: 86%;
}
#page_homepage .main_container{
 padding-right: 0;
}

#page_homepage .sec_tit{
	font-size: 216%;
}

/*売切れ文言枠*/
#soldout_frame {
  position: absolute;
  background-color: rgba(68, 0, 153, 0.12);
  top: 78.5%;
  right: 2%;
  left: 2%;
  width: 96%;
  height: 200px;
  z-index: 50;
}
#soldout_frame .soldout_text {
  color: #440099;
  font-size: 9px;
  line-height: 2;
  margin-top: 18px;
  margin-left: 18px;
  margin-right: 18px;
  font-weight: bold;
}
#soldout_frame .line_frame {
  position: absolute;
  bottom: 20px;
  top: auto;
  left: 25%;
  width: 78px;
  height: 78px;
}
#soldout_frame .line_frame img{
  width: 100%;
  height: 100%;
}
#soldout_frame .line_friend {
  position: absolute;
  bottom: 46px;
  right: 20%;
}

/*スクロール固定ボタン*/
#startbtn_scrollfix{
 width: 160px;
 height: 64px;
 bottom: 18%;
 right: 12px;
 display: -webkit-flex;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
}
#startbtn_scrollfix a{
 padding: 8px 1em;
 width: 160px;
 height: 64px;
 flex-wrap: wrap;
 box-sizing: border-box;
 font-size: 100%;
}
#startbtn_scrollfix span.check{
 width: 100%;
 display: block;
 position: relative;
 left: auto;
 top: 0;
 transform: none;
 font-size: 83%;
}
#startbtn_scrollfix span.start{
 width: 100%;
 display: block;
 position: relative;
 right: auto;
 top: auto;
 bottom: 0;
 transform: none;
 font-size: 166%;
 line-height: 1.2;
 color: #ecc3b2;
}
#startbtn_scrollfix.fixed{
 width: 80px;
 height: 80px;
 position: fixed;
 opacity: 1;
}
.have_result #startbtn_scrollfix span.check{
 top: 5px;
 position: absolute;
 left: auto;
}
.have_result #startbtn_scrollfix span.start {
 position: absolute;
 top: 22px;
 right: auto;
}
.have_result #startbtn_scrollfix span.quot {
 bottom: 4px;
 position: absolute;
 font-size: 84%;
}

#startbtn_scrollfix.fixed a{
 height: 100%;
 flex-wrap: wrap;
 align-content: center;
 font-size: 100%;
}
#startbtn_scrollfix.fixed span.check{
 width: 100%;
 position: relative;
 left: auto;
 top: auto;
 transform: none;
}
#startbtn_scrollfix.fixed a span.start{
 width: 100%;
 position: relative;
 left: auto;
 transform: none;
 top: auto;
 display: block;
 font-size: 171%;
}

.have_result #startbtn_scrollfix.fixed span.check{
 top: 5px;
 position: absolute;
 left: auto;
}
.have_result #startbtn_scrollfix.fixed span.start {
 position: absolute;
 top: 35px;
 right: auto;
}
.have_result #startbtn_scrollfix.fixed span.quot {
 width: 100%;
 bottom: 8px;
 position: absolute;
 font-size: 67%;
}


#startbtn_limited{
 width: 100%;
 z-index: 50;
 text-align: right;
 box-sizing: border-box;
 right: 5px;
 left: auto;
 transform: none;
 bottom: -1.8em;
}

}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#page_homepage {
 font-size: 12px;
 line-height: 1.5;
}
}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
MV
----------------------------------------------------------------*/
#page_homepage #top_mv{
 width: 100%;
 height: 100vh;
 position: relative;
 background: url(../../img/bgbt/top/top_mv.jpg) center center no-repeat;
 background-size: cover;
}
#page_homepage #top_mv .logo{
 width: 125px;
 height: 125px;
 position: absolute;
 top: 50px;
 left: 50px;
 z-index: 5;
}
#page_homepage #top_mv .mv_inner{
 width: 88%;
 position: relative;
}
#page_homepage #top_mv .mv_inner .txtbox{
 position: absolute;
 right: 0px;
 /*top: 71px;*/
 margin-top: 7%;
 color:#FFF;
}
#page_homepage #top_mv .mv_inner .txtbox .sub{
 font-size: 100%;
 line-height:1.8;
 text-align: right;
}
#page_homepage #top_mv .mv_inner .txtbox .sub .kana {
 margin: 0;
 display: block;
 font-size: 80%;
 line-height: 1;
 letter-spacing: 20px;
}
#page_homepage #top_mv .mv_inner .txtbox .sub .alpha {
 margin: 0 0.1em 15px 0;
 display: block;
 font-size: 350%;
 line-height: 1.2;
 letter-spacing: 10px;
}

@media screen and (min-width: 1200px){
#page_homepage #top_mv .mv_inner{
 /*margin: 0 auto;
 width: 1200px;*/
 width: 88%;
 position: relative;
}
}/*/1200px～*/

@media screen and (min-width: 1490px){
#page_homepage #top_mv{
 background: url(../../img/bgbt/top/top_mv.jpg) center center no-repeat;
 background-size: cover;
}
}/*/1490px～*/

@media screen and (max-width: 960px){
#page_homepage #top_mv{
 width: 100%;
 /*height: 100vh;*/
 position: relative;
 background: url(../../img/bgbt/top/top_mv_sp.jpg) center center no-repeat;
 background-size: cover;
}
#page_homepage #top_mv .logo{
 width: 125px;
 height: 125px;
 position: absolute;
 top: 50px;
 left: 50px;
 z-index: 5;
}
#page_homepage #top_mv .mv_inner{
 /*margin: 0 auto;*/
 width: 88%;
 position: relative;
}
#page_homepage #top_mv .mv_inner .txtbox{
 position: absolute;
 /*right: 0;
 top: 30px;*/
 margin-right: -25px;
 margin-top: 12%;
 font-size: 80%;
 text-align: right;
	color:#FFF;
}
#page_homepage #top_mv .mv_inner .txtbox .sub{
 font-size: 78%;
	line-height:1.8;
}

#page_homepage #top_mv .mv_inner .txtbox .sub .kana {
 font-size: 110%;
 letter-spacing: 5px;
}
#page_homepage #top_mv .mv_inner .txtbox .sub .alpha {
 font-size: 460%;
 letter-spacing: 10px;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
#page_homepage #top_mv{
 width: 100%;
 height: 100vh;
 position: relative;
 background: url(../../img/bgbt/top/top_mv_sp.jpg) center center no-repeat;
 background-size: cover;
 }
}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
news
----------------------------------------------------------------*/
#page_homepage #top_news{
	width: 100%;
 position: absolute;
 left: 0;
 z-index: 10;
 background: #FFF;
}
#page_homepage #top_news .inner{
	padding: 18px 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_homepage #top_news .tit{
	width: 11%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
	font-size: 128%;
 line-height: 1.2;
	vertical-align:middle;
	color: #440099;
}
#page_homepage #top_news .tit:after{
 content: "";
 display: inline-block;
 position: absolute;
 right: 10px;
 top: 50%;
 transform: translateY(-50%);
 vertical-align: middle;
 background: url(../../img/bgbt/top/top_news_slush.png) right center ;
 width: 18px;
 height: 30px;
}
#page_homepage #top_news .news_slider_wrap{
	width: 89%;
}
#page_homepage #top_news #news_slider{
 font-size: 85%;
}
#page_homepage #top_news #news_slider .slick-track{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
#page_homepage #top_news .news_slider .date{
 padding-right: 1em;
}
#page_homepage #top_news .date {
 display: inline-block;
 padding-right: 1em;
}
#page_homepage #top_news .news_txt {
 display: inline-block;
}
@media screen and (max-width: 960px){
 #page_homepage #top_news .inner{
  padding: 9px 0;
 }
 #page_homepage #top_news .tit{
  width: 25%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
 }
 #page_homepage #top_news .tit:after{
  content: "";
  right: auto;
  left: 3.2em;
 }
 #page_homepage #top_news .news_slider_wrap{
  width: 74%;
 }
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
concept
----------------------------------------------------------------*/
#page_homepage #concept {
  width: 100%;
	background: #ede6f7;
}
#page_homepage #concept .sec_tit{
  margin-bottom: 100px;
  margin-right: -10px;
  font-size: 200%;
  text-align: left;
}
#page_homepage #concept .catch{
	margin-bottom: 60px;
	text-align: center;
	font-size: 328%;
	color: #440099;
}
#page_homepage #concept .txt{
	font-size: 130%;
	line-height: 1.4;
  color: #25282a;
  text-align: left;
}

#page_homepage #concept .text {
  width: 47%;
  align-self: center;
  text-align: center;
}
#page_homepage #concept .text__inner {
  display: inline-block;
  box-sizing: border-box;
  max-width: max-content;
  margin-left: auto;
  padding: 80px 45px;
}
#page_homepage #concept .visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 53%;
}
#page_homepage #concept .visual .video-popup {
  position: relative;
  display: inline-block;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#page_homepage #concept .visual iframe {
  pointer-events: none;
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}

@media screen and (max-width: 1280px) {
  #page_homepage #concept .text__inner { width: 100%; }
}

@media screen and (max-width: 960px){
	#page_homepage #concept{
		width: 100%;
		background: #ede6f7;
	}
	#page_homepage #concept .inner { padding: 50px 0; }
  #page_homepage #concept .flex { display: block; }
  #page_homepage #concept .flex > * { width: 100%; }
  #page_homepage #concept .text { text-align: center; }
  #page_homepage #concept .text__inner {
    margin-left: initial;
    padding: 60px 30px;
  }
 #page_homepage #concept .sec_tit{
  margin-bottom: 30px;
  text-align: center;
 }
 #page_homepage #concept .catch{
  margin-bottom: 30px;
  text-align: center;
  font-size: 225%;
  color: #440099;
 }
 #page_homepage #concept .txt{
  font-size: 107%;
  text-align: center;
  color: #25282a;
 }
}/*/max-width: 960px*/

/*----------------------------------------------------------------
step
----------------------------------------------------------------*/
#flesstep .heading {
  padding: 60px 15px 40px;
  text-align: center;
}
#flesstep .heading .sec_tit { margin-bottom: 10px; }
#flesstep .heading .txt { font-size: 18px; line-height: 2.4; }

#flesstep .flesstep-slide-txt {
  box-sizing: border-box;
  padding: 40px;
}
#flesstep .flesstep-slide-txt h3 {
  margin-bottom: 20px;
  color: #409;
  font-size: 30px;
}
#flesstep .flesstep-slide-txt p {
  font-size: 12px;
  line-height: 2.2;
}

#flesstep .flesstep-slide-img img {
  width: 100%;
  max-height: 800px;
  object-fit: cover;
}

#flesstep .flesstep-slider__container { position: relative; }

#flesstep .slick-dotted.slick-slider { margin-bottom: 0; }

#flesstep .flesstep-arrows {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50% , -50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
  box-sizing: border-box;
}
#flesstep .flesstep-arrows img { cursor: pointer; width: 20px; }

#flesstep .flesstep-dots .slick-dots {
  position: relative;
  bottom: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 70px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 45px;
}
#flesstep .flesstep-dots .slick-dots::before {
  content: '';
  position: absolute;
  left: 45px; right: 45px; top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #409;
}

#flesstep .flesstep-dots .slick-dots li {
  position: relative;
}

#flesstep .flesstep-dots .slick-dots button {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  --size: 45px;
  width: var(--size);
  height: var(--size);
  border: 1px solid #409;
  border-radius: 50%;
  background: #fff center/33px 27px no-repeat;
  font-size: 0;
  opacity: 1;
  transition-duration: 0.3s;
}

#flesstep .flesstep-dots .slick-dots li:nth-of-type(1) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons01.png'); }
#flesstep .flesstep-dots .slick-dots li:nth-of-type(2) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons02.png'); }
#flesstep .flesstep-dots .slick-dots li:nth-of-type(3) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons03.png'); }
#flesstep .flesstep-dots .slick-dots li:nth-of-type(4) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons04.png'); }
#flesstep .flesstep-dots .slick-dots li:nth-of-type(5) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons05.png'); }

#flesstep .flesstep-dots .slick-dots .slick-active:nth-of-type(1) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons01_over.png'); }
#flesstep .flesstep-dots .slick-dots .slick-active:nth-of-type(2) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons02_over.png'); }
#flesstep .flesstep-dots .slick-dots .slick-active:nth-of-type(3) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons03_over.png'); }
#flesstep .flesstep-dots .slick-dots .slick-active:nth-of-type(4) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons04_over.png'); }
#flesstep .flesstep-dots .slick-dots .slick-active:nth-of-type(5) button { background-image: url('/html/user_data/assets/img/bgbt/top/top_slide_icons05_over.png'); }

#flesstep .flesstep-dots .slick-dots .slick-active button {
  --size: 65px;
  background-color: #409;
}

@media (min-width: 961px) {
  #flesstep .flesstep-slide { position: relative; }

  #flesstep .flesstep-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #fff 50%, rgba(255,255,255, 0) calc(50% + 1px));
  }

  #flesstep .flesstep-slide-txt {
    position: absolute;
    z-index: 1;
    left: 50%; top: 40%;
    transform: translate(-50%, -50%);
    width: 900px;
    max-width: 100%;
  }
  #flesstep .flesstep-slide-txt > div { max-width: 340px; }
}

@media (max-width: 960px) {
  #flesstep .flesstep-slide-txt {
    margin-top: 70px;
  }
  #flesstep .flesstep-slide-txt h3 {
    font-size: 16px;
    text-align: center;
  }

  #flesstep .flesstep-arrows { display: none; }

  #flesstep .flesstep-dots {
    position: absolute;
    top: 56vw;
    left: 0; right: 0;
    transform: translateY(-50%);
  }
}

/*----------------------------------------------------------------
flesplan
----------------------------------------------------------------*/
#page_homepage #flesplan{
 width: 100%;
 height: 853px;
}
#page_homepage #flesplan .doubleplan{
 width: 100%;
 height: 853px;
 position: relative;
 display: block;
 z-index: 1;
}
#page_homepage #flesplan .doubleplan > .inner{
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 position: absolute;
 top: 80px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 5;
}
#page_homepage #flesplan .doubleplan .txtbox{
 margin-bottom: 65px;
 padding: 50px 0;
 width: 100%;
 background: rgba(255,255,255,0.7);
}
#page_homepage #flesplan .doubleplan .txtbox .txt{
 font-size: 130%;
 line-height: 2;
 text-align: center;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner{
 padding: 45px 40px 0;
 width: 327px;
 height: 327px;
 box-sizing: border-box;
 line-height: 1.8;
 position: relative;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner.petite_txt{
 background: rgba(68,0,152,0.85);
 color: #fff;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner.grande_txt{
 background: rgba(126,84,72,0.85);
 color: #fff;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner h3{
 margin-bottom: 35px;
 position: relative;
 font-size: 285%;
 line-height: 1;
 text-align: center;
 letter-spacing: 2px;
 color: #ecc3b2;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner h3 span{
 padding-top: 0.4em;
 display: block;
 font-size: 32%;
 line-height: 1.5;
 color: #fff;
}
#page_homepage #flesplan .doubleplan .inner .plan_inner h3 span.limited{
 width: 100%;
 position: absolute;
 bottom: -2em;
 left: 50%;
 transform: translateX(-50%);
}
#page_homepage #flesplan .doubleplan .inner .plan_inner .btn{
 position: absolute;
 bottom: 45px;
 left: 50%;
 transform: translateX(-50%);
}
#page_homepage #flesplan .doubleplan .inner .plan_inner .btn a{
 margin: 0 auto;
 padding: 1em;
 width: 190px;
 border-radius: 50px;
 display: block;
 box-sizing: border-box;
 font-size: 85%;
 text-align: center;
 letter-spacing: 2px;
}
#page_homepage #flesplan .doubleplan .inner .petite_txt.plan_inner .btn a{
 background: #ecc3b2;
 color: #440099;
}
#page_homepage #flesplan .doubleplan .inner .grande_txt.plan_inner .btn a{
 background: #25282a;
 color: #fff;
}
#page_homepage #flesplan .doubleplan .flex .petite{
 padding-top: 853px;
 width: 50%;
 height: 0;
 background: url(../../img/bgbt/top/plan_bg_p.jpg) right top no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
}
#page_homepage #flesplan .doubleplan .flex .grande{
 padding-top: 853px;
 width: 50%;
 height: 0;
 background: url(../../img/bgbt/top/plan_bg_g.jpg) left top no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
}

@media screen and (max-width: 960px){
 #page_homepage #flesplan{
  height: auto;
 }
 #page_homepage #flesplan .doubleplan{
  height: auto;
 }
 #page_homepage #flesplan .doubleplan .inner{
  width: 93%;
 }
 #page_homepage #flesplan .doubleplan .txtbox{
  margin-bottom: 20px;
  padding: 20px 4%;
  width: 100%;
  background: rgba(255,255,255,0.7);
 }
 #page_homepage #flesplan .doubleplan .txtbox .txt{
  font-size: 100%;
  line-height: 1.5;
  text-align: center;
 }
 #page_homepage #flesplan .doubleplan .inner .plan_inner{
  padding: 20px 6%;
  width: 47%;
  height: auto;
  box-sizing: border-box;
  line-height: 1.8;
  position: relative;
 }
 #page_homepage #flesplan .doubleplan .inner .plan_inner .txt{
  margin-bottom: 1em;
  font-size: 75%;
  line-height: 1.6;
 }
 #page_homepage #flesplan .doubleplan .inner .plan_inner h3{
  margin-bottom: 15px;
  font-size: 166%;
  line-height: 1;
  text-align: center;
  letter-spacing: 2px;
  color: #ecc3b2;
 }
 #page_homepage #flesplan .doubleplan .inner .plan_inner h3 span{
  padding-top: 0.4em;
  display: block;
  font-size: 32%;
  line-height: 1.5;
  color: #fff;
 }
 #page_homepage #flesplan .doubleplan .inner .plan_inner .btn{
  margin: 0 auto;
  width: 80%;
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
}
 #page_homepage #flesplan .doubleplan .inner .plan_inner .btn a{
  padding: 0.5em 0;
  width: 100%;
  font-size: 66%;
 }
 #page_homepage #flesplan .doubleplan .flex .petite{
  padding-top: 470px;
  width: 50%;
  height: 0;
  background: url(../../img/bgbt/top/plan_bg_p.jpg) right top no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
 }
 #page_homepage #flesplan .doubleplan .flex .grande{
  padding-top: 470px;
  width: 50%;
  height: 0;
  background: url(../../img/bgbt/top/plan_bg_g.jpg) left top no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
 }
 #page_homepage #flesplan .doubleplan .txtbox .sec_tit{
  margin: 0 auto 15px;
 }
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*----------------------------------------------------------------
fles membership
----------------------------------------------------------------*/
#page_homepage #membership{
 padding: 30px 0;
 background: #ede6f7;
}
#page_homepage #membership .flex{
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
}
#page_homepage #membership .flex li.lead{
 padding: 0;
 width: 22%;
 background: none;
}
#page_homepage #membership .flex li.lead h3{
 padding-bottom: 0.3em;
 font-size: 200%;
 line-height: 1.2;
 text-align: left;
 color: #440099;
}
#page_homepage #membership .flex li{
 padding: 10px 0 10px 70px;
 width: 26%;
 background: url(../../img/bgbt/top/membership_slush.png) left center no-repeat;
 background-size: 59px 101px;
 font-size: 85%;
}
#membership .firstmember{
 margin-top: 27px;
 padding: 30px 8%;
 background: #FFF;
 box-sizing: border-box;
}
#membership .firstmember .tit{
 border-bottom: solid 2px #440099;
 text-align: center;
 color: #440099;
 font-size: 114%;
 font-weight: bold;
}

@media screen and (max-width: 960px){
 #page_homepage #membership{
  padding: 30px 0;
 }
 #page_homepage #membership .lead{
  text-align: center;
 }
 #page_homepage #membership .flex{
  flex-wrap: -webkit-wrap;
  flex-wrap: wrap;
 }
#page_homepage #membership .flex li.lead{
  padding: 0;
  width: 100%;
  background: none;
 }
#page_homepage #membership .flex li.lead h3{
  text-align: center;
 }
 #page_homepage #membership .flex li{
  padding: 33px 0 10px 0;
  width: 100%;
  background: url(../../img/bgbt/top/membership_slush.png) center top no-repeat;
  background-size: 13px 19px;
  font-size: 85%;
  text-align: center;
 }
 #page_homepage #membership li:nth-child(2){
  background: none;
 }
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
 Discovery Kit
----------------------------------------------------------------*/
#page_homepage #discovery_kit {
  padding: 60px 15px;
	background: #ede6f7;
}
#page_homepage #discovery_kit .sec_tit { margin-bottom: 1em; }
#page_homepage #discovery_kit .flex {
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
#page_homepage #discovery_kit .flex > * { width: 50%; }
#page_homepage #discovery_kit .image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#page_homepage #discovery_kit .txt {
  box-sizing: border-box;
  padding: 30px;
}
#page_homepage #discovery_kit .desc {
  margin-bottom: 1.5em;
  font-size: 20px;
  line-height: 2;
  text-align: center;
}
#page_homepage #discovery_kit .btn { text-align: center; }
#page_homepage #discovery_kit .btn a {
  display: block;
  padding: 1em;
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  box-sizing: border-box;
  background-color: #440099;
  color: #fff;
  font-size: 85%;
  letter-spacing: 2px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  #page_homepage #discovery_kit { padding: 40px 15px; }
  #page_homepage #discovery_kit .inner { width: 100%; }
}
@media screen and (max-width: 640px) {
  #page_homepage #discovery_kit .image img { max-width: 300px; }
  #page_homepage #discovery_kit .txt { padding: 12px; }
  #page_homepage #discovery_kit .desc {
    font-size: 12px;
    line-height: 1.5;
  }
  #page_homepage #discovery_kit .desc br.pc { display: none; }
}

/*----------------------------------------------------------------
 tool
----------------------------------------------------------------*/
#page_homepage #fles_tool{
 height: 837px;
 position: relative;
 background: url(../../img/bgbt/top/marble.jpg)center top no-repeat;
 background-size: cover;
 box-sizing: border-box;
}
#page_homepage #fles_tool .inner{
 padding: 70px 0;
 height: 837px;
 box-sizing: border-box;
}
#page_homepage #fles_tool .tool_box{
 width: 232px;
 position: absolute;
}
#page_homepage #fles_tool .tool_box.light{
 left: 0;
 top: 194px;
 z-index: 3;
}
#page_homepage #fles_tool .tool_box.cream{
 right: 0;
 bottom: 90px;
 z-index: 3;
}
#page_homepage #fles_tool .item01{
 position: absolute;
 left: 215px;
 top: 154px;
 z-index: 1;
}
#page_homepage #fles_tool .item02{
 position: absolute;
 right: 185px;
 top: 320px;
 z-index: 2;
}
#page_homepage #fles_tool .tool_box h3{
 margin-bottom: 30px;
 font-size: 214%;
 color: #440099;
}
#page_homepage #fles_tool .tool_box h3 span{
 display: block;
 font-size: 60%;
}
#page_homepage #fles_tool .tool_box.light h3{
 text-align: right;
}
#page_homepage #fles_tool .tool_box .txt{
 margin-bottom: 15px;
 line-height: 2;
}
#page_homepage #fles_tool .tool_box.light .btn{
 text-align: right;
}
#page_homepage #fles_tool .tool_box .btn a{
 padding: 15px 0;
 width: 189px;
 display: inline-block;
 border-radius: 50px;
 border: solid 1px #440099;
 text-align: center;
}

@media screen and (max-width: 960px){
 #page_homepage #fles_tool{
  height: auto;
  background: url(../../img/bgbt/top/marble.jpg)center top no-repeat;
  background-size: cover;
  overflow: hidden;
}
 #page_homepage #fles_tool .sec_tit{
  margin-bottom: 45px;
 }
 #page_homepage #fles_tool .inner{
  padding: 35px 0;
  height: auto;
 }
 #page_homepage #fles_tool .tool_box{
  margin-bottom: 60px;
  width: 100%;
  position: relative;
  font-size: 75%;
 }
 #page_homepage #fles_tool .tool_box.light{
  left: 0;
  top: auto;
  text-align: right;
  position: relative;
  z-index: 5;
 }
 #page_homepage #fles_tool .tool_box.light:before{
  content: "";
  padding-top: 65.8%;
  width: 90%;
  max-width: 290px;
  display: block;
  background: url(../../img/bgbt/top/items_ph_01.png) left bottom no-repeat;
  background-size: contain;
  position: absolute;
  left: -6%;
  bottom: -40px;
 }
 #page_homepage #fles_tool .tool_box.light .txtbox{
 width: 54%;
  display: inline-block;
  text-align: left;
 }
 #page_homepage #fles_tool .tool_box.cream{
  right: 0;
  bottom: auto;
 }
 #page_homepage #fles_tool .tool_box.cream .txtbox{
  width: 54%;
 }
 #page_homepage #fles_tool .tool_box.cream .txtbox:before{
  content: "";
  padding-top: 100%;
  width: 64%;
  max-width: 230px;
  display: block;
  background: url(../../img/bgbt/top/items_ph_02.png) left bottom no-repeat;
  background-size: contain;
  position: absolute;
  right: -37px;
  bottom: -60px;
 }
 #page_homepage #fles_tool .tool_box h3{
  margin-bottom: 15px;
  font-size: 214%;
  color: #440099;
 }
 #page_homepage #fles_tool .tool_box h3 span{
  display: block;
  font-size: 60%;
 }
 #page_homepage #fles_tool .tool_box.light h3{
  text-align: right;
 }
 #page_homepage #fles_tool .tool_box .txt{
  margin-bottom: 15px;
  line-height: 2;
 }
 #page_homepage #fles_tool .tool_box.light .btn{
  text-align: right;
 }
 #page_homepage #fles_tool .tool_box .btn a{
  padding: 7px 1em;
  width: auto;
 }
}/*/max-width: 960px*/

@media screen and (max-width: 600px){
#page_homepage #fles_tool .tool_box.light .txtbox{
 width: 39%;
}
#page_homepage #fles_tool .tool_box.cream .txtbox {
 width: 43%;
}
}/* ～600px */
@media screen and (max-width: 480px){
 #page_homepage #fles_tool .tool_box.light:before{
  bottom: 0;
 }
}
@media screen and (max-width: 360px){
 #page_homepage #fles_tool .tool_box.light:before{
  bottom: 30px;
 }
 #page_homepage #fles_tool .tool_box.cream .txtbox::before{
  bottom: 0;
 }
}/*/footer  max-width: 360px*/

/*----------------------------------------------------------------
productdesign
----------------------------------------------------------------*/
#page_homepage #productdesign .inner{
 padding: 60px 0 45px;
}
#page_homepage #productdesign .flex{
 margin-bottom: 1.5em;
 -webkit-justify-content: space-between;
 justify-content: space-between;
/* webkit-align-items: center;*/
 align-items: center;
}
#page_homepage #productdesign .photo{
 width: 30%;
}
#page_homepage #productdesign .right_cont{
 width: 78%;
 text-align: right;
}
#page_homepage #productdesign .right_cont .sec_tit{
 margin-bottom: 0.6em;
 text-align: right;
}
#page_homepage #productdesign .right_cont .officename{
 display: block;
 text-align: right;
 font-size: 128%;
 line-height: 1.7;
 color: #440099;
}
#page_homepage #productdesign .profile_txt{
 font-size: 85%;
 line-height: 166%;
}
@media screen and (max-width: 960px){
 #page_homepage #productdesign .inner{
  padding: 30px 0;
 }
 #page_homepage #productdesign .sec_tit{
  margin-bottom: 10px;
 }
 #page_homepage #productdesign .flex{
  margin-bottom: 1.5em;
  -webkit-justify-content: space-between;
  justify-content: space-between;
 /* webkit-align-items: center;*/
  align-items: center;
 }
 #page_homepage #productdesign .flex .photo{
  width: 28%;
 }
 #page_homepage #productdesign .right_cont{
  width: 66%;
  text-align: left;
  font-size: 91%;
 }
 #page_homepage #productdesign .right_cont .txt {
  font-size: 91%;
}
 #page_homepage #productdesign .right_cont .sec_tit{
  margin-bottom: 0.6em;
  text-align: right;
 }
 #page_homepage #productdesign .right_cont .officename{
  display: block;
  text-align: left;
  font-size: 128%;
  line-height: 1.7;
  color: #440099;
 }
 #page_homepage #productdesign .profile_txt{
  font-size: 85%;
  line-height: 166%;
 }
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*FLES テクノロジー*/
#page_homepage #technology {
 height: 685px;
 overflow: hidden;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#page_homepage #technology .txtbox_wrap{
 position: absolute;
 display: flex;
 width: 70%;
 height: 100%;
 left: 0;
 top: 0;
 background: url(../../img/bgbt/top/tech_bg.png) center top no-repeat, -webkit-linear-gradient(left, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 36%,rgba(68,0,153,0) 37%,rgba(68,0,153,0) 97%,rgba(68,0,153,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: url(../../img/bgbt/top/tech_bg.png) center top no-repeat, linear-gradient(to right, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 36%,rgba(68,0,153,0) 37%,rgba(68,0,153,0) 97%,rgba(68,0,153,0) 100%);
 background-size: auto 100%, auto;
}
#page_homepage #technology .txtbox{
 width: 980px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #25282a;
}
#page_homepage #technology .inner{
 height: 685px;
 position: relative;
}
#page_homepage #technology .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #ecc3b2;
}
#page_homepage #technology .txtbox h3 span{
 padding-top: 20px;
 display: block;
 font-size: 60%;
 color: #25282a;
}
#page_homepage #technology .txtbox .lead{
 margin-bottom: 50px;
 font-size: 120%;
 font-weight: bold;
}
#page_homepage #technology .txtbox .txt{
 width: 394px;
 float: left;
 font-size: 115%;
 line-height: 2.4;
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
 font-weight: normal;
 color: #FFF;
}
#page_homepage #technology .technology_img{
 width: 40%;
 position: absolute;
 top: 50%;
 right: 70px;
 transform: translateY(-50%);
 z-index: 2;
}
#page_homepage #technology .technology_img img{
 max-width: 520px;
 width: 100%;
 height: auto;
}
#page_homepage #technology .over_self{
 position: absolute;
 top: 0;
 right: -80px;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}
#page_homepage #technology .over_fles{
 position: absolute;
 bottom: 0;
 right: 430px;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}

@media screen and (min-width: 1300px){
#page_homepage #technology .txtbox_wrap{
 width: 80%;
}
}
@media screen and (min-width: 1200px){
 #page_homepage #technology .technology_img{
 width: 45%;
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 z-index: 2;
}
#page_homepage #technology .technology_img img{
 width: 460px;
 height: auto;
}
#page_homepage #technology .over_self{
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}

}
@media screen and (max-width: 960px){
/*FLES テクノロジー*/
#page_homepage #technology {
 padding-bottom: 45px;
 height: auto;
 position: relative;
 background: #440099;
}
#page_homepage #technology:before{
 content: "";
 width: 45px;
 height: 75px;
 background: url(../../img/bgbt/top/tech_sp_l.png)no-repeat;
 background-size: contain;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
}
#page_homepage #technology:after{
 content: "";
 width: 45px;
 height: 75px;
 background: url(../../img/bgbt/top/tech_sp_r.png)no-repeat;
 background-size: contain;
 position: absolute;
 bottom: -3px;
 right: 0;
 z-index: 10;
}

#page_homepage #technology .txtbox_wrap{
 display: none;
}
#page_homepage #technology .txtbox{
 margin: 0 auto 2em;
 padding: 35px 4% 20px;
 width: 86%;
 position: relative;
 top: 0;
 left: 0;
 transform: none;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #fff;
}
#page_homepage #technology .inner{
 padding-bottom: 30px;
 padding-top: 30px;
 height: auto;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#page_homepage #technology .txtbox h3{
 margin-bottom: 15px;
 font-size: 208%;
 line-height: 1.2;
 text-align: center;
}
#page_homepage #technology .txtbox h3 span{
 padding-top: 10px;
 font-size: 60%;
 color: #25282a;
}
#page_homepage #technology .txtbox .lead{
 margin-bottom: 25px;
 font-size: 120%;
 font-weight: bold;
 text-align: center;
}
#page_homepage #technology .txtbox .sub{
 margin: 0 auto 1em;
 text-align: center;
 }
#page_homepage #technology .txtbox .txt{
 width: 100%;
 float: none;
 line-height: 1.8;
}
#page_homepage #technology .technology_img{
 margin: 0 auto;
 padding: 2%;
 width: 90%;
 max-width: 460px;
 position: relative;
 top: 0;
 right: auto;
 z-index: 5;
 transform: none;
}
#page_homepage #technology .technology_img img{
 width: 100%;
 height: auto;
}
#page_homepage #technology .over_self{
 margin-right: 4%;
 top: -21px;
 right: -23px;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
#page_homepage #technology .over_fles{
 margin-left: 0;
 position: absolute;
 bottom: -21px;
 right: auto;
 left: -19px;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*Specialist紹介*/
#page_homepage #person{
 padding: 120px 0;
 background: #25282a;
 color: #FFF;
}
#page_homepage #person .person_container{
 margin: 0 auto;
 width: 980px;
 position: relative;
}
#page_homepage #person .disc{
 width: 300px;
 text-align: right;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
#page_homepage #person .disc h3{
 margin-bottom: 50px;
 font-size: 285%;
 font-weight: normal;
 letter-spacing: 4px;
 color: #ecc3b2;
}
#page_homepage #person .disc .txt{
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
 font-size: 130%;
 line-height: 2.4;
}
#page_homepage #person .person_wrap{
 margin: 0;
 width: 620px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_homepage #person .person_box{
 width: 29%;
}
#page_homepage #person .person_box dt{
 margin-bottom: 10px;
 text-align: center;
}
#page_homepage #person .person_box dd h4{
 margin: 0 auto 20px;
 text-align: center;
 display: block;
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
 font-size: 114%;
 color: #ecc3b2;
}
#page_homepage #person .person_box dd p{
 font-size: 82%;
 line-height: 1.8
}
#page_homepage #person .person_box dd p .name{
 margin: 0 auto 0.5em;
 display: block;
 font-size: 108%;
 text-align: center;
 font-weight: bold;
 letter-spacing: 1px;
}

@media screen and (max-width: 960px){
/*Specialist紹介*/
#page_homepage #person{
 padding: 35px 0 20px;
 background: #25282a;
 color: #FFF;
}
#page_homepage #person .person_container{
 width: 86%;
}
#page_homepage #person .disc{
 width: 100%;
 text-align: left;
 position: relative;
 right: auto;
 top: 0;
 transform: none;
}
#page_homepage #person .disc h3{
 margin-bottom: 25px;
 font-size: 208%;
 text-align: center;
}
#page_homepage #person .disc .txt{
 margin-bottom: 25px;
 font-size: 120%;
 line-height: 2.4;
 text-align: center;
}
#page_homepage #person .person_wrap{
 margin: 0;
 width: 100%;
 display: block;
}
#page_homepage #person .person_box{
 margin-bottom: 25px;
 width: 100%;
 display: -webkit-flex;
 display: flex;
 justify-content: space-between;
}
#page_homepage #person .person_box dt{
 margin-bottom: 10px;
 width: 27%;
 text-align: left;
}
#page_homepage #person .person_box dd {
 width: 70%;
 }
#page_homepage #person .person_box dd h4{
 margin: 0 auto 5px;
 text-align: left;
 font-size: 108%;
}
#page_homepage #person .person_box dd p{
 font-size: 75%;
 line-height: 1.8
}
#page_homepage #person .person_box dd p .name{
 margin: 0 auto 5px;
 display: block;
 font-size: 111%;
 text-align: left;
 font-weight: bold;
 letter-spacing: 1px;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/*----------------------------------------------------------------
check_intro
----------------------------------------------------------------*/
#page_homepage #check_intro{
 padding: 150px 0 0 0;
 width: 100%;
 height: 790px;
 text-align: center;
 box-sizing: border-box;
 background: url(../../img/bgbt/top/binder.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
 background-size: auto, cover;
}
/*結果情報保持時*/
#page_homepage.have_result #check_intro{
 background: url(../../img/bgbt/top/binder_result.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
 background-size: auto, cover;
}

#page_homepage #check_intro_r{
 padding: 150px 0 0 0;
 width: 100%;
 height: 790px;
 text-align: center;
 box-sizing: border-box;
 background: url(../../img/bgbt/top/binder_result.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
 background-size: auto, cover;
}

#page_homepage #check_intro span.check, #page_homepage #check_intro_r span.check{
 margin: 0 auto 70px;
 display: block;
 text-align: center;
 font-size: 45%;
}
#page_homepage #check_intro .txt ,#page_homepage #check_intro_r .txt{
 margin-bottom: 37px;
 text-align: center;
 font-size: 171%;
 line-height: 1.8;
}
#page_homepage #check_intro .startbtn a, #page_homepage #check_intro_r .startbtn a{
 margin: 0 auto;
 width: 140px;
 height: 140px;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 position: relative;
 background: #440099;
 border-radius: 100px;
 -webkit-transition-duration: 1s;
 transition-duration: 1s;
 font-size: 135%;
 text-align: center;
 color: #ecc3b2;
}
#page_homepage #check_intro #limited, #page_homepage #check_intro_r #limited{
 padding-top: 1em;
 font-size: 142%;
 color: #440099;
}
/*保持*/
#page_homepage.have_result #check_intro .startbtn a span, #page_homepage.have_result #check_intro_r .startbtn a span{
 margin: 0;
 position: absolute;
 display: block;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
}
#page_homepage.have_result #check_intro .startbtn a span.result, #page_homepage.have_result #check_intro_r .startbtn a span.result{
 top: 40px;
 font-size: 135%;
}
#page_homepage.have_result #check_intro .startbtn a span.quot, #page_homepage.have_result #check_intro_r .startbtn a span.quot{
 top: 78px;
 font-size: 85%;
}

@media screen and (max-width: 960px){
 #page_homepage #check_intro{
  padding: 120px 4%;
  width: 100%;
  height: auto;
  background: url(../../img/bgbt/top/binder_sp.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
  background-size: 150px auto, cover;
 }
 #page_homepage.have_result #check_intro{
  background: url(../../img/bgbt/top/binder_result_sp.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
  background-size: 150px auto, cover;
 }

 #page_homepage #check_intro_r{
   padding: 120px 4%;
  width: 100%;
  height: auto;
  background: url(../../img/bgbt/top/binder_result_sp.png) right bottom no-repeat, url(../../img/bgbt/top/marble.jpg)center top no-repeat;
  background-size: 150px auto, cover;
 }

 #page_homepage #check_intro span,  #page_homepage #check_intro_r span{
  margin: 0 auto 35px;
  display: block;
  text-align: center;
  font-size: 45%;
 }
 #page_homepage #check_intro .txt, #page_homepage #check_intro_r .txt{
  margin-bottom: 15px;
  text-align: center;
  font-size: 100%;
  line-height: 1.8;
 }
 #page_homepage #check_intro .startbtn a, #page_homepage #check_intro_r .startbtn a{
  margin: 0 auto;
  width: 80px;
  height: 80px;
  font-size: 91%;
  text-align: center;
 }
#page_homepage #check_intro #limited, #page_homepage #check_intro_r #limited{
 padding-top: 1em;
 font-size: 109%;
 color: #440099;
}

#page_homepage.have_result #check_intro .startbtn a span.result, #page_homepage.have_result #check_intro_r .startbtn a span.result {
 top: 25px;
}
#page_homepage.have_result #check_intro .startbtn a span.quot, #page_homepage.have_result #check_intro_r .startbtn a span.quot {
 top: 48px;
}

#page_homepage #check_intro span,  #page_homepage #check_intro_r .txt > span{
 font-size: 100%;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
opening animation*
----------------------------------------------------------------*/
body.openingAnimation{
 width: 100%;
 height: 100vh;
 overflow: hidden;
}
#page_homepage #opening{
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 200;
 background: #440099;
 color: #FFF;
}
#page_homepage #opening .opening_inner{
 width: 100%;
 height: 100vh;
 position: relative;
}

#page_homepage #opening .opening_logo{
 width: 12%;
 height: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 5;
 opacity: 0;
}
#page_homepage #opening .opening_catch{
 margin: 0;
 padding: 0;
 width: 100%;
 height: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -36%);
 font-size: 2vw;
 text-align: center;
 opacity: 0;
}
#page_homepage #opening .opening_txt{
 width: 100%;
 height: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -36%);
 transition-duration: 1s;
 z-index: 5;
 opacity: 0;
 font-size: 1.5vw;
 line-height: 2.8;
 text-align: center;
}
#page_homepage #opening .openword01,
#page_homepage #opening .openword02,
#page_homepage #opening .openword03,
#page_homepage #opening .openword04,
#page_homepage #opening .openword05,
#page_homepage #opening .openword06{
 margin: 0;
 height: auto;
 text-align: center;
 opacity: 0;
}

/*animation設定設定*/
.opening_logo.on{
 -webkit-animation: openFade 1s ease 0s 1 forwards;
 animation: openFade 1s ease 0s 1 forwards;
 visibility: visible !important;
}
@-webkit-keyframes openFade {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes openFade {
 0% { opacity: 0; }
 100% { opacity: 1; }
}

#page_homepage #opening .opening_catch.on{
 -webkit-animation: openFade 2s ease 0s 1 forwards;
 animation: openFade 2s ease 0s 1 forwards;
 visibility: visible !important;
 letter-spacing: -1
 px;
}
#page_homepage #opening .opening_catch.move{
 opacity: 1;
 -webkit-animation: openCatch 2s ease 0s 1 forwards;
 animation: openCatch 2s ease 0s 1 forwards;
 visibility: visible !important;
}
@-webkit-keyframes openCatch {
 0% { transform:translate(0, 0); }
 100% { transform:translate(0, -10vw); }
}
@keyframes openCatch {
 0% { transform: translate(-50%, -50%); }
 100% {  transform: translate(-50%, -400%);}
}

#page_homepage #opening .opening_txt.on{
 height: auto;
 -webkit-animation: openTxt 1s ease 0s 1 forwards;
 animation: openTxt 1s ease 0s 1 forwards;
 visibility: visible !important;
}

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

#page_homepage #opening .opening_txt.move .openword01{
 -webkit-animation: openFade 1s ease 0s 1 forwards;
 animation: openFade 1s ease 0s 1 forwards;
 visibility: visible !important;
}
#page_homepage #opening .opening_txt.move .openword02{
 -webkit-animation: openFade 1.5s ease 1.5s 1 forwards;
 animation: openFade 1.5s ease 1.5s 1 forwards;
 visibility: visible !important;
}
#page_homepage #opening .opening_txt.move .openword03{
 -webkit-animation: openFade 2s ease 3s 1 forwards;
 animation: openFade 2s ease 3s 1 forwards;
 visibility: visible !important;
}
#page_homepage #opening .opening_txt.move .openword04{
 -webkit-animation: openFade 2.5s ease 4.5s 1 forwards;
 animation: openFade 2.5s ease 4.5s 1 forwards;
 visibility: visible !important;
}
#page_homepage #opening .opening_txt.move .openword05{
 -webkit-animation: openFade 3s ease 6s 1 forwards;
 animation: openFade 3s ease 6s 1 forwards;
 visibility: visible !important;
}
#page_homepage #opening .opening_txt.move .openword06{
 -webkit-animation: openFade 3.5s ease 7.5s 1 forwards;
 animation: openFade 3.5s ease 7.5s 1 forwards;
 visibility: visible !important;
}

@media screen and (max-width: 960px){
  #page_homepage #opening .opening_logo{
   width: 24%;
   top: 45%;
  }
  #page_homepage #opening .opening_catch{
   top: 45%;
  }
}
@media screen and (max-width: 480px){
#page_homepage #opening .opening_catch{
 font-size: 6.2vw;
}
#page_homepage #opening .opening_txt{
 font-size: 2.8vw;
}

}/*/footer  max-width: 480px*/

/******************************************************************************

 EntryPage // 会員情報登録

******************************************************************************/
/*----------------------------------------------------------------
ブロック　レイアウト
----------------------------------------------------------------*/
#page_help_agreement .ec-layoutRole__contents{
 margin-bottom: 50px;
}
.entry_inner{
 margin-right: auto;
 margin-left: auto;
 max-width: 560px;
 width: 100%;
}
.ec-borderedDefs {
 padding-top: 40px;
 padding-bottom: 40px;
 margin-bottom: 60px;
 border-top: solid 1px #d2d2d2;
 border-bottom: solid 1px #d2d2d2;
 text-align: left;
}

.ec-off1Grid .ec-off1Grid__cell{
 margin: 0 auto;
 max-width: 560px;
}
#page_mypage_payment.mypage .ec-off1Grid .ec-off1Grid__cell{
 margin: 0 auto;
 max-width: 664px;
}

.ec-off1Grid__cell dl {
 display: -ms-flexbox;
 display: flex;
 border-bottom: 1px dotted #ccc;
 margin: 0;
 padding: 10px 0 0;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.ec-off1Grid__cell dl{
 border: none;
}
.ec-off1Grid__cell dt{
 padding-right: 0.3em;
 padding-left: 1em;
 padding-top: 14px;
 width: 34%;
 position: relative;
 color: #440099;
}
.ec-off1Grid__cell dt:before{
 content: "";
 width: 12px;
 height: 1.5em;
 display: inline-block;
 background: url(../../img/bgbt/common/skew_pur.svg) center center no-repeat;
 background-size: contain;
 position: absolute;
 left: 0;
 top: 0.8em;
}
.ec-off1Grid__cell dd {
 width: 66%;
 line-height: 3;
}
.ec-off1Grid__cell dt span{
 font-size: 75%;
}
#page_mypage_unsubscribe .ec-off1Grid__cell dt span {
 font-size: 10px;
}
#page_mypage_unsubscribe .ec-off1Grid__cell dt span .form-error-message {
 font-size: 10px;
}

#page_entry .ec-off1Grid__cell dt{
 letter-spacing: 0;
}

/*フォームパーツを100％にしたいとき*/
.ec-off1Grid__cell .fullwidth > dl{
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.ec-off1Grid__cell .fullwidth > dl > dt{
 margin-bottom: 25px;
 width: 100%;
 font-size: 112%;
 text-align: left;
 font-weight: bold;
}
.ec-off1Grid__cell .fullwidth > dl > dd{
 width: 100%;
 line-height: 1.5;
 text-align: left;
}

.fles_status .txt01{
 line-height: 2;
}
.fles_status .enter,
.fles_status .enter a{
 color: #ecc3b2;
}

/*----------------------------------------------------------------
フォームパーツ　レイアウト
----------------------------------------------------------------*/
*:focus {
outline: none!important;
}
.ec-halfInput input{
 border-radius: 10px;
}
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
 height: 50px;
 border-radius: 10px;
}
.ec-halfInput input[type="text"] {
 margin-left: 0;
 width: 42.85%;
}
.ec-zipInput{
 width: 100%;
 position: relative;
}
.ec-zipInputHelp {
 position: absolute;
 top: 1em;
 left: 210px;
}
.ec-zipInputHelp a{
 font-size: 13px;
 line-height: 1.5;
 vertical-align: middle;
 color: #440099;
}
.ec-zipInputHelp a span{
 color: #440099;
}
.ec-birth select,
.ec-period select	{
 margin: 0 5px 16px 0;
 padding-right: 25px;
 width: 30.6%;
 height: 50px;
 border-radius: 10px;
 text-overflow: ellipsis;
	border: 1px solid #ccc;
	outline: none;
	background: url(../../img/bgbt/common/pulldown_pur.svg) right 5px center no-repeat, transparent;
 background-size: 18px auto, auto;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.ec-birth select:last-child,
.ec-period select:last-child{
 margin: 0 0 16px 0;
}
.ec-birth select.error,
.ec-period select.error	{
	background: url(../../img/bgbt/common/pulldown_pur.svg) right 5px center no-repeat, #FDF1F0 !important;
 background-size: 18px auto, auto !important;
}
.ec-birth select.error:last-child,
.ec-period select.error:last-child	{
 margin: 0 0 16px 0;
}
.ec-select select::-ms-expand,
.ec-period select::-ms-expand {
 display: none;
}
.ec-birth select#plan_select,
.ec-birth select#subscription_sales_plan_id {
 width: 100%;
 overflow: hidden;
 cursor: pointer;
}
.ec-birth select#plan_select.inactive {
 background: url(../../img/bgbt/common/pulldown_pur.svg) right 5px center no-repeat, #ddd;
 opacity: 0.5;
}

.ec-blockBtn--action{
 margin: 0 auto;
 padding: 20px 30px;
 max-width: 326px;
 height: auto;
 border: none;
 border-radius: 50px;
 background: #440099;
 font-size: 20px;
 line-height: 1.3;
 font-weight: normal;
 white-space: normal;
}
.ec-blockBtn--action:hover{
 background: #440099;
}
#page_shopping_shipping .formbtn .ec-blockBtn--action{
 padding: 7px 30px;
 height: 68px;
}
#page_shopping_shipping .ec-registerRole .ec-blockBtn--action{
 margin-bottom: 0;
}
#page_shopping_shipping .ec-totalBox__btn:first-of-type{
 margin-bottom: 0!important;
 padding-bottom: 0!important;
 border-bottom: none!important;
}

.ec-blockBtn--action[disabled], .ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus, fieldset[disabled] .ec-blockBtn--action:hover, fieldset[disabled] .ec-blockBtn--action:focus, fieldset[disabled] .ec-blockBtn--action.focus{
 background: #f0f0f0;
 color: #FFF;
 outline: none;
}
.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus,
.open > .ec-blockBtn--action.dropdown-toggle:hover,
.open > .ec-blockBtn--action.dropdown-toggle:focus,
.open > .ec-blockBtn--action.dropdown-toggle.focus,
.ec-blockBtn--action.disabled:hover, .ec-blockBtn--action.disabled:focus, .ec-blockBtn--action.disabled.focus, .ec-blockBtn--action[disabled]:hover, .ec-blockBtn--action[disabled]:focus, .ec-blockBtn--action[disabled].focus,
fieldset[disabled] .ec-blockBtn--action:hover,
fieldset[disabled] .ec-blockBtn--action:focus,
fieldset[disabled] .ec-blockBtn--action.focus ,
.ec-inlineBtn--action.disabled:hover, .ec-inlineBtn--action.disabled:focus, .ec-inlineBtn--action.disabled.focus, .ec-inlineBtn--action[disabled]:hover, .ec-inlineBtn--action[disabled]:focus, .ec-inlineBtn--action[disabled].focus,
fieldset[disabled] .ec-inlineBtn--action:hover,
fieldset[disabled] .ec-inlineBtn--action:focus,
fieldset[disabled] .ec-inlineBtn--action.focus,
.ec-blockBtn--action:active:hover, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus,
.open > .ec-blockBtn--action.dropdown-toggle:hover,
.open > .ec-blockBtn--action.dropdown-toggle:focus,
.open > .ec-blockBtn--action.dropdown-toggle.focus,
  .ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
 background-color: #440099;
  border-color: #440099;
  outline: none;
}


/*性別ラジオ*/
#entry_sex.ec-radio{
 display: -webkit-flex;
 display: flex;
}
#entry_sex.ec-radio label{
  width: 50%;

}
#entry_sex.ec-radio span::after{
 top: 13px;
}
#entry_sex.ec-radio input + span::before{
 top: 13px;
}

/*名前フォームを分割*/
.ec-namehalfwrap {
 width: 100%;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
}
.ec-namehalfwrap .ec-halfInput{
 margin-left: 3%;
 width: 45.5%;
 display: inline-block;
}
.ec-namehalfwrap .ec-halfInput:first-child{
 margin-left: 0;
}
.ec-namehalfwrap .ec-halfInput input[type="text"]{
 width: 100%;
}
.ec-namehalfwrap .ec-errorMessage{
 margin-bottom: 25px;
 font-size: 12px;
 font-weight: bold;
 color: #DE5D50;
}
.ec-birth + .ec-errorMessage ,
#entry_sex + .ec-errorMessage {
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: bold;
    color: #DE5D50;
}

.ec-checkbox label{
 margin-bottom: 16px;
 padding-left: 30px;
 display: block;
 position: relative;
 text-align: left;
}
.ec-checkbox input + label:before{
 content: "";
 width: 1.3em;
 height: 1.3em;
 display: block;
 position: absolute;
 left: 0;
 top: 0.2em;
 z-index: 2;
 transition-duration: 0.4s;
 transform-origin: center;
 opacity: 0;
 background: url(../../img/bgbt/common/checkbox.png) no-repeat;
 background-size: contain;
}
.ec-checkbox input[type=checkbox]:checked + label:before{
 content: "";
 background: url(../../img/bgbt/common/checkbox.png) no-repeat;
 background-size: contain;
 opacity: 1;
}
.ec-checkbox input + label:after{
 content: "";
 width: 1.2em;
 height: 1.2em;
 display: block;
 border: solid 1px #b5b5b5;
 border-radius: 4px;
 position: absolute;
 left: 0;
 top: 0.2em;
 z-index: 1;
 transition-duration: 0.4s;
}
.ec-checkbox input:disabled + label:after,
.ec-checkbox.inactive input + label:after{
 background: #ddd;
}
.ec-checkbox input[type=checkbox]:checked + label:after{
 content: "";
 border: solid 1px #fff;
}
.ec-checkbox input{
 display: none;
}

.ec-off1Grid__cell textarea {
 padding: 1em;
 width: 100%;
 border-radius: 10px;
 border: solid 1px #d2d2d2;
}

.ec-inlineBtn{
 padding: 5px 20px;
 display: inline-block;
 border: none;
 border-radius: 50px;
 background: #ecc3b2;
 transition-duration: 0.3s;
 letter-spacing: 1px;
 white-space: normal;
 font-weight: normal;
 color: #440099;
}
.ec-inlineBtn a{
 color: #440099;
}
.ec-inlineBtn.min_w{
 min-width: 240px;
 box-sizing: border-box;
}
.ec-inlineBtn.another{
 border: solid 1px #440099;
 background: #FFF;
}
.ec-inlineBtn.another:hover{
 border: solid 1px #440099;
 background: #FFF;
}
.ec-inlineBtn.purple{
 border: solid 1px #440099;
 background: #440099;
 color: #FFF;
}
.ec-inlineBtn.purple a{
 color: #FFF;
}
.ec-inlineBtn.purple:hover{
 border: solid 1px #440099;
 background: #440099;
 color: #FFF;
}
.ec-orderAccount .ec-inlineBtn,
.ec-orderDelivery .ec-inlineBtn,
.ec-orderPayment .ec-inlineBtn{
 position: absolute;
 right: 0;
 top: 0;
}
.ec-inlineBtn:hover{
 background: #ecc3b2;
 color: #440099;
 opacity: 0.7;
}

.ec-blockBtn--cancel{
 margin: 0 auto;
 padding: 20px 30px;
 max-width: 326px;
 width: 100%;
 height: auto;
 border: none;
 border-radius: 50px;
 background: #ecc3b2;
 font-size: 20px;
 line-height: 1.3;
 font-weight: normal;
 white-space: normal;
 color: #25282a;
}
.ec-blockBtn--cancel:hover{
 margin-right: auto;
 margin-left: auto;
 border: none;
 border-radius: 50px;
 background: #ecc3b2;
 color: #25282a;
}
.ec-blockBtn--cancel.totop{
 color: #440099;
}
.ec-blockBtn--cancel:focus{
outline: none;
}
button.ec-blockBtn--cancel:focus{
outline: none;
}

@media screen and (max-width: 960px){
/*背景*/
body.mypage,
body.registration_page,
body.error_page{
 background: #FFF;
 background-size: auto;
 background-attachment: scroll;
}
.ec-label{
 font-size: 14px;
 line-height: 1.5;
}
.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select{
 font-size: 16px;
}
input, textarea, select{
 font-size: 16px;
}
.correct.ec-input, .correct.ec-numberInput, .correct.ec-zipInput, .correct.ec-telInput, .correct.ec-select, .correct.ec-birth, .ec-namehalfwrap{
 width: 95%;
}
.correct.ec-halfInput{
 width: 45.5%;
}
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
 font-size: 16px;
}
.ec-borderedDefs {
 margin-bottom: 30px;
}
.ec-blockBtn--action{
 font-size: 16px;
}
.ec-blockBtn--cancel{
 font-size: 16px;
}
.ec-off1Grid__cell dt{
 width: 100%;
}
.ec-off1Grid__cell dd {
 padding: 0;
 width: 100%;
 line-height: 2.5;
}
.ec-off1Grid__cell dt:before{
 top: 14px;
}
.ec-zipInput input{
 width: 100%;
}
#entry_sex{
 font-size: 14px;
}

}/* /max-width: 960px */
@media screen and (max-width: 480px){
.ec-namehalfwrap .ec-halfInput {
 margin-left: 2%;
}
}/* /max-width: 480px */

/*----------------------------------------------------------------
フォームページ　デザインパーツ（枠など）
----------------------------------------------------------------*/
.registration_page,
.error_page{
 padding: 107px 0 0;
}
#page_shopping_confirm.registration_page{
 padding: 107px 0;
}
.ec-progress .ec-progress__number {
 width: 33px;
 height: 33px;
 line-height: 30px;
 border: solid 1px #b5b5b5;
 background: #FFF;
 color: #25282a;
}
.ec-progress .is-complete .ec-progress__number {
 background: #440099;
 border: solid 1px #440099;
 color: #FFF;
}
.ec-progress .ec-progress__number{
 font-weight: normal;
}
.ec-progress .ec-progress__item::after{
 margin-left: 0;
 height: 1px;
 top: 1em;
 background: #b5b5b5;
}
.ec-progress__title{
 margin-bottom: 20px;
 font-size: 172%;
 line-height: 1.5;
 font-weight: bold;
 text-align: center;
 color: #440099;

 box-sizing: unset;
}

.entry2image {
 text-align: center;
}
.entry2image img{
 width: 65px;
 height: auto;
}

.ec-pageHeader {
 font-size: 14px;
 line-height: 1.4;
}
.ec-pageHeader h1{
 text-align: center;
 border-bottom: 0;
 font-size: 250%;
 font-weight: normal;
 letter-spacing: 1px;
 color: #440099;
}
.ec-pageHeader h1.comp{
 font-size: 285%;
}
@media screen and (min-width: 767px){
 .ec-pageHeader h1.comp{
  padding: 8px;
 }
}
.ec-pageHeader h1 span{
 display: block;
 font-size: 45%;
 color: #25282a;
}
.ec-pageHeader .pagetit_sub{
 margin-top: 1em;
 font-size: 18px;
 text-align: center;
 color: #440099;
}
#page_shopping_complete .ec-pageHeader h1 .pagetit_sub{
 font-size: 24px;
}
.ec-registerRole .ec-pageHeader{
 font-size: 14px;
 line-height: 1.5;
}

.scrollbox{
 padding-right: 20px;
 height: 145px;
 overflow-y: scroll;
 font-size: 14px;
}
.scrollbox::-webkit-scrollbar{
 width: 4px;
 border-radius: 10px;
}
.scrollbox::-webkit-scrollbar-track{
 background: #f0f0f0;
}
.scrollbox::-webkit-scrollbar-thumb{
 background: #440099;
 border-radius: 10px;
}

.mustread{
 margin: 40px auto 20px;
 max-width: 560px;
 line-height: 2.1;
}
.mustread a{
 text-decoration: underline;
}
.mustread.rds_box .tit{
 font-size: 115%;
 line-height: 2;
}

.ec-zipInputHelp .search_yubin{
 margin: 0;
 padding: 0;
}
.search_yubin:before{
 content: "";
 margin-right: 5px;
 width: 17px;
 height: 17px;
 display: inline-block;
 background: url(../../img/bgbt/entry/ico_yubin.png) no-repeat;
 background-size: contain;
 vertical-align: top;
}
.search_yubin:after{
 content: "";
 margin-left: 5px;
 width: 18px;
 height: 18px;
 display: inline-block;
 background: url(../../img/bgbt/entry/ico_yubin_link.png) no-repeat;
 background-size: contain;
 vertical-align: top;
}

.ec-orderRole{
 display: block;
 line-height: 1.6;
}
.confbox{
 margin: 0 auto;
 max-width: 400px;
 font-weight: normal;
}
.confbox dl{
 margin-bottom: 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 font-size: 114%;
}
.confbox dt{
 font-weight: normal;
}
.confbox dd{
 line-height: 1;
 vertical-align: bottom;
}
#page_shopping_confirm .ec-orderPayment .confbox dd{
 line-height: 1.6;
}
.confbox dd span{
 padding-right: 5px;
 font-size: 57%;
}
.confbox dd span.yen{
 padding-right: 0;
 font-size: 76%;
}
.confbox .price{
 font-size: 131%;
}
.confbox .sum{
 margin: 1em 0 0;
 padding: 1em 0 0;
 border-top: solid 1px #d2d2d2;
}
.ec-orderAccount,
.ec-orderDelivery{
 position: relative;
}
.ec-orderAccount .confbox{
 font-size: 14px;
}
.ec-orderAccount .confbox dl,
.ec-orderDelivery .confbox dl{
 font-size: 100%;
 line-height: 1.9;
}
.ec-orderAccount .confbox dt,
.ec-orderDelivery .confbox dt{
 width: 40%;
 line-height: 2.5;
}
.ec-orderAccount .confbox dd,
.ec-orderDelivery .confbox dd{
 width: 58%;
 font-size: 115%;
 line-height: 1.9;
 text-align: left;
}
.ec-orderDelivery .ec-orderDelivery__change {
 position: unset;
}
/*項目ごとに区切り線付き*/
.confbox_line{
 margin: 0 auto;
 max-width: 460px;
 font-size: 14px;
 font-weight: normal;
}
#page_mypage_payment.mypage .confbox_line{
 max-width: 554px;
}
.confbox_line dl{
 margin-bottom: 0;
 padding: 8px 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 border-top: solid 1px #999999;
 font-size: 100%;
 line-height: 1.5;
}
.confbox_line dl:first-child{
 padding: 0 0 10px;
 border-top: none;
}
.confbox_line dl:last-child{
 padding: 10px 0 0;
}
.confbox_line dt{
 padding: 0;
 width: 40%;
 line-height: 2;
 font-weight: bold;
}
.ec-off1Grid__cell .confbox_line dt:before{
 display: none;
}
.confbox_line dd{
 width: 58%;
 font-size: 114%;
 line-height: 1.9;
 text-align: left;
 vertical-align: bottom;
}
.confbox_line dd span{
 padding-right: 5px;
 font-size: 57%;
}

label.ec-label.required:after{
 content: "*";
 padding-left: 0.2em;
 color: #bd0000;
}

#page_mypage_unsubscribe label.ec-label.required:after {
 content: "";
}

.ec-orderAccount{
 position: relative;
}
.ec-orderAccount .confbox_line{
 font-size: 14px;
}

.ec-orderDelivery .box_inner{
 margin: 0 auto 25px;
 max-width: 460px;
}
.ec-orderPayment{
 position: relative;
}
.ec-orderPayment .confbox_line dt,
.ec-orderPayment .confbox_line dd{
 font-size: 16px;
 line-height: 1.9;
}

 /*modal*/
.ec-modal .ec-modal-overlay {
 background: rgba(37,40,42,0.8);
}
.ec-modal .ec-modal-wrap {
 margin: 70px auto;
 padding: 50px 70px !important;
 max-width: 664px;
 border-radius: 29px;
 box-sizing: border-box;
 align-self: flex-start;
}
#page_entry_questionnaire .ec-modal .ec-modal-wrap {
 align-self: flex-start;
}
#page_product_list .ec-modal .ec-modal-wrap {
 width: 100%;
}
.ec-modal .ec-borderedDefs{
 padding-top: 20px;
 padding-bottom: 20px;
}
#ec-modal-header{
 font-size: 128%;
 line-height: 1.6;
 font-weight: bold;
 color: #440099;
}
.ec-modal-box .ec-role{
 padding: 0;
}
.ec-modal .ec-totalBox__btn .ec-blockBtn--cancel{
 width: 47%;
 box-sizing: border-box;
 font-size: 18px;
}
.ec-modal .ec-totalBox__btn .ec-blockBtn--action{
 width: 47%;
 box-sizing: border-box;
 font-size: 18px;
}
.ec-modal .ec-totalBox__btn .ec-blockBtn--action a{
 color: #FFF;
}
#page_entry .ec-modal .ec-modal-wrap{
 align-self: self-start;
 margin-top: 50px !important;
}

.ec-radio.check_radio span{
 margin-bottom: 16px;
 padding-left: 30px;
 display: block;
 position: relative;
 text-align: left;
}
#entry_sex.ec-radio.check_radio span{
 margin-bottom: 0.2em;
}
.ec-radio.check_radio input + span:before{
 content: "";
 width: 23px;
 height: 23px;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 2;
 transition-duration: 0.4s;
 transform-origin: center;
 opacity: 0;
 background: url(../../img/bgbt/common/checkbox.png) no-repeat;
 background-size: contain;
}
.ec-radio.check_radio input[type=radio]:checked + span:before{
 content: "";
 background: url(../../img/bgbt/common/checkbox.png) no-repeat;
 background-size: contain;
 opacity: 1;
}
.ec-radio.check_radio input[type=radio]:checked + span:after{
 border: none;
}
.ec-radio.check_radio span:after{
 content: "";
 width: 21px;
 height: 21px;
 display: block;
 border: solid 1px #b5b5b5;
 border-radius: 4px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 transition-duration: 0.4s;
}
.ec-radio.check_radio.error span:after{
 content: "";
 border: 2px solid red !important;
 background: #FDF1F0;
}
.ec-radio.check_radio input[type=radio]:checked + label:after{
 content: "";
 border: solid 1px #fff;
}
.ec-radio.check_radio input{
 display: none;
}
.ec-radio.check_radio label{
 margin-right: 0;
}
.ec-modal-wrap ul.beige_list > li{
 margin-bottom: 0.5em;
}
.ec-modal-wrap .caution_doctor{
 display: none;
}

.caution_txt{
 font-size: 11px;
 line-height: 1.5;
}

/*ボタン*/
.ec-totalBox__btn{
 margin: 0 auto;
 max-width: 545px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.ec-totalBox__btn > p{
 width: 47%;
}
.ec-totalBox__btn .ec-blockBtn--cancel{
 background: #FFF;
 border: solid 1px #440099;
 transition-duration: 0.3s;
 box-sizing: border-box;
 color: #440099;
}
.ec-totalBox__btn .ec-blockBtn--cancel:hover{
 background: #FFF;
 border: solid 1px #440099;
 opacity: 0.7;
 color: #440099;
}
.ec-totalBox__btn .ec-blockBtn--cancel:focus{
outline: none;
}
.ec-totalBox__btn.btnbox_half{
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.ec-totalBox__btn.btnbox_half p{
 margin-bottom: 1em;
 width: 49%;
}
.ec-totalBox__btn.btnbox_half .ec-blockBtn--cancel{
 font-size: 114%;
}

/*お支払い情報の入力*/
#page_shopping .planbox,
#page_shopping_confirm .planbox{
 margin: 2.5em auto 0px;
 width: 475px;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_shopping .rds_box,
#page_shopping_confirm .rds_box{
 font-size: 14px;
 line-height: 1.5;
}
#page_shopping .planbox img,
#page_shopping_confirm .planbox img{
 width: 100%;
 height: auto;
}
#page_shopping .planbox .img,
#page_shopping_confirm .planbox .img{
 width: 44%;
}
#page_shopping .planbox .cont,
#page_shopping_confirm .planbox .cont{
 width: 50%;
}
#page_shopping .planbox .name,
#page_shopping_confirm .planbox .name{
 margin-bottom: 10px;
 font-size: 171%;
 line-height: 1.3;
 color: #440099;
}
#page_shopping .planbox .purple_list li,
#page_shopping_confirm .planbox .purple_list li{
 margin-bottom: 0;
 font-size: 107%;
 line-height: 1.6;
}
#page_shopping .confbox,
#page_shopping_confirm .ec-orderRole__detail .entry_inner .confbox,
#page_shopping_confirm .rds_box:first-child .confbox{
 margin-top: 2em;
 padding-top: 1em;
 max-width: 475px;
 border-top: solid 1px #d2d2d2;
}
/*
*/
#page_shopping .ec-orderRole .confbox{
 margin-top: 0;
 padding-top: 0;
 border-top: none;
}

.back_pur{
 padding: 60px 0;
 width: 100%;
 background: #ede6f7;
}
.back_pur .inner{
 margin: 0 auto;
 width: 980px;
}
#shopping-form .back_pur .flex{
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
}
#shopping-form .back_pur .inner .item_txt{
 margin: 0 auto;
 width: 700px;
}

/*アンバサダー受付中*/
.firstmember{
 margin-top: 27px;
 padding: 30px 8%;
 width: 100%;
 background: #ede6f7;
 box-sizing: border-box;
}
.firstmember .tit{
 border-bottom: solid 2px #440099;
 text-align: center;
 color: #440099;
 font-size: 114%;
 font-weight: bold;
}

/* colmpleteページ */
.ec-reportDescription{
 font-size: 18px;
 line-height: 2.2;
}
#page_shopping_complete .comp_item{
 margin: 0 auto 30px;
 max-width: 366px;
 text-align: center;
}
#page_shopping_complete .app_dwn{
 margin: 0 auto;
 max-width: 420px;
 text-align: center;
}
#page_shopping_complete .app_dwn div:first-child{
 margin-right: 5px;
}
#page_shopping_complete .qrcode{
 margin: 0 auto;
 width: 135px;
 height: 135px;
}
#page_shopping_complete .rds_box{
 border: solid 2px #ecc3b2;
}
#page_shopping_complete .app_intro{
 margin: 0 auto 20px;
 text-align: center;
}
#page_shopping_complete .app_intro p{
 display: inline-block;
}
#page_shopping_complete .app_intro .appbtn{
 margin-right: 5%;
 width: 80px;
 vertical-align: middle;
}
#page_shopping_complete .app_intro .appbtn img{
 width: 100%;
 height: auto;
}
#page_shopping_complete .app_intro .tit{
 margin: 0;
 font-size: 158%;
 font-weight: bold;
 letter-spacing: 3px;
}

@media screen and (max-width: 960px){

.ec-pageHeader h1 {
 border: none;
 font-size: 200%;
}
.ec-pageHeader .pagetit_sub{
 font-size: 18px;
}

.ec-modal .ec-totalBox__btn .ec-blockBtn--cancel{
 width: 100%;
 font-size: 14px;
}
.ec-modal .ec-totalBox__btn .ec-blockBtn--action{
 width: 100%;
 font-size: 14px;
}

#page_shopping .rds_box,
#page_shopping_confirm .rds_box{
 font-size: 12px;
 line-height: 1.5;
}
#page_shopping .planbox,
#page_shopping_confirm .planbox{
 width: 100%;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
#page_shopping .planbox .img,
#page_shopping_confirm .planbox .img{
 margin: 0 auto 1em;
 width: 80%;
}
#page_shopping .planbox .cont,
#page_shopping_confirm .planbox .cont{
 margin: 0 auto;
 width: 100%;
}
#page_shopping .planbox .name,
#page_shopping_confirm .planbox .name{
 text-align: center;
}

#page_shopping .ec-orderRole{
 padding: 0;
 font-size: 12px;
}

/*カード情報*/
.ec-orderPayment .rds_box .confbox dl{
 margin-bottom: 10px;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.ec-orderPayment .rds_box .confbox dl:last-child{
 margin-bottom: 0;
}

.back_pur .inner{
 margin: 0 auto;
 padding-left: 16px;
 padding-right: 16px;
 width: 100%;
 box-sizing: border-box;
}
#shopping-form .back_pur .flex{
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
#shopping-form .back_pur .item_ph{
 margin: 0 auto 20px;
 width: 60%;
 max-width: 247px;
}

.ec-modal .ec-modal-wrap{
 padding: 50px 5% !important;
}

/* colmpleteページ */
.ec-reportDescription{
  font-size: 14px;
  line-height: 2.2;
}
.confbox{
 font-size: 86%;
}
#page_shopping_complete .comp_item{
 width: 80%;
}
#page_shopping_complete .qrcode{
 display: none;
}
#page_shopping_complete .app_intro .tit{
 font-size: 138%;
}
#page_shopping_complete .app_intro .appbtn{
 width: 16%;
 max-width: 70px;
}

 /*アンバサダー受付中*/
.firstmember{
 margin-top: 15px;
 padding: 20px 8%;
}


}/*/max-width: 960px*/

@media screen and (max-width: 480px){
.ec-totalBox__btn.btnbox_half p{
 margin: 0 auto 1em;
 width: 80%;
}
}/*/footer  max-width: 480px*/

@media screen and (max-width: 375px){
.ec-orderPayment .rds_box .confbox dl dt{
 margin-bottom: 5px;
 width: 100%;
}
.ec-orderPayment .rds_box .confbox dl dd{
 width: 100%;
 text-align: right;
}

}/*/footer  max-width: 480px*/


/*----------------------------------------------------------------
フォーム　バリデーション表現
----------------------------------------------------------------*/
.ec-input{position: relative;}
input.error,
select.error{
 margin-bottom: 5px!important;
 border: 2px solid red!important;
 background: #FDF1F0!important;
 text-align: left;
}
.ec-radio .gran.correct,
.correct.ec-input, .correct.ec-halfInput, .correct.ec-numberInput, .correct.ec-zipInput, .correct.ec-telInput, .correct.ec-select, .correct.ec-birth{
 position: relative;
}
.ec-radio .gran.correct:after,
.correct.ec-input:after, .correct.ec-halfInput:after, .correct.ec-numberInput:after, .correct.ec-zipInput:after, .correct.ec-telInput:after, .correct.ec-select:after, .correct.ec-birth:after{
 content: "";
 width: 15px;
 height: 20px;
 position: absolute;
 right: -21px;
 top: 15px;
 background: url(../../img/bgbt/entry/ico_valid.png) center center no-repeat;
 background-size: contain;
}
.correct.ec-select:after {
 left: 246px;
}

.error.ec-input select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-select select, .error.ec-birth select {
 margin-bottom: 5px!important;
 border: 2px solid red!important;
 background: url(../../img/bgbt/common/pulldown_pur.svg) right 5px center no-repeat, #FDF1F0!important;
 text-align: left;
}

@media screen and (max-width: 960px){
.mustread{
 margin: 60px auto 25px;
}

.ec-orderAccount .confbox dl{
 margin-bottom: 20px;
 margin-right: 0;
 display: block;
}
.ec-orderAccount .confbox dt,
.ec-orderAccount .confbox dd{
 width: 100%;
}
 /*ボタン*/
.ec-totalBox__btn{
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
}
.ec-totalBox__btn > p{
 margin: 0 auto 20px;
 width: 80%;
}

/*modal*/
.ec-modal .ec-modal-overlay{
 display: block;
}
.ec-modal .ec-modal-wrap{
 width: 88%;
}
.ec-modal .ec-modal-overlay .ec-modal-close {
 display: block;
 position: absolute;
}
.ec-birth select	{
 width: 31%;
}
.ec-birth select#entry_credit_year,
.ec-birth select#entry_credit_month,
.ec-birth select#shopping_order_ZeusCreditPaymentYear,
.ec-birth select#shopping_order_ZeusCreditPaymentMonth	{
 width: 45%;
}
.correct.ec-birth:after {
 right: -6%;
}

.correct.ec-zipInput:after {
 left: 246px;
 right: auto;
}

}/*/max-width: 960px*/

@media screen and (max-width: 768px){
}/*/max-width: 768px*/
@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

/******************************************************************************

login Page

******************************************************************************/
/*上書き*/
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input{
 margin-bottom: 8px;
 padding: 6px 20px;
}
.ec-select{
 margin-bottom: 8px;
}
.ec-telInput input {
 max-width: 100%;
}
.ec-zipInput input {
 width: 100%;
 max-width: 210px;
 font-size: 14px;
}
select#entry_address_pref,
select#customer_address_address_pref,
select#shopping_shipping_address_pref{
 padding: 6px 20px;
 height: 50px;
 width: 210px;
 background: url(../../img/bgbt/common/pulldown_pur.svg) right 5px center no-repeat,#FFF;
 border: 1px solid #ccc;
 border-radius: 10px;
 -webkit-appearance: none;
 appearance: none;
 font-size: 14px;
 line-height: 1.42857;
}
select::-ms-expand {
 display: none;
}

/*LOGIN 紫bg*/
body#page_mypage_login{
 height: auto;
 min-height: 100vh;
 background: url(../../img/bgbt/common/logo.svg) 30px 30px no-repeat, #440099;
 background-size: 68px auto, auto;
 background-attachment: fixed, scroll;
}
body#page_mypage_login .ec-login,
body#page_maintenance .ec-login{
 margin: 0 auto;
 padding: 0;
 max-width: 328px;
}
body#page_mypage_login .ec-pageHeader h1{
 font-size: 40px;
 line-height: 1.5;
 color: #ecc3b2;
}
body#page_mypage_login .ec-input input,
body#page_maintenance .ec-input input{
 margin-bottom: 10px;
 padding-left: 40px;
 background: #409;
 border: none;
 border-bottom: solid 2px #FFF;
 border-radius: 0;
 color: #FFF;
 box-shadow: 0 0 0 1000px #440099 inset;
 -webkit-text-fill-color: #fff;
}
body#page_mypage_login .ec-layoutRole__contents ,
body#page_maintenance .ec-layoutRole__contents {
 padding-bottom: 50px;
 margin-bottom: 0;
}
body#page_shopping_shipping_edit .ec-layoutRole__contents {
 margin-bottom: 50px;
}
/*
body#page_mypage_login .ec-input input#login_email,
body#page_mypage_login .ec-input input#login_email.error{
 background: url(../../img/bgbt/common/mail_wt.png) left 5px center no-repeat,#409!important;
 background-size: 21px auto , auto!important;
}
body#page_mypage_login .ec-input input#login_pass,
body#page_mypage_login .ec-input input#login_pass.error{
 background: url(../../img/bgbt/common/lock_wt.png) left 5px center no-repeat, #409!important;
 background-size: 17px auto , auto!important;
}
*/

.ico_loginmail{
 position: relative;
}
.ico_loginmail:before{
    content: "";
    width: 45px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url(../../img/bgbt/common/mail_wt.png) left 5px center no-repeat; }

.ico_loginpass{
 position: relative;
}
.ico_loginpass:before{
 content: "";
 width: 45px;
 height: 50px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background: url(../../img/bgbt/common/lock_wt.png) left 5px center no-repeat ;
}

.pass_eye{/*パスワード表示・非表示きりかえ*/
 width: 18px;
 height: 18px;
 display: block;
 position: absolute;
 right: 0;
 top: 1em;
 background: url(../../img/bgbt/mypage/pass_ico.png) right center no-repeat;
 background-size: contain;
 cursor: pointer;
}
#page_entry .pass_eye,
#page_maisonEntry .pass_eye,
#page_forgot_reset .pass_eye,
#page_mypage_change .pass_eye{/*パスワード表示・非表示きりかえ*/
 right: 1em;
}
body#page_mypage_login .forgot_link{
 text-align: right;
 font-size: 12px;
}
body#page_mypage_login .forgot_link a{
 color: #FFF;
}
.ec-blockBtn--action.loginbtn{
 background: #ecc3b2;
 letter-spacing: 6px;
 color: #440099;
}
.form-check-wrap{
 text-align: center;
}
.form-check{
 margin: 10px auto 60px;
 padding: 0 0 0 30px;
 display: inline-block;
 font-weight: normal;
 color: #FFF;
}
.form-check label{
 font-weight: normal;
}
.ec-login .ec-login__link{
 margin: 0 auto;
}
.ec-login .ec-login__link a{
 margin: 0 auto;
 padding: 23px 30px;
 max-width: 326px;
 display: block;
 border: solid 1px #FFF;
 border-radius: 50px;
 box-sizing: border-box;
 letter-spacing: -1px;
 text-align: center;
 color: #FFF;
}

.ec-layoutRole{
 background: transparent;
}
body.other_page{
 padding: 186px 0;
 background: url(../../img/bgbt/common/login_bg.svg) left top no-repeat;
 background-size: 190px 330px;
 background-attachment: fixed;
}
.other_page .entry_head_logo{
 width: 64px;
 height: 65px;
}
/*パスワード再発行*/
#page_forgot .ec-off1Grid .ec-off1Grid__cell,
#page_forgot_reset .ec-off1Grid .ec-off1Grid__cell{
 max-width: 330px;
}
.balloon{
 margin-bottom: 25px;
 padding: 20px 20px 15px 20px;
 border: solid 1px #ecc3b2;
 border-radius: 10px;
 position: relative;
 color: #440099;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 13px solid #FFF;
  z-index: 2;
}
.balloon:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 15px solid #ecc3b2;
  z-index: 1;
}
.balloon span{
 padding-left: 1.5em;
 display: block;
 position: relative;
 font-size: 13px;
 line-height: 1.6;
 text-align: left;
}
.balloon span:before{
 content: "※";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
}

#page_forgot_mail .ec-off1Grid dl{
 padding: 0 0 10px;
}
#page_forgot_mail .ec-off1Grid dd{
 width: 100%;
}
#page_forgot_mail input{
 margin: 0;
}
#page_forgot_mail .ec-halfInput input[type="text"] {
 margin-left: 0;
 width: 49%;
}

/*フォームのアイコン設定*/
#login_email,
#entry_email,
#entry_email_first,
#entry_email_second{
 padding-left: 47px;
}
#entry_phone_number,
#shopping_shipping_phone_number{
 padding-left: 47px;
}
/* 2019/10/25 MW-okada ADD */
#customer_address_phone_number{
 padding-left: 47px;
}
.ec-telInput{
 position: relative;
}
.ec-telInput:before{
 content: "";
 width: 45px;
 height: 50px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background: url(../../img/bgbt/common/tel.png) left 14px center no-repeat;
 background-size: 21px;
}
.ico_mail{
 position: relative;
}
.ico_mail:before{
 content: "";
 width: 45px;
 height: 50px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background: url(../../img/bgbt/common/mail.png) left 14px center no-repeat;
 background-size: 21px;
}
.ico_pass{
 position: relative;
}
.ico_pass:before{
 content: "";
 width: 45px;
 height: 50px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background: url(../../img/bgbt/common/lock.png) left 14px center no-repeat;
 background-size: 17px auto;
}
#entry_password_first,
#entry_password_second{
 padding-left: 47px;
 padding-right: 40px;
}
#entry_phone_number.error{
 padding-left: 47px;
}
#entry_password_first.error{
 padding-left: 47px;
}
::-ms-reveal {display: none;}/*Edge Ieでのデフォルトパスワード可視化ボタンの非表示*/

/*カード*/
.card_bland{
 margin-left: 0.3em;
 width: 45px;
 display: inline-block;
 vertical-align: middle;
 position: absolute;
 right: 0;
 top: 2px;
}
#page_shopping .card_bland,
#page_shopping_confirm .card_bland{
 margin-left: 0.3em;
 height: 45px;
 display: inline-block;
 vertical-align: middle;
 position: static;
 left: 0;
 top: 2px;
 width: 100%
}
#page_shopping .card_bland img,
#page_shopping_confirm .card_bland img{
 width: 45px;
}
#page_mypage_payment .card_bland{
 margin-left: 0.3em;
 height: 45px;
 display: inline-block;
 vertical-align: middle;
 position: static;
 left: 0;
 top: 2px;
 width: 100%
}
#page_mypage_payment .card_bland img{
 width: 45px;
}
@media screen and (max-width: 345px) and (min-width: 240px){
 #page_mypage_payment .card_bland{
  margin-left: 0.3em;
  height: 76px;
  display: inline-block;
  vertical-align: middle;
  position: static;
  left: 0;
  top: 2px;
  width: 100%;
  text-align: center;
 }
}
@media screen and (max-width: 239px) and (min-width: 191px){
 #page_mypage_payment .card_bland{
  margin-left: 0.3em;
  height: 120px;
  display: inline-block;
  vertical-align: middle;
  position: static;
  left: 0;
  top: 2px;
  width: 100%;
  text-align: center;
 }
}
@media screen and (max-width: 190px){
 #page_mypage_payment .card_bland{
  margin-left: 0.3em;
  height: 210px;
  display: inline-block;
  vertical-align: middle;
  position: static;
  left: 0;
  top: 2px;
  width: 100%;
  text-align: center;
 }
}
@media screen and (max-width: 345px) and (min-width: 282px){
 #page_mypage_payment .card_bland img{
  margin-left: 14px;
 }
}
#entry_card_number,
#shopping_order_ZeusCreditPaymentCardNo {
 max-width: 307px;
 display: inline-block;
 vertical-align: top;
}
#shopping_order_ZeusCreditPaymentCardNo{
 max-width: 307px;
 display: inline-block;
 vertical-align: top;
}
#entry_card_security,
#shopping_order_ZeusCreditPaymentCvv {
 margin-right: 10px;
 width: 120px;
 vertical-align: middle;
}
#entry_card_security + p.cmnt,
#shopping_order_ZeusCreditPaymentCvv + p.cmnt {
 display: inline-block;
 height: 50px;
 width: 210px;
 vertical-align: middle;
}
#entry_card_security + p.cmnt .ast,
#shopping_order_ZeusCreditPaymentCvv + p.cmnt .ast {
 max-width: 210px;
}
#entry_card_name{
 margin-bottom: 0.3em;
}
#entry_card_name + .ast{
 vertical-align: top;
}

/*手続き内容確認*/
.ec-orderRole .ec-orderRole__detail{
 margin: 0 auto;
 padding: 0;
 max-width: 560px;
}
.ec-rectHeading h2{
 padding-right: 0.3em;
 padding-left: 1.3em;
 position: relative;
 background: transparent;
 font-size: 112%;
 line-height: 1.4;
 color: #440099;
}
.ec-rectHeading h2:before {
 content: "";
 width: 12px;
 height: 1.5em;
 display: inline-block;
 background: url(../../img/bgbt/common/skew_pur.svg) center center no-repeat;
 background-size: contain;
 position: absolute;
 left: 0;
 top: 0.35em;
}
@media screen and (max-width: 960px){
.card_bland{
 width: 35px;
 display: inline-block;
 position: relative;
 right: auto;
 top: 5px;
}
.other_page{
 background: none;
}
body.other_page{
 padding: 80px 0;
 background: url(../../img/bgbt/common/login_bg.svg) left top no-repeat;
 background-size: 90px auto;
}
body#page_mypage_login{/*紫BG*/
 background: #440099;
}
.ec-zipInput input {
 max-width: 235px;
 font-size: 16px;
}
 .ec-zipInputHelp {
 left: 240px;
}


}/*/max-width: 960px*/

@media screen and (max-width: 480px){
#entry_card_number,
#shopping_order_ZeusCreditPaymentCardNo {
 max-width: 225px;
}
.ec-zipInputHelp {
 position: relative;
 left: auto;
 top: auto;
}
}/*/footer  max-width: 480px*/

#page_mypage_login{/*ログイン*/
 height: 100vh;
 background: #440099;
 color: #FFF;
}
.ec-login{
 background: #440099;
}

.form-check{
 position: relative;
}

#page_mypage_unsubscribe .form-check{
 padding: 0;
 margin: 0;
 width: 25%;
}

.form-check .ec-checkbox label {
 margin-bottom: 16px;
 padding-left: 30px;
 display: block;
 position: relative;
 text-align: left;
}
.form-check input.form-check-input + label:before {
 content: "";
 width: 15px;
 height: 23px;
 display: block;
 position: absolute;
 left: 3px;
 top: 6px;
 z-index: 2;
 transition-duration: 0.4s;
 transform-origin: center;
 opacity: 0;
 background: url(../../img/bgbt/common/check_wt.svg) no-repeat;
 background-size: contain;
}
.form-check input[type=checkbox]:checked + label:before{
 content: "";
 background: url(../../img/bgbt/common/check_wt.svg) no-repeat;
 background-size: contain;
 opacity: 1;
}
.form-check input.form-check-input + label:after {
 content: "";
 width: 21px;
 height: 21px;
 display: block;
 border: solid 1px #b5b5b5;
 border-radius: 4px;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 transition-duration: 0.4s;
}
/*
*/

.form-check input[type=checkbox]:checked + label:after{
 content: "";
 border: solid 1px #fff;
}
.form-check input.form-check-input {
 display: none;
}
#page_mypage_unsubscribe .form-check-label {
 width: 20px;
 height: 20px;
 display: inline-block;
 border-radius: 20px;
 border: solid 1px #d2d2d2;
 background: #f0f0f0;
 position: relative;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
 color: #f0f0f0;
}

#page_mypage_unsubscribe .form-check input.form-check-input + label:before {
 transition-duration: 0s;
}

#page_mypage_unsubscribe :checked + .form-check-label:before{
 content: "";
 width: 14px;
 height: 14px;
 display: block;
 border-radius: 20px;
 background: #440099;
 position: absolute;
 top: 2px;
 left: 2px;
 opacity: 1;
 transition-duration: 0s;
}
#page_mypage_unsubscribe .form-check input.form-check-input + label:after {
 width: 0px;
 height: 0px;
}

select#entry_address_pref{
 width: 230px;
 font-size: 16px;
}

/*パスワード再発行・メール再登録*/
.ec-forgotRole{
 text-align: center;
}
.ec-forgotRole .ec-para-normal {
 max-width: 348px;
 margin-right: auto;
 margin-left: auto;
}
#page_forgot_complete .ec-forgotRole .ec-para-normal {
 margin-bottom: 90px;
 font-size: 18px;
 line-height: 2.2;
}
#page_forgot .ec-forgotRole .ec-para-normal,
#page_forgot_mail .ec-forgotRole .ec-para-normal {
 font-size: 18px;
 line-height: 1.6;
}
#page_forgot_mail .ec-off1Grid .ec-off1Grid__cell{
 max-width: 348px;
}
#page_forgot_mail .ec-off1Grid .fullwidth dt {
 margin-bottom: 0px;
 width: 100%;
 font-size: 14px;
 font-weight: normal;
 padding: 0;
}
#page_forgot_mail .ec-off1Grid .fullwidth dt:before{
 content: "";
 display: none;
}
#page_forgot_mail .ec-birth select {
 width: 32%;
}

@media screen and (max-width: 960px){
#page_forgot .ec-forgotRole .ec-para-normal, #page_forgot_mail .ec-forgotRole .ec-para-normal{
 font-size: 16px;
}
.ec-forgotRole .ec-para-normal {
 margin-bottom: 16px;
 font-size: 14px;
 line-height: 2.2;
}
#page_forgot_complete .ec-forgotRole .ec-para-normal {
 font-size: 14px;
 line-height: 2.2;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/



/******************************************************************************

MyPage

******************************************************************************/
body.mypage{
 padding-top: 80px;
 box-sizing: border-box;
}
.ec-mypageRole{
 font-size: 14px;
 line-height: 1.6;
}
.plan_status dl{
 position: relative
}
.plan_status.confbox_line dl dt{
 text-indent: 2em;
}
.plan_status dl:before{
 content: "";
 width: 20px;
 height: 20px;
 display: inline-block;
 background: url(../../img/bgbt/mypage/mypage_home_ico1.svg)center center no-repeat;
 background-size: contain;
 position: absolute;
 left: 0;
 top: 1em;
}
.plan_status dl:first-child:before{
 top: 0.4em;
}
.plan_status dl:nth-child(2):before{ background: url(../../img/bgbt/mypage/mypage_home_ico2.svg)center center no-repeat; background-size: contain;}
.plan_status dl:nth-child(3):before{ background: url(../../img/bgbt/mypage/mypage_home_ico3.svg)center center no-repeat; background-size: contain;}
.plan_status dl:nth-child(4):before{ background: url(../../img/bgbt/mypage/mypage_home_ico4.svg)center center no-repeat; background-size: contain; bottom: 0.5em;}
.plan_status.resume dl:before{ top: 0.9em; background: url(../../img/bgbt/mypage/mypage_home_ico4.svg)center center no-repeat; background-size: contain; }

.mypage_footer{
 margin-top: 100px;
 padding-top: 55px;
 padding-bottom: 70px;
 width: 100%;
	background: #ecc3b2;
	color: #FFF;
}
.mypage_footer .inner{
 margin: 0 auto;
 width: 530px;
	position: relative;
}
.mypage_footer ul.mypage_ft_nav{
	margin-bottom: 15px;
	height: 100px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.mypage_footer ul.mypage_ft_nav li{
	margin-right: 4%;
	margin-bottom: 15px;
 width: 52%;
	display: inline-block;
 font-size: 114%;
}
.mypage_footer ul.mypage_ft_nav li:nth-child(2n){
	margin-right: 0;
 width: 44%;
}
.mypage_footer ul.mypage_ft_nav li a{
	color: #440099;
}
.mypage_footer ul.mypage_ft_nav li a:before{
	content: "";
	margin-right: 10px;
	width: 8px;
	height: 13px;
	display: inline-block;
	background: url(../../img/bgbt/mypage/arr_nav_pur.png) left center no-repeat;
	background-size: contain;
 vertical-align: middle;
}
input#unsubscribe{
 vertical-align: middle;
}
.mypage_footer .mypage_btn_unsubscribe{
 padding-top: 30px;
 border-top: solid 1px #000;
}
.mypage_footer .mypage_btn_unsubscribe a{
 display: block;
 color: #000;
}
.mypage_footer .mypage_btn_unsubscribe a:before{
	content: "";
	margin-right: 10px;
	width: 8px;
	height: 13px;
	display: inline-block;
	background: url(../../img/bgbt/mypage/arr_nav_bk.png) left center no-repeat;
	background-size: contain;
 vertical-align: middle;
}
#page_mypage_unsubscribe_complete .ec-off1Grid__cell dd.border_pur {
 padding: 20px;
}

/*プラン変更ページ*/
#page_mypage .box_inner dl{
 margin-bottom: 40px;
}
#page_mypage .ec-borderedDefs{
 margin-bottom: 20px;
 padding: 1em 0;
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
}
#page_mypage .no-bottom-border{
 border-bottom: none;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
#page_mypage .ec-off1Grid__cell .fullwidth dt{
 margin-bottom: 15px;
 font-weight: bold;
}
#page_mypage .nextday{
 font-size: 214%;
 text-align: center;
 color: #440099;
}
#page_mypage .plan_cycle{
 position: relative;
}
#page_mypage .nowplan_experience .plan_cycle:before{
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 background: rgba(255,255,255,0.7);
}
#page_mypage .nowplan_twicerest .check_rest{
 position: relative;
}
#page_mypage .nowplan_twicerest .check_rest:before{
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 background: rgba(255,255,255,0.7);
}
#page_mypage .pur_back{
 margin-bottom: 40px;
 padding: 20px;
 border-radius: 8px;
 background: #ede6f8;
}
#page_mypage .outlink:after {
 content: "";
 margin-left: 5px;
 width: 18px;
 height: 18px;
 display: inline-block;
 background: url(../../img/bgbt/entry/ico_yubin_link.png) no-repeat;
 background-size: contain;
 vertical-align: top;
}

/*お届け先リスト*/
#page_mypage_delivery .ec-borderedDefs,
#page_shopping_shipping .ec-borderedDefs{
 padding: 15px 0;
}
#page_mypage_delivery .fullwidth > dl > dt,
#page_shopping_shipping .fullwidth > dl > dt{
 font-weight: bold;
 font-size: 114%;
 line-height: 1.4;
}
#page_mypage_delivery .ec-checkbox label,
#page_shopping_shipping .ec-checkbox label{
 display: inline-block;
 cursor: pointer;
}
#page_mypage_delivery .conf_box dl:first-child,
#page_shopping_shipping .conf_box dl:first-child{
 padding: 0;
}
#page_mypage_delivery .conf_box dt,
#page_shopping_shipping .conf_box dt{
 padding: 0;
 width: 17%;
 font-size: 100%;
 line-height: 1.4;
 font-weight: bold;
}
#page_mypage_delivery .conf_box dd,
#page_shopping_shipping .conf_box dd{
 width: 83%;
 font-size: 114%;
 line-height: 1.4;
}
#page_mypage_delivery .conf_box dt:before,
#page_shopping_shipping .conf_box dt:before{
 display: none;
}
.conf_head{
 position: relative;
}
#page_mypage_delivery .ec-inlineBtn,
#page_shopping_shipping .ec-inlineBtn{
 position: absolute;
 right: 0;
 top: -5px;
 text-align: center;
 cursor: pointer;
}
#page_mypage_delivery .other_address .ec-inlineBtn,
#page_shopping_shipping .other_address .ec-inlineBtn{
 right: 106px;
}
#page_shopping_shipping .other_address{
 font-size: 14px;
}
#page_mypage_delivery .ec-addressList__remove{
 padding: 5px 20px;
 display: inline-block;
 border: none;
 border-radius: 50px;
 background: #440099;
 position: absolute;
 right: 105px;
 top: -5px;
 transition-duration: 0.3s;
 letter-spacing: 1px;
 font-weight: normal;
 text-align: center;
 line-height: 1.42857;
 cursor: pointer;
 font-size: 14px;
 color: #FFF;
}
#page_shopping_shipping .ec-addressList__remove{
 padding: 5px 20px;
 display: inline-block;
 border: none;
 border-radius: 50px;
 background: #440099;
 position: absolute;
 right: 0;
 top: -5px;
 transition-duration: 0.3s;
 letter-spacing: 1px;
 font-weight: normal;
 text-align: center;
 line-height: 1.42857;
 cursor: pointer;
 font-size: 14px;
 color: #FFF;
}
#page_mypage_delivery .ec-addressList__remove a,
#page_shopping_shipping .ec-addressList__remove a{
 color: #FFF;
}
#page_shopping_shipping .ec-totalBox__btn:first-of-type{
 margin-bottom: 20px;
 padding-bottom: 40px;
 border-bottom: solid 1px #440099;
}
#page_shopping_shipping .txt{
 margin-bottom: 50px;
 font-size: 112%;
}

/*退会ページ*/
#page_mypage_unsubscribe .ec-borderedDefs,
#page_mypage_unsubscribe_complete .ec-borderedDefs{
 margin-bottom: 40px;
 padding: 20px 0;
}
.impressions_table{
 border-bottom: solid 1px #f0f0f0;
}
.impressions_table dl{
 padding: 0;
 width: 100%;
 height: auto;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.impressions_table dl:nth-child(odd){
 background: #faf9f8;
}
.impressions_table dt{
 padding: 25px 0 25px 10px;
 width: 37%;
 height: 100%;
 border-right: solid 1px #f0f0f0;
 box-sizing: border-box;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0;
}
.impressions_table dt:before{
 display: none;
}
.impressions_table dd{
 width: 63%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 text-align: center;
 line-height: 1;
}
#page_mypage_unsubscribe .radiobox{
 padding-left: 20px;
}
.radiobox dt{
 padding: 0 10px 0 0;
 width: auto;
 vertical-align: middle;
}
.radiobox dt:before{
 display: none;
}
.radiobox dd{
 line-height: 1.4;
}
.ec-off1Grid__cell .radiobox dl{
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
}
.ec-off1Grid__cell .radiobox dt{
 width: 7%;
}
.ec-off1Grid__cell .radiobox dd{
 width: 93%;
}
.impressions_table dd > label{
 width: 25%;
 cursor: pointer;
}
.impressions_table .impressions_table_head p{
 width: 25%;
 font-size: 12px;
 line-height: 1.3;
}
.impressions_table dl.impressions_table_head{
 height: auto;
 background: #f5f2fa;
}

.radio_round {
 width: 20px;
 height: 20px;
 display: inline-block;
 border-radius: 20px;
 border: solid 1px #d2d2d2;
 background: #f0f0f0;
 position: relative;
}
:checked + .radio_round:before{
 content: "";
 width: 14px;
 height: 14px;
 display: block;
 border-radius: 20px;
 background: #440099;
 position: absolute;
 top: 2px;
 left: 2px;
}

#page_mypage_unsubscribe .nextday,
#page_mypage_unsubscribe_complete .nextday{
 background: url(../../img/bgbt/mypage/cycle_ico.png) left 15px center no-repeat;
 font-size: 214%;
 text-align: center;
 color: #440099;
}

.border_pur{
 padding: 20px;
 border: solid 1px #440099;
 border-radius: 17px;
 box-sizing: border-box;
}
.border_pur h4{
 font-size: 114%;
 font-weight: bold;
 text-align: center;
 color: #440099;
}
.border_pur:last-child .txt{
 margin-bottom: 20px;
 text-align: center;
}

.select_deliverycompany h3{
 margin-bottom: 5px;
 font-size: 142%;
 text-align: center;
 font-weight: bold;
 color: #7e5448;
}
.select_deliverycompany ul{
 -webkit-justify-content: space-between;
 justify-content: space-between;
 flex-wrap: wrap;
}
.select_deliverycompany li{
 margin: 0 auto 10px;
 padding-bottom: 27px;
 width: 145px;
 height: 145px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 border-radius: 50%;
 background: #f0f0f0;
 font-size: 114%;
 text-align: center;
 font-weight: bold;
 color: #440099;
}
.select_deliverycompany li .ec-inlineBtn{
 position: absolute;
 left: 50%;
 bottom: 20px;
 transform: translateX(-50%);
 font-size: 12px;
 white-space: nowrap;
}
#page_mypage_unsubscribe .ec-blockBtn--action{
 background: #25282a;
}

/*退会完了ページ*/
#page_mypage_unsubscribe_complete .rds_box {
 padding: 2.5em 26px;
 border: solid 3px #ecc3b2;
}
#page_mypage_unsubscribe_complete .ec-off1Grid__cell{
 max-width: 664px;
}
#page_mypage_unsubscribe_complete .border_pur .flex{
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center;
}
#page_mypage_unsubscribe_complete .ec-inlineBtn.btn{
 padding: 10px 30px;
 border: solid 1px #440099;
 background: #FFF;
 color: #440099;
}
#page_mypage_unsubscribe_complete .ec-inlineBtn.gray a{
 letter-spacing: 0;
 color: #25282a;
}
#page_mypage_unsubscribe_complete .ec-inlineBtn.gray a:hover{
 background: #cfd0d0;
 color: #25282a;
}
#page_mypage_unsubscribe_complete .ec-blockBtn--action{
 background: #ecc3b2;
 font-weight: normal;
 color: #25282a;
}
#page_mypage_unsubscribe_complete .returnimg img{
 width: 420px;
 height: auto;
}
/*退会手続き中*/
#withdraw_question .unsubscribe_contents{
 position: relative;
 overflow: hidden;
}
#withdraw_question .unsubscribe_contents:before{
 content: "";
 position: absolute;
 background: rgba(255,255,2565,0.8);
 width: 100%;
 height: 100%;
 z-index: 2;
}
#withdraw_question .rds_box:first-child{
 position: relative;
 overflow: hidden;
}
#withdraw_question .rds_box:first-child:before{
 content: "";
 position: absolute;
 background: rgba(255,255,2565,0.8);
 width: 100%;
 height: 100%;
 z-index: 3;
}
#withdraw_question .rds_box:first-child:after{
 content: "退会手続き中です";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 3;
 font-size: 171%;
 text-align: center;
 color: #440099;
}

@media screen and (max-width: 960px){
 .plan_status.confbox_line dl{
 padding-left: 10%;
 text-indent: 0;
}
.plan_status.confbox_line .confbox_line dt {
 width: 35%;
}
.plan_status.confbox_line .confbox_line dd {
 width: 53%;
}
 .plan_status dl:before{
  top: 0.8em;
 }
 .plan_status dl:first-child:before{
  top: 0.4em;
 }
 .plan_status.confbox_line dl dt{
  text-indent: 0;
 }
.plan_status.resume dl:before{ top: 0.9em; }

#page_mypage .box_inner dl {
 margin-bottom: 20px;
}
#page_mypage_delivery .ec-borderedDefs{
 margin-bottom: 50px;
}
#page_mypage_delivery .conf_box dt {
 margin-bottom: 3px;
}
#page_mypage_unsubscribe_complete .returnimg img{
 width: 100%;
 max-width: 420px;
}

#page_shopping_shipping .conf_box dt{
 padding: 0;
 width: 30%;
 font-size: 100%;
 line-height: 1.4;
 font-weight: bold;
}
#page_shopping_shipping .conf_box dd{
 width: 70%;
 font-size: 114%;
 line-height: 1.4;
}

.ec-registerRole {
 font-size: 12px;
}
.ec-mypageRole {
 font-size: 12px;
}
.mypage_footer {
	margin-top: 45px;
	padding-top: 35px;
	width: 100%;
}
.mypage_footer .inner{
 margin: 0 auto;
 padding: 0 16px;
 width: 100%;
	position: relative;
 box-sizing: border-box;
}
.mypage_footer ul.mypage_ft_nav {
	margin-bottom: 15px;
	height: auto;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.mypage_footer ul.mypage_ft_nav li {
	margin-right: 0;
	margin-bottom: 0;
 width: 100%;
}
.mypage_footer ul.mypage_ft_nav li:nth-child(2n){
 width: 100%;
}
.mypage_footer ul.mypage_ft_nav li a{
	padding: 10px 2% 10px 0;
 width: 98%;
	display: block;
}
#page_mypage_unsubscribe .border_pur{
 padding: 16px;
}

#page_mypage_unsubscribe .radiobox{
 padding-left: 0;
}
#page_mypage_unsubscribe .radiobox dt{
 margin-right: 2%;
}
#page_mypage_unsubscribe_complete .border_pur .flex{
 display: block;
}
#page_mypage_unsubscribe_complete .border_pur .flex{
 display: block;
 text-align: center;
}

}/*/max-width: 960px*/

@media screen and (max-width: 480px){
#page_mypage_delivery .other_address .ec-checkbox label {
 margin-bottom: 50px;
}
#page_mypage_delivery .other_address .ec-inlineBtn{
 top: 28px;
}
#page_mypage_delivery .ec-addressList__remove{
/* top: 28px; */
 font-size: 14px;
 line-height: 1.42857;
}
.impressions_table dt{
 font-size: 12px;
}
.impressions_table dl.impressions_table_head p{
 font-size: 9px;
}
#page_mypage_unsubscribe .ec-off1Grid__cell dt span {
 font-size: 9px;
}
#page_mypage_unsubscribe .ec-off1Grid__cell dt span .form-error-message {
 font-size: 9px;
}
#page_mypage_unsubscribe .nextday ,
#page_mypage_unsubscribe_complete .nextday {
 background: url(../../img/bgbt/mypage/cycle_ico.png) left 9px center no-repeat;
 background-size: 17px auto;
}
}/*/footer  max-width: 480px*/

/******************************************************************************

errorPage

******************************************************************************/
body.error_page{
 margin: 0 auto 20px;
 text-align: center;
}
body.error_page .img{
 margin: 0 auto 40px;
 max-width: 305px;
 text-align: center;
}
body.error_page .img img{
 max-width: 305px;
}

/******************************************************************************

maintenance

******************************************************************************/
body.maintenance_page {
 padding-top: 80px;
 min-height: 100vh;
 box-sizing: border-box;
 background: #440099;
}
body#page_maintenance .ec-pageHeader h1{
 font-size: 270%;
 line-height: 1.5;
 color: #ecc3b2;
}
body.maintenance_page .txt{
 color: #FFF;
}
body.maintenance_page .img{
 margin: 0 auto 50px;
 width: 230px;
}
@media screen and (max-width: 960px){
body.maintenance_page .img{
 width: 40%;
 max-width: 230px;
}
body#page_maintenance .ec-pageHeader h1 {
 font-size: 160%;
}
body.maintenance_page .txt{
 font-size: 92%;
}
}

/******************************************************************************

 privacy // プライバシーポリシー
agreement // 利用規約

******************************************************************************/
#page_help_privacy .page_inner,
#page_help_agreement .page_inner{
 margin: 0 auto;
 width: 980px;
}
#page_help_privacy .sub{
 padding-left: 1em;
 box-sizing: border-box;
}
.privacy_list{
 margin-bottom: 60px;
 font-size: 142%;
 line-height: 1.6;
}
.privacy_list li{
 padding: 50px 0;
 border-bottom: solid 1px #aaaaaa;
}
.privacy_list li:first-child{
 border-top: solid 1px #aaaaaa;
}
.privacy_list .pp_tit{
 margin-bottom: 1em;
 font-weight: bold;
 color: #440099;
}
.privacy_list .pp_tit .num{
 padding-right: 0.2em;
 font-size: 150%;
 font-weight: normal;
 letter-spacing: 2px;
 vertical-align: -0.1em;
}
.privacy_detail_list li{
 margin-bottom: 20px;
}
.privacy_detail_section .lead{
 margin-bottom: 30px;
 font-size: 142%;
 line-height: 1.6;
}
.privacy_detail_section h2{
 margin-bottom: 20px;
 font-size: 142%;
 line-height: 1.6;
 font-weight: bold;
 color: #440099;
}
.privacy_detail_section h3{
 margin-bottom: 0.8em;
 font-size: 115%;
 font-weight: bold;
 color: #440099;
}
.privacy_detail_section p{
 margin-bottom: 1em;
}
#page_help_privacy .pur_box{
 margin-bottom: 1em;
 padding: 15px;
 max-width: 410px;
 border: solid 1px #440099;
 box-sizing: border-box;
}
.split{
 width: 100%;
 display: -webkit-flex;
 display: flex;
}
.split dt{
 width: 160px;
}
.split dd{
 width: 820px;
}

#page_help_agreement .ag_tit{
 margin-bottom: 40px;
 padding: 15px 0;
 border-top: solid 1px #440099;
 border-bottom: solid 1px #440099;
 font-size: 192%;
 text-align: center;
 color: #440099;
}
#page_help_agreement .ag_subtit{
 margin-bottom: 20px;
 font-size: 142%;
 font-weight: bold;
 color: #440099;
}
#page_help_agreement .section_wrap .section_block {
 margin-bottom: 50px;
 padding-bottom: 20px;
 border-bottom: solid 1px #aaaaaa;
}
#page_help_agreement .section_wrap .section_block:last-child{
 margin-bottom: 0;
 border-bottom: none;
}
#page_help_agreement .section_block p{
 margin-bottom: 30px;
}
#page_help_agreement .num_indent dt{
 font-weight: bold;
}
#page_help_agreement .num_indent dd{
 padding-left: 40px;
}
#page_help_agreement .num_list,
#page_help_agreement .num_list_cnm{
 margin-bottom: 30px;
}


/*=======================*/

#page_help_agreement .num_list_cnm>li {
	padding-bottom: 15px;
}
#page_help_agreement .sub {
	padding-left: 1em;
	box-sizing: border-box;
}
#page_help_agreement .sub_min {
	padding: 10px 0;
	box-sizing: border-box;
}
ul.num_list_disc > li {
	margin-bottom: 0.5em;
	padding-left: 1.3em;
	position: relative;
	text-align: left;
}
#page_help_agreement .num_list_disc>li::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "・";
}
#page_help_agreement .list_line {
	width: 30%;
}
#page_help_agreement .list_line>li {
	padding: 10px;
	border-bottom: 1px solid #e3e3e3;
}
#page_help_agreement .sub p {
	margin: 10px 0 0 0;
}
#page_help_agreement ul.decimal > li:nth-child(1):before {
    content: "①";
}
#page_help_agreement ul.decimal > li:nth-child(2):before {
    content: "②";
}
#page_help_agreement ul.decimal > li:nth-child(3):before {
    content: "③";
}
#page_help_agreement ul.decimal > li:nth-child(4):before {
    content: "④";
}
#page_help_agreement ul.decimal > li:nth-child(5):before {
    content: "⑤";
}

/*=======================*/

@media screen and (max-width: 960px){
.privacy_list{
 margin-bottom: 30px;
}
#page_help_privacy .page_inner,
#page_help_agreement .page_inner{
 margin: 0 auto;
 padding: 0 20px;
 width: 100%;
 box-sizing: border-box;
}
.privacy_list li{
 padding: 25px 0;
 border-bottom: solid 1px #aaaaaa;
}
.privacy_detail_section .lead{
 margin-bottom: 15px;
}
#page_help_privacy .pur_box{
 width: 100%;
}
.split {
 display: block;
}
.split dt,
.split dd{
 width: 100%;
}

#page_help_agreement .section_wrap .section_block {
 margin-bottom: 30px;
 padding-bottom: 10px;
}

}/*/max-width: 960px*/

/******************************************************************************

  #page_intr_cream // クリーム紹介ページ
  #page_intr_light // ライト紹介ページ

******************************************************************************/
#page_intr_cream #mv {
	width: 100%;
	height: 86vh;
	background: url(../../img/bgbt/cream/cream_mv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
@media screen and (max-width: 480px){
#page_intr_cream #mv  {
	height: 100vh;
	background: url(../../img/bgbt/cream/cream_mv_sp.jpg) no-repeat center center;
    background-size: cover;
}
}
#page_intr_light #mv {
	width: 100%;
	height: 86vh;
	background: url(../../img/bgbt/light/light_mv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
@media screen and (max-width: 480px){
#page_intr_light #mv {
	height: 100vh;
	background: url(../../img/bgbt/light/light_mv_sp.jpg) no-repeat center center;
    background-size: cover;
}
}
#page_intr_cream #mv .inner,
#page_intr_light #mv .inner{
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
#page_intr_cream #mv .logo ,
#page_intr_light #mv .logo {
	width: 125px;
	height: 125px;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 5;
}
#page_intr_cream #mv .line ,
#page_intr_light #mv .line {
	width: 100%;
	height: 7px;
	background: #440099;
}
#page_intr_cream #mv .txt_box ,
#page_intr_light #mv .txt_box {
	width: 713px;
	position: absolute;
	top: 228px;
	left: 0px;
}
#page_intr_cream .txt_box h2 ,
#page_intr_light .txt_box h2 {
	margin-bottom:30px;
	color: #440099;
	font-size: 285%;
	letter-spacing: 2px;
}
#page_intr_cream .txt_box .txt ,
#page_intr_light .txt_box .txt {
 font-size: 128%;
 line-height: 2;
}
#page_intr_cream #startbtn,
#page_intr_light #startbtn{
 position: absolute;
 bottom: 6%;
 right: 80px;
 z-index: 50;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
}
#page_intr_cream #startbtn a,
#page_intr_light #startbtn a{
 width: 340px;
 height: 108px;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 background: #440099;
 border-radius: 100px;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
 font-size: 128%;
 text-align: center;
 color: #FFF;
}
#page_intr_cream #startbtn span.start,
#page_intr_light #startbtn span.start{
 font-size: 184%;
 padding-left: 0.5em;
 color: #ecc3b2;
}
.have_result#page_intr_cream #startbtn span.start,
.have_result#page_intr_light #startbtn span.start{
 font-size: 144%;
}
#page_intr_cream .point{
 padding: 60px 5.4% 80px;
 background-color: #ede6f7;
}
#page_intr_light .point{
 padding: 60px 5.4% 80px;
 background-color: #efe0da;
}
#page_intr_cream .point .flex_wrap,
#page_intr_light .point .flex_wrap{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}
#page_intr_cream .point .box_wrap,
#page_intr_light .point .box_wrap{
 width: 70%;
}
#page_intr_cream .point .sticky,
#page_intr_light .point .sticky{
 width: 220px;
 min-height: 623px;
 height: 100vh;
 position: -webkit-sticky;
 position: sticky;
 top: 0;
 left: 6%;
}
#page_intr_light .point .sticky{
 left: 0;
 width: 280px;
}
#page_intr_cream .point .sticky .item_wrap,
#page_intr_light .point .sticky .item_wrap{
 height: auto;
 position: relative;
 top: 50%;
 left: -20px;
 transform: translateY(-50%);
}
#page_intr_cream .point .sticky span,
#page_intr_light .point .sticky span{
 display: block;
}
#page_intr_cream .point .sticky span img,
#page_intr_light .point .sticky span img{
 display: block;
 width: 100%;
 height: auto;
}
#page_intr_light .point .sticky .item_wrap .tab{
 display: none;
}

#page_intr_cream .point .box,
#page_intr_light .point .box{
 margin-bottom: 38px;
 background-color: #FFF;
}
#page_intr_cream .point .box .contents,
#page_intr_light .point .box .contents{
 margin: 0 auto;
 padding: 60px 0;
 width: 87.6%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}
#page_intr_light .point .box .contents{
 padding: 60px 0 60px 4%;
 box-sizing: border-box;
 width: 100%;
}
#page_intr_cream .point .i01 .contents{ padding: 50px 0 60px; }
#page_intr_cream .point .i02 .contents{ padding: 50px 0 51px; }
#page_intr_cream .point .i03 .contents{ padding: 25px 0 35px; }
#page_intr_cream .point .i04 .contents{ padding: 100px 0 110px; }
#page_intr_cream .point .i04 .contents{ padding: 85px 0 95px; }
#page_intr_cream .point .i05 .contents{ padding: 46px 0 50px; }

#page_intr_light .point .i01 .contents{ background: url(../../img/bgbt/light/point_01_img.jpg) right center no-repeat; background-size: 56%;}
#page_intr_light .point .i02 .contents{ background: url(../../img/bgbt/light/point_02_img.jpg) right center no-repeat; background-size: 56%;}
#page_intr_light .point .i03 .contents{ background: url(../../img/bgbt/light/point_03_img.jpg) right center no-repeat; background-size: 56%;}
#page_intr_light .point .i04 .contents{ background: url(../../img/bgbt/light/point_04_img.jpg) right center no-repeat; background-size: 56%;}

#page_intr_cream .point .box .contents p,
#page_intr_light .point .box .contents p{
 font-size: 129%;
 line-height: 1.94;
}
#page_intr_cream .point .box .contents .ph img,
#page_intr_light .point .box .contents .ph img{
 width: 100%;
 height: auto;
 vertical-align: middle;
}
#page_intr_cream .point .box .contents .ann,
#page_intr_light .point .box .contents .ann{
 padding-left: 1.0em;
 font-size: 85.7%;
 text-indent: -1.0em;
}
#page_intr_light .point .box .txt_wrap{
 width: 52%;
}
#page_intr_cream .point .box .txt_wrap dt,
#page_intr_light .point .box .txt_wrap dt{
 font-size: 186%;
 font-weight: bold;
}
#page_intr_light .point .box .txt_wrap dt{
 width: 48%;
}
#page_intr_cream .point .box .txt_wrap dd{
 margin-bottom: 50px;
 font-size: 2vw;
}
#page_intr_light .point .box .txt_wrap dd{
 margin-bottom: 30px;
 font-size: 257%;
}
#page_intr_light .point .box .txt_wrap .lead{
	margin-bottom: 30px;
	font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
	font-size: 150%;
	line-height: 1.5;
	letter-spacing: 1px;
	color:#303030;
}
#page_intr_cream .point .i01 dt{ padding-bottom: 24px; }
#page_intr_cream .point .i01 .txt_wrap{ width: 48%; }
#page_intr_cream .point .i01 .ph{ padding-top: 17px; width: 48%; }
#page_intr_cream .point .i02 dt{ padding-bottom: 40px; }
#page_intr_cream .point .i02 .txt_wrap{ width: 45%; }
#page_intr_cream .point .i02 .ph{ width: 50%; }
#page_intr_cream .point .i03 dt{ padding-bottom: 50px; }
#page_intr_cream .point .i03 .txt_wrap{ width: 50%; }
#page_intr_cream .point .i03 .ph{ width: 50%; }
#page_intr_cream .point .i04 dt{ padding-bottom: 43px; }
#page_intr_cream .point .i04 .txt_wrap{ width: 59%; }
#page_intr_cream .point .i04 .ph{ width: 40%; }
#page_intr_cream .point .i05 dt{ padding-bottom: 48px; }
#page_intr_cream .point .i05 .txt_wrap{ width: 69%; }
#page_intr_cream .point .i05 .ph{ width: 17%; }
#page_intr_cream .point .i05 .technology{
 margin-top: 32px;
 width: 100%;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}
#page_intr_light .point .ph{
 display: none;
}
#page_intr_cream .point .i05 .technology dt{
 margin-bottom: 20px;
 padding: 8px 0;
 width: 100%;
 color: #25282a;
 background-color: #ecc3b2;
 border-radius: 20px;
}
#page_intr_cream .point .i05 .technology dd{
 padding: 36px 0;
 width: 24%;
 font-size: 157%;
 color: #440099;
 border: 2px solid #e3e3e3;
 border-radius: 14px;
 box-sizing: border-box;
}
#page_intr_cream .howto,
#page_intr_light .howto{
 padding: 80px 0 240px;
}
#page_intr_cream .howto .inner,
#page_intr_light .howto .inner{
 margin: 0 auto;
 width: 92%;
 max-width: 1000px;
}
#page_intr_cream .howto h3,
#page_intr_light .howto h3{
 margin-bottom: 42px;
 font-size: 286%;
 color: #440099;
 text-align: center;
}
#page_intr_cream .howto h3 span,
#page_intr_light .howto h3 span{
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
 font-size: 45%;
 display: block;
}
#page_intr_cream .howto .step h4,
#page_intr_light .howto .step h4{
 margin-bottom: 30px;
 padding: 6px 0;
 font-size: 171%;
 color: #440099;
 text-align: center;
 border: 1px solid #440099;
 border-radius: 25px;
}
#page_intr_cream .howto .step .txt_block,
#page_intr_light .howto .step .txt_block{
 margin-bottom: 46px;
}
#page_intr_cream .howto .step .txt_block p,
#page_intr_light .howto .step .txt_block p{
 font-size: 143%;
 text-align: center;
}
#page_intr_cream .howto .step .flex_wrap,
#page_intr_light .howto .step .flex_wrap{
 margin-bottom: 30px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}
#page_intr_cream .howto .step dl,
#page_intr_light .howto .step dl{
 width: 21%;
}
#page_intr_cream .howto .step dl dt,
#page_intr_light .howto .step dl dt{
 margin-bottom: 10px;
 position: relative;
}
#page_intr_cream .howto .step dl dt:after,
#page_intr_light .howto .step dl dt:after{
 content: "";
 width: 16px;
 height: 32px;
 background-image: url("../../img/bgbt/cream/step_arr.png");
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: 100% auto;
 display: block;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: -16%;
}
#page_intr_cream .howto .step dl:last-of-type dt:after,
#page_intr_light .howto .step dl:last-of-type dt:after{
 content: none;
}
#page_intr_cream .howto .step dl dt img,
#page_intr_light .howto .step dl dt img{
 margin: 0 auto;
 width: 100%;
 max-width: 318px;
 height: auto;
 vertical-align: middle;
 border: 2px solid #e3e3e3;
}
#page_intr_cream .howto .step dl dd,
#page_intr_light .howto .step dl dd{
 line-height: 1.93;
}
#page_intr_light .howto .step dl dd .btn a{
 margin: 10px auto 0;
 padding: 2px 0;
 width: 100%;
 display: block;
 border: solid 1px #440099;
 border-radius: 50px;
 font-weight: bold;
 text-align: center;
}
#page_intr_cream .howto .step dl .s_head,
#page_intr_light .howto .step dl .s_head{
 margin-bottom: 16px;
 font-size: 214%;
 letter-spacing: 2px;
 line-height: 1.0;
 color: #440099;
 text-align: center;
}
#page_intr_cream .howto .be_box,
#page_intr_light .howto .be_box{
 margin-bottom: 100px;
 padding: 28px 5.4%;
 background: #f6e3dc;
 border-radius: 17px;
}
#page_intr_light .howto .be_box{
 background: #ede6f7;
}
#page_intr_cream .howto .be_box h4,
#page_intr_light .howto .be_box h4{
 margin-bottom: 24px;
 font-size: 175%;
 text-align: center;
 color: #440099;
}
#page_intr_cream .howto .list_block li,
#page_intr_light .howto .list_block li{
 margin-bottom: 6px;
}
#page_intr_cream .howto .list_block li:before,
#page_intr_light .howto .list_block li:before{
 content: "";
 margin-right: 6px;
 width: 9px;
 height: 9px;
 display: inline-block;
 border-radius: 100%;
 background-color: #440099;
}
#page_intr_cream .component,
#page_intr_light .component{
 margin-bottom: 50px;
}
#page_intr_cream .tgl_trigger,
#page_intr_light .tgl_trigger{
 padding: 20px 5% 20px 3%;
 text-align: center;
 border-bottom: 1px solid #440099;
 position: relative;
 cursor: pointer;
 color: #440099;
}
#page_intr_cream .tgl_trigger:first-of-type,
#page_intr_light .tgl_trigger:first-of-type{
 border-top: 1px solid #440099;
}
#page_intr_cream .tgl_trigger.active,
#page_intr_light .tgl_trigger.active{
 border-bottom: none;
}
#page_intr_cream .tgl_trigger .ico,
#page_intr_light .tgl_trigger .ico{
 width: 16px;
 height: 16px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 2.8%;
}
#page_intr_cream .tgl_trigger .ico span ,
#page_intr_light .tgl_trigger .ico span {
	position: absolute;
 width: 100%;
	height: 1px;
 background-color: #440099;
}
#page_intr_cream .tgl_trigger .ico span:nth-of-type(1) ,
#page_intr_light .tgl_trigger .ico span:nth-of-type(1) {
 -webkit-transform: rotate(0deg) translateY(-50%),;
	-ms-transform: rotate(0deg) translateY(-50%);
	transform: rotate(0deg) translateY(-50%);
 top: 50%;
}
#page_intr_cream .tgl_trigger .ico span:nth-of-type(2) ,
#page_intr_light .tgl_trigger .ico span:nth-of-type(2) {
 -webkit-transform: rotate(90deg) translateY(-50%);
	-ms-transform: rotate(90deg) translateY(-50%);
	transform: rotate(90deg) translateY(-50%);
 top: 50%;
}
#page_intr_cream .tgl_trigger.active .ico span:nth-of-type(1) ,
#page_intr_light .tgl_trigger.active .ico span:nth-of-type(1) {
	display:none;
}
#page_intr_cream .tgl_trigger.active .ico span:nth-of-type(2) ,
#page_intr_light .tgl_trigger.active .ico span:nth-of-type(2) {
 -webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#page_intr_cream .tgl_trigger h4,
#page_intr_light .tgl_trigger h4{
 font-size: 129%;
}
#page_intr_cream .tgl_trigger.txt_bk h4,
#page_intr_light .tgl_trigger.txt_bk h4{
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
 font-size: 114%;
 text-align: center;
 color: #25282a;
}
#page_intr_cream .tgl_cont,
#page_intr_light .tgl_cont{
 padding: 20px 0;
 border-bottom: 1px solid #440099;
 display: none;
}
#page_intr_cream .tgl_cont .att li,
#page_intr_light .tgl_cont .att li{
 margin-left: 1.0em;
 margin-bottom: 10px;
 text-indent: -1.0em;
}
#page_intr_cream .btn_block,
#page_intr_light .btn_block{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
}
#page_intr_cream .btn_block p,
#page_intr_light .btn_block p{
 width: 49%;
 font-size: 171%;
}
#page_intr_cream .btn_block p a,
#page_intr_light .btn_block p a{
 margin: 0 auto;
 padding: 24px 20px;
 font-size: 115%;
 text-align: center;
 border-radius: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
}
#page_intr_cream .btn_block p:first-of-type a,
#page_intr_light .btn_block p:first-of-type a{
 color: #440099;
 background: #ecc3b2;
}
#page_intr_cream .btn_block p:nth-of-type(2) a,
#page_intr_light .btn_block p:nth-of-type(2) a{
 color: #FFF;
 background: #440099;
}
#page_intr_cream .btn_block p .small,
#page_intr_light .btn_block p .small{
 padding-right: 5px;
 font-size: 58%;
 vertical-align: middle;
}
#page_intr_cream .tgl_cont .status_clm{
  padding: 1.2em 4em 0.5em 4em;
  width: 280px;
}
#page_intr_cream .tgl_cont .status_clm .name{
  text-align: center;
  font-size: 130%;
  font-weight: bold;
}
#page_intr_cream .g_div{
  display: flex;
}
@media screen and (max-width: 960px){
  #page_intr_cream .g_div {
   display: block;
  }
  #page_intr_cream .tgl_cont .status_clm{
    width: auto;
  }
}
/*結果保持*/
.have_result #startbtn span.check{
 top: 28px;
 left: 42px;
 transform: none;
 position: absolute;
}
.have_result #startbtn span.start {
 top: 21px;
 transform: none;
 right: 35px;
 font-size: 144%;
 position: absolute;
}
.have_result #startbtn span.quot {
 bottom: 20px;
 position: absolute;
}


#page_intr_light .download{
 margin: 0 auto 30px;
 font-size: 171%;
 text-align: center;
}
#page_intr_light .download:before{
 content: "";
 padding-right: 0.8em;
 width: 27px;
 height: 37px;
 display: inline-block;
 background: url(../../img/bgbt/light/down.png)no-repeat;
 vertical-align: text-bottom;
}
#page_intr_light .download span{
 font-size: 50%;
}

#page_intr_light .spec_table dl{
 padding: 20px 0;
 display: -webkit-flex;
 display: flex;
 border-top: solid 1px #dcdcdc;
 font-size: 114%;
}
#page_intr_light .spec_table dl:first-child{
 border-top: none;
}
#page_intr_light .spec_table dt{
 width: 28.4%;
 text-indent: 1em;
 font-family: 'A+mfCv-AXIS Font ベーシック B ProN';
}
#page_intr_light .spec_table dd{
 width: 71.6%;
}
#page_intr_light .spec_table .img{
 width: 160px;
}
#page_intr_light .spec_table .notes{
 font-size: 60%;
 vertical-align: top;
}

@media screen and (min-width: 1240px){
 #page_intr_cream .point .box .txt_wrap dd{ font-size: 1.7vw; }
 #page_intr_light .point .i01 .contents{ background: url(../../img/bgbt/light/point_01_img.jpg) right center no-repeat; background-size: contain;}
 #page_intr_light .point .i02 .contents{ background: url(../../img/bgbt/light/point_02_img.jpg) right center no-repeat; background-size: contain;}
 #page_intr_light .point .i03 .contents{ background: url(../../img/bgbt/light/point_03_img.jpg) right center no-repeat; background-size: contain;}
 #page_intr_light .point .i04 .contents{ background: url(../../img/bgbt/light/point_04_img.jpg) right center no-repeat; background-size: contain;}
}

@media screen and (max-width: 1024px){
 #page_intr_cream .point .sticky{
  width: 22%;
  min-height: 450px;
  left: 4%;
 }
 #page_intr_light .point .sticky{
  width: 22%;
  min-height: 450px;
  left: 0%;
 }
 #page_intr_light .point .sticky .item_wrap{
  left: 0;
 }
 #page_intr_cream .point, #page_intr_light .point{
  padding: 60px 5.4% 80px 0;
 }
 #page_intr_light .point .sticky .item_wrap .tab{
  display: block;
 }
 #page_intr_light .point .sticky .item_wrap .pc{
  display: none;
 }
 #page_intr_cream .point .sticky .item_wrap img,
 #page_intr_light .point .sticky .item_wrap img{
  width: 100%;
  height: auto;
 }
 #page_intr_cream .point .box_wrap ,
 #page_intr_light .point .box_wrap {
  width: 74%;
 }
}/*/max-width: 1024px*/

@media screen and (max-width: 960px){
 #page_intr_cream #mv .inner,
 #page_intr_light #mv .inner{
  width: 100%;
 }
 #page_intr_cream #mv .txt_box,
 #page_intr_light #mv .txt_box{
  padding: 10px 4%;
  width: 80%;
  position: absolute;
  top: 5px;
  left: 0px;
 }
 #page_intr_light #mv .txt_box{
  top: 5px;
 }
 #page_intr_cream #startbtn,
 #page_intr_light #startbtn{
  margin: 0px auto;
  position: absolute;
  bottom: 10%;
  right: 0px;
  left: 0px;
  z-index: 50;
  font-size: 114%;
  color: #440099;
 }
 #page_intr_cream #startbtn a ,
 #page_intr_light #startbtn a {
  margin: 0px auto;
  padding: 10px 0;
  height: auto;
  width: 70%;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #440099;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 128%;
  text-align: center;
  color: #FFF;
 }
 /*結果保持*/
 #page_intr_cream.have_result #startbtn a ,
 #page_intr_light.have_result #startbtn a {
  height: 89px;
 }
.have_result #startbtn span.check{
 top: 5px;
 position: absolute;
 left: auto;
 font-size: 83%;
}
.have_result #startbtn span.start {
 position: absolute;
 top: 26px;
 right: auto;
 font-size: 144%;
}
.have_result #startbtn span.quot {
 bottom: 4px;
 position: absolute;
 font-size: 84%;
}


 #page_intr_cream .point .box_wrap .box ,
 #page_intr_light .point .box_wrap .box {
  height: auto;
 }
 #page_intr_cream .point .box_wrap .box.i05,
 #page_intr_light .point .box_wrap .box.i05{
  margin-bottom: 0;
 }
 #page_intr_cream .point .box_wrap .box .contents,
 #page_intr_light .point .box_wrap .box .contents{
  margin: 0 auto;
  padding: 20px 0;
  width: 92%;
  position: static;
  transform: none;
 }
 #page_intr_cream .point .box_wrap .box .contents .txt_wrap{
  margin-bottom: 20px;
 }
 #page_intr_cream .point .box .txt_wrap dt,
 #page_intr_light .point .box .txt_wrap dt{
  width: 100%;
  font-size: 140%;
  text-align: center;
 }
 #page_intr_cream .point .box .txt_wrap dd,
 #page_intr_light .point .box .txt_wrap dd{
  margin-bottom: 10px;
  font-size: 190%;
  text-align: center;
 }
 #page_intr_cream .point .box .contents p ,
 #page_intr_light .point .box .contents p {
  font-size: 100%;
 }
 #page_intr_cream .point .i01 dl,
 #page_intr_cream .point .i04 dl{
  padding-bottom: 20px;
 }
 #page_intr_cream .point .i01 dt, #page_intr_cream .point .i02 dt,
 #page_intr_cream .point .i03 dt, #page_intr_cream .point .i04 dt,
 #page_intr_cream .point .i05 dt{
  padding-bottom: 10px;
 }
 #page_intr_cream .point .i01 .ph,
 #page_intr_cream .point .i02 .ph{
  margin: 0 auto;
  width: 36%;
 }
 #page_intr_cream .point .i04 .ph{
  margin: 0 auto;
  width: 56%;
 }
 #page_intr_cream .point .i04 .txt_wrap{ width: 100%; }

 #page_intr_cream .point .i03 .ph{
  margin: 0 auto;
  padding: 0;
 }
 #page_intr_cream .point .i05 .ph{
  margin: 0 auto 20px;
  width: 16%;
 }
 #page_intr_cream .point .i05 .technology{
  margin-top: 0;
  width: 100%;
 }
 #page_intr_cream .point .i05 .technology dd{
  margin-bottom: 10px;
  padding: 10px 3%;
  width: 48%;
  font-size: 120%;
 }
 #page_intr_cream .howto ,
 #page_intr_light .howto {
  padding: 40px 0 120px;
 }
 #page_intr_cream .howto .be_box ,
 #page_intr_light .howto .be_box {
  margin-bottom: 50px;
 }
 #page_intr_cream .howto .step .flex_wrap dl,
 #page_intr_light .howto .step .flex_wrap dl{
  padding: 0 2%;
 }
 #page_intr_cream .btn_block p,
 #page_intr_light .btn_block p{
  margin-bottom: 10px;
  font-size: 150%;
 }
 #page_intr_cream .btn_block p a,
 #page_intr_light .btn_block p a{
  padding: 12px 3%;
 }
 #page_intr_cream .btn_block p .small,
 #page_intr_light .btn_block p .small{
  font-size: 70%;
 }
 /*slider*/
 #slide_howto .slick-dots {
  position: absolute;
  bottom: -30px;
 }
 #slide_howto .slick-dots li button {
  margin: 0 auto;
  width: 8px;
  height: 8px;
  background: #ddd;
  border-radius: 25px;
 }
 #slide_howto .slick-dots li.slick-active button {
  background: #440099;
 }
 #slide_howto .slick-dots li button::before {
  display: none;
 }
 #slide_howto .slick-next {
  content: "";
  width: 20px;
  height: 47px;
  position: absolute;
  right: 2%;
  top: 140px;
  background: url(../../img/bgbt/common/arr_step_r.png) no-repeat;
  background-size: contain;
  z-index: 10;
 }
 #slide_howto .slick-next:before {
  display: none;
 }
 #slide_howto .slick-next.slick-disabled {
  opacity: 0.3;
 }
 #slide_howto .slick-prev {
 content: "";
 width: 20px;
 height: 47px;
 display: block;
 position: absolute;
 left: 2%;
 top: 140px;
 background: url(../../img/bgbt/common/arr_step_l.png) no-repeat;
 background-size: contain;
 opacity: 1;
 z-index: 10;
}
 #slide_howto .slick-prev:before {
  display: none;
 }
 #slide_howto .slick-prev.slick-disabled {
  opacity: 0.3;
 }
 #page_intr_light .download:before{
  content: "";
  padding-right: 5px;
  width: 15px;
  height: 20px;
  background-size: contain;
 }
 #page_intr_cream .howto .step dl dt::after, #page_intr_light .howto .step dl dt::after{
  display: none;
 }

 #page_intr_light .spec_table dl{
  display: block;
 }
 #page_intr_light .spec_table dt{
  margin-bottom: 5px;
  width: 100%;
  text-indent: 0;
 }
 #page_intr_light .spec_table dd{
  width: 100%;
 }
 #page_intr_cream .howto .step .flex_wrap, #page_intr_light .howto .step .flex_wrap {
  margin-bottom: 60px;
 }

}/*/max-width: 960px*/

@media screen and (max-width: 767px){
 #page_intr_cream .point {
  padding: 30px 5.4% 40px;
  background-color: #ede6f7;
 }
 #page_intr_light .point {
  padding: 30px 5.4% 40px;
  background-color: #efe0da;
 }
 #page_intr_cream .point .sticky,
 #page_intr_light .point .sticky{
  display: none;
 }
 #page_intr_cream .point .box_wrap ,
 #page_intr_light .point .box_wrap {
  width: 100%;
 }
 #page_intr_cream .point .box .contents .ann,
 #page_intr_light .point .box .contents .ann{
  font-size: 90%;
 }
 #page_intr_cream .point .contents .txt_wrap,
 #page_intr_light .point .contents .txt_wrap{
  width: 100%;
 }
 #page_intr_cream .point .i02 dl {
  padding-bottom: 10px;
 }
 #page_intr_cream .point .i01 .ph,
 #page_intr_cream .point .i02 .ph,
 #page_intr_cream .point .i03 .ph{
  margin: 0 auto;
  padding: 0;
  width: 80%;
 }

 #page_intr_light .point .ph{
 display: block;
}
#page_intr_light .point .i01 .contents{ background: none;}
#page_intr_light .point .i02 .contents{ background: none;}
#page_intr_light .point .i03 .contents{ background: none;}
#page_intr_light .point .i04 .contents{ background: none;}

 #page_intr_light .point .box .txt_wrap .lead{
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.6;
 }

 #page_intr_cream .howto h3,
 #page_intr_light .howto h3{
  margin-bottom: 20px;
  font-size: 200%;
 }
 #page_intr_cream .howto .step h4,
 #page_intr_light .howto .step h4{
  margin-bottom: 20px;
  padding: 6px 0;
  font-size: 140%;
 }
 #page_intr_cream .howto .step .txt_block,
 #page_intr_light .howto .step .txt_block{
  margin-bottom: 20px;
 }
 #page_intr_cream .howto .step .txt_block p,
 #page_intr_light .howto .step .txt_block p{
  font-size: 120%;
 }
 #page_intr_cream .howto .step .flex_wrap,
 #page_intr_light .howto .step .flex_wrap{
  margin-bottom: 40px;
 }
 #page_intr_cream .howto .step .flex_wrap dl,
 #page_intr_light .howto .step .flex_wrap dl{
  margin-bottom: 20px;
  width: 100%;
 }
 #page_intr_cream .howto .step dl dt,
 #page_intr_light .howto .step dl dt{
  margin: 0 auto 10px;
  width: 60%;
 }
 #page_intr_cream .howto .step dl dt:after,
 #page_intr_light .howto .step dl dt:after{
  content: none;
 }
 #page_intr_cream .howto .step dl .s_head,
 #page_intr_light .howto .step dl .s_head{
  font-size: 180%;
 }
 #page_intr_cream .howto .step dl dd,
 #page_intr_light .howto .step dl dd{
  font-size: 107%;
 }
 #page_intr_cream .tgl_trigger .ico,
 #page_intr_light .tgl_trigger .ico{
  width: 10px;
  height: 10px;
 }
 #page_intr_cream .btn_block p,
 #page_intr_light .btn_block p{
  width: 100%;
 }
}/*/max-width: 767px*/

@media screen and (max-width: 480px){
 #page_intr_cream #startbtn a,
 #page_intr_light #startbtn a{
  width: 80%;
  height: 64px;
  font-size: 100%;
  box-sizing: border-box;
 }
.have_result #startbtn span.start {
 position: absolute;
 top: 18px;
 right: auto;
 font-size: 144%;
}
#page_intr_cream.have_result #startbtn a, #page_intr_light.have_result #startbtn a {
 height: 64px;
}

 #slide_howto .slick-dots {
  position: absolute;
  bottom: -15px;
 }
}/*/max-width: 480px*/

@media screen and (max-width: 360px){
 #page_intr_cream #mv .txt_box,
 #page_intr_light #mv .txt_box{
  top: 5px;
 }
 #page_intr_cream .txt_box h2 ,
 #page_intr_light .txt_box h2 {
  margin-bottom: 20px;
 }
}/*/max-width: 360px*/

@media screen and (max-width: 320px){
 #page_intr_cream .txt_box h2,
 #page_intr_light .txt_box h2{
  margin-bottom: 16px;
  font-size: 200%;
 }
 #page_intr_cream .txt_box .txt ,
 #page_intr_light .txt_box .txt {
  font-size: 100%;
 }
 #page_intr_cream .howto,
 #page_intr_light .howto{
  padding: 40px 0 60px;
 }
 #page_intr_cream .tgl_trigger,
 #page_intr_light .tgl_trigger{
  padding-right: 6%;
 }

}/*/max-width: 320px*/

/******************************************************************************

 tradelaw // 特商法

******************************************************************************/
body#page_help_tradelaw{
 margin: 0 0 100px;
}
#page_help_tradelaw .page_inner{
 margin: 0 auto;
 width: 746px;
}
#page_help_tradelaw .ec-pageHeader{
 margin: 0 auto 110px;
}
.tradelaw_table dl{
 padding: 0;
 width: 100%;
 min-height: 68px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items:center;
 align-items:center;
 border-bottom: solid 1px #440099;
}
.tradelaw_table dl:first-child{
 border-top: solid 1px #440099;
}
.tradelaw_table dt{
 padding-left: 20px;
 width: 30%;
 box-sizing: border-box;
 font-size: 114%;
 color: #440099;
}
.tradelaw_table dd{
 width: 67%;
 box-sizing: border-box;
}

@media screen and (max-width: 960px){
#page_help_tradelaw .page_inner{
 margin: 0 auto;
 padding: 0 20px;
 width: 100%;
 box-sizing: border-box;
}
#page_help_tradelaw .ec-pageHeader{
 margin: 0 auto 55px;
}
.tradelaw_table dl{
 padding: 10px 0;
 width: 100%;
 min-height: auto;
 display: block;
}
.tradelaw_table dl:first-child{
 border-top: solid 1px #440099;
}
.tradelaw_table dt{
 margin-bottom: 10px;
 padding-left: 0;
 width: 100%;
 box-sizing: border-box;
 font-size: 114%;
 color: #440099;
}
.tradelaw_table dd{
 width: 100%;
 box-sizing: border-box;
}
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/



/******************************************************************************

 animation

******************************************************************************/

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeTech .txtbox_wrap{
 -webkit-animation: fadeIn 0s ease 0s 1 forwards;
 animation: fadeIn 0s ease 0s 1 forwards;
 visibility: visible !important;
}
.fadeTech .txtbox{
 -webkit-animation: fadeIn 1.2s ease 0.4s 1 forwards;
 animation: fadeIn 1.2s ease 0.4s 1 forwards;
 visibility: visible !important;
}
.fadeTech .technology_img{
 -webkit-animation: fadeIn 1s ease 1s 1 forwards;
 animation: fadeIn 1s ease 1s 1 forwards;
 visibility: visible !important;
}
.fadeTech .over_self{
 -webkit-animation: fadeInDown 1s ease 1.4s 1 forwards;
 animation: fadeInDown 1s ease 1.4s 1 forwards;
 visibility: visible !important;
}
.fadeTech .over_fles{
 -webkit-animation: fadeInUp 1s ease 1.4s 1 forwards;
 animation: fadeInUp 1s ease 1.4s 1 forwards;
 visibility: visible !important;
}

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

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInLeft {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInRight {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
 visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.memFade li:first-child{
 -webkit-animation: fadeInUp 1s ease 0s 1 forwards;
 animation: fadeInUp 1s ease 0s 1 forwards;
 visibility: visible !important;
}
.memFade li:nth-child(2){
 -webkit-animation: fadeInUp 1s ease 0.5s 1 forwards;
 animation: fadeInUp 1s ease 0.5s 1 forwards;
 visibility: visible !important;
}
.memFade li:nth-child(3){
 -webkit-animation: fadeInUp 1s ease 1s 1 forwards;
 animation: fadeInUp 1s ease 1s 1 forwards;
 visibility: visible !important;
}
.memFade li:nth-child(4){
 -webkit-animation: fadeInUp 1s ease 1.5s 1 forwards;
 animation: fadeInUp 1s ease 1.5s 1 forwards;
 visibility: visible !important;
}



.ec-layoutRole .ec-layoutRole__contents{
	max-width: none;
}

a.eclink{
    color: #440099;
    font-style: normal;
    text-decoration: none;
    transition-duration: 0.3s;
}

#page_homepage .ec-layoutRole__contents{
	margin-bottom : 0px;
}

#zeus_credit_data {
    display: none;
}

.ec-orderPayment-block #zeus_payment_confirm {
    display: none;
}
a:focus, a:hover{
	text-decoration: none;
	outline: none;
}
dt{
	font-weight:unset;
}

h3{
	line-height:unset;
}

#page_entry .ec-cartRole,
#page_shopping .ec-cartRole {
 font-size: 14px;
}

#page_entry .ec-progress .ec-progress__item,
#page_shopping .ec-progress .ec-progress__item {
 box-sizing: unset;
}

#page_shopping_confirm .ec-orderRole {
 padding: 0px;
 max-width: 100%;
 /* font-size: 14px; */
}

.hidden {
 display: none!important;
}

/*
#page_mypage .ec-mypageRole {
  padding-left: 0px;
  padding-right: 0px;
}
*/

#page_mypage_payment .ec-mypageRole {
  padding-left: 20px;
  padding-right: 20px;
}
.ec-mypageRole *, .ec-mypageRole *:before, .ec-mypageRole *:after {
  box-sizing: inherit;
}


#page_mypage_unsubscribe_complete .ec-pageHeader h1{
 text-align: center;
 border-bottom: 0;
 font-size: 285%;
 font-weight: normal;
 letter-spacing: 1px;
 color: #440099;
}

#page_shopping_complete .ec-layoutRole__contents {
    margin-bottom: 50px;
}

.ec-checkbox-login {
 text-align: center;
}


@media screen and (max-width: 960px){
 #page_entry .ec-cartRole {
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
 }

 #page_entry .scrollbox{
  font-size: 14px;
 }
}

.bg-load-overlay {
  background: rgba(255, 255, 255, 0)!important;
}