/* カスタマイズ用CSS */

.ec-sliderRole{padding: 0;margin: 0;position: relative;}
.ec-sliderRole h1{position: absolute;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;margin: 0;}
.ec-sliderRole h1 img{width:auto;height:100%;}

.area_cate_title{display: flex;justify-content: space-between;border-bottom: 1px solid #d2d2d2;height: 50px;margin-bottom: 26px;}
.area_cate_title h2{margin: 0;line-height: 30px;}
.ec-secHeading__en{font-family: Futura,"Century Gothic","CenturyGothic","AppleGothic",sans-serif;font-size: 40px;}
.ec-secHeading__ja{font-size: 18px;margin-left: 10px;}
.ec-inlineBtn--top{width: 135px;height: 30px;line-height: 30px;padding: 0;}

.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__actions{display: none;}
.ec-shelfGrid .item_name{font-weight: bold;}

.ec-productRole .back_btn {border-top: 1px solid #d2d2d2;display: flex;justify-content: center;}
.ec-productRole .back_btn .ec-blockBtn--top{width: 100%;}
.ec-checkbox{display: block;width: 100%;text-align: center;margin-bottom: 20px;}
.mypage .ec-checkbox{margin-bottom: 0;}
.ec-totalBox .ec-totalBox__taxRate{display: none;}
.ec-orderDelivery,.ec-orderPayment{margin-bottom: 20px;}

.ec-rectHeading h2{margin-top: 0;margin-bottom: 15px;}
.ec-productRole__priceRegularPrice::before{content: "（";margin-left: 10px;}
.ec-productRole__priceRegularTax::after{content: "）";}
.ec-productRole .area_price {padding: 10px 0;border-bottom: 1px dotted #ccc; }

/** concept **/
.concept_explain,
.concept_movie,
.concept_gallery{max-width:1050px;margin-right:auto;margin-left:auto;}

.concept_explain{text-align:center;padding-top:60px;margin-bottom:60px;}
.concept_explain h2{margin-bottom:20px;}
.concept_explain .text{max-width:800px;margin-right:auto;margin-left:auto;}
.concept_explain .text p{padding-top:20px;font-size:15px;line-height:2;}

.concept_movie{margin-bottom:60px;padding:0 20px;}
.concept_movie .video .box{ text-align:center; }
.concept_movie .video .box video{max-width:100%;}

.concept_gallery{padding:0 20px;}
.concept_gallery ul{ padding:0;margin: 0 -5px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
.concept_gallery li{ list-style:none;width:33.33%;padding:0 5px 10px;}
.concept_gallery li img{max-width:100%;}

.side_tracker{position:fixed;top:50%;right:0px;width:65px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

@media only screen and (min-width: 768px) {
.sp{display: none !important;}
.ec-productRole .back_btn {padding-top: 50px;}
.ec-productRole .back_btn .ec-blockBtn--top{max-width: 350px;}
.ec-sliderItemRole .item_nav{margin-left: -13px;}
.ec-sliderItemRole .slideThumb{padding-left: 13px;}
.ec-registerRole .ec-blockBtn--action{margin-bottom: 0;}
.ec-forgotRole{font-size: 16px;}
.ec-cartRole .ec-cartRole__cart {margin: 0 auto;}
.ec-off4Grid__cell button,.ec-off4Grid__cell a{max-width: 300px;margin: 0 auto;}
.ec-off3Grid{justify-content: center;}
.ec-reportDescription {text-align: center;font-size: 16px;}
.ec-withdrawRole .ec-withdrawRole__title{font-size: 24px;}
.concept_gallery li.sp{ display:none;}
}

@media only screen and (min-width: 767px) and (max-width: 1180px) {
    .ec-role,.ec-headerRole,.ec-headerNaviRole,.ec-categoryNaviRole,.ec-shelfRole,.ec-searchnavRole,.ec-productRole,.ec-forgotRole,.ec-registerRole,.ec-registerCompleteRole  {
        padding-right: 20px;padding-left: 20px;}
        .ec-cartRole .ec-cartRole__cart{padding: 0 20px;}
}

@media only screen and (min-width: 570px) and (max-width: 767px) {
    .ec-shelfGrid .ec-shelfGrid__item img{width: 80%;}
    .item_name,.price02-default{padding: 0 10%;}
}

@media only screen and (max-width: 767px) {
img{max-width: 100%;}
.pc{display: none !important;}
.ec-headerRole{padding-top: 0;}
.ec-headerNaviRole{height: 50px;padding-top: 0;}
.ec-headerNaviRole,.ec-headerNaviRole .ec-headerNaviRole__right{flex-direction:row-reverse;}
.ec-layoutRole__mainBottom,.product_page .ec-shelfRole{padding-right: 15px;padding-left: 15px;}
.ec-headerNaviRole .ec-headerNaviRole__nav{display: none;}
.ec-sliderRole h1 span,.ec-headerTitle .ec-headerTitle__title a{text-align: center;}
.ec-sliderRole h1 img,.ec-headerTitle .ec-headerTitle__title a img{width: auto;height: auto;}
.ec-headerTitle .ec-headerTitle__title a{margin: 0;}
.mypage .ec-layoutRole__main .ec-layoutRole__main{padding: 0;}

.ec-footerRole__inner{padding: 20px 10px 0;}
.footer_site_navi li{width: 50%;padding: 0 5px 10px;text-align: center;}
.ec-footerNavi{display: flex;flex-wrap: wrap;justify-content: center;}
.ec-footerNavi .ec-footerNavi__link{display: block;width: 50%;}
.ec-footerNavi .ec-footerNavi__link a{padding: 10px 0;font-size: 12px;}
.ec-footerTitle__copyright {padding: 45px 0 15px;font-size: 10px;}
.ec-blockTopBtn {right: 10px;bottom: 30px;}

.ec-newItemRole{position: relative;}
.ec-newItemRole .ec-inlineBtn--top{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.ec-newItemRole .ec-newItemRole__list{margin: 0 -10px;}
.ec-newItemRole .ec-newItemRole__listItem{width: 50%;padding: 10px;}
.ec-secHeading__en{font-size: 26px;}
.ec-secHeading__ja{font-size: 13px;margin-left: 0;}
.ec-newsRole .ec-secHeading .ec-secHeading__en{font-size: 25px;}
.ec-newsRole .ec-secHeading .ec-secHeading__ja{font-size: 12px;}
.ec-productRole .back_btn{padding-top: 20px;}
.area_cate_title{height: 36px;margin-bottom: 13px;}
.area_cate_title h2{line-height: 25px;}

.ec-searchnavRole{padding: 20px 15px 0;}
.ec-productRole .area_price {padding-top: 0;}
.ec-productRole,.cart_page .ec-layoutRole__main,.ec-registerRole,.other_page .ec-layoutRole__main,.registration_page .ec-layoutRole__main,.mypage .ec-layoutRole__main{padding: 30px 15px 40px;}
.ec-role,.ec-registerRole p{font-size: 14px;}
.cart_page .ec-layoutRole__main >.ec-customerRole{padding: 0;}
.ec-pageHeader h1{border-top: none;font-size: 18px;padding-top: 0;}
.ec-required{vertical-align: 0px;font-size: 14px;font-weight: bold;}
.ec-shelfGrid .ec-shelfGrid__item{padding: 0 5px;}
.ec-orderRole,.ec-registerRole{padding: 0;}
.ec-withdrawRole .ec-withdrawRole__description {text-align: left;font-size: 14px;}

.concept_explain{margin-bottom:40px;padding-top:0px;}
.concept_explain .text p{font-size:14px;line-height:1.5;}
.concept_movie{margin-bottom:30px;padding:0 10px;}
.concept_movie .video .box{width:100%;margin-bottom:10px;}
.concept_gallery{padding:0 10px;}
.concept_gallery li{ width:50%;}

.side_tracker{width:40px;}

}