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

/*Common
===============================================================*/
body{
  font-family:'Noto Serif JP','serif',"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; -moz-font-feature-settings: 'liga', 'kern'; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 16px; font-weight: 600;color: #283951;/*text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;*/
}
.inner{
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}
.flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.flex_clm{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
img{
  display: block;
  width: 100%;
  height: auto;
}
a.cvr{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}
a.udr_bl{
  color: #0145ff;
  text-decoration: underline;
}
.fnt-marq{
  font-family: 'marquette';
}
.c_red{
  color: #d32727;
}
.fs_md{
  font-size: 1.125em;
}
.spView{
  display: none;
}
.txt_cnt{
  text-align: center;
}

/*btn*/
.btn-wrap{
  margin-left: auto;
  margin-right: auto;
}
.btn-wrap a{
  display: block;
  border-radius: 10px;
  border: 1px solid #fff;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  box-shadow: 6px 6px 15px rgba(0,0,0,.15);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.btn-wrap a:hover{
  box-shadow: none;
}
.btn-wrap a span.jp{
  font-size: 1.25em;
}
.btn-wrap a span.en{
  display: block;
  font-size: max(15px, .875em);
  margin-top: 5px;
}
.btn-wrap a::after{
  content: "";
  position: absolute;
  right: .85em;
  top: 50%;
  transform: translateY(-50%);
}
.btn_gld{
  background: rgb(210,179,81);
  background: linear-gradient(80deg, rgba(210,179,81,1) 0%, rgba(237,205,119,1) 100%);
  color:#283951;

}
.btn_gld::after{
  border-style: solid;
  border-width: .3157em 0 .3157em .55em;
  border-color: transparent transparent transparent #2e3f50;
}
.btn_nvy{
  color: #fff;
  background: rgb(22,40,84);
  background: linear-gradient(80deg, rgba(22,40,84,1) 0%, rgba(37,55,82,1) 100%);
}
.btn_nvy::after
,.lblu_btn::after
,.btn_red::after{
  border-style: solid;
  border-width: .3157em 0 .3157em .55em;
  border-color: transparent transparent transparent #fff;
}
.btn_nvy.btn_back::after{
  border-width: 0.3157em 0.55em 0.3157em 0;
  border-color: transparent #fff transparent transparent;
  left: 0.85em;
  right: auto;
}
.lblu_btn{
  color: #fff;
  background: rgb(73,129,213);
  background: linear-gradient(80deg, rgba(73,129,213,1) 0%, rgba(96,161,243,1) 100%);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.btn_red{
  color: #fff;
  background: rgb(73,129,213);
  background: linear-gradient(80deg, rgba(186,17,49,1) 0%, rgba(221,16,55,1) 100%);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.join-btn-wrap a{
  width: 270px;
  max-width: calc((100% - 20px)/2);
}
.join-btn-wrap a + a{
  margin-left: 20px;
}

* + .link-btn-wrap{
  margin-top: 50px;
}
.link-btn-wrap.flex{
  justify-content: center;
}
.udr_arw_btn span{
  display: block;
  font-size: 1.5em;
  padding-bottom: 8px;
  border-bottom: 2px solid #2e3f50;
  padding-right: 1.5em;
  padding-left: 8px
}
.udr_arw_btn span::after{
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: .25em 0 .25em .4em;
  border-color: transparent transparent transparent #2e3f50;

}

/*rect btn*/
.rect-btn{
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #fff;
  box-shadow: 0 10px 10px rgba(0,0,0,.125);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.rect-btn:hover{
  box-shadow: none;
}
.rect-btn > *{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rect-btn::before{
  content: "";
  display: block;
  padding-top: 70%;
}
.rect-btn p.title{
  /*font-weight: 700;*/
}
/*read more*/
.btn-wrap.read_more{
  justify-content: center;
  margin-top: 50px;
}
.btn-wrap.read_more a{
  width: 240px;
  max-width: 100%;
  border: none;
}
.btn-wrap.read_more a::after{
  content: none;
}
#container{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
footer{
  margin-top: auto;
}
/*header/nav
===============================================================*/

/*SPButton
====================*/
#sp-menu
,#sp-menu-block{
  display: none;
}

/*header
====================*/
#key{
  width: 100%;
  background: rgb(198,200,187);
  background: linear-gradient(90deg, rgba(200,202,189,1) 0%, rgba(202,204,191,1) 100%);
  overflow: hidden;

}
#key.main-key{
  max-height: 870px;
}
#key.main-key .header-wrap{
  max-width: 1400px;
  margin: 0 auto;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}

#key.main-key .header-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
#key.main-key .header-title{
  max-width: 60%;
}
/*
.header-title p.name{
  position: absolute;

  left: 10px;
}
#key.main-key .header-title p.name{
  width: 16em;
  top: -5.5em;
}*/
.header-title p.top-text{
  padding-left: 3.5em;
}
#key.main-key .header-title p.top-text{
  font-size: 1.5em;
}
.header-title h1{
  font-weight: 700;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#key.main-key .header-title h1{
  font-size: 4.25em;
  margin: 24px 0;
}
.header-title p.text{
  font-weight: 600;
  font-size: 1.5em;
}
header .join-btn-wrap{
  max-width: 100vw;
  margin-top: 45px;
}
#menu-open{
  border-radius: 6px;
  border: 1px solid #fff;
  padding-top: .85em;
  padding-bottom: .85em;
  text-align: center;
  box-shadow: 0px 6px 15px rgba(0,0,0,.125);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#menu-open:hover{
  box-shadow: none;
}
#menu-open::after{
  content: "";
  position: absolute;
  right: .85em;
  top: 50%;
  transform: translateY(-50%);
}
#menu-open .header-menu-open{
  width: 100%;
  background: none;
  color: #fff;
  font-size: 1.25em;
}

/*after login*/
.after-login header .join-btn-wrap{
  width: calc((270px * 2) + 20px);
  max-width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.after-login header .join-btn-wrap a{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.after-login header .join-btn-wrap a.btn_gld::after{
  content: none;
}
.after-login header .join-btn-wrap a.btn_gld span.jp{
  padding-right: .85em;
  padding-left: 1em;
}
.after-login header .join-btn-wrap a.btn_gld span.jp::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.3em 0 0.3em 0.5em;
  border-color: transparent transparent transparent #2e3f50;
}
.after-login header .join-btn-wrap a .icn{
  width: 2em;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}
.after-login header .join-btn-wrap a + a{
  margin-left: 0;
}
.after-login header .join-btn-wrap a + a:nth-child(even){
  margin-left: 20px;
}
.after-login header .join-btn-wrap a + a:nth-child(n+3){
  margin-top: 20px;
}
.after-login header .join-btn-wrap #menu-open{
  width: 100%;
  margin-top: 20px;
}
/*nav
==============================*/
#slide-menu-block{
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #fff;
  overflow-y: scroll;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}
#slide-menu-block.slide{
  opacity: 1;
}
.slide-menu__inner{
  width: 100%;
  max-width: 1160px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 200px 20px 150px;
  -ms-align-items: center;
  align-items: center;
}
.slide-menu__inner > *{
  width: 50%;
}

#slide-menu-block .menu-close{
  position: absolute;
  right: 5%;
  top: 30px;
  z-index: 1;
  cursor: pointer;
}
#slide-menu-block .menu-close span{
  display: block;
  padding-left: 1.5em;
  letter-spacing: 1.5px;
  border-bottom: 2px solid #0f2154;
  padding-bottom: 5px;
  font-size: 1.25em;
  color: #0f2154;
}
#slide-menu-block .menu-close span::before
,#slide-menu-block .menu-close span::after{
  content: "";
  width: 1.25em;
  height: 2px;
  background: #0f2154;
  position: absolute;
  left: 0;
  top: 35%;
}
#slide-menu-block .menu-close span::before{
  transform: translateY(-50%) rotate(45deg);
}
#slide-menu-block .menu-close span::after{
  transform: translateY(-50%) rotate(-45deg);
}

/*メニューリスト*/
.slide-menu__list{
  padding-right: 9%;
}
.slide_in___head{
  width: 100%;
}
ul.slide_in__list{
  margin-top: 50px;
}
ul.slide_in__list li{
  padding: 0 .5em;
  border-bottom: 1px solid #c1cdd8;
}
ul.slide_in__list li:first-child{
  border-top: 1px solid #c1cdd8;
}
ul.slide_in__list li a{
  display: block;
  padding: .85em 0 .85em 2em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.25em;
}
ul.slide_in__list li a.g-home{
  background-image: url( "/image/tmariko/takahashi_mariko/icn_nvy_home.png");
}
ul.slide_in__list li a.g-mypage{
  background-image: url("/image/tmariko/takahashi_mariko/icn_nvy_mypage.png");
}
ul.slide_in__list li a.g-store{
  background-image: url("/image/tmariko/takahashi_mariko/icn_nvy_store.png");
}
ul.slide_in__list li a.g-faq{
  background-image: url( "/image/tmariko/takahashi_mariko/icn_nvy_faq.png");
}
ul.slide_in__list li a.g-pay{
  background-image: url( "/image/tmariko/takahashi_mariko/icn_nvy_building.png");
}
ul.slide_in__list li a.g-inquiry{
  background-image: url( "/image/tmariko/takahashi_mariko/icn_nvy_inquiry.png");
}
ul.slide_in__list li a::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3157em 0 0.3157em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
  transform: translateY(-50%);
}
/*ボタン*/
.slide-menu__btn .btn-wrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.slide-menu__btn .btn-wrap a{
  width: 100%;
}
.slide-menu__btn .btn-wrap a.icn{
  width: calc((100% - 20px)/2);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  margin-top: 20px;

}
.slide-menu__btn .btn-wrap a.icn .in_icn{
  position: absolute;
  top: 50%;
  left: .75em;
  width: 1.5em;
  transform: translateY(-50%);
}
.slide-menu__btn .btn-wrap a.icn .jp{
  min-width: 6.5em;
  padding-right: .8em;
  padding-left: .5em;
}
.slide-menu__btn .btn-wrap a.icn .jp::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.257em 0 0.257em 0.4em;
  border-color: transparent transparent transparent #2e3f50;
}
.slide-menu__btn .btn-wrap a.icn::after{
  content: none;

}
.slide-menu__btn .btn-wrap a.icn:nth-of-type(odd){
  margin-left: 20px;
}
.slide-menu__btn .btn-wrap a.icn + a.btn_nvy{
  margin-top: 30px;
}
.slide-menu__btn .btn-wrap a.btn_nvy + a.btn_nvy{
  margin-top: 15px;
}
.slide-menu__btn .btn-wrap a.full{
  width: 100%;
}
.slide-menu__btn .btn-wrap a.full::before{
  content: "";
  width: 1.25em;
  height: 100%;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.slide-menu__btn .btn-wrap a.full.fav::before{
  background-image: url("/image/tmariko/takahashi_mariko/icn_favorite.png");
}
.slide-menu__btn .btn-wrap a.full.acv::before{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_history.png");
  width: 1.35em;
}

/*Container
===============================================================*/

/*Key
=====================================*/

/*Content
=====================================*/
#content{
  padding-top: 110px;
}
.sec-title{
  letter-spacing: 1.5px;
}
.sec-title .jp{
  font-size: 1.875em;
  font-weight: 700;
}
.sec-title.flex_clm > span + span{
  margin-top: 5px;
}

section.bg_gry{
  padding: 80px 0;
  background: #f8f7f7;
}

/*section ABOUT
========================*/
.sec-about-blc{
  padding-bottom: 100px;
}
.sec-about__inner{
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.sec-about__inner > div{
  width: 50%;
}
.sec-about__inner .about-cmnt{
  width: 43%;
  -ms-align-items: center;
  align-items: center;
}
.sec-about__inner .about-cmnt h2{
  line-height: 1.2;
  -ms-align-items: center;
  align-items: center;
}
.sec-about__inner .about-cmnt h2 span.en{
  letter-spacing: normal;
}
.sec-about__inner .about-cmnt p.intext{
  margin-top: 1em;
  line-height: 1.4;
  padding: 0 12%;
}
.sec-about__inner .about-cmnt .btn-wrap{
  margin-top: 30px;
}
.sec-about__inner .about-cmnt .btn-wrap a{
  width: 227px;
  max-width: 100%;
}
.sec-about__inner .about-link{
  width: 50%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec-about__inner .about-link > *{
  width: calc((100% - 20px)/2);

}
.sec-about__inner .about-link > * + *:nth-child(n+3){
  margin-top: 20px;
}
.about-link__inner {
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.about-link__inner .icn{
  -ms-align-items: center;
  align-items: center;
  color: #fff;
}
.about-link__inner .icn .in-icn{
  width: 3.125em;
}
.about-link__inner .icn .in-text{
  margin-top: 10px;
}

.about-link__inner .title{
  font-weight: 600;
  margin-top: 1em;
  padding-right: 1.25em;
}
.about-link__inner .title::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: .35em 0 .35em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
}

/*section FQA
========================*/
.after-login .sec-faq-blc{
  background: #fff;
  padding-top: 0;
}
.sec-faq__inner{
  -ms-align-items: center;
  align-items: center;
}
.sec-faq__inner .faq-cmnt h2 {
  -ms-align-items: center;
  align-items: center;
}
.sec-faq__inner .faq-cmnt h2 .en{
  font-size: 1.375em;
}
.sec-faq__inner .faq-cmnt h2 .en >span{
  font-size: max(15px, .825em);
}
.sec-faq__inner .faq-cmnt{
  width: 43%;
  -ms-align-items: center;
  align-items: center;
}
.sec-faq__inner .faq-cmnt .btn-wrap{
  margin-top: 30px;
}
.sec-faq__inner .faq-cmnt .btn-wrap a{
  width: 227px;
  max-width: 100%;
}
.sec-faq__inner .faq-link{
  width: 57%;
}
.faq_list li:first-child{
  border-top: 1px solid #c8d2dc;
}
.faq_list li{
  border-bottom: 1px solid #c8d2dc;
}
.faq_list li a{
  display: block;
  padding: 1em;
}
.faq_list li a::after{
  content: "";
  position: absolute;
  right: .85em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: .35em 0 .35em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
}
/*section CONTACT
========================*/
.sec-contact-blc{
  background: url("/image/tmariko/takahashi_mariko/contact_bg.png") no-repeat center/cover;
  padding: 90px 0;
}
.sec-contact__inner{
  -ms-align-items: center;
  align-items: center;
  color: #fff;
}
.sec-contact-blc h2{
  -ms-align-items: center;
  align-items: center;
}
.sec-contact-blc h2 .en{
  font-size: 1.375em;
}
.contact__text{
  font-weight: 700;
  line-height: 2;
  margin-top: 35px;
  letter-spacing: 1.5px;
  width: 100%;
  text-align: center;
}
.sec-contact__inner .btn-wrap{
  margin-top: 24px;
  max-width: 100%;
}
.sec-contact__inner .btn-wrap a{
  width: 348px;
  max-width: 100%;
  box-shadow: 6px 6px 15px rgba(0,0,0,.47);
}
.sec-contact__inner .btn-wrap a:hover{
  box-shadow: none;
}
/*footer
=====================================*/
footer{
  width: 100%;
  background: #c6c8bb;
  padding-top: 100px;
  padding-bottom: 100px;
}
.foot-inner{
  max-width: 1110px;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.foot-about-box p.title{
  font-size: 2.625em;
  margin-bottom: 20px;
  font-weight: 700;
}
.foot-about-box p.copy{
  font-size: max(15px, .875em);
}
.foot-nav-box{
  max-width: 65%;
}
.foot-nav-box .join-btn-wrap{
  justify-content: flex-end;
}
.foot-nav-box .join-btn-wrap + ul.foot-nav{
  margin-top: 30px;
}
ul.foot-nav li{
  justify-content:flex-end
}
ul.foot-nav li + li{
  margin-top: 1em;
}
ul.foot-nav li a + a{
  margin-left: 1em;
}

/*UNDER
===============================================================*/

body.under #container{
  background: #f8f7f7;
}

.udr_line_title{
  border-bottom: 1px solid #bdc8d4;
}
.udr_line_title span{
  font-size: 1.5em;
  display: block;
  padding-bottom: 10px;
}
h3.line-title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
h3.line-title span{
  font-size: 1.5em;
  position: unset;
  z-index: 1;
  font-weight: 700;
}
h3.line-title span::before
,h3.line-title span::after{
  content: "";
  width: calc((100% - 5.5em)/2);
  height: 4px;
  background: #2e3f50;
  display: block;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  z-index: -1;
}
h3.line-title span::before{
  left: 0;
}
h3.line-title span::after{
  right: 0;
}

/*header*/
#key.under-key{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
}
#key.under-key .header-inner{
  position: absolute;
  max-width: 600px;
  height: 100%;
  top: 0;
  left: 50%;
  background: url("/image/tmariko/takahashi_mariko/key_image.png") no-repeat 95% top/auto 115%;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
#key.under-key .header-title{
  width: 60%;
}
#key.under-key .header-title h1{
  font-size: 2em;
}

/*PAGE UNDER
=======================================================*/

#content.under{

}
/*nav*/
#top-nav{
  padding: 1em 0;
  background: #fff;
  box-shadow: 0 -5px 5px rgb(0 0 0 / 15%);
  z-index: 1;
}
.top-nav__inner{
  max-width: 1110px;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.top-nav__inner .page-back{
  padding-left: 1.25em;
  padding-bottom: 5px;
  padding-right: .5em;
  border-bottom: 1px solid;
}
.top-nav__inner .page-back::before{
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  top: 50%;
  left: .25em;
  transform: translateY(-50%);
  border-width: .3157em .55em .3157em 0;
  border-color: transparent #2e3f50 transparent transparent;
}
.top-nav__inner #menu-open{
  width: 260px;
}
.top-nav__inner #menu-open .header-menu-open{
  font-size: 1em;
}


/* PAGE UNDER-CONTENTS
=======================================================*/

body.under #content{
  background: #f8f7f7;
  padding: 80px 0 100px;
}
h2.title-gld{
  background: rgb(210,179,81);
  background: linear-gradient(80deg, rgba(210,179,81,1) 0%, rgba(237,205,119,1) 100%);
}
h2.title-nvy{
  color: #fff;
  background: rgb(22,40,84);
  background: linear-gradient(90deg, rgba(22,40,84,1) 0%, rgba(37,55,82,1) 100%);
}

h2.title-gld span
,h2.title-nvy span{
  font-size: 1.5em;
  display: block;
  text-align: center;
  padding: .5em 1em
}

body.under-contents #container{
  width: 100%;
  max-width: calc(100% - 260px);
  margin-left: auto;
  color: #fff;
}
body.under-contents .contents_header{
  position: fixed;
  width: 100%;
  max-width: calc(100% - 260px);
  left: auto;
  right: 0;
  top: 0;
  z-index: 10;
}
body.under-contents .contents_header::before{
  content: "";
  width: 100%;
  height: 130%;
  background: linear-gradient(180deg,rgba(0,0,0,1)0%,rgba(0,0,0,.5)60%,rgba(0,0,0,0)100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body.under-contents .contents_header .header-inner{
  width: 100%;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 20px 30px;
}
body.under-contents .contents_header #menu-open{
  border: none;
  padding: .5em 3em;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 47%);
}
.contents_header #menu-open .header-menu-open{
  font-size: 1em;
}
body.under-contents .contents_header #menu-open::after{
  content: none;
}
body.under-contents .contents_header .pc_head__link a{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  width: 9em;
  border-radius: 3px;
  background: rgb(22,40,84);
  background: linear-gradient(90deg, rgba(22,40,84,1) 0%, rgba(37,55,82,1) 100%);
  /*font-weight: 700;*/
  box-shadow: 6px 6px 15px rgb(0 0 0 / 47%);
  -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
body.under-contents .contents_header .pc_head__link a:hover
,body.under-contents .contents_header #menu-open:hover{
  box-shadow: none;
}
body.under-contents .contents_header .pc_head__link a.active{
  background: rgb(210,179,81);
  background: linear-gradient(80deg, rgba(210,179,81,1) 0%, rgba(237,205,119,1) 100%);
  color: #2e3f50;
}
body.under-contents .contents_header .pc_head__link a span{
  padding:.65em 0 .65em 1.85em;
  display: block;
}
body.under-contents .contents_header .pc_head__link a + a{
  margin-left: 10px;
}
body.under-contents .contents_header .pc_head__link a span::before{
  content: "";
  width: 1.25em;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left center;
}
body.under-contents .contents_header .pc_head__link a.g-movie span::before{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_movie.png");
}
body.under-contents .contents_header .pc_head__link a.g-photo span::before{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_photo.png");
}
body.under-contents .contents_header .pc_head__link a.g-contract span::before{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_contract.png");
}
body.under-contents .contents_header .pc_head__link a.g-back{
  display: none;
  padding-left: 1em;
  border-radius: 30px;
  margin-left: 0;
}
body.under-contents .contents_header .pc_head__link a.g-back span{
  width: auto;
  padding-right: 1.3em;
  padding-left: 1.3em;
}
body.under-contents .contents_header .pc_head__link a.g-back span::before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #fff transparent transparent;
}
main{
  width: 100%;
}
main.page-under{
  margin-top: 230px;
}

body.under-contents{
  background: #212121;
}
body.under-contents #side_container{
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  overflow-y: scroll;
  background: #1b2c43;
  padding-bottom: 50px;
  color: #fff;
  transform: translateX(0);
  transform-origin: left;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}
#side_container .side_inner{
  padding: 0 20px;
}
.side_contents__nav{
  background: #283951;
  padding-top: 30px;
  padding-bottom: 20px;
}
.side_contents__nav .side_inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}
.side_contents__nav ul.side-nav{
  width: 100%;
  margin-top: 30px;
}
.side_contents__nav ul.side-nav li a{
  display: block;
  padding:.75em 0 .75em 1.5em;
  font-weight: 400;
}
.side_contents__nav ul.side-nav li a::before{
  content: "";
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.side_contents__nav ul.side-nav li a.lg-home::before{
  background: url("/image/tmariko/takahashi_mariko/icn_w_home.png") no-repeat center/100%;
}
.side_contents__nav ul.side-nav li a.lg-fav::before{
  background: url("/image/tmariko/takahashi_mariko/icn_favorite.png") no-repeat center/100%;
}
.side_contents__nav ul.side-nav li a.lg-his::before{
  background: url("/image/tmariko/takahashi_mariko/icn_w_history.png") no-repeat center/100%;
}
.side_contents__nav ul.side-nav li a.lg_back::before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 12.0px 7.5px 0;
  border-color: transparent #fff transparent transparent;
  border-radius: 2px;
  left: 3px;
}
.side_contents__nav .head-title{
  width: 100%;
}
.side_contents__nav .head-title h1{
  font-size: 1.24em;
  letter-spacing: 1.5px;
  width: 80%;
  margin: 0 auto;
}
.side_contents__search{
  padding-top: 30px;
}
.side_inner div > p.in-title + *{
  margin-top: 10px;
}
.side_inner div.search__yearly + div.search__category{
  margin-top: 30px;
}
.side_inner div > label{
  margin-left: 1.5em;
  display: block;
  padding: .5em 0;
  font-weight: 400;
}

.search_radio_wrap label input:checked + span{
  color: #e7c975;
  border-bottom: 1px solid #e7c975;
}

/*ARCHIVE
========================*/

#container.l_arcive #content{
  padding-top: 30%;
  padding-bottom: 100px;
}
.acv-head {
  -ms-align-items: flex-end;
  align-items: flex-end;
}
h2.acv-title{
  font-size: 1.875em;
  letter-spacing: 1.7px;
}
h2.acv-title.icn_fav
,h2.acv-title.icn_his{
  margin: 0 auto;
  font-size: 1.5em;
}
h2.acv-title.icn_fav span
,h2.acv-title.icn_his span{
  padding-left: 1.5em;
  background-repeat: no-repeat;
  background-size: auto 1.14em;
  background-position: left center;
}
h2.acv-title.icn_his span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_history.png");
}
h2.acv-title.icn_fav span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_favorite.png");
}
.acv-inner
,.detail-inner{
  width: 100%;
  max-width: 1100px;
  padding: 0 50px;
  margin: 0 auto;
}
.acv-list-area{
  margin-top: 35px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.acv-list-area > *{
  width: calc(100% / 5);
  -ms-align-items: center;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.acv_thumb{
  width: 100%;
  justify-content: center;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 47%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.acv-list-area >*:hover .acv_thumb{
  box-shadow: none;
}
.acv_thumb p.thumb{
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.acv_thumb p.thumb::before{
  content: "";
  display: block;
  padding-top: 115%;
}

.acv_thumb p.thumb span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.acv_thumb p.thumb img{
  width: auto;
  height: 100%;
  border-radius: 6px;
}

.acv_thumb + .acv-post-title{
  margin-top: 1em;
}
.acv-list-area > * + *:nth-child(n + 6){
  margin-top: 42px;
}

.content-main-wp{
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: calc(100% - 260px);
  top: 0;
  right: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.content-main-wp::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(33,33,33,0) 25%,rgba(33,33,33,1) 60%);
}
#content-float-nav{
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.75);
  z-index: 10;
  padding-bottom: env(safe-area-inset-bottom);
}
.content-float__inner{
  justify-content: space-between;
  padding: 5px;
}
.content-float__inner > *{
  width: calc((58% - 10px)/3);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg,#273851,#102254);
  padding: 1.8em 1em 1.5em;
  border-radius: 3px;
  color: #fff;
}
.content-float__inner .mdl_search
,.content-float__inner a.bk_home{
  width: calc(42% - 5px);
  cursor: pointer;
}
.content-float__inner .mdl_search span{
  padding: 0em 0 .25em 1.75em;
  background: url("/image/tmariko/takahashi_mariko/icn_w_search.png") no-repeat left top/1.15em;
}
.content-float__inner a.bk_home span{
  padding: 0em 0 .25em 1.3em;
}
.content-float__inner a.bk_home span::before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 10px 6px 0;
  border-radius: 2px;
  border-color: transparent #fff transparent transparent;
}
.content-float__inner .active{
  background: linear-gradient(180deg,#edcd77,#d1b251);
  color: #283951;
}
.content-float__inner .active:before{
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: 4px;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: #283951;
}
.content-float__inner .btn_fev
,.content-float__inner a.btn_his{
  width: calc((100% - 5px)/2)
}
.content-float__inner .btn_fev span
,.content-float__inner a.btn_his span{
  padding: .15em 0 .15em 1.65em;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
.content-float__inner .btn_fev span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_favorite.png");
}
.content-float__inner a.btn_his span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_history.png");
}
.content-float__inner a.btn_his.active span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_nvy_history.png");
}
/*search
=================*/
.search-slide-nav{
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  /*padding-bottom: 10vw;*/
  background: #1e273e;
  color: #fff;
  -webkit-transition: transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
}
.search-slide-nav._slidedown{
  transform: translateY(200%);
}
.search-slide-nav._slideup{
  transform: translateY(0);
}
.search-slide__head{
  background: #1e2c50;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 1.125em;
}
.search-slide__head p.title{
  padding: .15em 0 .15em 2em;
  background: url("/image/tmariko/takahashi_mariko/icn_w_search.png") no-repeat left center/auto 100%;
}
.search-slide__head .search-close{
  background: linear-gradient(180deg,rgba(113,40,37,1),rgba(86,25,22,1));
  padding: .5em 1em .65em;
  border-radius: 20px;
}
.search-slide__head .search-close p{
  padding-left:1.5em;
}
.search-slide__head .search-close p::before
,.search-slide__head .search-close p::after{
  content: "";
  width: 1.125em;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
.search-slide__head .search-close p::before{
  transform: translateY(-50%) rotate(45deg);
}
.search-slide__head .search-close p::after{
  transform: translateY(-50%) rotate(-45deg);
}
.search-slide-nav__inner{
  padding: 30px 10px 50px;
}
.search-btn-box{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.search-btn-box > *{
  min-width: calc((100% - 30px)/3);
  margin:5px;
}

.search-slide-nav__inner .search-btn-box + p{
  margin-top: 40px;
}
.search_radio_wrap label input{
  display: none;
}

/*movie archive*/
.page-movie .content-main-wp{
  background-image: url("/image/tmariko/takahashi_mariko/acv_movie_bk.png");
}
/*gallery archive*/
.page-gallery .content-main-wp{
  background-image: url("/image/tmariko/takahashi_mariko/acv_gallery_bk.png");
}
.page-blog .content-main-wp{
  background-image: url("/image/tmariko/takahashi_mariko/acv_blog_bk.png");
}
/*blog archive*/
.acv-blog_list{
  margin-top: 30px;
}
.acv-blog_list li{
  padding: 20px 0;
  border-top: solid 1px #474747;
  justify-content: space-between;
}
.acv-blog_list li:last-child{
  border-bottom: 1px solid #474747;
}
.acv-blog_list li .blog__thumb{
  width: 100px;
  overflow: hidden;
}
.acv-blog_list li .blog__thumb::after{
  content: "";
  display: block;
  padding-top: 110%;
}
.acv-blog_list li .blog__thumb p{
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
}
.acv-blog_list li .blog__thumb p img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.acv-blog_list li .blog__cmnt{
  width: calc((100% - 100px) - 30px);
  line-height: 1.6;
}
.acv-blog_list li .blog__cmnt >  p + p{
  margin-top: 5px;
}
.acv-blog_list li .blog__cmnt .post-date{
  font-weight: 400;
}
/*favorite history*/

.acv-list-area.list_favorite
,.acv-list-area.list_history{
  margin-top: 50px;
}

.acv_thumb p.delete{
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  display: block;
  right: -.75em;
  bottom: -.75em;
  background: #404040;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 47%);
}
.acv_thumb p.delete::after{
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 70%;
  height: 3px;
  background: #fff;
  transform: translate(-50%,-50%);
  z-index: 2;
}

/*DETAIL
================================*/

#content.page-detail{
  padding-top: 200px;
  padding-bottom: 100px;
}
.fav_addition{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.fav_addition button{
  background: #313131;
  color: #fff;
  padding: 1em 2em;
  border-radius: 20px;
  font-size: max(15px, .8em);
  letter-spacing: 1.2px;
}
.fav_addition button span{
  padding-left: 1.8em;
  background: url("/image/tmariko/takahashi_mariko/icn_w_favorite.svg") no-repeat left center/1.24em;
}
.fav_addition.fev_del button span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_favorite.png");
}

/*movie_detail*/
.page-movie #content.page-detail{
  padding-top: 150px;
}
.page-detail-blc{
  justify-content: space-between;
}
.movie-datail__thumb{
  width: 25%;
}
.movie-datail__thumb p{
  border-radius: 6px;
  overflow: hidden;
}
.movie-datail__cmnt{
  width: calc(75% - 50px);
  line-height: 1.6;
}
.movie-head{
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.movie-datail__cmnt .movie-head .readmore_open{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 1;
  display: none;
}
.movie-datail__cmnt .movie-head .readmore_open span{
  color: #e3c97c;
  border-bottom: 2px solid;
}
.movie-datail__cmnt .movie-head .readmore_open span::before{
  content: "もっと見る";
}
.movie-datail__cmnt .movie-head.open .readmore_open span::before{
  content: "閉じる";
}
.movie-datail__cmnt .movie-head .movie__title{
  border-bottom: 1px solid #fff;
}
.movie-datail__cmnt .movie-head .movie__title p{
  padding-bottom: 10px;
}
.movie-datail__cmnt .movie-head .movie__text{
  margin-top: 1em;
  word-break: break-all;
  font-weight: 400;
}
.detail-movie-list{
  counter-reset: count 0;
  margin-top: 40px;
}
.detail-movie-list li{
  background: #313131;
  padding: .75em .85em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.detail-movie-list li + li{
  margin-top: 5px;
}
.detail-movie-list li > .movie_title{
  padding-left: 1.8em;
  width: 15em;
  max-width: calc(100% - 1.5em);
  font-weight: 400;
  display: block;
}
.detail-movie-list li > .movie_title::before{
  content: counter(count,decimal-leading-zero)".";
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: 0;
}
.detail-movie-list li > .play_all{
  padding-left: 0;
}
.detail-movie-list li > .play_all::before{
  content: none;
}
.detail-movie-list li > .icn_fav{
  width: 1.125em;
  height:1.125em;
  padding: 0;
  background: url("/image/tmariko/takahashi_mariko/icn_w_favorite.svg") no-repeat center/100%;
}
.detail-movie-list li > .icn_fav.at_fev{
  background-image: url("/image/tmariko/takahashi_mariko/icn_favorite.png");

}

/*movie player*/
#content.page-movie-player{
  padding-top: 150px;
  padding-bottom: 100px;
}
.movie-player-wrap{
  line-height: 1.6;
}
.movie-player-wrap .player{
  width: 100%;
  overflow: hidden;
}
.movie-player-wrap .player::before{
  content: "";
  display: block;
  padding-top: 56.25%;
  background: #CACACA;
}
.movie-player-wrap .player > *{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-player-wrap .player__category{
  margin-top: 1em;
  letter-spacing: 1.2px;
}
.movie-player-wrap .player_data{
  margin-top: 1em;
}
.movie-player-wrap .player_data > * + *{
  margin-left: 20px;
}
.movie-player-wrap .player_data .play__title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 1em;
  width: 330px;
  max-width: 45%;
  background: url("/image/tmariko/takahashi_mariko/icn_w_note.png") #313131 no-repeat .85em center/auto 60%;
}
.movie-player-wrap .player_data .fav_addition button{
  border-radius: 25px;
  font-size: 1em;
}

.movie-select__title{
  font-size: 1.25em;
  border-bottom: 1px solid #5c5c5c;
  padding-bottom: 15px;
}
.movie-select-wrap{
  margin-top: 50px;
}
.movie-select-wrap ul.list__player{
  line-height: 1.6;
  margin-top: 20px;
}
.movie-select-wrap ul.list__player li{
  padding-left: 3em;
}
.movie-select-wrap ul.list__player li::before{
  content: "";
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  left: .5em;
  top: 50%;
  background: #212121;
  border-radius: 50%;
  transform: translateY(-50%);
}
.movie-select-wrap ul.list__player li::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.15em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #fff;
}

/*gallery detail*/
.gallery-datail__thumb{
  width: 40%;
}
.gallery-datail__thumb .in_thumb .thumb{
  width: 100%;
  overflow: hidden;
}
.gallery-datail__thumb .in_thumb .thumb::before{
  content: "";
  display: block;
  padding-top: 110%;
}
.gallery-datail__thumb .in_thumb .thumb p{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.gallery-datail__thumb .in_thumb .thumb p img{
  width: auto;
  height: 100%;
}
.gallery-datail__thumb .in_thumb .icn{
  position: absolute;
  width: 40%;
  right: -10%;
  bottom: -12%;
}
.gallery-datail__thumb .fav_addition{
  margin-top: 20px;
  padding: 0 20px;
}

.gallery-datail__cmnt{
  width: calc(60% - 50px);
  line-height: 1.6;
}
.gallery-datail__cmnt .gallery-head .gallery__title{
  border-bottom: 1px solid #fff;
}
.gallery-datail__cmnt .gallery-head .gallery__title p{
  padding-bottom: 10px;
}
.gallery-datail__cmnt .gallery-head .gallery__text{
  margin-top: 1em;
  word-break: break-all;
  font-weight: 400;
}

/*blog_detail*/

.blog-datail__cmnt .blog-head .blog__title{
  border-bottom: 1px solid #fff;
}
.blog-datail__cmnt .blog-head .blog__title p{
  padding-bottom: 10px;
  line-height: 1.6;
}
.blog-datail__cmnt .blog-head .blog__date{
  margin-top: 1em;
  font-weight: 400;
}
.blog-datail__cmnt .blog-body{
  margin-top: 30px;
  line-height: 1.6;
  font-weight: 400;
}
.blog-datail__cmnt .blog-body > * + *{
  margin-top: 1.5em;
}
.blog-pdf-wrap{
  width: 100%;
  max-width: 550px;
}
.blog-pdf-wrap::before{
  content: "";
  display: block;
  padding-top: 140%;
}
.blog-pdf-wrap object{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100%);
}
.blog-datail__cmnt .blog-body .blog-pdf-wrap + a{
  margin-top: .5em;
  display: inline-block;
  padding-left: 1.4em;
  border-bottom: 1px solid #fff;
}

.blog-datail__cmnt .blog-body .blog-pdf-wrap + a::before
,.blog-datail__cmnt .blog-body .blog-pdf-wrap + a::after{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: .8em;
  height: 2px;
  background: #fff;
  transform: translateY(-50%);
}
.blog-datail__cmnt .blog-body .blog-pdf-wrap + a::after{
  transform: translateY(-50%) rotate(90deg);
}
.blog-datail__cmnt .blog-body img{
  max-width: 550px;
}
.blog_btn_wrap{
  margin-top: 60px;
  justify-content: center;
}
.blog_btn_wrap a{
  width: 330px;
  max-width: 100%;
}
.blog_btn_wrap a::after{
  right: auto;
  left: 1.3em;
  border-width: 0.3157em 0.55em 0.3157em 0;
  border-color: transparent #fff transparent transparent;
}

/*お気に入り・閲覧履歴 favorite / history
======================================*/

.page-favorite #content
,.page-history #content{
  padding-top: 150px;
  padding-bottom: 100px;
}

/* PAGE UNDER
=======================================================*/

.udr_page-title{
  -ms-align-items: center;
  align-items: center;
  line-height: 1.4;
}
.udr_page-title span{
  font-size: 1.5em;
  font-weight: 700;
}
.page_under-inner{
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

/*新規登録 ・ ログイン
======================================*/
.page-regist__inner
,.page-login__inner{
  max-width: 900px;
  width: 100%;
}

.page-regist-box{
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 60px auto 0;
}
.page-login-box{
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 60px auto 0;
}
.step-area{
  width: 100%;
  justify-content: space-between;
}

.step-area .step_cat{
  min-width: 5em;
  -ms-align-items: center;
  align-items: center;
}
.step-area .step_cat .text{
  text-align: center;
  min-height: 3.5em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  line-height: 1.2;
}
.step-area .step_cat .num{
  width: 2em;
  height: 2em;
  font-size: 1.71em;
  background: #aaa;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.step-area::before{
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 5px;
  background: #aaa;
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%,-50%);
}
.step-area.step_2nd::before{
  background: linear-gradient(90deg,#2b5fc7 0%,#2b5fc7 50%,#aaa 50%,#aaa 100%);
}
.step_cat.active .text{
  color: #2b5fc7;
}
.step_cat.active .num{
  background: #2b5fc7;
}
.step_cat.active .num img{
  max-width: 60%;
}

.page-login-guide{
  margin-top: 65px;
}
 h3.line-title.login-guide__title span::before
,h3.line-title.login-guide__title span::after{
  width: calc((100% - 13em)/2);
}
.login-guide__cmnt{
  margin: 30px auto 80px;
  width: 100%;
  max-width: 480px;
  -ms-align-items: center;
  align-items: center;
}
.login-guide__cmnt p.top-text{
  line-height: 1.6;
}
.login-guide__cmnt .btn-wrap{
  width: 360px;
  max-width: 100%;
  margin-top: 50px;
}
.page-login-contact{
  width: 100%;
  -ms-align-items: center;
  align-items: center;
  background: #fff;
  padding: 30px 20px;
}
.page-login-contact h3{
  font-size: 1.5em;
}
.page-login-contact p.in-text{
  line-height: 1.6;
  margin-top: 35px;
  max-width: 435px;
  width: 100%;
}
.page-login-contact .btn-wrap{
  width: 360px;
  max-width: 100%;
  margin-top: 30px;
}

/*form
====================*/

.form-wrap{
  max-width: 100%;
}
.step-area + .form-wrap{
  margin-top: 80px;
}
.form-wrap p.top-text{
 line-height: 1.6;
}
.form-wrap p.top-text + *{
  margin-top: 50px;
}

.form_inner{}
.form_inner p.f-title + *{
  margin-top: 10px;
}
.form_inner .input + *{
  margin-top: 2em;
}
.form_inner .input + .foget_pass{
  margin-top: 10px;
}
.form_inner .foget_pass{
  justify-content: flex-end;
}
.form_inner .foget_pass p{
  background: #e6e6e6;
  padding: .5em;
  border-radius: 3px;
  letter-spacing: 1.5px;
  font-size: max(15px, .875em);
}
.form_inner .input.flex{
  justify-content: space-between;
}
.form_inner .input.flex > input{
  width: calc((100% - 1em)/2);
}
::placeholder{
  color: #727e89;
  font-size: max(15px, .88em);
}
input[type="text"]
,input[type="email"]
,input[type="tel"]
,input[type="password"]
,textarea{
  background: #fff;
  border: 1px solid #2e3f50;
  border-radius: 6px;
  max-width: 100%;
  box-sizing: border-box;
  padding: .5em 1em;
  width: 100%;
  font-size: 16px;
}
.form_btn_wrap{
  margin-top: 50px;
  -ms-align-items: center;
  align-items: center;
}
.form_btn_wrap > div{
  border-radius: 10px;
  border: 1px solid #fff;
  width: 360px;
  max-width: 100%;
  padding: 1em;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.form_btn_wrap > div:hover{
  box-shadow: none;
}
.form_btn_wrap > div input
,.form_btn_wrap > div a{
  display: block;
  text-align: center;
  font-size: 1.125em;
  /*font-weight: 700;*/
}
.form_btn_wrap > div  + div{
  margin-top: 25px;
}
.form_btn_wrap > div.btn_gld::after{
  content: "";
  display: block;
  position: absolute;
  right: 0.85em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.3157em 0 0.3157em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
}
.form_btn_wrap > div.btn_nvy::before
,.form_btn_wrap > div.lblu_btn::before{
  content: "";
  display: block;
  position: absolute;
  right: 0.85em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.3157em 0 0.3157em 0.55em;
  border-color: transparent transparent transparent #fff;
}
.form_btn_wrap > div.btn_back.btn_nvy::before{
  border-width: 0.3157em 0.55em 0.3157em 0;
  border-color: transparent #fff transparent transparent;
  left: 0.85em;
  right: auto;
}
.form_btn_wrap > div.btn_back input{
  color: #fff;
}
.form_btn_wrap > div input{
  width: 100%;
}
.form_btn_wrap > div.lblu_btn > *{
  color: #fff;
}
.form_btn_wrap > div.lblu_btn::after{
  border-color: transparent transparent transparent #fff;
}

/*料金確認
======================*/

.purchase-box > * + *{
  margin-top: 40px;
}
.purchase__cat h3 {
  text-align: center;
}
.purchase__cat h3 span{
  font-size: 1.5em;
  text-align: center;
}
.purchase__cat h3 + .pay__in{
  margin-top: 30px;
}
.purchase__cat > div + div{
  margin-top: 20px;
}

.purchase__cat .pay__in p{
  padding: 15px 30px;
  font-size: 1.24em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.purchase__cat .pay__in .text{
  color: #fff;
  background: #2e3f50;
  width: 45%;
  text-align: center;
  justify-content: center;
  line-height: 1.6;
}
.purchase__cat .pay__in .text span::after{
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.purchase__cat .pay__in .price{
  width: 55%;
  background: #fff;
  font-family: serif;
  font-size: 1.44em;
}
.purchase__cat p.att{
  color: #154bff;
  font-size: max(15px, .8em);
  margin-top: 1em;
}
.purchase__cat.gry_box{
  background: #efefef;
  padding: 30px;
  border-radius: 10px;
}
.purchase__cat.gry_box h3 + p{
  margin-top: 1.5em;
  line-height: 1.8;
}
.purchase__cat.gry_box h3 + p span{
  border-bottom: 1px solid;
}

/*modal Setting
===================================*/
.modaal-content-container{
  padding: 0;
}
.modal__wrap{
  display: none;
  width: 100%;
  min-height: 100vh;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.modal__inner{
  width: 100%;
  /*min-height: calc(100vh - 100px);*/
  min-height: 100vh;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;

  margin: 0 auto;
}
.modal__inner > div{
  width: 800px;
  max-width: 100%;
}
.modal_title p{
  font-size: 1.71em;
  padding: 0.5em 1em;
  text-align: center;
}
.modal_title + *{
  margin-top: 50px;
}

/*Modal お支払い方法
=====================*/
.modal_purchase_box{
  justify-content: space-between;
}
.modal_purchase_box > *{
  width: calc((100% - 50px)/2)
}
.modal_purchase__cat p.title{
  text-align: left;
  width: 100%;
  font-size: 1.24em;
}
.modal_purchase__cat p.title span{
  font-size: 1.24em;
}
.modal_purchase__cat button{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  border: 1px solid #000;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
  min-height: 4em;
  position: relative;
}
.modal_purchase__cat button:first-of-type{
  margin-top: 20px;
}
.modal_purchase__cat button::after{
  content: "";
  display: block;
  position: absolute;
  right: 0.85em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.3157em 0 0.3157em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
}
.modal_purchase__cat button p.in-title{
  font-size: 1.125em;
}
.modal_purchase__cat button > * + *{
  margin-top: 10px;
}
.modal_purchase__cat button + button{
  margin-top: 20px;
}
.modal_purchase__cat button p.thumb{
}
.modal_purchase__cat button p.thumb img{
  width: auto;
  max-height: 1em;
}
.modal_purchase__cat button.btn_card p.thumb img{
  max-height: 2em;
}

/* Close button */

.modal-close {
  width: auto;
  height: auto;
  position: fixed;
  top: 40px;
  right: 40px;
  left: auto;
  display: block;
  overflow: visible;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
  z-index: 1;
}
.modal-close p{
  display: block;
  padding-left: 1.5em;
  letter-spacing: 1.5px;
  border-bottom: 2px solid #0f2154;
  padding-bottom: 5px;
  font-size: 1.25em;
  color: #0f2154;
}

.modal-close:hover,
.modal-close:focus {
  color: #2b2e38;
}
.modal-close::before
,.modal-close::after{
  content: none;
}
.modal-close p::before
,.modal-close p::after{
  content: "";
  width: 1.25em;
  height: 2px;
  background: #0f2154;
  position: absolute;
  left: 0;
  top: 35%;
  font-size: inherit;
}
.modal-close p::before{
  transform: translateY(-50%) rotate(45deg);
}
.modal-close p::after{
  transform: translateY(-50%) rotate(-45deg);
}

/*振込案内 page-transfer-detail
===============================================*/

.page-transfer-detail h2{
  font-size: 1.5em;
  text-align: center;
  font-weight: 700;
}
.page-transfer-detail h2 + .top-text{
  margin-top: 50px;
  line-height: 1.6;
}
.page-transfer-box{
  width: 460px;
  max-width: 100%;
  margin: 0 auto;
}

.transfer__cat{
  margin-top: 35px;
}
.transfer__cat p.trans-title{
  text-align: center;
  margin-bottom: 1em;
  font-size: 1.125em;
  font-weight: 700;
}
.transfer__cat p.att{
  margin-top: .8em;
}
.transfer_list {
  background: #fff;
}
.transfer_list > .in-title{
  background: #2e3f50;
  color: #fff;
  font-size: 1.24em;
  text-align: center;
  padding: .75em .5em;
}
.transfer_list > .in-title.bg_grn{
  background: #288624;
}
.transfer_list > .in-cmnt{
  border: 1px solid #2e3f50;
  border-top: none;
}
.transfer_list.price > .in-cmnt{
  text-align: center;
  padding: 1em;
}
.transfer_list.price > .in-cmnt span{
  font-size: 1.71em;
  font-weight: 700;
}
.transfer_list.bank .in-cmnt p{
  padding: 1.5em 1em;
}
.transfer_list.bank .in-cmnt p:first-child{
  width: 9em;
  background: #f0f0f0;
}
.transfer_list.bank .in-cmnt p:last-child{
  width: calc(100% - 9em);
}
.transfer__cat.nominee{
  background: #f0f0f0;
}
.transfer__cat.nominee .in-title{
  background: #ad0915;
  color: #fff;
  font-size: 1.24em;
  text-align: center;
  padding: .75em .5em;
}
.transfer__cat.nominee .in-cmnt{
  padding: 30px 50px;

}
.transfer__cat.nominee .in-cmnt .in-text{
  line-height: 1.6;
}
.transfer__cat.nominee .in-cmnt .member_num{
  margin-top: 50px;
  font-weight: 700;
}
.transfer__cat.nominee .in-cmnt .member_num > * + *{
  margin-top: 10px;
}
.transfer__cat.nominee .in-cmnt .member_num p.num{
  text-align: center;
  background: #fff;
  font-size: 1.5em;
  border-radius: 30px;
  padding: .5em;
}
.transfer__cat.nominee .in-cmnt .member_num p.ex{
  padding-left: 1em;

}
.transfer__cat.nominee .in-cmnt .member_num + p{
  margin-top: 30px;
  font-size: max(15px, .85em);
}

.transfer__cat .btn-wrap{
  margin-top: 20px;
}

/*代引き案内*/
.transfer__cat.cod{
  margin-top: 50px;
}
.transfer__cat.cod h3.line-title span::before
,.transfer__cat.cod h3.line-title span::after{
  width: calc((100% - 8em) / 2);
}
.transfer__cat.cod .in-text{
  margin-top: 30px;
  line-height: 1.6;
}
.transfer__cat.cod dl.cod_list{
  margin-top: 30px;
  border: 1px solid #2e3f50;
}
.transfer__cat.cod dl.cod_list > div + div{
  border-top: 1px solid #2e3f50;
}
.transfer__cat.cod dl.cod_list > div dt{
  background: #f0f0f0;
}
.transfer__cat.cod dl.cod_list > div:first-child{
  color: #fff;
  text-align: center;
}
.transfer__cat.cod dl.cod_list > div:first-child dt:first-child{
  background: #2e3f50;
  padding-left: .5em;
  padding-right: .5em;
}
.transfer__cat.cod dl.cod_list > div:first-child dt:last-child{
  background: #485c6f;
  padding-left: .5em;
  padding-right: .5em;
}
.transfer__cat.cod dl.cod_list > div > *{
  padding: 1.25em 1em;
}
.transfer__cat.cod dl.cod_list > div > *:first-child{
  width: 45%;
}
.transfer__cat.cod dl.cod_list > div > *:last-child{
  width: 55%;
}



/*有料会員登録 completed
==============================*/
.page-completed.page-transfer-detail h2 + .top-text{
  font-size: 1.125em;
}
.contents_nav_btn{
  margin-top: 40px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contents_nav_btn > *{
  width: calc((100% - 20px)/2);
}
.contents_nav_btn > * + *:nth-child(n+3){
  margin-top: 20px;
}
.contents_nav_btn + .btn-wrap{
  margin-top: 45px;
  -ms-align-items: center;
  align-items: center;

}
.contents_nav_btn + .btn-wrap a{
  width: 330px;
  max-width: 100%;
}
.contents_nav_btn + .btn-wrap a + a{
  margin-top: 20px;
}

/*パスワードリセット pass-reset
===================================*/

.page-passreset__box{
  max-width: 480px;
  width: 100%;
  margin: 60px auto 0;
}
.page-passreset__box .form-wrap p.top-text{
  font-size: 1.125em;
}


/*FAQ
==========================================*/
#content.page-faq{

}
.page-faq__box{
  margin: 50px auto 0;
}
.page-faq__box h3{
  font-size: 1.25em;
}
.page-faq__box h3 + ul{
  margin-top: 20px;
}
.page-faq__box ul + h3{
  margin-top: 50px;
}
.page-faq__box ul.faq_list li > p{
  padding: 1em;
}
.page-faq__box ul.faq_list li > p::after
,.page-faq__box ul.faq_list li > p::before{
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  background: #2e3f50;
  position: absolute;
  right: .5em;
  top: 50%;
   transform: translateY(-50%);
  -webkit-transition: transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
}
.page-faq__box ul.faq_list li > p::after{
  transform: translateY(-50%) rotate(90deg);
}
.page-faq__box ul.faq_list li > p.open::before{
  transform: translateY(-50%) rotate(45deg);
}
.page-faq__box ul.faq_list li > p.open::after{
  transform: translateY(-50%) rotate(135deg);
}
.page-faq__box ul.faq_list .faq_anser{
  display: none;
  background: #fff;
  border-radius: 6px;
  width: calc(100% - 2em);
  margin-left: auto;
  margin-bottom: 1em;
}
.page-faq__box ul.faq_list .faq_anser p{
  padding: 30px;
  line-height: 1.6;
  font-weight: 400;
}

/*新規登録 ・ ログイン
======================================*/
body.under #content.page-about{
  padding-bottom: 50px;
}
.page-about h2 span.jp{
  font-size: 2em;
  font-weight: 700;
}
.page-about h2 span.en{
  font-size: 1em;
}
.page-about-box{
  margin-top: 95px;
}

.page-about-box >  * + *:nth-child(even){
  background: #fff;
}
.page-about__cat{
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;

}
.about_cat__inner{
  padding: 0 20px 50px;
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.page-about-box >  * + * .about_cat__inner{
  padding-top: 50px;
}
.page-about__cat .about_cmnt{
  width:calc(40% - 50px);
}
.page-about__cat .about_cmnt h3{
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 1.5px;
}
.page-about__cat .about_cmnt h3 span + span{
  margin-left: .5em;
}
.page-about__cat .about_cmnt h3 span.icn{
  width: 1.25em;
}
.page-about__cat .about_cmnt h3 + p{
  margin-top: 1em;
}
.page-about__cat .about_cmnt .btn-wrap{
  justify-content: center;
  margin-top: 30px;
}
.page-about__cat .about_cmnt .btn-wrap a{
  width: 280px;
  max-width: 100%;
}
.page-about__cat .about_cmnt p.in-text{
  font-size: 1.125em;
  line-height: 1.6;
}
.page-about__cat .about_thumb{
  width: 60%;
  margin: 0;
}
.page-about__cat .about_thumb.movie .movie-box{
  width: 100%;
}
.page-about__cat .about_thumb.movie .movie-box::before{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page-about__cat .about_thumb.movie .movie-box > *{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background: #ccc;
}
.about_cat__inner.cmnt-area{
  max-width: 550px;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: 0;
}
.about_cat__inner.cmnt-area .btn-wrap{
  margin-top: 30px;
  width: 360px;
  max-width: 100%;
}
.about_cat__inner.cmnt-area p.in-text{
  line-height: 1.6;
  font-size: 1.25em;
}
.about_cat__inner.cmnt-area .btn-wrap a{
  width: 100%;
}
/*Mypage
=========================================*/

.page-mypage-blc{
  -ms-align-items: center;
  align-items: center;
}

.mypage-contents-box{
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
.page-mypage-blc .btn-wrap{
  width: 360px;
  max-width: 100%;
}

.page-mypage-blc .btn-wrap > * + *{
  margin-top: 25px;
}

/*under - STORE*/
.store-btn-wrap{
  justify-content: center;
}
.store-btn-wrap a{
  width: 160px;
  border-radius: 6px;
  border: 1px solid #fff;
  padding: 0 1em;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.store-btn-wrap a + a{
  margin-left: 20px;
}
.store-btn-wrap a span{
  padding-left: 1.8em;
  padding-top: 1em;
  padding-bottom: 1em;
  background-size: 1.25em;
  background-position: left center;
  background-repeat: no-repeat;
}
.store-btn-wrap a.goods span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_nvy_list.png");
}
.store-btn-wrap a.cart span{
  background-image: url("/image/tmariko/takahashi_mariko/icn_w_store.png");
}

.page-store_list{
  margin-top: 30px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.store_list__cat{
  width: calc(100% / 5);
  padding: 0 10px;
}
.page-store_list > * + *:nth-child(n+6){
  margin-top: 30px;
}

.store_list__cat .goods_thumb{
  width: 100%;
}
.store_list__cat .goods_thumb p.thumb{
  width: 100%;
  overflow: hidden;
}
.store_list__cat .goods_thumb p.thumb::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.store_list__cat .goods_thumb p.thumb span{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.store_list__cat .goods_text{
  line-height: 1.4;
}
.store_list__cat > * + *{
  margin-top: 10px;
}
.store_detail-box{
  margin-top: 30px;
  justify-content: space-between;
}
.store_detail_thumb{
  width: 40%;
}
.store_detail_thumb p{
  width: 100%;
  overflow: hidden;
}
.store_detail_thumb p::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.store_detail_thumb p span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  background: #ccc;
}
.store_detail_data{
  width: calc(60% - 30px)
}
.store_detail_data p.text{
  line-height: 1.6;
  font-weight: 400;
}
.store_detail_data > * + *{
  margin-top: 30px;
}
.c_price{
  color: #156fc8;
}

/*カート　cart
=======================*/

.store_cart-box{
  margin-top: 30px;
}
.store_cart__list{
  margin-top: 30px;
}
.store_cart__list li{
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #bdc8d4;
}
.store_cart__list li:not(:first-child){
  padding-top: 30px;
}

.store_cart__list li .cart_thumb{
  width: 25%;
}
.store_cart__list li .cart_thumb p{
  width: 100%;
  overflow: hidden;
}
.store_cart__list li .cart_thumb p::after{
  content: "";
  display: block;
  padding-top: 100%;
}
.store_cart__list li .cart_thumb p span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.store_cart__list li .cart_data{
  width: calc(75% - 30px);
}
.store_cart__list li .cart_data > * + *{
  margin-top: 20px;
}
.store_cart__list li .cart_data p.text{
  line-height: 1.6;
  font-weight: 400;
}
.store_cart__list li .cart_data .cart_select{
  width: 250px;
  max-width: 100%;
  margin-left: auto;
}
.select-wrap{
  margin-top: 5px;
  margin-bottom: 15px;
}
.select-wrap select{
  width: 100%;
  padding: 0.75em 3.5em 0.75em 1em;
  border: 1px solid #707070;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, #293a51, #293a51);
  background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;
  background-size: 5px 5px,5px 5px,2.5em 2.5em;
  background-repeat: no-repeat;
}
.cart-delete{
  width: 6em;
  margin-left: auto;
  background: #af0a0a;
  padding: .35em 0;
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  cursor: pointer;
}
.cart-delete span{
  padding-left: 1.25em;
}
.cart-delete span::before
,.cart-delete span::after{
  content: "";
  width: 1em;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
}
.cart-delete span::before{
  transform: translateY(-50%) rotate(45deg);
}
.cart-delete span::after{
  transform: translateY(-50%) rotate(-45deg);
}

.store_cart-price{
  padding-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.cart-total{
  width: 250px;
}
.cart-total > * + *{
  margin-top: 1em;
}
.cart-total dt
,.cart-total dd{
  width: 50%;
}
.cart-total > *:not(:last-child) dt::before{
  content: "・";
}
.cart-total dd{
  text-align: right;
}
.cart-total > .total{
  font-size: 1.125em;
}

.store_cart-goods + h3{
  margin-top: 50px;
}
.store_cart-add{
  padding-top: 20px;
  line-height: 1.6;
}
.store_cart-add > p{
  padding-left: 1em;
  font-size: 1.125em;
}
.store_cart-add > p.add-title::before{
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.store_cart-add .add-text + .add-title{
  margin-top: 1em;
}
.store_cart-add .add-text{
  color: #0838f6;
}
.store_cart-add .btn-wrap{
  width: 360px;
  max-width: 100%;
  margin: 30px auto 50px;
}
.store_cart__att{
  background: #fff;
  border-radius: 6px;
  padding: 50px;
}
.store_cart__att .in-title{
  font-size: 1.125em;
  text-align: center;
  color: #af0a0a;
}

.attention-list{
  margin-top: 30px;
}
.attention-list li p::before{
  content: "";
  width: .8em;
  height: .8em;
  background: #2e3f50;
  display: inline-block;
  border-radius: 50%;
  margin-right: .15em;
}

/*有料会員*/

.page-member-area .btn-wrap{
  width: 360px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*MYPAGE
========================================*/

.mypage-contents-box{
  width: 480px;
  max-width: 100%;
}
.mypage_number{
  background: #fff;
  justify-content: center;
  margin-top: 50px;
}
.mypage_number p{
  font-size: 1.125em;
  padding: .85em;
}
.mypage_number p span{
  font-family: serif;
  font-size: 1.125em;
  color: #001dff;
}
.mypage_menu_box{
  margin-top: 30px;
}
.mypage_member-list li{
  border-bottom: 1px solid #bdc9d6;
}
.mypage_member-list li:first-child{
  border-top: 1px solid #bdc9d6;
}
.mypage_member-list li a{
  display: block;
  padding: 1em;
}
.mypage_member-list li a::after{
  content: "";
  position: absolute;
  right: 0.85em;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 0.3157em 0 0.3157em 0.55em;
  border-color: transparent transparent transparent #2e3f50;
}
.mypage_menu_box + .btn-wrap
,.mypage-contents-box > * + .btn-wrap{
  margin-top: 50px;
}

/*登録情報の確認・編集*/
.form_inner .input.flex.birth-select
,.form_inner .input.flex.radio-wrap{
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
}
.radio-wrap > * + *{
  margin-left: 1em;
}
.radio-wrap > *{
  min-width: 5em;
  max-width: calc(100%/3);
}
.radio-wrap span{
  padding-left: 1.5em;
  display: block;

}
.radio-wrap span::before{
  content: "";
  width: 1em;
  height: 1em;
  border: 1px solid #2e3f50;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
}
.radio-wrap span::after{
  content: "";
  width: .75em;
  height: .75em;
  position: absolute;
  top: 50%;
  left: 3px;
  background: #fff;
  display: block;
  border-radius: 50%;
  transform: translateY(-50%);
}
.radio-wrap input[type="radio"]:checked + span::after{
  background: #2e3f50;
}
.w_arrow-select .select-wrap select{
  border-radius: 6px;
  padding: .75em 1em .75em 1em;
  background-image: linear-gradient(45deg, transparent 50%, #293a51 50%),
    linear-gradient(135deg, #293a51 50%, transparent 50%);
  background-position: calc(100% - 10px) calc(1em + 2px),calc(100% - 5px) calc(1em + 2px);
  background-size: 5px 6px,5px 6px;
  background-repeat: no-repeat;
}
.birth-select > * + *{
  margin-left: .5em;
}
.birth-select .select-wrap select{

}
.birth-select .select-wrap.year{
  width: 8em;
}
.birth-select .select-wrap.month
,.birth-select .select-wrap.day{
  width: 5em;
}
.form_inner.account-data .f-title{
  border-top: 1px solid #bfcbd7;
  padding-top: 1em;
}
.form_inner.account-data .f-data p{
  padding: 0em 1em 1em;
}
.form_inner.account-data .f-data:last-of-type{
  border-bottom: 1px solid #bfcbd7;
}

.pass-check{
  margin-top: 10px;
  font-weight: 400;
  font-size: max(15px, .875em);
}
.check-wrap span{
  display: block;
  padding-left: 1.5em;
}
.check-wrap span::before{
  content: "";
  width: 1em;
  height: 1em;
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.check-wrap input[type="checkbox"]:checked + span::after{
  content: "";
  position: absolute;
  top: 40%;
  left: 2px;
  width: 12px;
  height: 6px;
  border-left: 2px solid #2e3f50;
  border-bottom: 2px solid #2e3f50;
  display: block;
  transform: translateY(-50%) rotate(-45deg);;
}
.select-wrap.country select{
  max-width: 50%;
}
.form_inner .input.address{
  width: calc(100% - 1em);
  margin-left: auto;
  margin-top: 20px;
}
.form_inner .input.address > * + *{
  margin-top: 10px;
}
.form_inner .input .inp_title{
  font-size: max(15px, .875em);
}

/*有料会員情報照会
==========================*/

.sub-conf_list > div{
  border-bottom: 1px solid #bdc9d6;
  padding: 1em;
}
.sub-conf_list > div dd{
  margin-left: 1em;
  padding-top: 1em;
}
.sub-conf_list >div  dd.flex{
  justify-content: space-between;
}
.conf-switch{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  margin-left: 0;
}
.conf-switch > *{
  display: block;
}
.conf-switch > * + *{
}
.conf-switch label span{
  display: block;
  font-size: 1.125em;
  text-align: center;
  min-width: 6em;
  padding: .5em 1em;
  border-radius: 6px;
}
.conf-switch label input[type="radio"]:checked + span{
  color: #fff;
  background: #152653;
  border: 1px solid #fff;
  box-shadow: 6px 6px 15px rgb(0 0 0 / 15%);
}

/*商品購入履歴
===================*/
.purchase-history .sub-conf_list{
  border-top: 1px solid #bdc9d6;
}
.purchase-history .sub-conf_list > div{
  padding-left: 0;
  padding-right: 0;
}
.purchase-history .sub-conf_list dt.thumb{
  width: 30%;
}
.purchase-history .sub-conf_list dt.thumb p{
  width: 100%;
  overflow: hidden;
}
.purchase-history .sub-conf_list dt.thumb p::before{
  content: "";
  display: block;
  padding-top: 100%;
}
.purchase-history .sub-conf_list dt.thumb p span{
  position: absolute;
  top: 0;
  left: 0;
  background: #ccc;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.purchase-history .sub-conf_list dd.data{
  width: calc(70% - 1em);
  padding-top: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.purchase-history .sub-conf_list dd.data > * + *{
  margin-top: 10px;
}
.purchase-history .sub-conf_list dd.data p.date{
}
.purchase-history .sub-conf_list dd.data p.text{
  line-height: 1.6;
}
.purchase-history .sub-conf_list dd.data p.price{
  margin-top: auto;
  margin-left: auto;
  font-size: 1.125em;
}
.purchase-history .total{
  background: #e3e3e3;
  margin-top: 20px;
  border-radius: 6px;
}
.purchase-history .total p{
  padding: .75em 1em;
  font-size: 1.125em;
}

/*お知らせメール設定
=========================*/

.mypage-contents-box.mailmagazine p.top-text{
  line-height: 1.6;
}
.magazine-check{
  margin-top: 30px;
}
.magazine-check .check-wrap{
  border: 1px solid;
  border-color: #bdc9d6 transparent;
  padding: 1.5em 1em;
}
.magazine-check .check-wrap span{
  padding-left: 0;
  width: 9em;
  font-size: 1.125em;
  max-width: 100%;
}
.magazine-check .check-wrap span::before{
  left: auto;
  right: 0;
}
.check-wrap input[type="checkbox"]:checked + span::after{
  left: auto;
  right: 2px;
}

/*お問い合わせ
==============================*/

.page-inquiry-box {
  margin-left: auto;
  margin-right: auto;
  -ms-align-items: center;
  align-items: center;
}
.page-inquiry-box p.top-text{
  line-height: 1.6;
}
.page-inquiry-box p.top-text + *{
  width: 100%;
}
.page-inquiry-box .form_inner{
  margin-top: 50px;
}
.page-inquiry-box .inquiry_contact{
  width: 100%;
  border: 1px solid #707070;
  margin-top: 70px;
  padding: 20px 30px;
  font-size: 1.125em;
}
.page-inquiry-box .inquiry_contact .in-title{
  -ms-align-items: center;
  align-items: center;
  padding-bottom: .5em;
  border-bottom: 1px solid #707070;
  justify-content: center;
}
.page-inquiry-box .inquiry_contact .in-title > * + *{
  margin-left: .5em;
}
.page-inquiry-box .inquiry_contact .in-title .icn{
  width: 2em;
}
.page-inquiry-box .inquiry_contact .dial{
  margin-top: 20px;
  width: 100%;
}
.page-inquiry-box .inquiry_contact .dial .dial_num{
  font-family: serif;
  font-size: 2em;
  text-align: center;
  display: block;
}
.page-inquiry-box .inquiry_contact .dial p.time{
  text-align: center;
  margin-top: .5em;
  font-size: max(15px, .875em);
}

/*特定商取引法・プライバシーポリシー・利用規約*/

.page-documents-box p.top-text{
  line-height: 1.6;
}
.page-documents-box .btn-wrap{
  width: 360px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.documents_list{
  margin-top: 30px;
  line-height: 1.6;
}
.documents_list p.in-title{
  border-bottom: 1px solid #2e3f50;
  padding-bottom: 5px;
}
.documents_list p.in-title + p.in-text{
  margin-top: 1em;
}
.documents_list p.in-text + p.in-title{
  margin-top: 2em;
}

/*LIVE
=================================*/
#container.page-livest .content-main-wp{
    background: url("/image/tmariko_template/positivesalon/ps/wall_livest.png") no-repeat top center/100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    min-height: 100vh;
  }
  .page-livest #contents-header
  ,.page-liveplay #contents-header{
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
  .page-livest #contents-header .contents_head__logo
  ,.page-liveplay #contents-header .contents_head__logo{
    display: block;
    width: 100%;
    max-width: 165px;
    padding-right: 50px;
    border-right: 1px solid #768898;
  }
  .page-livest #contents-header .contents__nav{
    padding-left: 50px;
  }
  .page-livest #content-key p.en-logo{
    width: 258px;
    max-width: 100%;
    transform: translateY(-1em) translateX(1em);
  }
  .page-livest #content-key
  ,.page-livest #content{
    width: 100%;
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .acv-livest-blc h3{
    font-weight: 600;
      font-size: 1.428em;
  }
  ul.acv-live__list{
    margin-top: 1.142em;
  }
  ul.acv-live__list li + li{
    margin-top: 5px;
  }
  ul.acv-live__list li{
    background: rgba(63,118,175,.74);
  }
  ul.acv-live__list li a{
    display: block;
    padding: 1em;
    font-size: 1.142em;
  }
  ul.acv-live__list li a::after{
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: #fff #fff transparent transparent;
    transform: translateY(-50%) rotate(45deg);
  }

  /*LIVE PLAY
  ============================*/

  .page-liveplay-blc{
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .page-liveplay #contents-header .contents__nav{
    padding-left: 50px;
  }
  #container.page-liveplay .content-main-wp{
    padding-bottom: 100px;
    min-height: 100vh;
  }
  .page-liveplay-blc .player-wrap{
    width: 72%;
  }
  .page-liveplay-blc .live-player{
    width: 100%;
    box-shadow: 6px 6px 15px rgba(0,0,0,.45);
  }
  .page-liveplay-blc .player-wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .page-liveplay-blc .player-wrap .live-data{
    margin-top: 1.125em;
  }
  .page-liveplay-blc .live-chat{
    width: calc(28% - 30px);
    min-height: 620px;
    box-shadow: 6px 6px 15px rgba(0,0,0,.45);
  }
  .page-liveplay-blc .live-player::before{
    content: "";
    display: block;
    padding-top: 56.25%;
  }

  .page-liveplay-blc iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }