@charset "utf-8";
/* カスタマイズCSS */
/* ブログ要素
-------------------------------------*/
#page_cm_blog_pro_page_detail{}
#page_cm_blog_pro_page_detail .cm_blog_main_image img{width: 100%;max-width: 630px;margin: 0 auto;display: block;}
#page_cm_blog_pro_page_detail .ec-productRole__description img{width: 100%;max-width: 630px;margin: 0 auto;display: block;}
@media screen and (max-width:834px){
}
@media screen and (max-width:640px){
}

/* カテゴリナビ
-------------------------------------*/
.ec-categoryNaviRole{background: #F7F7F4;}
.ec-categoryNaviRole .ec-itemNav{position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;-ms-flex-direction: row;flex-direction: row;}
.ec-categoryNaviRole .ec-itemNav__nav{width: 100%;white-space: nowrap;overflow-x: auto;font-size: 0;text-align: center;scroll-behavior: smooth;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;border: 0;outline: 0; -webkit-text-size-adjust: 100%;}
.ec-categoryNaviRole .ec-itemNav__nav::-webkit-scrollbar {display:none;height:8px}
.ec-categoryNaviRole .ec-itemNav__nav::-webkit-scrollbar-track{ border-radius:5px; background:#ebecf0}
.ec-categoryNaviRole .ec-itemNav__nav::-webkit-scrollbar-thumb{ border-radius:5px; background:#283135}
.ec-categoryNaviRole .ec-itemNav__nav li{position: relative;font-size: 13px;}
.ec-categoryNaviRole .ec-itemNav__nav li::marker{display:none;font-size: 0;}
.ec-categoryNaviRole .ec-itemNav__nav li::after{content: "";position: absolute;top: 50%;right: 0;background: #333;width: 1px;height: 12px;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.ec-categoryNaviRole .ec-itemNav__nav li:last-of-type::after{display:none}
.ec-categoryNaviRole .ec-itemNav__nav li a{text-decoration: none;position: relative;color: #1b1b1b;line-height: 52px;height: 52px;display: block;padding: 0 18px;text-align: center;white-space: nowrap;}
.ec-categoryNaviRole .ec-itemNav__nav li a::after {transition: transform .3s cubic-bezier(.4,0,0,1);content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-image: -webkit-linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);background-image: linear-gradient(to right, #1b1b1b 0%, #1b1b1b 100%);transform-origin: center;transform: scaleX(0);}
.ec-categoryNaviRole .ec-itemNav__nav li a:hover::after {transform: scaleX(1);}
.ec-categoryNaviRole .ec-itemNav__nav li ul {display:none;}
@media screen and (max-width:834px){
.ec-categoryNaviRole .ec-itemNav__nav{justify-content:start;}
.ec-categoryNaviRole .ec-itemNav__nav li{-webkit-box-flex: 1;box-flex: 1;}
}
@media screen and (max-width:640px){
.ec-categoryNaviRole .ec-itemNav__nav li a{line-height: 45px;height: 45px;padding: 0 15px;font-size: 0.9em;}
}

/* カテゴリ_top調整用
-------------------------------------*/
.ec-categoryRole .ec-categoryRole__content .wrap {top: 30vh;}


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

 ページ固有

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

/* howToOrder
-------------------------------------*/
.howToOrder-mainContainer{max-width: 1024px; margin: 0 auto; padding: 50px 0;}
.howToOrder-mainContainer__inner{background: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.2)), url(/html/user_data/assets/img/contents/howToOrder/mainImg.jpeg) repeat 50% 0; background-size: cover; background-repeat: no-repeat;background-position: 50% 50%;width: 100%;height: 600px;position: relative;}
.howToOrder-heading{position: absolute; color: #fff;right: 50%;top: 50%;-webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(50%,-50%);text-align: center;}
.howToOrder-heading .title{font-size: 42px;font-family: "Noto Serif JP", serif;}
.howToOrder-heading .txt{margin-top: 8px;letter-spacing: 8px;font-family: "Noto Serif JP", serif;}
.howToOrder-LeadContainer{ max-width: -webkit-calc(1020px - 100px);max-width: calc(1020px - 100px);margin: 0 auto; padding: 0 50px;}
.howToOrder-LeadContainer .heading{margin: 20px 0 6px;font-size: 1.1em;}
.howToOrder-layout-Container{margin: 68px auto 0; padding: 0;}
.howToOrder-layout-Container__inner{max-width: 1024px;margin: 0 auto;padding: 70px 0;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: flex-start;align-content: flex-start;-webkit-flex-flow: wrap;flex-flow: wrap;}
.howToOrder-layout-Container__inner .layout_left{width: 360px;}
.howToOrder-layout-Container__inner .layout_right{width: -webkit-calc(100% - 420px);width: calc(100% - 420px);}
.howToOrder-layout-Container__inner .layout_full{width: 100%;margin-top: 32px;}
.howToOrder-layout-Container__inner .txt--red{color: #FF6751;}
/* step-Container */
.step-Container{background-color: #F8F5F5;}
.step-Container .step__label{text-align: center;font-size: 1.4em;letter-spacing: 3px;}
.step-Container .step__label-txt{}
.step-Container .step__img{margin: 36px auto 0;width: 130px;}
.step-Container .step__img img{}
.step-Container .step__title{text-align: center;margin-top: 24px;font-size: 1.5em;font-family: "Noto Serif JP", serif;}
.step-Container .item__crad{display: -webkit-box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;color: #000;transition: .5s;}
.step-Container .item__crad:nth-of-type(n+2){margin-top:26px;}
.step-Container .item__crad:hover{opacity:0.7;}
.step-Container .item__crad .img{ width: 240px;margin: 0;}
.step-Container .item__crad .img img{ width: 100%;display: block;}
.step-Container .item__crad .info{width: -webkit-calc(100% - 260px);width: calc(100% - 260px);}
.step-Container .item__crad .info .heading{font-size: 1.1em;letter-spacing: 1px;}
.step-Container .item__crad .info .txt{}
.step-Container .item__crad .info .price_area{margin: 0;font-weight: bold;font-family: "Noto Serif JP", serif;}
.step-Container .item__crad .info .price{}
.step-Container .step-img{ max-width: 480px;margin: 30px auto;display: block;}
.step-Container .img__2column{display: -webkit-flex;display: flex;max-width: 720px;margin: 0 auto;-webkit-justify-content: space-between;justify-content: space-between;}
.step-Container .img__2column img{width: 49%;margin: 30px 0;}
.step-Container .cassette{background: #FF6751;color: #fff;padding: 24px;border-radius: 16px;max-width: 920px;margin: 0 auto;}
/* section_1-Container */
.howToOrder-section_1-Container{}
.howToOrder-section_1-Container__inner{ max-width: 1024px;margin: 0 auto; padding: 70px 0;}
.howToOrder-section_1-Container .section-1__title-area{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: center;margin-bottom: 36px;-webkit-box-pack: center;justify-content: center;}
.howToOrder-section_1-Container .section-1__title{display: inline-block;padding-bottom: 4px;border-bottom: 2px solid #FF6751;letter-spacing: 0.08em;font-weight: bold;font-size: 1.4em;font-family: "Noto Serif JP", serif;}
.howToOrder-section_1-Container .section_1__list-area{margin-left: 33px;}
.howToOrder-section_1-Container .section_1__list{list-style-type: none;margin: 0;padding: 0;}
.howToOrder-section_1-Container .section_1__item{margin-bottom: 7px;line-height: 1.5;}
.howToOrder-section_1-Container .section_1__txt{padding-left: 0.8em;text-indent: -1.8em;}
.howToOrder-section_1-Container .section_1__txt::before {margin-right: 0.8em;color: #FF6751;content: "●";}
.howToOrder-section_1-Container .section_1__item_2column{display: -webkit-flex;display: flex;max-width: 720px;margin: 50px auto 0;-webkit-justify-content: space-between;justify-content: space-between;}
.howToOrder-section_1-Container .section_1__item_2column .item__crad{width: 49%;color: #000;transition: .5s;}
.howToOrder-section_1-Container .section_1__item_2column .item__crad:hover{opacity:0.7;}
.howToOrder-section_1-Container .section_1__item_2column .item__crad .img{}
.howToOrder-section_1-Container .section_1__item_2column .item__crad .img img{width: 100%;display: block;}
.howToOrder-section_1-Container .section_1__item_2column .item__crad .info{}
.howToOrder-section_1-Container .section_1__item_2column .item__crad .txt{}
.howToOrder-section_1-Container .section_1__item_2column .item__crad .price{font-weight: bold;}
@media screen and (max-width:834px){
.howToOrder-mainContainer__inner{height: 400px;}
.howToOrder-layout-Container__inner{padding:70px 50px;}
.howToOrder-layout-Container__inner .layout_left{width:100%;}
.howToOrder-layout-Container__inner .layout_right{width:100%;margin-top: 48px;}
.howToOrder-layout-Container__inner .layout_full{width: 100%;}
.step-Container .step__img{width: 120px;}
.step-Container .cassette{max-width: 620px;}
.howToOrder-section_1-Container__inner{padding: 70px 50px;}
}
@media screen and (max-width:640px){
.howToOrder-mainContainer{padding:0;}
.howToOrder-mainContainer__inner{height: 300px;}
.howToOrder-heading{width:80%;}
.howToOrder-heading .title{font-size: 28px;}
.howToOrder-heading .txt{font-size: 11px;}
.howToOrder-LeadContainer{padding: 30px 26px 0; font-size:13px;}
.howToOrder-layout-Container{margin: 36px auto 0;}
.howToOrder-layout-Container__inner{padding:30px 26px;font-size:13px;}
.howToOrder-layout-Container__inner .layout_right{margin-top: 42px;}
.howToOrder-layout-Container__inner .layout_full{width: 100%;margin-top: 20px;}
.step-Container .step__label{font-size: 1.2em;}
.step-Container .step__img{margin: 16px auto 0;width: 80px;}
.step-Container .step__title{margin-top: 14px;font-size: 1.3em;}
.step-Container .item__crad .img{ width: 120px;}
.step-Container .item__crad .info{width: -webkit-calc(100% - 136px);width: calc(100% - 136px);}
.step-Container .step-img{margin: 24px auto;}
.step-Container .img__2column img{margin: 20px 0;}
.howToOrder-section_1-Container__inner{padding: 30px 26px;font-size:13px;}
.howToOrder-section_1-Container .section-1__title-area{margin-bottom: 18px;}
.howToOrder-section_1-Container .section-1__title{font-size: 1.3em;}
.howToOrder-section_1-Container .section_1__list-area{margin-left: 20px;}
.howToOrder-section_1-Container .section_1__item_2column{margin: 20px auto 0;}
}


/* sbscGuide
-------------------------------------*/
.sbscGuide-mainContainer{max-width: 1024px; margin: 0 auto; padding: 50px 0;}
.sbscGuide-mainContainer__inner{background: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.2)), url(/html/user_data/assets/img/contents/subScriptionGuide/mainImg.jpg) repeat 50% 0; background-size: cover; background-repeat: no-repeat;background-position: 50% 50%;width: 100%;height: 600px;position: relative;}
.sbscGuide-heading{position: absolute; color: #fff;right: 50%;top: 50%;-webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(50%,-50%);text-align: center;}
.sbscGuide-heading .title{font-size: 42px;margin-top: 8px;font-family: "Noto Serif JP", serif;}
.sbscGuide-heading .txt{letter-spacing: 8px;font-family: "Noto Serif JP", serif;}
.sbscGuide-LeadContainer{ max-width: -webkit-calc(1020px - 100px);max-width: calc(1020px - 100px);margin: 0 auto; padding: 0 50px;}
.sbscGuide-layout-Container{margin: 80px auto 0;padding: 0;}
.sbscGuide-layout-Container__inner{max-width: 1024px;margin: 0 auto;padding: 0;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-content: flex-start;align-content: flex-start;-webkit-flex-flow: wrap;flex-flow: wrap;}
.sbscGuide-layout-Container__inner .layout_left{width: 360px;}
.sbscGuide-layout-Container__inner .layout_right{width: -webkit-calc(100% - 420px);width: calc(100% - 420px);}
.sbscGuide-layout-Container__inner .layout_full{width: 100%;}
.sbscGuide-layout-Container__inner .txt--red{color: #FF6751;}
.sbscGuide-layout-Container__inner .section-1__img{width: 148px;margin: 0 auto;}
.sbscGuide-layout-Container__inner .section-1__img img{ width: 100%;display: block;}
.sbscGuide-layout-Container .section-1__title-area{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: center;margin-bottom: 36px;-webkit-box-pack: center;justify-content: center;}
.sbscGuide-layout-Container .section-1__title{display: inline-block;padding-bottom: 4px;border-bottom: 2px solid #FF6751;letter-spacing: 0.08em;font-weight: bold;font-size: 1.4em;font-family: "Noto Serif JP", serif;}
.sbscGuide-layout-Container .item__crad{max-width: 640px;color: #000;transition: .5s;display: block;margin: 0 auto;}
.sbscGuide-layout-Container .item__crad:hover{opacity:0.7;}
.sbscGuide-layout-Container .item__crad .img{}
.sbscGuide-layout-Container .item__crad .img img{width: 100%;display: block;}
.sbscGuide-layout-Container .item__crad .info{text-align: center;font-family: "Noto Serif JP", serif;}
.sbscGuide-layout-Container .item__crad .price_before{color: #FF6751;margin-bottom: 0.3em;font-size: 1.2em;}
.sbscGuide-layout-Container .item__crad .price_active{font-weight: bold;font-size: 1.6em;margin-bottom: 0.3em;}
.sbscGuide-layout-Container .item__crad .price_sub{font-weight: bold;margin-bottom: 0;}
.sbscGuide-layout-Container .section-1__txt-area{margin: 42px 0 0;line-height: 1.6;}
.sbscGuide-layout-Container .course__table{width: 100%;max-width: 1024px;margin: 0 auto 46px;}
.sbscGuide-layout-Container .course__table th,
.sbscGuide-layout-Container .course__table td {padding: 15px 10px;text-align: center;background-color: #e5e5e5;}
.sbscGuide-layout-Container .course__table thead th {width:20%;font-size: 15px;padding: 20px 10px;font-weight: bold;border-left: 6px solid  #fff;background-color: #e5e5e5;text-align: center;}
.sbscGuide-layout-Container .course__table thead th:first-child {border-left: none; }
.sbscGuide-layout-Container .course__table tbody tr {border-top: 6px solid #fff;}	
.sbscGuide-layout-Container .course__table tbody th {background-color: #e5e5e5; font-weight: bold; text-align: center}
.sbscGuide-layout-Container .course__table tbody td {border-left: 6px solid #fff;background-color: #e5e5e5;text-align: center;}
.sbscGuide-layout-Container .margin-top__l{margin-top:60px;}
.sbscGuide-layout-Container.margin-bottom__l{margin-bottom:60px;}
.sbscGuide-layout-Container .section_1__list-area{margin-left: 33px;}
.sbscGuide-layout-Container .section_1__list{list-style-type: none;margin: 0;padding: 0;}
.sbscGuide-layout-Container .section_1__item{margin-bottom: 7px;line-height: 1.5;}
.sbscGuide-layout-Container .section_1__txt{padding-left: 0.8em;text-indent: -1.8em;}
.sbscGuide-layout-Container .section_1__txt::before {margin-right: 0.8em;color: #FF6751;content: "●";}
.sbscGuide-layout-Container .section_1__item_2column{display: -webkit-flex;display: flex;max-width: 720px;margin: 50px auto 0;-webkit-justify-content: space-between;justify-content: space-between;}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad{width: 49%;color: #000;transition: .5s;}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad:hover{opacity:0.7;}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad .img{}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad .img img{width: 100%;display: block;}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad .info{}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad .txt{}
.sbscGuide-layout-Container .section_1__item_2column .item_2column__crad .price{font-weight: bold;}
/* repeater-ptn__container */
.repeater-ptn__container{background-color: #F8F5F5;padding: 70px 0;}
.repeater__item_2column{display: -webkit-flex;display: flex;max-width: 720px;margin: 0 auto;-webkit-justify-content: space-between;justify-content: space-between;}
.repeater__item_2column .repeater__item{width: 48.6%;margin: 0 0;background: #fff;position: relative;border-radius: 12px;}
.repeater__item_2column .repeater__item__title{background: #FF6751; color: #fff;text-align: center;padding: 12px; font-size: 1.1em; letter-spacing: 1px; border-radius: 12px 12px 0 0;margin: 0;}
.repeater__item_2column .repeater__item__txt{margin: 0;padding: 20px 30px;line-height: 1.8;}
@media screen and (max-width:834px){
.sbscGuide-mainContainer__inner{height: 400px;}
.sbscGuide-layout-Container__inner{padding: 0 50px;}
.sbscGuide-layout-Container__inner .layout_left{width:100%;}
.sbscGuide-layout-Container__inner .layout_right{width:100%;margin-top: 12px;}
.sbscGuide-layout-Container__inner .section-1__img{width: 120px;}
.sbscGuide-layout-Container .margin-top__l{margin-top:48px;}
.sbscGuide-layout-Container.margin-bottom__l{margin-bottom:48px;}
.repeater-ptn__container{padding: 56px 0;}
}
@media screen and (max-width:640px){
.sbscGuide-mainContainer{padding:0;}
.sbscGuide-mainContainer__inner{height: 300px;}
.sbscGuide-heading{width:80%;}
.sbscGuide-heading .title{font-size: 28px;}
.sbscGuide-heading .txt{font-size: 10px;}
.sbscGuide-LeadContainer{padding: 30px 26px 0; font-size:13px;}
.sbscGuide-layout-Container{margin: 36px auto 0;}
.sbscGuide-layout-Container__inner{padding: 0 26px;font-size:13px;}
.sbscGuide-layout-Container__inner .section-1__img{width: 64px;}
.sbscGuide-layout-Container .section-1__title-area{margin-bottom: 18px;}
.sbscGuide-layout-Container .section-1__title{font-size: 1.3em;}
.sbscGuide-layout-Container .item__crad .price_before{margin-bottom: 0.1em;font-size: 1.1em;}
.sbscGuide-layout-Container .item__crad .price_active{font-weight: bold;font-size: 1.3em;margin-bottom: 0.1em;}
.sbscGuide-layout-Container .section-1__txt-area{margin: 24px 0 0;}
.sbscGuide-layout-Container .course__table{margin: 0 auto 24px;}
.sbscGuide-layout-Container .course__table thead th {font-size: 12px;}
.sbscGuide-layout-Container .margin-top__l{margin-top:36px;}
.sbscGuide-layout-Container.margin-bottom__l{margin-bottom:36px;}
.sbscGuide-layout-Container .section_1__list-area{margin-left: 20px;}
.sbscGuide-layout-Container .section_1__item_2column{margin: 20px auto 0;}
.repeater-ptn__container{padding: 42px 0;}
.repeater__item_2column{-webkit-flex-flow: wrap;flex-flow: wrap;}
.repeater__item_2column .repeater__item{width: 100%;}
.repeater__item_2column .repeater__item:nth-of-type(n+2){margin-top: 18px;}
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display:inline !important; width:50%;}
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}