@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.Products詳細
03.KAWAI’S EDUCATIONAL TOYS
04.Wrapping
05.VISUMO
06.cart
07.contract
08.company
09.faq
09++ products_faq_page
10.returns
11.guide
12.login
13.contact
14.news
15.news_detail
16.category
18.labo
19.top_MV更新（2023/04/28）
20.top_MV更新（2023/06/30）
21.top_MV更新（2023/08/31）
22.method
--------------------*/

/*----------
01.top
----------*/

.front_header{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}

.page-top .pane-contents .container {
display: block;
width: 100%;
max-width: none;
}

#top #mainvisual_area{
background: #FCF5ED;
overflow: hidden;
}

#top #mainvisual_area .mainimg_g{
/* max-width: 1280px; */
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area .illust01{
/* max-width: 180px; */
width: 14.07%;
/* bottom: 145px;
left: 329px; */
bottom: 18.13%;
left: 25.71%;
}

#top #mainvisual_area .illust02{
/* max-width: 48px; */
width: 3.75%;
top: 36.3%;
right: 6.64%;
}

#top #mainvisual_area .illust03{
/* max-width: 62px; */
width: 4.85%;
top: 35.7%;
left: 14.89%;
}

#top #mainvisual_area .illust04{
/* max-width: 144px; */
width: 11.25%;
top: 18.1%;
left: 36.58%;
}

#top #mainvisual_area .illust05{
/* max-width: 72px; */
width: 5.63%;
bottom: 28.47%;
right: 14.96%;
}

#top #mainvisual_area .illust06{
/* max-width: 60px; */
width: 4.69%;
bottom: 3.8%;
right: 43.88%;
}

#top #mainvisual_area .illust07{
/* max-width: 55px; */
width: 4.3%;
bottom: 42.13%;
left: 8.75%;
}

#top #mainvisual_area .illust08{
/* max-width: 208px; */
width: 16.25%;
bottom: 10.5%;
right: 20.32%;
}

#top #mainvisual_area .illust09{
/* max-width: 273px; */
width: 21.33%;
bottom: 39.53%;
left: 33.5%;
}

#top #mainvisual_area .illust10{
/* max-width: 110px; */
width: 8.6%;
top: 5.7%;
right: 21.8%;
}

#top #mainvisual_area .illust11{
/* max-width: 168px; */
width: 13.13%;
top: 47.4%;
left: 18.44%;
}

#top #mainvisual_area .illust12{
/* max-width: 51px; */
width: 3.99%;
top: 49.9%;
right: 36.6%;
}

#top #mainvisual_area .track01.track_active{
z-index: 2;
}

#top #mainvisual_area .track01 .track_img{
display: none;
}

#top #mainvisual_area .track01 .active{
display: block;
}

#top #mainvisual_area .illust13{
/* max-width: 75px; */
width: 5.86%;
bottom: 34%;
right: 31.96%;
z-index: 1;
}

#top .cnt_area .contents_in{
position: relative;
}

#top .cnt_area .title_g{
position: relative;
z-index: 1;
}

#top .cnt_area .title_g .icon{
margin: 0 auto 37px;
}

#top .cnt_area .title_g .catchcopy{
font-size: 22px;
font-weight: 500;
/* font-size: 18px; */
/* font-size: 15px; */
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#top .cnt_area .box_type01{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 120px;
}

#top .cnt_area .box_type01:last-of-type{
margin-bottom: 0;
}

#top .cnt_area .box_type01.direction_row{
flex-direction: row-reverse;
}

#top .cnt_area .box_type01 .cnt_img{
max-width: 515px;
width: 49.52%;
}

#top .cnt_area .box_type01 .cnt_img img{
border-radius: 10px;
}

#top .cnt_area .box_type01 .cnt_text{
max-width: 450px;
width: 43.27%;
}

#top .cnt_area .box_type01 .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 48px;
}

#top .cnt_area .box_type02{
max-width: 692px;
width: 100%;
margin: 0 auto 74px;
}

#top .cnt_area .box_type02 .cnt_img{
margin-bottom: 48px;
}

#top .cnt_area .box_type02 .cnt_img img{
border-radius: 10px;
}

#top .cnt_area .box_type02 .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#top #about_area{
padding: 70px 0 40px;
/* padding: 120px 0 67px; */
}

#top #about_area .title_g{
/* max-width: 440px; */
/* max-width: 408px; */
width: 100%;
margin: 0 auto;
}

#top #about_area .title_g .icon{
max-width: 249px;
width: 100%;
margin-bottom: 80px;
/* margin-bottom: 124px; */
}

#top #about_area .catchcopy{
line-height: 1;
/* font-size: 26px; */
margin-bottom: 60px;
/* margin-bottom: 82px; */
}

#top #about_area .catchcopy .clr_txt{
font-weight: 600;
color: #D65428;
}

#top #about_area .cnt_img{
max-width: 800px;
width: 100%;
margin: 0 auto 70px;
/* margin: 0 auto 112px; */
}
#top #about_area p{
color: #646464;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
position: relative;
z-index: 1;
}

#top #about_area p::after{
content: none;
/* content: ""; */
display: block;
width: 1px;
height: 50px;
margin: 62px auto 0;
background: #333333;
}

#top #about_area p .line_txt{
display: inline-block;
position: relative;
font-weight: 600;
}

#top #about_area p .line_txt::before{
content: "";
display: block;
position: absolute;
width: 0;
height: 1px;
background: #F9BF13;
left: 0;
bottom: 6px;
transition: all 1.2s;
}

#top #about_area p .line_txt.scroll::before{
width: 100%;
}

/* #top #educational_area{
background: #FCF5ED;
} */

#top #educational_area .contents_in{
padding: 40px 0 80px;
/* padding: 80px 0; */
}

#top #educational_area .title_g{
margin-bottom: 48px;
}

#top #educational_area .title_g .icon {
/* max-width: 101px; */
max-width: 158px;
margin-bottom: 32px;
}

#top #product_area{
background: #FCF5ED;
}

#top #product_area .contents_in{
padding: 86px 0 80px;
}

#top #product_area .title_g .icon {
/* max-width: 127px; */
max-width: 251px;
margin-bottom: 80px;
}

#top #product_area .btn_type01 a::before{
background: #FCF5ED;
}

#top #product_area .cnt_box.wrapping_box .cnt_img{
max-width: 520px;
width: 50%;
display: flex;
align-items: start;
justify-content: space-between;
}

#top #product_area .cnt_box.wrapping_box .cnt_img img{
max-width: 256px;
width: 49.71%;
}

#top #product_area .cnt_box.wrapping_box02{
margin-bottom: 80px;
}

/* #top #kawai_area{
background: #FCF5ED;
} */

#top #kawai_area .contents_in{
padding: 0 0 80px;
}

#top #kawai_area .title_g{
margin-bottom: 60px;
}

#top #kawai_area .title_g .icon {
/* max-width: 205px; */
max-width: 197px;
}

#top #visumo_area{
background: #FCF5ED;
}

#top #visumo_area .contents_in{
padding: 80px 0;
}

#top #visumo_area .title_g{
margin-bottom: 40px;
/* margin-bottom: 10px; */
/* margin-bottom: 45px; */
}

#top #visumo_area .title_g .icon {
/* max-width: 149px; */
max-width: 167px;
margin-bottom: 48px;
}

#top #visumo_area .catchcopy{
color: #646464;
font-size: 26px;
}

#top #visumo_area .catchcopy .clr_txt{
color: #D65428;
font-weight: 600;
}

#top #visumo_area p{
color: #646464;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 45px;
text-align: center;
}

#top #visumo_area .insta_tag{
font-size: 0;
text-align: center;
margin-bottom: 60px;
}

#top #visumo_area .insta_tag li{
border: 1px solid #919191;
border-radius: 3px;
color: #919191;
font-size: 12px;
line-height: 1;
padding: 6px 10px 7px;
display: inline-block;
margin: 0 7px 0px 0;
}

#top #visumo_area .visumo_g{
display: flex;
align-items: start;
justify-content: space-between;
margin-bottom: 80px;
}

#top #visumo_area .visumo_g li{
max-width: 327px;
width: 31.45%;
}

#top #visumo_area .visumo_g li img{
border-radius: 10px;
}

/* モチーフ */

#top #about_area .motif01{
max-width: 64px;
width: 6.16%;
top: 0;
left: 9.91%;
}

#top #about_area .motif02{
max-width: 270px;
width: 25.97%;
top: 15.95%;
left: -22.79%;
}

#top #about_area .motif03{
max-width: 353px;
width: 33.95%;
top: 15.95%;
right: -32.12%;
}

#top #about_area .motif04{
max-width: 121px;
width: 11.64%;
top: 79.14%;
left: -1.74%;
}

#top #product_area .motif05{
max-width: 179px;
width: 17.22%;
top: -7.69%;
right: 0;
}

#top #educational_area .motif06{
max-width: 73px;
width: 7.02%;
top: 14.02%;
left: -7.02%;
}

#top #educational_area .motif07{
max-width: 258px;
width: 24.81%;
top: 29.21%;
right: -17.02%;
}

#top #other_area .motif08{
max-width: 194px;
width: 18.66%;
top: 0.65%;
left: -18.66%;
}

#top #other_area .motif09{
max-width: 101px;
width: 9.72%;
top: -3.99%;
right: -4.81%;
}


#top #other_area .motif10{
max-width: 121px;
width: 11.64%;
bottom: 11.68%;
right: 7.89%;
}

#top #news_area{
background: #363636;
padding: 34px 0 38px;
}

#top #news_area .contents_in{
display: flex;
align-items: center;
justify-content: space-between;
}

#top #news_area .contents_in .news_list{
width: calc(100% - 140px);
}

#top #news_area .contents_in .news_list li a{
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 400;
}

#top #news_area .contents_in .news_list .news_date{
width: 64px;
font-size: 12px;
line-height: 1;
letter-spacing: .04em;
margin-right: 60px;
}

#top #news_area .contents_in .news_list .news_title{
width: calc(100% - 124px);
font-size: 15px;
line-height: 21px;
letter-spacing: .04em;
}

#top #news_area .btn_type01{
max-width: 140px;
}

#top #news_area .btn_type01 a{
color: #fff;
}

#top #news_area .btn_type01::before {
border-left: 6px solid #fff;
}

#top #news_area .btn_type01::after{
background-color: #fff;
}

/*お知らせRSS読み込み調整*/
#top #news_area #rsstcview12688baa5166 {
width: calc(100% - 140px);
}

#top #news_area .rsstc-li{
display: none;
}

#top #news_area .rsstc-li{
display: none;
}

#top #news_area .rsstc-li:nth-child(2){
display: block;
}

#top #news_area .rsstc-li a{
display: flex;
align-items: center;
color: #fff;
font-size: 15px;
line-height: 21px;
letter-spacing: .04em;
}

#top #news_area .rsstc-update{
width: 64px;
font-size: 12px;
line-height: 1;
letter-spacing: .04em;
margin-right: 60px;
display: block;
}

#top #news_area .rsstc-licence {
display: none;
}




#top #instagram_area .title_g .icon {
max-width: 186.91px;
margin-bottom: 60px;
}


#top #instagram_area .contents_in{
padding: 80px 0 0;
}

#top #instagram_area .title_g .catchcopy {
font-weight: 400;
font-size: 18px;
}

#top #instagram_area .title_g .txt{
text-align: center;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 48px;
color: #333;
}

#top #instagram_area .title_g .txt a{
text-decoration: underline;
text-underline-offset: 4px;
color: #333;
transition: .3s;
}

#top #instagram_area .title_g .txt a:hover{
text-decoration: none;
opacity: .7;
}

/*バナー追加20240322*/
#top #instagram_area .insta_bnr{
max-width: 560px;
margin: 30px auto 60px;
/* margin: 30px auto 110px; */
}

#top #instagram_area .insta_bnr .on{
display: none;
}

#top #instagram_area .insta_bnr:hover .on{
display: block;
}

#top #instagram_area .insta_bnr:hover .off{
display: none;
}

#top #banner_ptn01_area{
padding: 0 0 100px;
}

#top #banner_ptn02_area{
padding: 0 0 55px;
}

#top .banner_area .banner_wrap{
display: flex;
justify-content: space-between;
}

#top .banner_area .banner_wrap .bnr{
display: block;
width: 24.5%;
max-width: 244px;
text-align: center;
font-size: 15px;
line-height: 2;
}

#top .banner_area .banner_wrap .bnr .ttl{
margin: 14px 0 8px;
/* margin: 27.8px 0 13px; */
font-weight: 500;
font-size: 22px;
line-height: 1.45;
}

#top .banner_area .banner_wrap .bnr .txt{
line-height: 1.46;
}

#top .banner_area .banner_wrap .bnr .img_wrap{
position: relative;
padding-top: 100%;
border-radius: 10px;
background: #FCF5ED;
overflow: hidden;
}

#top .banner_area .banner_wrap .bnr .img_wrap img{
position: absolute;
}

#top .banner_area .banner_wrap .bnr .img_wrap .bnr_bg{
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
}

#top .banner_area .banner_wrap .bnr:hover .img_wrap .bnr_bg{
opacity: 1;
}

/* #top .banner_area .banner_wrap .bnr_ptn02 .img_wrap .bnr_bg{
opacity: 1;
}

#top .banner_area .banner_wrap .bnr_ptn02:hover .img_wrap .bnr_bg.on{
opacity: 1;
}

#top .banner_area .banner_wrap .bnr_ptn02:hover .img_wrap .bnr_bg.off{
opacity: 0;
} */

#top .banner_area .banner_wrap .bnr .img_wrap .bnr_parts.on{
opacity: 0;
}

#top .banner_area .banner_wrap .bnr:hover .img_wrap .bnr_parts.on{
opacity: 1;
}

#top .banner_area .banner_wrap .bnr:hover .img_wrap .bnr_parts.off{
opacity: 0;
}

#top .banner_area .banner_wrap .bnr_product .bnr_parts {
width: 79.37%;
top: 22.8%;
/* top: 16%; */
left: 10.5%;
}

/* #top .banner_area .banner_wrap .bnr_product .bnr_parts.on {
width: 88.2%;
top: 16%;
left: 10.5%;
} */

#top .banner_area .banner_wrap .bnr_product .bnr_parts.on {
width: 85.2%;
top: 22.8%;
/* top: 17%; */
left: 10.5%;
/* left: 12%; */
}

/* #top .banner_area .banner_wrap .bnr_about .bnr_parts {
width: 82.91%;
top: 6%;
left: 8%;
} */

/* #top .banner_area .banner_wrap .bnr_about .bnr_parts {
width: 78.58%;
top: 11%;
left: 50%;
transform: translateX(-50%);
} */
#top .banner_area .banner_wrap .bnr_about .bnr_parts {
width: 64.91%;
top: 13%;
left: 50%;
transform: translateX(-50%);
}

/* #top .banner_area .banner_wrap .bnr_about .bnr_parts.on {
width: 82.91%;
top: 6%;
left: 8%;
} */

#top .banner_area .banner_wrap .bnr_about .bnr_parts.on {
left: 46%;
width: 69.91%;
top: 8%;
}

/* #top .banner_area .banner_wrap .bnr_about .bnr_parts.on {
left: 50%; */
/* width: 100%; */
/* top: .5%;
} */

#top .banner_area .banner_wrap .bnr_wrapping .bnr_parts {
width: 90.21%;
top: 13%;
left: 4%;
}

#top .banner_area .banner_wrap .bnr_wrapping .bnr_parts.on {
width: 92.21%;
/* width: 88.21%; */
top: 11%;
left: 1%;
}

#top .banner_area .banner_wrap .bnr_photo .bnr_parts {
width: 68.31%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

#top .banner_area .banner_wrap .bnr_photo .bnr_parts.on {
width: 68.31%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

/* #top .banner_area .banner_wrap .bnr_labo .bnr_parts {
width: 66%;
top: 17%;
left: 17%;
} */

#top .banner_area .banner_wrap .bnr_labo .bnr_parts {
width: 77.61%;
top: 50%;
left: 5%;
transform: translateY(-50%);
}

#top .banner_area .banner_wrap .bnr_labo .bnr_parts.on {
width: 77.61%;
top: 50%;
left: 5%;
}

/* #top .banner_area .banner_wrap .bnr_labo .bnr_parts {
width: 83.78%;
top: 6%;
left: 13%;
}

#top .banner_area .banner_wrap .bnr_labo .bnr_parts.on {
width: 83.78%;
top: 6%;
left: 13%;
} */

/* #top .banner_area .banner_wrap .bnr_syuri .bnr_parts {
width: 55.3%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

#top .banner_area .banner_wrap .bnr_syuri .bnr_parts.on {
width: 55.3%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
} */

#footer_banner_area .banner_wrap .bnr_syuri .bnr_parts {
    width: 58.56%;
    top: 50%;
    left: 22%;
    transform: translateY(-50%);
}

#top .banner_area .banner_wrap .bnr_syuri .bnr_parts.on {
    width: 58.56%;
    top: 50%;
    left: 22%;
    transform: translateY(-50%);
}

#top .banner_area .banner_wrap .bnr_faq .bnr_parts {
width: 78.5%;
top: 14%;
left: 11%;
}

#top .banner_area .banner_wrap .bnr_faq .bnr_parts.on {
width: 78.5%;
top: 14%;
left: 12%;
}

/* #top .banner_area .banner_wrap .bnr_faq .bnr_parts {
width: 82.6%;
top: 7%;
left: 9%;
}

#top .banner_area .banner_wrap .bnr_faq .bnr_parts.on {
width: 82.6%;
top: 7%;
left: 9%;
} */

#top .banner_area .banner_wrap .bnr_mypage .bnr_parts {
width: 66.08%;
top: 14.5%;
left: 16.5%;
}

#top .banner_area .banner_wrap .bnr_mypage .bnr_parts.on {
width: 66.08%;
top: 14.5%;
left: 16.5%;
}


/*トップのお知らせ*/
.page-top .block-top-topic {
border-top: none;
margin: 0;
background: #363636;
padding: 34px 0 38px;
}

.page-top .block-top-topic h2.after-border {
display: none;
}

.page-top .block-top-topic .block-top-topic--body {
max-width: 1040px;
width: calc(100% - 40px);
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.page-top .block-top-topic .block-top-topic--items{
width: calc(100% - 140px);
border: none;
margin: 0;
padding: 0;
}

.page-top .block-top-topic .block-top-topic--items li {
display: none;
border-bottom: none;
}

.page-top .block-top-topic .block-top-topic--items li:first-child{
display: block;
}

.page-top .block-top-topic .block-top-topic--items li a{
display: block;
}

.page-top .block-top-topic .block-top-topic--items li dl{
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 400;
}

.page-top .block-top-topic .block-top-topic--items li dl dt{
width: 64px;
font-size: 12px;
line-height: 1;
letter-spacing: .04em;
margin-right: 60px;
}

.page-top .block-top-topic .block-top-topic--items li dl dd{
width: calc(100% - 124px);
font-size: 15px;
line-height: 21px;
letter-spacing: .04em;
}

.page-top .block-top-topic .block-top-topic--next-page {
margin-top: 0;
max-width: 140px;
/* max-width: 110px; */
width: 100%;
overflow: hidden;
position: relative;
}

.page-top .block-top-topic .block-top-topic--next-page::before {
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #fff;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
box-sizing: border-box;
position: absolute;
top: 2px;
right: 0;
transition: all .1s;
}

.page-top .block-top-topic .block-top-topic--next-page:hover::before {
right: -10px;
}

.page-top .block-top-topic .block-top-topic--next-page::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.page-top .block-top-topic .block-top-topic--next-page a{
display: block;
width: 100%;
height: 100%;
color: #fff;
font-size: 13px;
letter-spacing: 0.04em;
line-height: 18px;
padding: 0 0 10px;
/* border-bottom: 1px solid #646464; */
position: relative;
transition: all .3s;
text-align: left;
}

.page-top .block-top-topic .block-top-topic--next-page a:hover{
color: #fff!important;
}

.page-top .block-top-topic .block-top-topic--next-page a::before,
.page-top .block-top-topic .block-top-topic--next-page a::after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: auto;
bottom: 0;
left: -100%;
z-index: 1;
}

.page-top .block-top-topic .block-top-topic--next-page a::before{
background: #fff;
transition: all .3s .2s;
}

.page-top .block-top-topic .block-top-topic--next-page a::after {
background: #F9BF11;
transition: all .3s;
}

.page-top .block-top-topic .block-top-topic--next-page a:hover::after {
left: 0;
transition: all .3s;
}


/*----------
02.Products詳細
----------*/
.page-goods .pane-main{
margin-top: 0;
}

.page-goods .pane-topic-path{
display: none;
}

.page-goods .page_title_box{
text-align: center;
color: #393939;
padding: 85px 0 59px;
}

.page-goods .page_title{
font-weight: 700;
font-size: 28px;
line-height: 31px;
}

.page-goods .pane-contents{
margin-top: 96px;
}

.page-goods .block-goods-detail{
margin: 0 auto 70px;
max-width: 1040px;
}

/* 
.page-goods .block-goods-detail .contents_in{
display: flex;
align-items: start;
justify-content: space-between;
} */


/* .page-goods .block-goods-detail .cnt_img{
max-width: 470px;
width: 45.2%;
} */

.page-goods .block-goods-detail .pane-goods-left-side {
max-width: 470px;
width: 97%;
}

.page-goods .block-goods-detail .pane-goods-right-side {
max-width: 485px;
width: 97%;
}

.page-goods .block-goods-detail .pane-goods-left-side .bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: none;
border: none;
background: #fff;
margin-bottom: 35px;
padding: 0 42px;
overflow: visible;
} 

.page-goods .block-goods-detail .pane-goods-left-side img{
border-radius: 10px;
} 

/* .page-goods .block-goods-detail .pane-goods-left-side .bx-controls.bx-has-controls-direction {
display: none;
} */

.page-goods .bx-wrapper,
.page-goods .bx-wrapper img{
opacity: 0;
}

.page-goods .bx-wrapper.active,
.page-goods .bx-wrapper.active img{
opacity: 1;
}

.page-goods .js-goods-detail-goods-slider{
display: flex;
}

.page-goods .bx-wrapper .bx-controls-direction a {
border-radius: 50%;
background: #E84709;
transition: .3s;
}

.page-goods .bx-wrapper .bx-controls-direction a:hover {
background: #F1C046;
}

.page-goods .bx-wrapper .bx-controls-direction a.bx-next::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotateZ(45deg);
top: 11px;
left: 9px;
}

.page-goods .bx-wrapper .bx-controls-direction a.bx-next{
right: 0;
}

.page-goods .bx-wrapper .bx-controls-direction a.bx-prev::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
top: 11px;
left: 12.5px;
transform: rotateZ(-45deg);
}

.page-goods .bx-wrapper .bx-controls-direction a.bx-prev{
left: 0;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery li {
width: calc((100% - 9px*4) / 5) !important;
max-width: 85px;
margin: 0 9px 15px 0 !important;
padding: 85px 0 0 0 !important;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery li figure{
border-radius: 10px;
padding: 0;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery li a.active figure {
border: 3px solid #E84709;
}

.page-goods .block-goods-detail .cnt_img img{
border-radius: 10px;
}

.page-goods .block-goods-detail .cnt_img .main_slider{
margin-bottom: 35px;
}

.page-goods .block-goods-detail .cnt_img .thumbnail_slider{
display: flex;
align-items: start;
flex-wrap: wrap;
}

.page-goods .block-goods-detail .cnt_img .thumbnail_slider li{
max-width: 87px;
width: calc((100% - 9px*4) / 5)!important;
margin: 0 9px 15px 0;
cursor: pointer;
border-radius: 10px;
}

.page-goods .block-goods-detail .cnt_img .thumbnail_slider li:nth-of-type(5n){
margin-right: 0;
}

.page-goods .block-goods-detail .cnt_img .thumbnail_slider li.slick-current{
border: 3px solid #E84709;
}

.page-goods .block-goods-detail .cnt_img .slick-dots{
display: flex;
align-items: center;
justify-content: center;
margin-top: 18px;
}

.page-goods .block-goods-detail .cnt_img .slick-dots li{
margin: 0 10px;
}

.page-goods .block-goods-detail .cnt_img .slick-dots li button{
font-size: 0;
padding: 0;
background: #D3D3D3;
border: none;
box-shadow: none;
border-radius: 50%;
width: 11px;
height: 11px;
display: block;
}

.page-goods .block-goods-detail .cnt_img .slick-dots li.slick-active button{
background: #E84709;
}


/* .page-goods .block-goods-detail .pane-goods-right-side{
max-width: 485px;
width: 46.64%;
} */

.page-goods .block-goods-detail .block-goods-comment#spec_goods_comment,
.page-goods .block-goods-detail .free_shipping{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
background: #E84709;
display: inline-block;
margin: 0 0 12px;
width: fit-content;
order: 30;
}

.page-goods .block-goods-detail .block-goods-name{
margin: 0;
}

.page-goods .block-goods-detail .block-goods-name h1,
.page-goods .block-goods-detail h2{
font-weight: 700;
font-size: 26px;
line-height: 42px;
color: #333;
margin-bottom: 23px;
}

.page-goods .block-goods-detail .block-goods-price{
align-items: center;
margin: 0;
}

.page-goods .block-goods-detail .price{
font-weight: 500;
font-size: 28px;
line-height: 41px;
margin-bottom: 110px;
}

.page-goods .block-goods-detail .block-goods-price--net-price.net-price,
.page-goods .block-goods-detail .price span.tax{
display: inline-block;
margin: 5px 0 0 10px;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: #848484;
}

.page-goods .block-goods-detail .goods-detail-description {
margin: 5px 0;
}

.page-goods .block-goods-detail .goods-detail-description dt {
padding: 0 10px 0 0;
}

.page-goods .block-goods-detail .goods-detail-description dd {
padding: 0 0 0 10px;
}

.page-goods .block-goods-detail .pane-goods-right-side .fieldset-vertical {
margin-top: 10px;
margin-bottom: 10px;
}

.page-goods .block-goods-detail .pane-goods-right-side .fieldset-vertical .form-group {
margin: 20px 0 5px 0;
}

.page-goods .block-goods-detail .pane-goods-right-side .block-goods-sales-detail-append--item .form-label {
padding: 0;
font-size: 16px;
color: #393939;
font-weight: 500;
margin: 0 0 12px;
line-height: 1.5;
background: none;
}

.page-goods .block-goods-detail .pane-goods-right-side .block-goods-sales-detail-append--item .form-label label {
font-weight: 500;
}

.page-goods .pane-goods-right-side .block-goods-sales-detail-append--item .constraint .required {
margin: 0;
}

.page-goods .pane-goods-right-side .block-goods-sales-detail-append--item .constraint .required:after {
background-color: #E84709;
}

.page-goods .pane-goods-right-side .block-goods-sales-detail-append--item input[type="text"],
.page-goods .pane-goods-right-side .block-goods-sales-detail-append--item textarea {
border-radius: 30px;
appearance: none;
color: #585858;
border: 1px solid #DDDBDB;
padding: 8px 15px;
height: auto;
font-size: 16px;
line-height: 1.5;
max-width: none;
}

.page-goods textarea{
-ms-overflow-style: none;
scrollbar-width: none;
}

.page-goods textarea::-webkit-scrollbar{
display: none;
}

.page-goods .pane-goods-right-side input[type="number"] {
border-radius: 30px;
appearance: none;
color: #585858;
border: 1px solid #DDDBDB;
padding: 8px 15px;
height: auto;
font-size: 14px;
line-height: 1.5;
}

.page-goods .pane-goods-right-side input[type=radio] {
display: none;
}

.page-goods .pane-goods-right-side label.radio {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
}

.page-goods .pane-goods-right-side label.radio::after,
.page-goods .pane-goods-right-side label.radio::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-goods .pane-goods-right-side label.radio::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
border-radius: 50%;
}

.page-goods .pane-goods-right-side label.radio::after {
left: 5px;
width: 10px;
height: 10px;
background: #E84709;
border-radius: 50%;
opacity: 0;
}

.page-goods .pane-goods-right-side input[type=radio]:checked + label.radio {
color: #393939;
}

.page-goods .pane-goods-right-side input[type=radio]:checked + label.radio::after {
opacity: 1;
}

.page-goods .pane-goods-right-side input[type=radio]:checked + label.radio::before,
.page-goods .pane-goods-right-side label.radio:hover::before {
border-color: #E84709;
}

.page-goods .block-goods-detail input[type=checkbox] {
display: none;
}

.page-goods .block-goods-detail label.checkbox {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-goods .block-goods-detail label.checkbox::after,
.page-goods .block-goods-detail label.checkbox::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-goods .block-goods-detail label.checkbox::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
}

.page-goods .block-goods-detail label.checkbox::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-goods .block-goods-detail input[type=checkbox]:checked + label.checkbox {
color: #393939;
}

.page-goods .block-goods-detail input[type=checkbox]:checked + label.checkbox::after {
opacity: 1;
}

.page-goods .block-goods-detail input[type=checkbox]:checked + label.checkbox::before,
.page-goods .block-goods-detail label.checkbox:hover::before {
border-color: #E84709;
}

.page-goods .pane-goods-right-side .block-variation {
margin: 0;
padding: 0;
}

.page-goods .pane-goods-right-side .block-variation .block-variation.block-color {
margin: 0;
padding: 0;
}

.page-goods .pane-goods-right-side .block-variation .block-variation h2 {
margin: 0 0 10px;
font-weight: 500;
line-height: 1.3;
}

.page-goods .pane-goods-right-side .block-variation .block-variation.block-color .block-color--item {
width: 70px;
padding: 0;
}

.page-goods .pane-goods-right-side .block-variation .block-variation.block-color .block-color--item dt {
width: 60px;
height: 60px;
margin: 0 auto 3px;
}

.page-goods .pane-goods-right-side .block-variation .block-variation.block-color .block-color--item dt figure {
width: 56px;
height: 56px;
padding: 2px;
}

.page-goods .pane-goods-right-side .block-variation .block-variation.block-color .block-color--item-description span {
font-size: 10px;
height: 15px;
}

.page-goods .pane-goods-right-side .block-add-cart,
.page-goods .pane-goods-right-side .block-custom-order,
.page-goods .pane-goods-right-side .block-no-stock {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin-top: 20px;
}

.page-goods .block-goods-favorite{
margin-top: 10px;
}

.page-goods .block-goods-favorite a,
.page-goods .pane-goods-right-side .block-add-cart .block-add-cart--btn,
.page-goods .pane-goods-right-side .block-custom-order .block-custom-order--btn {
font-size: 18px;
font-weight: 700;
width: 295px;
border-radius: 26px;
line-height: 1;
background: #E84709;
display: flex;
align-items: center;
justify-content: center;
padding: 16px 0 17px;
transition: .3s;
margin: 0 20px 0 0;
color: #fff;
}

/* .page-goods .block-goods-favorite .block-goods-favorite--btn{
font-size: 0;
position: relative;
} */

.page-goods .block-goods-favorite a{
background: #F1C046;
font-size: 14px;
}

.page-goods .block-goods-favorite a:hover,
.page-goods .pane-goods-right-side .block-add-cart .block-add-cart--btn:hover,
.page-goods .pane-goods-right-side .block-custom-order .block-custom-order--btn:hover {
opacity: 1;
background: #F1C046;
color: #fff!important;
}

.page-goods .pane-goods-right-side .block-variation-favorite--btn,
.page-goods .pane-goods-right-side .block-goods-favorite--btn {
width: 51px;
height: 51px;
padding: 10px 15px;
border-radius: 50%;
background: #D9D9D9;
opacity: 0;
font-size: 0;
position: relative;
}

.page-goods.active .pane-goods-right-side .block-variation-favorite--btn,
.page-goods.active .pane-goods-right-side .block-goods-favorite--btn {
opacity: 1;
}

.page-goods.active .pane-goods-right-side .block-goods-favorite-registed--btn {
font-size: 16px;
font-weight: 700;
width: 295px;
border-radius: 26px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 16px 0 17px;
transition: .3s;
margin: 0 20px 0 0;
color: #fff;
background: #F1C046;
}

.page-goods.active .pane-goods-right-side .block-goods-favorite-registed--btn + .block-goods-favorite--btn{
display: none;
}

.page-goods .pane-goods-right-side .block-goods-favorite--btn:before {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.page-goods .pane-goods-right-side .block-contact-about-goods {
margin-top: 15px;
text-align: left;
max-width: 210px;
overflow: hidden;
position: relative;
}

.page-goods .pane-goods-right-side .block-contact-about-goods::before{
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #F9BF11;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
box-sizing: border-box;
position: absolute;
top: 2px;
right: 0;
transition: all .1s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods:hover::before {
right: -10px;
}

.page-goods .pane-goods-right-side .block-contact-about-goods::after{
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #646464;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.page-goods .pane-goods-right-side .block-contact-about-goods:hover::after {
left: auto;
right: -100%;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a {
/* background: none;
padding: 0 0 5px;
display: inline-block;
text-decoration: none;
text-align: left;
border-bottom: 1px solid #393939;
color: #393939!important;
transition: .3s;
width: auto; */
text-align: left;
text-decoration: none;
background: none;
display: block;
width: 100%;
height: 100%;
color: #646464!important;
font-size: 13px;
letter-spacing: 0.04em;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid none;
position: relative;
transition: all .3s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a::before,
.page-goods .pane-goods-right-side .block-contact-about-goods a::after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: -100%;
z-index: 1;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a::before {
background: #fff;
transition: all .3s .2s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a::after {
background: #F9BF11;
transition: all .3s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a:hover::before {
left: 0;
transition: all .3s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a:hover::after {
left: 0;
transition: all .3s .2s;
}

.page-goods .pane-goods-right-side .block-contact-about-goods a:hover {
border-bottom: none;
opacity: 1;
}

.page-goods .block-goods-detail .info_box{
margin-bottom: 98px;
}

.page-goods .block-goods-detail .info_box dl{
display: flex;
align-items: start;
flex-wrap: wrap;
margin-bottom: 38px;
}

.page-goods .block-goods-detail .info_box dt{
color: #393939;
font-weight: 500;
margin: 0 0 10px;
}

.page-goods .block-goods-detail .info_box dd{
max-width: 180px;
width: 100%;
position: relative;
}

.page-goods .block-goods-detail .info_box .wrapping_box, .page-goods .block-goods-detail .info_box .quantity_box{
max-width: 180px;
width: 100%;
}

.page-goods .block-goods-detail .wrapping_box{
margin-right: 49px;
}

.page-goods .block-goods-detail .wrapping_box select{
appearance: none;
-webkit-appearance:none;
width: 100%;
border: 1px solid #D3D3D3;
border-radius: 26px;
background: #fff;
box-shadow: none;
padding: 14.5px 0 15px 24px;
color: #585858;
/* font-family: 'Noto Serif', serif; */
font-size: 20px;
line-height: 1;
cursor: pointer;
}

/* .page-goods .block-goods-detail .wrapping_box dd::after{
content: "";
display: block;
width: 11px;
height: 9px;
border: none;
box-shadow: none;
background: url(../../common/img/icon_arrow01.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(180deg);
} */

.page-goods .block-goods-detail .quantity_box dd{
/* max-width: 99px; */
width: 100%;
border: 1px solid #D3D3D3;
border-radius: 26px;
background: #fff;
position: relative;
}

.page-goods .block-goods-detail .quantity_box .productnum{
width: 100%;
border-radius: 26px;
border: none;
box-shadow: none;
padding: 12px 0 12px 38px;
color: #585858;
font-family: 'Noto Serif', serif;
font-size: 20px;
}

.page-goods .block-goods-detail input[type="number"]::-webkit-outer-spin-button,.page-goods .block-goods-detail input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}

.page-goods .block-goods-detail .quantity_box .spinner_up,.page-goods .block-goods-detail .quantity_box .spinner_down{
position: absolute;
right: 19px;
/* width: 11px; */
width: 14px;
height: 9px;
padding: 0;
border: none;
box-shadow: none;
background: url(../../common/img/icon_arrow01.png) no-repeat center center/100% auto;
cursor: pointer;
}

.page-goods .block-goods-detail .quantity_box .spinner_up{
top: 14px;
}

.page-goods .block-goods-detail .quantity_box .spinner_down{
top: 29px;
transform: rotate(180deg);
}

.page-goods .block-goods-detail .btn_box{
display: flex;
align-items: start;
}

.page-goods .block-goods-detail .cart_btn{
max-width: 295px;
width: 100%;
margin: 0 20px 0 0;
}

.page-goods .block-goods-detail .cart_btn a{
width: 100%;
display: block;
border-radius: 26px;
line-height: 1;
background: #E84709;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 0 15px;
transition: background .3s;
}

.page-goods .block-goods-detail .cart_btn a img{
max-width: 18px;
width: 100%;
margin-right: 14px;
}

.page-goods .block-goods-detail .cart_btn a span{
font-weight: 700;
font-size: 18px;
color: #fff;
}

.page-goods .block-goods-detail .cart_btn a:hover{
background: #F1C046;
}

.page-goods .block-goods-detail .favorite_btn{
max-width: 51px;
width: 100%;
}

.page-goods .block-goods-comment1{
display: none;
}

.page-goods .block-goods-comment1.active{
display: block;
}

.page-goods .block-goods-detail .pane-goods-right-side p{
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #707070;
margin-bottom: 26px;
}

.page-goods .block-goods-detail .pane-goods-right-side .detail_text{
background: #F7F7F7;
border-radius: 10px;
padding: 20px;
}

.page-goods .block-goods-detail .pane-goods-right-side .detail_text dt{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #393939;
margin-bottom: 10px;
}

.page-goods .block-goods-detail .pane-goods-right-side .detail_text dd{
font-size: 14px;
line-height: 24px;
color: #646464;
}

.page-goods .block-goods-detail .pane-goods-right-side .block-accessory-list--name {
font-size: 16px;
font-weight: 500;
text-align: left;
margin: 0 0 20px;
padding: 0;
}

.page-goods .block-check-list-a--image {
width: 60px;
}

.page-goods .block-check-list-a--image figure {
background: none;
width: 60px;
height: 60px;
border-radius: 10px;
}

.page-goods .block-check-list-a--image figure {
border-radius: 10px;
}

.page-goods .block-check-list-a--item-description {
padding: 0 20px;
}

.page-goods .block-check-list-a--goods-name {
font-size: 14px;
}

.page-goods .block-check-list-a--item-description .variation-name {
font-size: 12px;
}

.page-goods .block-check-list-a--comment{
font-size: 12px;
}

.page-goods .block-check-list-a--item-description .price {
font-weight: 700;
font-size: 14px;
line-height: 1.2;
margin: 0;
}

.page-goods .block-check-list-a--stock-items {
font-size: 12px;
}

.page-goods .block-check-list-a--select-item {
background: none;
}

.page-goods .block-check-list-a--item-description .block-check-list-a--select-item {
display: none;
}

.page-goods .block-check-list-a--item-description label.radio {
font-size: 14px;
font-weight: 500;
}

.page-goods .block-check-list-a--goods-name a {
color: #333;
}

.page-goods .cnt_area h3{
font-weight: 700;
font-size: 26px;
line-height: 1;
margin-bottom: 78px;
text-align: center;
position: relative;
z-index: 1;
}

.page-goods .cnt_area h3::after{
content: "";
display: block;
width: 32px;
height: 3px;
background: #000;
margin: 18px auto 0;
}

.page-goods .cnt_area h3 span{
display: block;
font-size: 20px;
line-height: 36px;
}

.page-goods #cnt_area02 .contents_in{
max-width: 1280px;
position: relative;
padding-bottom: 191px;
}

.page-goods #cnt_area02 p{
max-width: 664px;
width: 100%;
margin: 0 auto;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

.page-goods #cnt_area02 .icon{
position: absolute;
}

.page-goods #cnt_area02 .icon01{
max-width: 258px;
width: 20.16%;
top: -6.22%;
right: 6.25%;
}

.page-goods #cnt_area02 .icon02{
max-width: 240px;
width: 18.75%;
top: 36.4%;
left: 6.8%;
}

.page-goods #cnt_area03{
margin-bottom: 127px;
}

.page-goods #cnt_area03 .table_ptn01{
max-width: 844px;
width: 100%;
margin: 0 auto;
padding: 23px 0;
position: relative;
}

.page-goods #cnt_area03 .table_ptn01::before,.page-goods #cnt_area03 .table_ptn01::after{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../../img/top/bg_line.png) repeat-x center top/auto 100%;
position: absolute;
left: 0;
}

.page-goods #cnt_area03 .table_ptn01::before{
top: 0;
}

.page-goods #cnt_area03 .table_ptn01::after{
bottom: 0;
}

.page-goods #cnt_area03 .table_ptn01 table{
max-width: 826px;
width: 100%;
margin: 0 auto;
background: #fff;
}

.page-goods #cnt_area03 .table_ptn01 tr{
border-bottom: 1px solid #E5E5E4;
font-size: 14px;
}

.page-goods #cnt_area03 .table_ptn01 tr:last-of-type{
border-bottom: none;
}

.page-goods #cnt_area03 .table_ptn01 th{
font-weight: 500;
line-height: 20px;
padding: 14px 0 14px 26px;
width: 205px;
text-align: left;
vertical-align: middle;
}

.page-goods #cnt_area03 .table_ptn01 td{
line-height: 28px;
color: #5F5F5F;
padding: 14px 23px;
width: calc(100% - 205px);
}

.page-goods #cnt_area03 .table_ptn01 tr:last-of-type th{
vertical-align: top;
padding-top: 28px;
}

.page-goods #cnt_area03 .table_ptn01 td img{
max-width: 520px;
width: 100%;
margin-top: 36px;
}

.page-goods #cnt_area03 .table_ptn01 .btn_type02{
margin: 103px auto 40px;
max-width: 393px;
}

.page-goods #cnt_area03 .table_ptn01 .btn_type02 a{
padding: 17px 0 16px;
}

.page-goods #cnt_area04{
margin-bottom: 120px;
}

.page-goods #cnt_area04 h4{
font-weight: 700;
font-size: 20px;
color: #000000;
text-align: center;
margin-bottom: 24px;
}

.page-goods #cnt_area04 .movie_box{
max-width: 800px;
width: 76.93%;
margin: 0 auto 86px;
border-radius: 10px;
position: relative;
}

.page-goods #cnt_area04 .movie_box .icon{
max-width: 108px;
width: 100%;
border-radius: 100%;
background: #E84709;
height: 108px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}

.page-goods #cnt_area04 .movie_box .icon img{
max-width: 46px;
width: 100%;
margin: 0 auto;
}

.page-goods #cnt_area04 .movie_box .preimg{
border-radius: 10px;
position: relative;
}

.page-goods #cnt_area04 .movie_box .preimg::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.7);
}

.page-goods #cnt_area04 .movie_box .preimg img{
border-radius: 10px;
}

/*makeshop追加*/
.page-goods .block-goods-detail .pane-goods-right-side .makeshop-option-label{
/* display: none; */
font-size: 16px;
color: #393939;
font-weight: 500;
margin: 0 0 12px;
line-height: 25.5px;
}

.page-goods .block-goods-detail .pane-goods-right-side .makeshop-option-wrap {
margin: 0;
}

.page-goods .block-goods-detail .wrapping_box .makeshop-option-select-wrap{
position: relative;
}

.page-goods .block-goods-detail .wrapping_box .makeshop-option-select-wrap::after{
content: "";
display: block;
width: 11px;
height: 9px;
border: none;
box-shadow: none;
background: url(../common/img/icon_arrow01.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(180deg);
}


.page-goods .block-goods-detail .cnt_img .thumbnail_slider,
.page-goods .block-goods-detail .cnt_img .thumbnail_slider .slick-list,
.page-goods .block-goods-detail .cnt_img .thumbnail_slider .slick-track{
width: 100%!important;
}

.page-goods + .purchase_btn{
display: none!important;
}

.page-goods #cnt_area04 .youtube_box{
max-width: 800px;
width: 76.93%;
height: auto;
margin: 0 auto 86px;
border-radius: 10px;
overflow: hidden;
position: relative;
padding: 21.6% 0;
cursor: pointer;
z-index: 0;
}

.page-goods #cnt_area04 .player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.page-goods #cnt_area04 .player iframe {
width: 100%;
height: 100%;
}

.page-goods #cnt_area04 .youtube_thumb {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
transition: .3s;
pointer-events: all;
}

.page-goods #cnt_area04 .youtube_thumb.hide {
opacity: 0;
pointer-events: none;
}

.page-goods #cnt_area05 .contents_in {
padding-bottom: 100px;
}

/* .page-goods #cnt_area05 .ecbn-selection-wrapper .ecbn-selection-footer2 {
display: none!important;
}  */

.page-goods #goodsdetail_itemhistory,
.page-goods .block-goods-user-review {
padding: 0;
margin: 0 auto;
width: 100%;
display: none;
}

.page-goods #goodsdetail_itemhistory h2,
.page-goods .block-goods-user-review h2 {
font-weight: 700;
font-size: 26px;
line-height: 1;
margin: 0 auto 78px;
padding: 0;
text-align: center!important;
position: relative;
background: none;
z-index: 1;
}

.page-goods #goodsdetail_itemhistory h2::after,
.page-goods .block-goods-user-review h2::after {
content: "";
display: block;
position: relative;
width: 32px;
height: 3px;
bottom: auto;
left: auto;
background: #000;
margin: 18px auto 0;
}

.page-goods .block-goods-user-review .block-icon-image--table {
display: block;
}

.page-goods .block-goods-user-review .block-icon-image--table-cell {
display: block;
}

.page-goods .block-goods-user-review .block-icon-image--comments {
display: none;
}

.page-goods .block-goods-user-review .block-icon-image--table-cell-left {
display: block;
text-align: center;
}

.page-goods .block-goods-user-review .block-goods-user-review--nothing {
font-weight: 500;
}

.page-goods .block-goods-user-review .block-goods-user-review--nothing p {
font-weight: 500;
font-size: 16px;
line-height: 1.5;
}

.page-goods .block-goods-user-review .btn {
width: 344px;
border-radius: 26px;
background: #363636;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 18px;
line-height: 1;
padding: 15px 0 18px;
position: relative;
}

.page-goods .block-goods-user-review .btn:hover {
background: #F1C046;
color: #fff!important;
}

.page-goods .block-goods-user-review .btn::after {
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #fff;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
box-sizing: border-box;
transition: all .3s;
}

.page-goods .block-goods-user-review .btn:hover::after {
right: 15px;
}

.page-goods #block_of_genre,
.page-goods #block_of_category{
display: none;
}

.page-goods .block-accessory-list--name {
font-weight: 700;
font-size: 26px;
line-height: 1;
margin-bottom: 78px;
text-align: center;
position: relative;
z-index: 1;
padding-bottom: 18px;
}

.page-goods .block-accessory-list--name::after {
left: 50%;
transform: translateX(-50%);
width: 32px;
height: 3px;
background: #000;
margin: 0;
}

.page-goods .block-goods-detail-j--goods {
flex-basis: 180px;
}

.page-goods .block-goods-detail-j--goods-image figure {
background: none;
border-radius: 10px;
padding: 0;
}

.page-goods .block-goods-detail-j--goods-image figure::after {
content: "";
position: absolute;
display: block;
pointer-events: none;
background: #FCF5ED;
border-radius: 10px;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: .3s;
}

.page-goods .block-goods-detail-j--goods-image figure:hover::after {
opacity: .5;
}

.page-goods .block-goods-detail-j--goods-image figure img {
border-radius: 10px;
}

.page-goods #block_of_recommend .block-goods-detail-j--goods .price {
font-weight: 700;
font-size: 20px;
line-height: 1.5;
margin-bottom: 0;
text-align: left;
}

.page-goods .modal-dialog .modal-footer .btn {
font-weight: 700;
border-radius: 30px;
color: #fff!important;
}

.page-goods .modal-dialog .modal-footer .btn.btn-secondary {
background: #707070;
}

.page-goods .modal-dialog .modal-footer .bookmarkmodal-option .btn.btn-secondary {
background: #363636;
}

.page-goods .modal-dialog .modal-footer .btn:hover {
background: #F1C046!important;
opacity: 1;
color: #fff!important;
}

.page-goodsagree .container{
width: calc(100% - 40px);
}

.page-goodsagree .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-goodsagree .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
/* padding: 85px 0 40px; */
}

.page-goodsagree .pane-main .block-goods-agree--item {
font-size: 15px;
letter-spacing: 0.04em;
line-height: 2;
}

.page-goodsagree .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-goodsagree .action .block-goods-agree--disagree {
background: #707070!important;
}

.page-goodsagree .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}


/*2024/03/13追加*/
.page-goods #cnt_area03 .detail_info_box{
max-width: 826px;
width: 100%;
}

.page-goods #cnt_area03 .detail_info_box dt{
cursor: pointer;
padding: 15px 35px 15px 15px;
max-width: 826px;
width: 100%;
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
border-bottom: 1px solid #E5E5E4;
color: #393939;
}

.page-goods #cnt_area03 .detail_info_box dt::after {
content: "";
position: absolute;
top: 50%;
right: 26px;
transform: translateY(-50%);
border: 5.5px solid transparent;
border-top: 6px solid #393939;
transition: .3s;
}

.page-goods #cnt_area03 .detail_info_box dt.open::after {
transform: translateY(-50%) rotate(180deg);
}

.page-goods #cnt_area03 .detail_info_box:first-child dt{
border-top: 1px solid #E5E5E4;
}

.page-goods #cnt_area03 .detail_info_box dd{
display: none;
}

.page-goods #cnt_area03 .detail_info_box dd table{
/* border-top: 1px solid #E5E5E4; */
border-bottom: 1px solid #E5E5E4;
}

.page-goods #cnt_area03 .table_ptn01 .detail_info_box dd tr:last-of-type th {
vertical-align: middle;
padding-top: 14px;
}

.page-goods #cnt_area03 .table_ptn01 .detail_info_box dd tr.wrapping th {
vertical-align: top;
padding-top: 28px;
}


/*----------
03.KAWAI’S EDUCATIONAL TOYS
----------*/

#education .contents_in{
max-width: 1280px;
position: relative;
}

#education .page_title_box{
padding-bottom: 40px;
}

#education #cnt_area01 .contents_in{
padding: 0 0 114px;
}

#education #cnt_area01 .mv{
max-width: 430px;
width: 100%;
margin: 0 auto 39px;
}

#education #cnt_area01 .catchcopy{
font-size: 20px;
letter-spacing: 0.04em;
line-height: 52px;
text-align: center;
margin: 0 auto 28px;
}

#education #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
position: relative;
z-index: 1;
}

#education #cnt_area01 p.text01::after{
content: "";
display: block;
width: 1px;
height: 50px;
margin: 46px auto 40px;
background: #333333;
}

#education #cnt_area01 .cnt_img{
max-width: 800px;
width: 100%;
margin: 103px auto 28px;
}

#education .cnt_area .h3_en{
text-transform: uppercase;
color: #E84709;
font-weight: 500;
font-size: 16px;
line-height: 22px;
/* margin-bottom: 15px; */
margin-bottom: 7px;
font-family: 'Avenir';
font-weight: 500;
}

#education .cnt_area h3{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.04em;
line-height: 29px;
/* margin-bottom: 12px; */
margin-bottom: 40px;
}

/* #education .cnt_area h3:after{
content: "";
display: block;
margin: 20px 0 0 13px;
width: 1px;
height: 31px;
background: #333333;
} */

#education .cnt_area .cnt_box{
max-width: 1160px;
width: 100%;
margin: 0 0 100px auto;
display: flex;
align-items: center;
justify-content: space-between;
}

#education .cnt_area .cnt_img{
max-width: 617px;
width: 53.19%;
position: relative;
}

#education .cnt_area .cnt_img .img{
border-radius: 10px 0 0 10px;
position: relative;
/* z-index: 2; */
}

#education .cnt_area .cnt_text{
max-width: 444px;
width: 38.28%;
position: relative;
z-index: 2;
}

#education .cnt_area .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 32px;
}

#education .cnt_area .cnt_box.direction_row{
flex-direction: row-reverse;
margin: 0 0 100px;
}

#education .cnt_area .cnt_box.direction_row .cnt_img .img{
border-radius: 0 10px 10px 0;
}

#education #cnt_area02{
background: #FCF5ED;
}

#education #cnt_area02 .contents_in{
padding: 120px 0 28px;
}

#education #cnt_area02 .cnt_img .small_cnt_img{
max-width: 408px;
width: 66.13%;
margin: -24.64% -48.63% 0 auto;
border-radius: 10px;
}

#education #cnt_area02 .cnt_box03{
align-items: start;
}

#education #cnt_area02 .cnt_box03 .cnt_text{
margin-top: 115px;
}

#education #cnt_area03 .contents_in{
padding: 130px 0 26px;
}

#education #cnt_area03 .cnt_box{
align-items: start;
}

/*----------
04.Wrapping
----------*/
#wrapping .contents_in{
position: relative;
}

#wrapping .cnt_area .contents_in{
max-width: 1280px;
}

#wrapping .cnt_area .h3_en{
color: #E84709;
font-weight: 500;
font-size: 16px;
line-height: 22px;
/* margin-bottom: 15px; */
margin-bottom: 7px;
text-transform: uppercase;
font-family: 'Avenir';
font-weight: 500;
}

#wrapping .cnt_area h3{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.04em;
line-height: 29px;
margin-bottom: 12px;
}

/* #wrapping .cnt_area h3:after{
content: "";
display: block;
margin: 20px 0 0 13px;
width: 1px;
height: 31px;
background: #333333;
} */

#wrapping .cnt_area .cnt_box{
max-width: 1160px;
width: 100%;
margin: 0 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}

#wrapping .cnt_area .cnt_img{
max-width: 617px;
width: 53.19%;
position: relative;
}

#wrapping .cnt_area .cnt_img .img{
border-radius: 10px 0 0 10px;
position: relative;
z-index: 2;
}

#wrapping .cnt_area .cnt_text{
max-width: 445px;
width: 38.37%;
position: relative;
z-index: 2;
}

#wrapping .cnt_area .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
}

#wrapping .cnt_area .cnt_box.direction_row{
flex-direction: row-reverse;
margin: 0 auto 0 0;
}

#wrapping .cnt_area .cnt_box.direction_row .cnt_img .img{
border-radius: 0 10px 10px 0;
}

#wrapping #cnt_area01 .contents_in{
padding-bottom: 124px;
}

#wrapping #cnt_area01 .cnt_img{
max-width: 800px;
margin: 0 auto 47px;
border-radius: 10px;
overflow: hidden;
}

#wrapping #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#wrapping #cnt_area02 .contents_in{
max-width: 1280px;
padding-bottom: 130px;
}

#wrapping #cnt_area02 .title{
text-align: center;
margin: 0 auto 19px;
font-size: 22px;
line-height: 30px;
color: #363636;
text-transform: uppercase;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 .title span{
font-size: 42px;
line-height: 57px;
display: inline-block;
vertical-align: sub;
}

#wrapping #cnt_area02 .title .blue_text{
color: #1D2087;
margin-right: 15px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 .title .red_text{
color: #E84709;
margin-left: 15px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 p{
text-align: center;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 30px;
}

#wrapping #cnt_area02 .cnt_img{
display: flex;
align-items: start;
justify-content: space-between;
max-width: 1040px;
margin: 0 auto;
width: calc(100% - 40px);
}

#wrapping #cnt_area02 .cnt_img img{
/* width: 50%; */
width: 48.5%;
max-width: 500px;
border-radius: 10px;
}

#wrapping #cnt_area03{
background: #FCF5ED;
}

#wrapping #cnt_area03 .contents_in{
padding: 120px 0;
}

#wrapping #cnt_area03 h3 {
margin-bottom: 52px;
}

/* #wrapping #cnt_area04{
background: #FCF5ED;
} */

#wrapping #cnt_area04 .contents_in{
padding: 120px 0;
max-width: 1280px;
}

#wrapping #cnt_area04 h3 {
margin-bottom: 40px;
}

#wrapping #cnt_area04 .cnt_box{
max-width: none;
display: block;
}

#wrapping #cnt_area04 .cnt_text{
max-width: 800px;
width: 100%;
margin: 0 auto 86px;
text-align: center;
}

/* #wrapping #cnt_area04 h3:after{
margin: 20px auto 13px;
} */

#wrapping #cnt_area04 .cnt_img{
max-width: none;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
}

#wrapping #cnt_area04 .cnt_img .pic{
position: relative;
max-width: 563px;
width: 43.99%;
padding: 94px 0 0;
}

#wrapping #cnt_area04 .cnt_img .pic span{
display: block;
position: absolute;
/* top: 0; */
top: 8px;
left: 0;
font-weight: 300;
font-size: 100px;
line-height: 136px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area04 .cnt_img .pic .blue{
color: #1D2087;
}

#wrapping #cnt_area04 .cnt_img .pic .red{
color: #E84709;
}

#wrapping #cnt_area05 .contents_in{
padding: 120px 0 183px;
}

#wrapping #cnt_area05 .btn_type02{
margin: 45px 0 0;
}

#wrapping #cnt_area06 .contents_in{
padding-bottom: 130px;
}

#wrapping #cnt_area06 .icon{
max-width: 149px;
width: 100%;
margin: 0 auto 60px;
}

#wrapping #cnt_area06 .visumo_g{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 59px;
}

#wrapping #cnt_area06 .visumo_g li{
max-width: 327px;
width: 31.45%;
}

#wrapping #cnt_area06 p{
font-size: 14px;
letter-spacing: 0.04em;
line-height: 36px;
text-align: center;
margin: 0 0 46px;
}

#wrapping #cnt_area06 .insta_tag{
font-size: 0;
text-align: center;
margin-bottom: 73px;
}

#wrapping #cnt_area06 .insta_tag li{
border: 1px solid #919191;
border-radius: 3px;
color: #919191;
font-size: 12px;
line-height: 1;
padding: 6px 10px 7px;
display: inline-block;
margin: 0 7px 0px 0;
}




/*----------
05.VISUMO
----------*/

#visumo #cnt_area01 .contents_in{
max-width: 1280px;
position: relative;
padding-bottom: 86px;
}

#visumo #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
margin: 0 auto 33px;
}

#visumo #cnt_area01 .tag{
display: flex;
align-items: start;
justify-content: center;
margin-bottom: 24px;
}

#visumo #cnt_area01 .tag li{
border: 1px solid #333333;
padding: 5px 10px;
display: inline-block;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1;
border-radius: 5px;
margin: 0 7.5px;
}

#visumo #cnt_area02{
position: relative;
z-index: 1;
background: #FCF5ED;
}

#visumo #cnt_area02 .contents_in{
padding: 72px 0 70px
}

#visumo #cnt_area02 h3{
text-align: center;
font-weight: 700;
font-size: 26px;
line-height: 29px;
margin: 0 auto 73px;
text-transform: capitalize;
}

#visumo #cnt_area02 h3::after{
content: "";
display: block;
width: 32px;
height: 3px;
margin: 15px auto 0;
background: #000000;
}

#visumo #cnt_area02 .instagram_g{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#visumo #cnt_area02 .instagram_g li{
max-width: 327px;
width: 31.45%;
margin: 0 2.825% 30px 0;
}

#visumo #cnt_area02 .instagram_g li:nth-of-type(3n){
margin-right: 0;
}

/*-------
06.cart
-------*/
#cart{
padding-bottom: 150px;
}
#cart .cart-list-head{
align-items: center;
border-top: 1px solid #E5E5E4;
border-bottom: 1px solid #E5E5E4;
}

#cart .cart-list-head .cart-list-title{
color: #707070;
}

#cart .cart-list-item{
border-bottom: 1px dotted #E5E5E4;
}

#cart .cart-list-detail a{
color: #393939;
font-weight: 500;
}

#cart .cart-list-option-item{
color: #707070;
}

#cart .cart-list-price.cart-list-unit{
text-align: left;
}

#cart .cart-list-total-price{
color: #393939;
font-weight: 500;
}

#cart .cart-list-quantity input{
border: 1px solid #D3D3D3;
padding: 3px 8px;
}

#cart .cart_btn{
max-width: 295px;
width: 100%;
margin: 0 auto;
}

#cart .cart_btn a{
width: 100%;
display: block;
border-radius: 40px;
background: #E84709;
text-align: center;
padding: 14px 0 15px;
transition: .3s;
line-height: 1;
}

#cart .cart_btn a:hover{
background: #F1C046;
}

#cart .cart_btn a span{
font-weight: 700;
font-size: 18px;
color: #fff;
}

#cart .btn_type01{
max-width: 170px;
text-align: left;
margin: 30px auto;
}

#cart .btn_type01:hover::after{
left: auto;
right: -100%;
}

#cart .cart-quantity-btn {
background: #D3D3D3;
color: #fff;
font-size: 14px;
padding: 4px 10px 3px;
border: 1px solid #d3d3d3;
}

#cart .cart-total label{
font-size: 16px;
line-height: 1;
color: #393939;
}

#cart .cart-total {
font-size: 20px;
align-items: center;
padding: 16px 8px 5px;
color: #393939;
border-bottom: 2px solid #393939;
}

table.responsiveDesignSectionUser{
max-width:850px!important;
margin:0 auto 20px;
}

.page-cart .container{
max-width: 920px;
}

.page-cart .pane-main{
margin-top: 96px;
}

.block-cart--wrapper {
width: calc(100% - 40px);
margin: 0 auto;
}

.block-order-flow--step1,
.block-order-flow--step2,
.block-order-flow--step3,
.block-order-flow--step4,
.block-order-flow--step5 {
padding: 0 10px;
}

.block-order-flow--step-current {
background-color: #363636;
color: #fff;
padding-right: 25px;
}

.block-order-flow--step1:after,
.block-order-flow--step2:after,
.block-order-flow--step3:after,
.block-order-flow--step4:after,
.block-order-flow--step5:after {
border-color: #fff #fff #fff #363636;
border-width: 30px 0 30px 15px;
}

.block-common-alert-list--items {
color: #ff0000;
}

.block-common-alert-list {
width: 90%;
max-width: 800px;
}

.block-cart--contents {
width: 100%;
float: none;
}

.block-cart--promotion-criteria-list{
max-width: 1040px;
margin: 0 auto 40px;
}

.block-cart--container {
max-width: 1040px;
margin: 0 auto;
}

.block-cart--goods-list li {
margin: 20px 0 20px 0;
}

.block-cart--goods-list li:last-child {
border-bottom: 1px solid #dcdcdc;
}

.block-cart--goods-list-image {
float: left;
width: 80px;
height: 80px;
border-radius: 10px;
overflow: hidden;
}

.block-cart--goods-list-item {
width: calc(100% - 400px);
}

.block-cart--goods-list-item-name {
font-weight: 500;
color: #393939;
}

.block-cart--goods-list-item-comment {
padding: 10px 0 0;
color: #707070;
font-size: 14px;
}

.block-cart--goods-list-item-qty input {
border-color: #d3d3d3;
border-radius: 5px;
}

.block-cart--goods-list-item-input .block-cart--goods-list-item-calc .btn-default {
background-color: #e5e5e5;
border-radius: 5px;
}

.block-cart--side-area {
float: none;
}

.block-cart--side-contents {
width: 100%;
margin: 0;
}

.block-cart--procedure {
border: none;
padding: 0;
overflow: hidden;
margin-bottom: 0;
}

.block-cart--procedure-container .block-cart--subtotal {
border-bottom: 1px #dcdcdc solid;
padding-bottom: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: flex-end;
}

.block-cart--procedure-container .block-cart--order {
max-width: 296px;
margin: 0 0 0 auto;
}

.block-cart--procedure-container .block-cart--order input{
border-radius: 30px;
}

.block-cart--procedure-container .block-cart--order .btn-primary {
background-color: #E84709;
}

#cart_gift {
background-color: #363636 !important;
}

.block-cart--procedure-container .block-cart--order input:hover,
.block-cart--procedure-container .block-cart--order #cart_gift:hover{
background-color: #F1C046!important;
}

.block-cart--continue-shopping {
text-align: right;
}

#cart_itemhistory .block-goods-list-c--item-body {
width: 180px;
}




/*-----------
07.contract
-----------*/
#contract .page_title_box {
padding: 85px 0;
}

#contract .cnt_area{
padding: 0 0 71px;
max-width: 826px;
}

#contract .contract_item{
text-align: left;
margin-bottom: 14px;
padding:  0 20px 14px 25px;
display: flex;
align-items: flex-start;
border-bottom: 1px solid #E5E5E4;
}

#contract .contract_title{
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
width: 185px;
}

#contract .contract_content{
width: calc(100% - 185px);
font-size: 14px;
font-weight: 400;
line-height: 28.7px;
color: #5F5F5F;
}

/*----------
08.company
----------*/
#company .page_title_box {
padding: 85px 0 75px;
}

#company .cnt_area{
padding: 0 0 100px;
max-width: 826px;
}

#company table.table_a{
border: 1px solid #A7A7A7;
}

#company table.table_a th{
font-size: 16px;
text-align: left;
line-height: 30px;
padding: 17px 10px;
width: 167px;
}

#company table.table_a th.bg_gray{
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 5px 12px;
background: #A7A7A7;
width: 128px;
}

#company table.table_a td{
font-size: 14px;
line-height: 20px;
padding: 20px 15px;
width: calc(100% - 295px);
vertical-align: middle;
}

#company table.table_a td span{
display: inline-block;
}


/*------
09.faq
------*/
#faq .page_title_box {
padding: 85px 0;
}

#faq .cnt_area{
padding: 0 0 120px;
max-width: 827px;
}

#faq .cnt_area .question_box{
margin-bottom: 15px;
padding: 0 26px 0 20px;
border: 1px solid #E5E5E4;
}

#faq .cnt_area .question{
cursor: pointer;
position: relative;
padding: 18px 30px 15px 0;
display: flex;
align-items: center;
justify-content: flex-start;
}

#faq .cnt_area .question::after{
content: "";
position: absolute;
top: 28px;
right: 26px;
border: 5.5px solid transparent;
border-top: 6px solid #F9BF11;
transition: .3s;
}

#faq .cnt_area .question.open::after{
transform:rotateZ(180deg);
}

#faq .cnt_area .question .q_en{
font-family: "Noto Serif";
font-size: 16px;
font-weight: 500;
color: #E84709;
margin-right: 8px;
}

#faq .cnt_area .question .q_text{
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
}

#faq .cnt_area .answer{
border-top: 1px solid #E5E5E4;
padding: 14px 33px 22px 0;
display: none;
}

#faq .cnt_area .answer .a_wrap{
display: flex;
align-items: flex-start;
justify-content: flex-start;
}

#faq .cnt_area .answer .a_en{
font-family: "Noto Serif";
font-size: 16px;
font-weight: 500;
color: #E84709;
margin-right: 8px;
}

#faq .cnt_area .answer .a_text{
width: calc(100% - 24px);
font-size: 14px;
font-weight: 400;
line-height: 28.7px;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .cnt_img{
width: 90%;
max-width: 600px;
margin: 20px auto;
display: block;
}

#faq .cnt_area .answer .a_text .a_link{
position: relative;
transition: .3s;
overflow: hidden;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .a_link:hover{
opacity: .7;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .a_link::after{
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #5F5F5F;
bottom: 0;
right: 0;
transition: .3s;
}

#faq .cnt_area .answer .a_text .a_link:hover::after{
transform: scale(0);
}

#faq .cnt_area .answer .a_text .r_txt{
color: #E84709;
}

#faq .cnt_area .answer .a_text .table_wrap{
margin: 20px auto;
width: 100%;
max-width: 550px;
}

#faq .cnt_area .answer .a_text .table_wrap table{
width: 100%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th{
text-align: center;
line-height: 20px;
vertical-align: middle;
padding: 6px 0;
background: #5F5F5F;
color: #fff;
border-right: 1px solid #fff;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th span{
display: block;
font-size: 12px;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:first-child{
width: 14%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(2){
width: 50%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(3){
width: 13%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(4){
width: 23%;
border-right: none;
}

#faq .cnt_area .answer .a_text .table_wrap td{
text-align: center;
border: 1px solid #5F5F5F;
vertical-align: middle;
padding: 6px;
}

#faq .cnt_area .answer .a_text .table_wrap td .caution{
font-size: 12px;
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_yellow{
background: rgba(255,255,204,.35);
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_blue{
background: rgba(153,255,255,.35);
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_pink{
background: rgba(255,204,255,.35);
}

#faq .cnt_area .answer .a_text .a_bg_box{
background: #F7F7F7;
border-radius: 10px;
padding: 20px;
margin: 15px auto;
}

/*------------------
09++ products_faq_page
------------------*/
#faq.products_faq_page .serch_form{
padding: 0 0 62.5px;
max-width: 640px;
margin: 0 auto;
}

#faq.products_faq_page .serch_form .input_wrap{
position: relative;
}

#faq.products_faq_page .serch_form .input_wrap input{
display: block;
width: 100%;
border-radius: 10px;
border: 1px solid #707070;
padding: 12px 110px 13px 35px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
line-height: 24px;
appearance: none;
}

#faq.products_faq_page .serch_form .input_wrap input::placeholder{
color: #C3C3C3;
}

#faq.products_faq_page .serch_form .input_wrap .txt{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 81px;
height: 100%;
top: 0;
right: 0;
color: #fff;
background: #363636;
border-radius: 0 10px 10px 0;
font-size: 14px;
}

#faq.products_faq_page .cnt_area {
padding-bottom: 100px;
/* padding-bottom: 330px; */
}

#faq.products_faq_page .category_area {
display: flex;
}

#faq.products_faq_page .tab {
width: 50%;
padding: 15.5px 10px 14.5px;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #000;
cursor: pointer;
border-top: 1px solid #fff;
border-bottom: 1px solid #707070;
}

#faq.products_faq_page .tab + .tab{
border-left: 1px solid #707070;
}

#faq.products_faq_page .tab.active {
border-top: 1px solid #707070;
border-bottom: 1px solid #fff;
}

#faq.products_faq_page .cnt_g {
padding-top: 61.5px;
}

#faq.products_faq_page .cnt_box {
display: none;
}

#faq.products_faq_page .cnt_box.active {
display: block;
}

#faq.products_faq_page .ttl_ic{
margin-bottom: 27px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #000;
}

#faq.products_faq_page .question_box + .ttl_ic{
margin-top: 40px;
}

#faq.products_faq_page .ttl_ic .ic{
display: inline-block;
width: 40px;
background: #EFEDED;
border-radius: 50%;
margin-right: 18px;
}

/*----------
10.returns
----------*/
#returns .page_title_box {
padding: 85px 0 75px;
}

#returns .table_wrap{
padding-bottom: 100px;
max-width: 826px;
}

#returns table.table_a th {
text-align: left;
font-size: 16px;
padding: 17px 10px;
width: 200px;
}

#returns table.table_a td {
font-size: 14px;
line-height: 28px;
color: #333333;
padding: 20px 23px;
width: calc(100% - 200px);
border-color: #464646;
}

/*--------
11.guide
--------*/
#guide .page_title_box{
padding: 85px 0 94px;
}

#guide .contents_in{
max-width: 826px;
}

#guide h2.ttl{
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 48px;
}

#guide .cnt_box01{
padding-bottom: 65px;
}

#guide .cnt_box01 .cnt_g{
width: calc(100% - 35.5px);
margin: 0 0 0 35.5px;
position: relative;
padding-bottom: 60px;
border-left: 1px solid #464646;
min-height: 133px;
}

#guide .cnt_box01 .cnt_g:last-child{
border-left: none;
}

#guide .cnt_box01 .cnt_g .step{
position: absolute;
top: 0;
left: -35.5px;
color: #fff;
background: #464646;
width: 71px;
text-align: center;
font-family: "Avenir";
font-weight: 700;
font-size: 36px;
line-height: 1;
padding: 11px 0 7px;
}

#guide .cnt_box01 .cnt_g .step span{
display: block;
font-weight: 300;
font-size: 19px;
}

#guide .cnt_box01 .cnt_g .cnt_text{
padding-left: 80px;
}

#guide .cnt_box01 .cnt_g .cnt_text h3{
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: .04em;
border-bottom: 1px solid #D1D1D1;
padding-bottom: 10px;
margin-bottom: 10px;
}

#guide .cnt_box01 .cnt_g .cnt_text p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#guide .cnt_box01 .cnt_g .cnt_text ul li{
text-indent: -1em;
padding-left: 1em;
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#guide .cnt_box02{
padding-bottom: 83px;
}

#guide .cnt_box02 .des_text{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
margin-bottom: 25px;
}

#guide .cnt_box02 .cnt_g{
padding: 30px;
border-radius: 10px;
background: #F5F5F5;
margin-bottom: 45px;
}

#guide .cnt_box02 .cnt_g h3{
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: .04em;
margin-bottom: 15px;
}

#guide .cnt_box02 .cnt_g p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
}

#guide .cnt_box02 .cnt_g ul li{
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-indent: -1em;
padding-left: 1em;
}

#guide .cnt_box02 .cnt_g .cnt_img{
margin: 25px 0;
max-width: 577.16px;
border-radius: 5px;
overflow: hidden;
}

#guide .cnt_box02 .cnt_g.g_02 .cnt_img{
max-width: 647px;
}

#guide .cnt_box02 .cnt_g.g_03 .cnt_img{
max-width: 634px;
}

#guide .cnt_box03{
padding-bottom: 130px;
}

#guide .cnt_box03 table.table_a th {
font-size: 16px;
text-align: left;
line-height: 40px;
width: 200px;
}

#guide .cnt_box03 table.table_a td{
font-size: 14px;
line-height: 28px;
padding: 20px 23px;
width: calc(100% - 200px);
border-color: #464646;
}

/*--------
12.login
--------*/
#login header .contents_in{
padding: 60px 0 55px;
display: block;
}

#login header .h1_tittle{
max-width: 100%;
}

#login header .h1_tittle img{
max-width: 176px;
width: 100%;
margin: 0 auto 15px;
}

#login header .h1_tittle span{
text-align: center;
font-size: 19px;
display: block;
}

#login .cnt_area{
background: #FCF5ED;
padding: 50px 0 43px;
text-align: center;
margin-top: 190px;
}

#login .cnt_area h2{
font-size: 28px;
font-weight: 700;
line-height: 1;
margin-bottom: 60px;
}

#login .cnt_area .cnt_g{
margin: 0 auto 60px;
}


#login .cnt_area .cnt_g p{
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 30px;
}

#login .cnt_area .cnt_g .login_btn{
display: block;
width: 100%;
max-width: 378px;
text-align: center;
color: #fff;
background: #1D2087;
border-radius: 37px;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 28px 0 27px;
margin: 0 auto;
transition: .3s;
}

#login .cnt_area .cnt_g .login_btn:hover{
background: #F1C046;
}


#login .cnt_area .cnt_g.login{
padding: 80px 0;
}

#login .cnt_area .cnt_g .btn_type01{
margin: 40px auto 0;
}

#login footer{
background: #fff;
}

#login footer .copyright{
color: #707070;
}

.page-login .container {
width: 100%;
}

.page-login .block-login {
width: calc(100% - 40px);
margin: 0 auto;
}

.page-login .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-login .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-login .pane-main h2{
font-weight: 700;
font-size: 26px;
line-height: 1;
margin: 0 auto 78px;
padding: 0;
text-align: center!important;
position: relative;
background: none;
}

.page-login .pane-main h2 span::after {
content: "";
display: block;
position: relative;
width: 32px;
height: 3px;
background: #000;
margin: 18px auto 0;
bottom: auto;
left: auto;
}

.block-login--member-frame {
padding: 0;
border: none;
max-width: 1040px;
margin: 0 auto 20px;
}

.block-login--member-frame .block-login--input-items {
max-width: 880px;
width: 100%;
}

.page-login .form-group.block-login--pwd .form-label,
.page-login .form-label {
width: 155px;
background: #363636;
color: #fff;
font-weight: 500;
}

.page-login .constraint {
background: #363636;
}

.page-login .required:after {
background-color: #E84709;
}

.page-login .block-login--member-info-value-label {
font-size: 14px;
}

.page-login input[type="text"],
.page-login input[type="tel"],
.page-login input[type="email"],
.page-login input[type="search"],
.page-login input[type="password"],
.page-login input[type="url"],
.page-login input[type="number"],
.page-login select {
border-radius: 5px;
border-color: #363636;
}

.block-login--first-time {
max-width: 1040px;
margin: 0 auto;
border: none;
}

.block-login--body .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.block-login--body .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.block-login--first-time-message {
margin: 0 auto 50px;
}

.page-logout .container {
width: 100%;
}

.page-logout .block-login {
width: calc(100% - 40px);
}

.page-logout .pane-main{
margin-top: 96px;
padding-bottom: 100px;
}

.page-logout .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-logout .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-logout .action .btn:hover {
opacity: 1;
color: #fff!important;
background: #F1C046!important;
}



.page-customer .container {
width: calc(100% - 40px);
}

.page-customer .pane-main{
margin-top: 96px;
}

.page-customer .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-customer .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-customer .constraint {
background: #363636;
}

.page-customer .required:after {
background-color: #E84709;
}

.page-customer .block-member-info--value-label {
font-size: 14px;
}

.page-customer input[type="text"],
.page-customer input[type="tel"],
.page-customer input[type="email"],
.page-customer input[type="search"],
.page-customer input[type="password"],
.page-customer input[type="url"],
.page-customer input[type="number"],
.page-customer select {
border-radius: 5px;
border-color: #363636;
}

.page-customer .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-customer .action .btn:hover {
opacity: 1;
background: #F1C046!important;
}

.page-customer .action .block-member-info--back,
.page-customer .action .block-member-info-confirmation--back {
background: #707070!important;
}

.page-customer .action .block-member-info--back,
.page-customer .action .block-member-info-confirmation--back:hover {
color: #fff!important;
}

.page-method .container{
width: calc(100% - 40px);
max-width: 920px;
}

.page-method .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-method .block-order-method--contents {
width: 100%;
float: none;
}

.page-method .block-order-method--payment-content,
.page-method .block-order-method--regular-content,
.page-method .block-order-method--spec-content,
.page-method .block-order-method--goods-content,
.page-method .block-order-method--dest-content,
.page-method .block-order-method--host-content,
.page-method .block-order-method--host-confirmation {
border: none;
padding: 0 0 20px;
}

.page-method input[type=radio] {
display: none;
}

.page-method input[type=radio] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
word-break: break-all;
}

.page-method input[type=radio] + label::after,
.page-method input[type=radio] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-method input[type=radio] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
border-radius: 50%;
}

.page-method input[type=radio] + label::after {
left: 5px;
width: 10px;
height: 10px;
background: #E84709;
border-radius: 50%;
opacity: 0;
}

.page-method input[type=radio]:checked + label {
color: #333;
}

.page-method input[type=radio]:checked + label::after {
opacity: 1;
}

.page-method input[type=radio]:checked + label::before,
.page-method label:hover::before {
border-color: #E84709;
}

.page-method input[type=radio] + label:has(.wrapping_img){
text-align: right;
padding: 0 0 0 20px;
}

.page-method input[type=radio] + label:has(.wrapping_img)::before,
.page-method input[type=radio] + label:has(.wrapping_img)::after{
top: auto;
bottom: 2px;
transform: translateY(0);
}

.page-method input[type=radio] + label:has(.wrapping_img)::before{
left: 10px;
}

.page-method input[type=radio] + label:has(.wrapping_img)::after {
left: 15px;
bottom: 7px;
}

.page-method .wrapping_img {
width: 60px;
border-radius: 5px;
overflow: hidden;
margin: 0 auto 4px;
}

.page-method input[type=checkbox] {
display: none;
}

.page-method label.checkbox {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-method label.checkbox::after,
.page-method label.checkbox::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-method label.checkbox::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
}

.page-method label.checkbox::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-method input[type=checkbox]:checked + label.checkbox {
color: #333;
}

.page-method input[type=checkbox]:checked + label.checkbox::after {
opacity: 1;
}

.page-method input[type=checkbox]:checked + label.checkbox::before,
.page-method label.checkbox:hover::before {
border-color: #E84709;
}

.page-method .block-order-method--dest-item-edit .btn{
background-color: #363636;
border-radius: 26px;
color: #fff;
font-weight: 700;
cursor: pointer;
}

.page-method .block-order-method--dest-item-edit .btn:hover{
background-color: #F1C046;
color: #fff!important;
}

.page-method .block-order-method--dest-add .btn {
background-color: #363636;
border-radius: 26px;
color: #fff;
font-weight: 700;
cursor: pointer;
}

.page-method .block-order-method--dest-add .btn:hover{
background-color: #F1C046;
color: #fff!important;
}


.page-method .block-order-method--coupon-content .btn{
background-color: #363636;
border-radius: 26px;
color: #fff;
font-weight: 700;
cursor: pointer;
}

.page-method .block-order-method--coupon-content .btn:hover{
background-color: #F1C046!important;
color: #fff!important;
}

.page-method .form-group input[type="text"],
.page-method .form-group input[type="tel"],
.page-method .form-group input[type="email"],
.page-method .form-group input[type="search"],
.page-method .form-group input[type="password"],
.page-method .form-group input[type="url"],
.page-method .form-group input[type="number"],
.page-method .form-group select,
.page-method .form-group textarea {
max-width: none;
width: 100%;
border: 1px solid #363636;
border-radius: 5px;
}

.page-method .form-group textarea {
border: 1px solid #363636;
border-radius: 5px;
}

.page-method .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-method .form-label {
background: #363636;
color: #fff;
font-weight: 500;
margin-right: 0;
}

.page-method .form-label.bg {
background: #707070;
padding-top: 5px;
padding-bottom: 5px;
}

.page-method .form-label:has(.popen_btn){
display: flex;
}

.page-method .popen_btn{
display: flex;
align-items: center;
justify-content: center;
width:23px;
height:23px;
border-radius: 50%;
border: 1px solid #fff;
margin: 0 20px 0 auto;
cursor: pointer;
}

.page-method .popen_area,
.page-method .popen_area .popen_img,
.page-method .popen_area .popen_img img{
height:0;
padding: 0;
transition: all .3s;
}

.page-method .block-order-method--sales-detail-append-item:has(.form-label.open) .popen_area,
.page-method .block-order-method--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img,
.page-method .block-order-method--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img img{
height:auto;
}


.page-method .block-order-method--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img{
max-width: 400px;
padding: 40px 0;
}

.page-method .block-order-method--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img img{
border-radius: 10px;
}

.page-method .form-label .required_txt{
display: inline-block;
padding: 0.2em 0.6em;
font-size: 11px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
color: #fff;
background-color: #E84709;
margin-left: 10px;
}

.page-method .constraint {
background: #363636;
display: none;
}

.page-method .required:after {
background-color: #E84709;
}

.page-method .block-order-method--side-area {
width: 100%;
float: none;
position: relative;
top: auto;
left: auto;
margin: 0 auto;
}

.page-method .block-order-method--side-contents {
background: none;
margin: 80px auto;
}

.page-method .block-order-method--procedure {
border: none;
padding: 0;
}

.page-method .block-order-method--procedure-container {
padding: 0;
background: #fff;
}

.page-method .block-order-method--side-contents .btn{
background: #E84709;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
}

.page-method .block-order-method--side-contents .btn:hover {
opacity: 1;
background: #F1C046;
}

.page-method #method_pay .block-order-method--payment-method-select li .help-block {
display: block;
margin: 10px 0 0;
}

.page-custdest .container{
width: calc(100% - 40px);
}

.page-custdest .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-custdest .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-custdest .constraint {
background: #363636;
}

.page-custdest .required:after {
background-color: #E84709;
}

.page-custdest .block-shipping-address--value-label {
font-size: 14px;
}

.page-custdest input[type="text"],
.page-custdest input[type="tel"],
.page-custdest input[type="email"],
.page-custdest input[type="search"],
.page-custdest input[type="password"],
.page-custdest input[type="url"],
.page-custdest input[type="number"],
.page-custdest select {
border-radius: 5px;
border-color: #363636;
}

.page-custdest .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-custdest .action .btn:hover {
opacity: 1;
background: #F1C046!important;
}

.page-custdest .action .block-shipping-address-confirmation--back,
.page-custdest .action .block-shipping-address--back {
background: #707070!important;
}

.page-custdest .action .block-shipping-address-confirmation--back,
.page-custdest .action .block-shipping-address--back:hover {
color: #fff!important;
}

.page-estimate .container{
width: calc(100% - 40px);
max-width: 920px;
}

.page-estimate .pane-main{
margin-top: 96px;
padding-top: 85px;
padding-bottom: 100px;
}

.page-estimate .block-order-estimate--content {
width: 100%;
float: none;
}

.page-estimate .block-order-estimate--confirmation {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.page-estimate .block-order-estimate--confirmation .block-order-estimate--pay-input{
width: 100%;
margin-top: 30px;
}

.page-estimate .block-order-estimate--confirmation-list {
width: 48%;
}

.page-estimate .block-order-estimate h3 a {
border-radius: 20px;
color: #fff;
font-weight: 700;
background: #363636;
}

.page-estimate .block-order-estimate h3 a:hover {
opacity: 1;
color: #fff!important;
background: #F1C046;
}

.page-estimate .block-order-estimate--goods-item-image {
width: 100px;
height: 100px;
}

.page-estimate .block-order-estimate--goods-item-comment {
font-size: 14px;
color: #707070;
}

.page-estimate .block-order-estimate--sales-append-list th{
background: #363636;
color: #fff;
font-weight: 500;
}

.page-estimate .block-order-estimate--side-area {
float: none;
width: 100%;
position: relative;
top: auto;
left: auto;
margin: 0 auto;
}

.page-estimate .block-order-estimate--side-contents {
width: 100%;
margin: 0;
}

.page-estimate .block-order-estimate--procedure {
border: none;
margin: 0;
padding: 0;
text-align: right;
}

.block-order-estimate--procedure-container {
padding: 60px 0 0 0;
}

.block-order-estimate--commit {
/* text-align: right; */
margin: 0 0 20px 0;
}

.page-estimate .block-order-estimate--commit-btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #E84709;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
margin: 0 autoo 30px;
}

.page-estimate .block-order-estimate--commit-btn:hover {
opacity: 1;
background: #F1C046;
color: #fff;
}

.page-estimate .block-order-estimate--commit .btn-default {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
font-weight: 700;
line-height: 1;
font-size: 14px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
margin: 0 auto 30px;
}

.page-estimate .block-order-estimate--commit .btn-default:hover {
opacity: 1;
background: #F1C046;
color: #fff;
}

.page-estimate input[type=checkbox] {
display: none;
}

.page-estimate input[type=checkbox] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-estimate input[type=checkbox] + label::after,
.page-estimate input[type=checkbox] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-estimate input[type=checkbox] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
}

.page-estimate input[type=checkbox] + label::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-estimate input[type=checkbox]:checked + label {
color: #333;
}

.page-estimate input[type=checkbox]:checked + label::after {
opacity: 1;
}

.page-estimate input[type=checkbox]:checked + label::before,
.page-estimate input[type=checkbox] + label:hover::before {
border-color: #E84709;
}

.page-estimate .block-order-estimate--total {
display: flex;
align-items: center;
justify-content: flex-end;
}

.page-estimate .block-order-estimate--sales-delivery-comment {
text-align: center;
}

.page-estimate .block-order-estimate--dest-address-container .btn{
background: #363636;
border-radius: 26px;
font-size: 14px;
padding: 15px;
color: #fff;
font-weight: 700;
}

.page-estimate .block-order-estimate--dest-address-container .block-order-estimate--dest-address-change,
.page-estimate .block-order-estimate--dest-address-container .block-order-estimate--dest-address-item-buttons {
height: auto;
}

.page-estimate .block-order-estimate--dest-address-container .btn:hover{
opacity: 1;
background: #F1C046;
color: #fff;
}

.page-estimate .block-order-gift-confirmation--order-item-wrapper,
.page-estimate .block-order-gift-confirmation--order,
.page-estimate .block-order-gift-confirmation--destination-address-wrapper,
.page-estimate .block-order-gift-confirmation--other-wrapper,
.page-estimate .block-order-gift-confirmation--novelty-content,
.page-estimate .block-order-gift-confirmation--order-comment,
.page-estimate .block-order-gift-confirmation--payment-method-wrapper {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0 0  20px;
}

.page-estimate .block-order-gift-confirmation--order-item-detail {
float: none;
width: 100%;
vertical-align: top;
}

.page-estimate .block-order-gift-confirmation--order-item-summary {
float: none;
width: 100%;
max-width: 340px;
padding: 0;
margin: 25px 0 0 auto;
display: block;
}

.page-estimate table th{
background: #363636;
color: #fff;
font-weight: 500;
}

.page-estimate .block-order-gift-confirmation--shipping-address {
float: none;
width: 100%;
}

.page-estimate .block-order-gift-confirmation--shipping-info {
float: none;
width: 100%;
padding: 0;
display: block;
margin: 35px 0 0 auto;
max-width: 340px;
}

.page-estimate .block-order-gift-confirmation--shipping-info table th{
background: #363636;
color: #fff;
}

.page-estimate .block-order-gift-confirmation--item-image figure,
.page-estimate .block-order-gift-confirmation--sending-item-image figure {
width: 100px;
height: 100px;
background: none;
}

.page-estimate .btn{
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
font-weight: 700;
line-height: 1;
padding: 15px 20px 18px;
font-size: 16px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
}

.page-estimate .block-order-estimate--confirmation-title .btn{
width: 70px;
padding: 5px;
}

.page-estimate .action .btn{
max-width: 300px;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
background: #707070!important;
color: #fff!important;
}

.page-estimate .block-order-estimate--commit-btn,
.page-estimate .action .btn-primary {
background: #E84709!important;
}

.page-estimate .block-order-gift-select--delivery-dest-content .action .btn:hover,
.page-estimate .btn:hover{
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-estimate .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-estimate .block-order-gift-confirmation--mailnews{
margin-bottom: 40px;
}

.page-estimate .block-order-gift-confirmation--mailnews .constraint {
background: #fff;
}

.page-estimate input[type=checkbox] + input[type=hidden] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-estimate input[type=checkbox] + input[type=hidden] + label::after,
.page-estimate input[type=checkbox] + input[type=hidden] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-estimate input[type=checkbox] + input[type=hidden] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
}

.page-estimate input[type=checkbox] + input[type=hidden] + label::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-estimate input[type=checkbox]:checked + input[type=hidden] + label {
color: #333;
}

.page-estimate input[type=checkbox]:checked + input[type=hidden] + label::after {
opacity: 1;
}

.page-estimate input[type=checkbox]:checked + input[type=hidden] + label::before,
.page-estimate input[type=checkbox] + input[type=hidden] + label:hover::before {
border-color: #E84709;
}

.page-estimate .block-order-estimate--pay-header {
background: #363636;
font-weight: 700;
}

.page-estimate .block-order-estimate--pay-input {
margin-bottom: 10px;
background: #fff;
border: none;
}

.page-estimate input[type="text"],
.page-estimate input[type="tel"],
.page-estimate input[type="email"],
.page-estimate input[type="search"],
.page-estimate input[type="password"],
.page-estimate input[type="url"],
.page-estimate input[type="number"],
.page-estimate select,
.page-estimate textarea {
border: 1px solid #363636;
border-radius: 5px;
}

.page-estimate .block-order-estimate--comment-content {
display: block;
font-size: 11px;
margin-top: 5px;
color: #707070;
}

.page-estimate .block-order-estimate--comment-content textarea{
margin: 10px 0;
font-size: 14px;
line-height: 1.4;
}

.block-order-estimate--price-items {
color: #333;
}

.page-orderdest .container{
width: calc(100% - 40px);
max-width: 920px;
}

.page-orderdest .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-orderdest .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-orderdest .constraint {
background: #363636;
}

.page-orderdest .required:after {
background-color: #E84709;
}

.page-orderdest .block-order-gift-dest--value-label {
font-size: 14px;
}

.page-orderdest input[type="text"],
.page-orderdest input[type="tel"],
.page-orderdest input[type="email"],
.page-orderdest input[type="search"],
.page-orderdest input[type="password"],
.page-orderdest input[type="url"],
.page-orderdest input[type="number"],
.page-orderdest select {
border-radius: 5px;
border-color: #363636;
}

.page-orderdest input[type=checkbox] {
display: none;
}

.page-orderdest input[type=checkbox] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-orderdest input[type=checkbox] + label::after,
.page-orderdest input[type=checkbox] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderdest input[type=checkbox] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
}

.page-orderdest input[type=checkbox] + label::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-orderdest input[type=checkbox]:checked + label {
color: #333;
}

.page-orderdest input[type=checkbox]:checked + label::after {
opacity: 1;
}

.page-orderdest input[type=checkbox]:checked + label::before,
.page-orderdest input[type=checkbox] + label:hover::before {
border-color: #E84709;
}

.page-orderdest .btn{
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
}

.page-orderdest .block-order-gift-dest--cart-back{
background: #707070;
color: #fff!important;
}

.page-orderdest .block-order-gift-dest--cart-back a{
color: #fff!important;
}

.page-orderdest .btn-primary{
background: #E84709;
}

.page-orderdest .btn:hover{
opacity: 1;
background: #F1C046;
color: #fff!important;
}

.page-orderdest .block-order-gift-dest--method-sender-info-edit {
margin: 0;
border: none;
}


.page-orderselect .container{
width: calc(100% - 40px);
max-width: 920px;
}

.page-orderselect .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-orderselect .block-order-gift-select h2 {
margin-bottom: 30px;
}

.page-orderselect .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-orderselect .form-label.bg {
background: #707070;
}

.page-orderselect .constraint {
background: #363636;
}

.page-orderselect .required:after {
background-color: #E84709;
}

.page-orderselect input[type="text"],
.page-orderselect input[type="tel"],
.page-orderselect input[type="email"],
.page-orderselect input[type="search"],
.page-orderselect input[type="password"],
.page-orderselect input[type="url"],
.page-orderselect input[type="number"],
.page-orderselect select {
border-radius: 5px;
border-color: #363636;
}

.page-orderselect input[type=radio] {
display: none;
}

.page-orderselect label:has(input[type=radio]) {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
}

.page-orderselect label:has(input[type=radio])::after,
.page-orderselect label:has(input[type=radio])::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderselect label:has(input[type=radio])::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
border-radius: 50%;
}

.page-orderselect label:has(input[type=radio])::after {
left: 5px;
width: 10px;
height: 10px;
background: #E84709;
border-radius: 50%;
opacity: 0;
}

.page-orderselect label:has(input[type=radio]:checked){
color: #393939;
}

.page-orderselect label:has(input[type=radio]:checked)::after {
opacity: 1;
}

.page-orderselect label:has(input[type=radio]:checked)::before,
.page-orderselect label:has(input[type=radio]):hover::before {
border-color: #E84709;
}

.page-orderselect label:has(input[type=radio]:disabled):hover::before,
.page-orderselect label:has(input[type=radio]:disabled)::before {
border: 1px solid #ccc;
}

.page-orderselect label:has(input[type=radio]:disabled)::after {
background: #ccc;
}

.page-orderselect input[type=checkbox] {
display: none;
}

.page-orderselect input[type=checkbox] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-orderselect input[type=checkbox] + label::after,
.page-orderselect input[type=checkbox] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderselect input[type=checkbox] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
}

.page-orderselect input[type=checkbox] + label::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-orderselect input[type=checkbox]:checked + label {
color: #393939;
}

.page-orderselect input[type=checkbox]:checked + label::after {
opacity: 1;
}

.page-orderselect input[type=checkbox]:checked + label::before,
.page-orderselect input[type=checkbox] + label:hover::before {
border-color: #E84709;
}

.page-orderselect label:has(input[type=checkbox]) {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-orderselect label:has(input[type=checkbox])::after,
.page-orderselect label:has(input[type=checkbox])::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderselect label:has(input[type=checkbox])::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
}

.page-orderselect label:has(input[type=checkbox])::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-orderselect label:has(input[type=checkbox]) {
color: #393939;
}

.page-orderselect label:has(input[type=checkbox]:checked)::after {
opacity: 1;
}

.page-orderselect label:has(input[type=checkbox]:checked)::before,
.page-orderselect label:has(input[type=checkbox]):hover::before {
border-color: #E84709;
}


.page-orderselect .block-order-gift-select--sales-detail-append td:has(.control-label){
background: #363636;
color: #fff;
}

.page-orderselect .block-order-gift-select--sales-detail-append td.bg:has(.control-label){
background: #707070;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type="text"],
.page-orderselect .block-order-gift-select--sales-detail-append input[type="tel"],
.page-orderselect .block-order-gift-select--sales-detail-append input[type="email"],
.page-orderselect .block-order-gift-select--sales-detail-append input[type="search"],
.page-orderselect .block-order-gift-select--sales-detail-append input[type="password"],
.page-orderselect .block-order-gift-select--sales-detail-append input[type="url"],
.page-orderselect .block-order-gift-select--sales-detail-append select,
.page-orderselect .block-order-gift-select--sales-detail-append textarea {
border-radius: 5px;
border-color: #363636;
width: 100%;
max-width: none;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] {
display: none;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
word-break: break-all;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label::after,
.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
border-radius: 50%;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label::after {
left: 5px;
width: 10px;
height: 10px;
background: #E84709;
border-radius: 50%;
opacity: 0;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio]:checked + label {
color: #333;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio]:checked + label::after {
opacity: 1;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio]:checked + label::before,
.page-orderselect .block-order-gift-select--sales-detail-append label:hover::before {
border-color: #E84709;
}


.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label:has(.wrapping_img){
text-align: right;
padding: 0 0 0 20px;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label:has(.wrapping_img)::before,
.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label:has(.wrapping_img)::after{
top: auto;
bottom: 2px;
transform: translateY(0);
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label:has(.wrapping_img)::before{
left: 10px;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=radio] + label:has(.wrapping_img)::after {
left: 15px;
bottom: 7px;
}

.page-orderselect .block-order-gift-select--sales-detail-append .wrapping_img {
width: 60px;
border-radius: 5px;
overflow: hidden;
margin: 0 auto 4px;
}

.page-orderselect .block-order-gift-select--sales-detail-append .form-label:has(.popen_btn){
display: flex;
}

.page-orderselect .block-order-gift-select--sales-detail-append .popen_btn{
display: flex;
align-items: center;
justify-content: center;
width:23px;
height:23px;
border-radius: 50%;
border: 1px solid #fff;
margin: 0 20px 0 auto;
cursor: pointer;
}

.page-orderselect .block-order-gift-select--sales-detail-append td .popen_btn{
margin: 10px auto 0;
}

.page-orderselect .block-order-gift-select--sales-detail-append .popen_area,
.page-orderselect .block-order-gift-select--sales-detail-append .popen_area .popen_img,
.page-orderselect .block-order-gift-select--sales-detail-append .popen_area .popen_img img{
height:0;
padding: 0;
transition: all .3s;
}

.page-orderselect .block-order-gift-select--sales-detail-append td.open + td .popen_area,
.page-orderselect .block-order-gift-select--sales-detail-append td.open + td .popen_area .popen_img,
.page-orderselect .block-order-gift-select--sales-detail-append td.open + td .popen_area .popen_img img,
.page-orderselect .block-order-gift-select--sales-detail-append .block-order-gift-select--sales-detail-append-item:has(.form-label.open) .popen_area,
.page-orderselect .block-order-gift-select--sales-detail-append .block-order-gift-select--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img,
.page-orderselect .block-order-gift-select--sales-detail-append .block-order-gift-select--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img img{
height:auto;
}

.page-orderselect .block-order-gift-select--sales-detail-append td.open + td .popen_area .popen_img,
.page-orderselect .block-order-gift-select--sales-detail-append .block-order-gift-select--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img{
max-width: 400px;
padding: 40px 0;
}

.page-orderselect .block-order-gift-select--sales-detail-append td.open + td .popen_area .popen_img img,
.page-orderselect .block-order-gift-select--sales-detail-append .block-order-gift-select--sales-detail-append-item:has(.form-label.open) .popen_area .popen_img img{
border-radius: 10px;
height: auto;
}


.page-orderselect .block-order-gift-select--sales-detail-append input[type=checkbox] {
display: none;
}

.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox::after,
.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #333;
}

.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=checkbox]:checked + label.checkbox {
color: #333;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=checkbox]:checked + label.checkbox::after {
opacity: 1;
}

.page-orderselect .block-order-gift-select--sales-detail-append input[type=checkbox]:checked + label.checkbox::before,
.page-orderselect .block-order-gift-select--sales-detail-append label.checkbox:hover::before {
border-color: #E84709;
}

.page-orderselect .btn{
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
font-weight: 700;
line-height: 1;
padding: 15px 20px 18px;
font-size: 16px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
}

.page-orderselect .action .btn{
max-width: 300px;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
background: #707070!important;
color: #fff!important;
}

.page-orderselect .block-order-gift-select--delivery-dest-content .action .btn{
background
: #363636!important;
}

.page-orderselect .action .btn-primary {
background: #E84709!important;
}

.page-orderselect .block-order-gift-select--delivery-dest-content .action .btn:hover,
.page-orderselect .btn:hover{
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-orderselect .block-order-gift-select--delivery-dest-goods-content-info th{
background: #363636;
color: #fff;
}

.page-orderselect .block-order-gift-select--delivery-dest-total{
margin-top: 20px;
}

.page-orderselect .block-order-gift-select--delivery-dest-total table th{
background: #363636;
color: #fff;
}

.page-orderselect .hidden {
margin-top: 20px;
}

.page-orderselect .block-order-gift-select--delivery-dest-goods-content-list table td{
padding-bottom: 10px;
}

.page-orderselect .block-order-gift-select--payment-content .block-order-gift-select--method-list li .help-block {
display: block;
margin: 10px 0 0;
}

.page-order .container{
width: calc(100% - 40px);
}

.page-order .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.page-order table th{
background: #363636;
color: #fff;
}

.page-order .btn{
max-width: 300px;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
background: #363636!important;
color: #fff!important;
}

.page-order .btn:hover{
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.block-order-complete--orderinfo,
.block-order-complete--customerentry-wrapper{
border: none;
}


.page-entry .container{
width: calc(100% - 40px);
}

.page-entry .pane-main{
margin-top: 96px;
padding-top: 85px;
padding-bottom: 100px;
}

.page-entry .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-entry .constraint {
background: #363636;
}

.page-entry .required:after {
background-color: #E84709;
}

.page-entry .block-shipping-address--value-label {
font-size: 14px;
}

.page-entry input[type="text"],
.page-entry input[type="tel"],
.page-entry input[type="email"],
.page-entry input[type="search"],
.page-entry input[type="password"],
.page-entry input[type="url"],
.page-entry input[type="number"],
.page-entry select {
border-radius: 5px;
border-color: #363636;
}

.page-entry .block-member-info--value-label {
font-size: 14px;
}

.page-entry input[type=checkbox] {
display: none;
}

.page-entry input[type=checkbox] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
margin: 0 15px 10px 0;
}

.page-entry input[type=checkbox] + label::after,
.page-entry input[type=checkbox] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-entry input[type=checkbox] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
}

.page-entry input[type=checkbox] + label::after {
left: 6px;
width: 8px;
height: 12px;
border-right: 2px solid #E84709;
border-bottom: 2px solid #E84709;
border-top: none;
border-left: none;
transform: translateY(-50%) rotate(45deg);
opacity: 0;
}

.page-entry input[type=checkbox]:checked + label {
color: #393939;
}

.page-entry input[type=checkbox]:checked + label::after {
opacity: 1;
}

.page-entry input[type=checkbox]:checked + label::before,
.page-entry input[type=checkbox] + label:hover::before {
border-color: #E84709;
}

.page-entry input[type=radio] {
display: none;
}

.page-entry input[type=radio] + label {
position: relative;
display: inline-block;
padding: 0 0 0 30px;
}

.page-entry input[type=radio] + label::after,
.page-entry input[type=radio] + label::before {
position: absolute;
content: "";
display: block;
top: 50%;
transform: translateY(-50%);
}

.page-entry input[type=radio] + label::before {
left: 0;
width: 20px;
height: 20px;
border: 1px solid #393939;
border-radius: 50%;
}

.page-entry input[type=radio] + label::after {
left: 5px;
width: 10px;
height: 10px;
background: #E84709!important;
border-radius: 50%;
opacity: 0;
}

.page-entry input[type=radio]:checked + label {
color: #393939;
}

.page-entry input[type=radio]:checked + label::after {
opacity: 1;
}

.page-entry input[type=radio]:checked + label::before,
.page-entry input[type=radio]:checked + label:hover::before {
border-color: #E84709;
}

.page-entry .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-entry .action .block-member-info-confirmation--back {
color: #fff!important;
background: #707070!important;
}

.page-entry .action .btn:hover {
opacity: 1;
color: #fff!important;
background: #F1C046!important;
}

.page-entrycomplete .container{
width: calc(100% - 40px);
}

.page-entrycomplete .pane-main{
margin-top: 96px;
padding-top: 85px;
padding-bottom: 100px;
}

.page-entrycomplete .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-entrycomplete .action .block-member-info-confirmation--back {
color: #fff!important;
background: #707070!important;
}

.page-entrycomplete .action .btn:hover {
opacity: 1;
color: #fff!important;
background: #F1C046!important;
}








/*----------
13.contact
----------*/
#contact .page_title_box{
padding: 98.5px 0 100px;
}

#contact .contents_in{
max-width: 826px;
}

#contact .cnt_box{
margin-bottom: 70px;
}

#contact .cnt_box .ttl{
font-size: 20px;
font-weight: 700;
line-height: 29px;
margin-bottom: 20px;
}

#contact .cnt_box .table_a{
width: 100%;
}

#contact .cnt_box .table_a th{
padding: 14px 18px;
text-align: left;
width: 200px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}

#contact .cnt_box .table_a td{
font-size: 14px;
line-height: 28px;
padding: 10.5px 20px;
width: calc(100% - 200px);
}

#contact .cnt_box .table_wrap ul{
margin-top: 20px;
}

#contact .cnt_box .table_wrap ul li{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
text-indent: -1em;
padding-left: 1em;
}

#contact .cnt_box p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#contact .cnt_box.box02{
margin-bottom: 63px;
}

#contact .cnt_box.box02 .calendar_box{
display: flex;
align-items: flex-start;
justify-content: space-between;
border-radius: 10px;
background: #F5F5F5;
padding: 30px;
}
/* 
#contact .cnt_box.box02 .calendar_box .calendar_wrap{
width: 48.1%;
max-width: 368px;
} */

#contact .cnt_box.box02 .calendar_box .calendar_wrap {
width: 100%;
max-width: none;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_head{
width: 100%;
background: #464646;
color: #fff;
font-size: 14px;
line-height: 20px;
letter-spacing: .04em;
font-weight: 500;
text-align: center;
padding: 10px 5px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table{
background: #fff;
width: 100%;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table th,
#contact .cnt_box.box02 .calendar_box .calendar_wrap table td{
border: 1px solid #363636;
text-align: center;
vertical-align: middle;
/* padding: 5px 0; */
padding: 0;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table th{
border-top: 1px solid #363636;
padding: 5px 0;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.saturday,
#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.sunday{
background: #FECBCC;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.today{
background: #FCF5ED;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_color_description{
display: flex;
align-items: center;
font-size: 12px;
font-weight: 400;
line-height: 19px;
letter-spacing: .04em;
margin-top: 10px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_color_description span{
display: inline-block;
width: 15px;
height: 15px;
margin-right: 15px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar {
width: 355px;
max-height: none;
height: auto;
overflow-y: hidden;
padding: 0;
background: none;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-slide-area-wrapper {
max-height: 320px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-title {
display: none;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-month-area {
color: #fff;
background: #464646;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-next {
background: none;
color: #ffff;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-next::after {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-top: 1.5px solid #fff;
border-right: 1.5px solid #fff;
top: 50%;
right: 6px;
transform: translateY(-50%) rotateZ(45deg);
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-prev {
background: none;
color: #ffff;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar .block-calendar-prev::after {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-top: 1.5px solid #fff;
border-left: 1.5px solid #fff;
top: 50%;
left: 6px;
transform: translateY(-50%) rotateZ(-45deg);
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar table th span,
#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar table td span{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 0;
font-size: 16px;
font-weight: 400;
color: #333;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar table td span.closed{
color: #333;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar table td:has(span.closed) {
background: #FECBCC;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar p span {
color: #333;
display: inline-block;
position: relative;
padding-left: 25px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar p span::before{
content: "";
display: block;
position: absolute;
width: 15px;
height: 15px;
background: #FECBCC;
top: 8px;
left: 0;
}

#contact .cnt_box.box05{
margin-bottom: 100px;
}

#contact .cnt_box.box05 .btn_type02{
margin: 20px auto 0 0;
}

.page-contact .container{
width: calc(100% - 40px);
}

.page-contact .pane-main{
margin-top: 96px;
padding-bottom: 100px;
}

.page-contact .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-contact .pane-main h2{
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #393939;
margin: 0 auto 40px;
}

.page-contact .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-contact .constraint {
background: #363636;
}

.page-contact .required:after {
background-color: #E84709;
}

.page-contact input[type="text"],
.page-contact input[type="tel"],
.page-contact input[type="email"],
.page-contact input[type="search"],
.page-contact input[type="password"],
.page-contact input[type="url"],
.page-contact input[type="number"],
.page-contact select,
.page-contact textarea {
border-radius: 5px;
border-color: #363636;
}

.page-contact .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-contact .action .block-inquiry--confirmation-back{
background: #707070!important;
}

.page-contact .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-contactthanks .container{
width: calc(100% - 40px);
}

.page-contactthanks .pane-main{
margin-top: 96px;
padding-bottom: 100px;
}

.page-contactthanks .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-contactthanks .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-contactthanks .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-contactthanks .block-topic-path {
display: none;
}

/*-------
14.news
-------*/
#news .page_title_box{
padding: 98.5px 0 75px;
}

#news .contents_in{
max-width: 827px;
}

#news .cnt_area{
padding-bottom: 120px;
}

#news .news_item{
width: 100%;
margin-bottom: 20px;
}

#news .news_item a{
width: 100%;
position: relative;
display: flex;
align-items: center;
padding: 19px 60px 18px 20px;
border: 1px solid #E5E5E4;
}

#news .news_item a::after{
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #F9BF11;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
box-sizing: border-box;
position: absolute;
top: 22.5px;
right: 25px;
transition: all .1s;
}

#news .news_item a:hover::after{
right: 17px;
}

#news .news_item .news_date{
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: .04em;
color: #A7A7A7;
margin-right: 30px;
}

#news .news_item .news_title{
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #393939;
}

#news .pager{
margin-top: 50px;
}

.page-topicdetaillist .container{
width: calc(100% - 40px);
}

.page-topicdetaillist .pane-contents{
display: block;
}

.page-topicdetaillist .pane-left-menu,
.page-topicdetaillist .pane-right-menu {
display: none;
}

.page-topicdetaillist .pane-main{
margin-top: 96px;
padding-bottom: 0;
/* padding-bottom: 100px; */
}

.page-topicdetaillist .block-topic-details--pager-top,
.page-topicdetaillist .pager-total,
.page-topicdetaillist #block_of_itemhistory,
.page-topicdetaillist .block-topic-details--header{
display: none;
}

.page-topicdetaillist .block-topic-details--items{
max-width: 827px;
margin: 0 auto;
}

.page-topicdetaillist .block-topic-details--items li {
border: 1px solid #E5E5E4;
width: 100%;
margin-bottom: 20px;
padding: 19px 60px 18px 20px;
}

.page-topicdetaillist .block-topic-details--items li:has(a) {
padding: 0;
}

.page-topicdetaillist .block-topic-details--items a {
width: 100%;
position: relative;
display: flex;
align-items: center;
padding: 19px 60px 18px 20px;
}

.page-topicdetaillist .block-topic-details--items li a::after {
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #F9BF11;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
box-sizing: border-box;
position: absolute;
top: 50%;
transform: translateY(-50%);
/* top: 22.5px; */
right: 25px;
margin: 0;
transition: all .1s;
}

.page-topicdetaillist .block-topic-details--items li a:hover::after {
right: 17px;
}

.page-topicdetaillist .block-topic-details--items dt{
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: .04em;
color: #A7A7A7;
margin-right: 30px;
}

.page-topicdetaillist .block-topic-details--items dd{
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #393939;
}

.page-topicdetaillist  .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
display: block;
margin: 30px auto 0;
}

.page-topicdetaillist  .action .block-topics-list--btn{
background: #707070!important;
}

.page-topicdetaillist .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}



/*--------------
15.news_detail
--------------*/
#news_detail .news_ttl_area{
padding: 98.5px 0 14.8px;
}

#news_detail .news_ttl_area .news_title{
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 35px;
margin-bottom: 25px;
}

#news_detail .news_ttl_area .news_date{
text-align: right;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #A7A7A7;
}

#news_detail .cnt_news{
background: #FCF5ED;
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
padding: 60px 0 118px;
}

#news_detail .cnt_news .contents_in{
max-width: 692px;
}

#news_detail .cnt_news img{
border-radius: 10px;
margin: 0 auto;
}

#news_detail .detail_pager{
margin: 77px auto 0;
display: flex;
align-items: center;
justify-content: center;
}

#news_detail .detail_pager .arrow{
display: block;
border: 1px solid #363636;
position: relative;
width: 39px;
height: 39px;
border-radius: 50%;
transition: .3s;
}

#news_detail .detail_pager .prev_arrow{
margin-right: 30px;
}

#news_detail .detail_pager .next_arrow{
margin-left: 30px;
}

#news_detail .detail_pager .arrow::after{
content: "";
position: absolute;
top: 50%;
left: 18px;
transform: translateY(-50%);
border: 5.5px solid transparent;
border-left: 6px solid #363636;
}

#news_detail .detail_pager .arrow.prev_arrow::after{
left: 15px;
border: 5.5px solid transparent;
border-right: 6px solid #363636;
border-left: none;
}

#news_detail .detail_pager .btn_back{
display: block;
width: 193px;
text-align: center;
border-radius: 26px;
border: 1px solid #363636;
color: #363636;
font-size: 15px;
font-weight: 400;
line-height: 39px;
transition: .3s;
}

#news_detail .detail_pager .arrow:hover,
#news_detail .detail_pager .btn_back:hover{
background: #fff;
}


.page-topic .container{
width: calc(100% - 40px);
width: 100%;
max-width: none;
}

.page-topic #footer_banner_area .banner_wrap {
border-top: none;
}

.page-topic .pane-contents{
display: block;
}

.page-topic #block_of_itemhistory,
.page-topic .pane-left-menu {
display: none;
}

.page-topic .pane-main{
margin-top: 96px;
padding-bottom: 100px;
background: #FCF5ED;
}

.page-topic .block-topic-page--article-header {
padding: 98.5px 20px 70px;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 35px;
background: #fff;
}

.page-topic .block-topic-page--article-body {
max-width: 692px;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
padding: 60px 0 118px;
}

.page-topic .block-topic-page--article-body img{
border-radius: 10px;
margin: 0 auto;
width: auto;
max-width: 100%!important;
height: auto!important;
}

.page-topic .pane-right-menu{
display: none;
}

.page-topic .pane-contents {
padding-bottom: 0;
background: #FCF5ED;
}

/*----------
16.category
----------*/
#category .page_title_box {
text-align: center;
padding: 98px 0 66.5px;
}

#category .cnt_area{
padding-bottom: 70px;
width: calc(100% - 40px);
}

#category .count_area {
font-size: 14px;
line-height: 20px;
letter-spacing: .04em;
padding-bottom: 15px;
margin-bottom: 40px;
border-bottom: 1px solid #D1D1D1;
}

#category .category_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#category .category_list::after{
content: "";
display: block;
width: 31.5%;
}

#category .category_list .item{
width: 31.5%;
max-width: 327px;
margin: 0 0 30px;
}

#category .category_list .item .item_img{
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
}

#category .category_list .item .item_name{
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #000000;
margin-bottom: 20px;
}

#category .category_list .item .item_price{
margin-bottom: 35px;
font-size: 28px;
font-weight: 500;
line-height: 40px;
}

#category .category_list .item .item_price .withouttax{
margin-left: 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #848484;
}

#category .empty{
text-align: center;
font-size: 14px;
}

#category #pager{
margin-top: 60px;
}

#category .category_list .item a{
color: #333;
}

#category .category_list .item a:hover{
opacity: 1;
}

#category .category_list .item .item_img {
transition: .3s;
position: relative;
}

#category .category_list .item .item_img::after{
content:"";
position: absolute;
display:block;
pointer-events: none;
background: #FCF5ED;
border-radius: 10px;
width: 100%;
height: 100%;
top:0;
left:0;
opacity: 0;
transition: .3s;
}

#category .category_list .item a:hover .item_img::after{
opacity: .5;
}

#category .category_list .item .item_name {
margin-bottom: 10px;
}

#category .category_list .item .item_price {
margin-bottom: 0;
font-size: 24px;
line-height: 30px;
}

#category .category_list .item .item_price .withouttax {
font-size: 14px;
}

.page-category .container{
width: calc(100% - 40px);
}

.page-category .pane-contents{
margin-top: 96px;
padding-top: 50px;
}

.page-category .block-category-list--sub,
.page-category #block_of_itemhistory{
display: none;
}

.page-category .block-category-list h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
margin: 0 auto 35px;
color: #393939;
}

.block-goods-list--display-style-items .active,
.block-goods-list--sort-order-items .active {
background-color: #363636;
}

.block-goods-list--display-style-items dd a:hover,
.block-goods-list--sort-order-items dd a:hover {
color: #363636!important;
}

.block-thumbnail-t--goods {
width: 22%;
margin-left: 3%;
}

.block-thumbnail-t--goods .price,
.block-thumbnail-t--goods .net-price,
.block-thumbnail-t--goods .default-price,
.block-thumbnail-t--goods .exchange-price,
.block-thumbnail-t--goods .block-exchange-price--rate-dt,
.block-thumbnail-t--goods a {
color: #333;
}

.block-thumbnail-t--goods-image figure {
background: none;
border-radius: 10px;
}

.block-thumbnail-t--goods-image figure::after{
content: "";
position: absolute;
display: block;
pointer-events: none;
background: #FCF5ED;
border-radius: 10px;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: .3s;
}

.block-thumbnail-t--goods-image a:hover figure::after{
opacity: .5;
}

.block-thumbnail-t--goods-image figure img{
border-radius: 10px;
}

.block-goods-list-l--table {
width: 100%;
}

.block-goods-list-l--table th{
background: #363636;
color: #fff;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn {
color: #fff;
display: block;
border-radius: 40px;
background: #363636;
text-align: center;
padding: 14px 0 15px;
transition: .3s;
line-height: 1;
font-size: 13px;
font-weight: 700;
position: relative;
max-width: 220px;
width: 100%;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn:hover {
opacity: 1;
color: #fff!important;
background: #F1C046;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn::after {
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #fff;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 17px;
box-sizing: border-box;
transition: all .3s;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn:hover::after {
right: 10px;
}

.block-pickup-list-p--comment {
font-size: 12px;
}

.page-genre .container{
width: calc(100% - 40px);
}

.page-genre .pane-contents{
margin-top: 96px;
padding-top: 50px;
}

.page-genre #block_of_itemhistory{
display: none;
}

.page-genre .block-genre-page h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
margin: 0 auto 35px;
}

.block-pickup-list-p--goods-name a {
color: #393939;
text-decoration: none;
}

.block-pickup-list-p--goods-name a:hover {
color: #393939!important;
text-decoration: underline;
}

.block-pickup-list-p--image {
width: 100px;
}

.block-pickup-list-p--image figure {
background: none;
width: 100px;
height: 100px;
border-radius: 10px;
position: absolute;
}

.block-pickup-list-p--image figure::after{
content: "";
position: absolute;
display: block;
pointer-events: none;
background: #FCF5ED;
border-radius: 10px;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: .3s;
}

.block-pickup-list-p--image a:hover figure::after{
opacity: .5;
}

.block-pickup-list-p--image figure img{
border-radius: 10px;
}

.block-pickup-list-p--item-description {
width: calc(100% - 100px);
}

.block-genre-style--item a{
color: #fff;
display: block;
border-radius: 40px;
background: #363636;
text-align: center;
padding: 14px 0 15px;
transition: .3s;
line-height: 1;
font-size: 14px;
font-weight: 700;
position: relative;
max-width: 220px;
width: 100%;
}

.block-genre-style--item a:hover {
opacity: 1;
color: #fff!important;
background: #F1C046;
}

.block-genre-style--item a::after {
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #fff;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 17px;
box-sizing: border-box;
transition: all .3s;
}

.block-genre-style--item a:hover::after {
right: 10px;
}

/*----------
page-menu
----------*/
.page-menu .container{
width: calc(100% - 40px);
}

.page-menu .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-menu .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-menu .pane-main .block-icon-image--flex-cell {
margin-right: 10px;
}

.block-mypage--customer-status {
background: #363636;
width: 100%;
color: #fff;
}

.block-mypage--customer-status a{
color: #fff!important;
}

.block-mypage--sign {
border-right: none;
}

.block-mypage--shopping-info,
.block-mypage--member-info,
.block-mypage--inquiry-info,
.block-mypage--snssync-info {
padding: 0 0 10px;
background: none;
border-bottom: 1px solid #363636;
}

.block-mypage--shopping-info-items li,
.block-mypage--member-info-items li,
.block-mypage--inquiry-info-items li,
.block-mypage--snssync-info-items li {
padding: 0 15px 0 0;
}

.block-mypage--shopping-info-items li dt a:hover,
.block-mypage--member-info-items li dt a:hover,
.block-mypage--inquiry-info-items li dt a:hover,
.block-mypage--snssync-info-items li dt a:hover {
color: #333!important;
opacity: .7;
}

.block-mypage--shopping-info-items li dd,
.block-mypage--member-info-items li dd,
.block-mypage--inquiry-info-items li dd,
.block-mypage--snssync-info-items li dd {
font-size: 14px;
}

.block-mypage--withdrawal-link a{
color: #333;
}

.block-mypage--withdrawal-link a:hover{
color: #333!important;
text-decoration: none;
opacity: .7;
}

.block-mypage--update-address-book {
color: #fff!important;
display: block;
border-radius: 40px;
background: #363636;
text-align: center;
padding: 14px 0 15px;
transition: .3s;
line-height: 1;
font-size: 13px;
font-weight: 700;
position: relative;
max-width: 220px;
width: 100%;
max-width: 300px;
margin-top: 10px;
}

.block-mypage--update-address-book:hover {
opacity: 1;
color: #fff!important;
background: #F1C046;
}

.page-history .container{
width: calc(100% - 40px);
}

.page-history .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-history .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-history .block-purchase-history--table th {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-history  .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-history  .action .block-purchase-history--back{
background: #707070!important;
}

.page-history .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-historydetail .container{
width: calc(100% - 40px);
}

.page-historydetail .pane-main{
margin-top: 96px;
padding-bottom: 180px;
}

.page-historydetail .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-historydetail .block-purchase-history--table th {
background: #363636;
color: #fff;
}

.page-historydetail .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 16px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-historydetail .action .block-purchase-history-detail--add-goods {
background: #E84709!important;
}

.page-historydetail .action .block-purchase-history-detail--back {
background: #707070!important;
font-size: 18px;
}

.page-historydetail .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-historydetail table th{
background: #363636;
color: #fff;
}

.page-historydetail .status-order,
.page-historydetail .status-cancel,
.page-historydetail .status-income,
.page-historydetail .status-reserve,
.page-historydetail .status-rship,
.page-historydetail .status-ship,
.page-historydetail .status-verify,
.page-historydetail .status-return,
.page-historydetail .status-status_,
.page-historydetail .status-status_1,
.page-historydetail .status-status_2,
.page-historydetail .status-status_3,
.page-historydetail .status-status_4,
.page-historydetail .status-status_9{
width: 100%;
}

.page-couponlist .container{
width: calc(100% - 40px);
}

.page-couponlist .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-couponlist .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-couponlist .block-coupon-list--table th {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-couponlist .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff;
}

.page-couponlist .action .block-coupon-list--back{
background: #707070!important;
}

.page-couponlist .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-guestbookmark .container,
.page-bookmark .container{
width: calc(100% - 40px);
}

.page-guestbookmark .pane-main,
.page-bookmark .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-guestbookmark .pane-main h1,
.page-bookmark .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-guestbookmark .block-coupon-list--table th,
.page-bookmark .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-guestbookmark .action .btn,
.page-bookmark .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-guestbookmark .action .block-favorite--back,
.page-bookmark .action .block-favorite--back {
background: #707070!important;
}

.page-guestbookmark .action input#checkcart,
.page-bookmark .action input#checkcart {
background: #E84709!important;
font-size: 12px;
}

.page-guestbookmark .action input#checkcart:hover,
.page-bookmark .action input#checkcart:hover {
background: #F1C046!important;
}

.page-guestbookmark .action .btn:hover,
.page-bookmark .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-guestbookmark .block-favorite--delete-item a.btn-danger:hover,
.page-guestbookmark .block-favorite--delete-item a.btn-danger,
.page-bookmark .block-favorite--delete-item a:hover,
.page-bookmark .block-favorite--delete-item a{
border-radius: 5px;
color: #fff!important;
font-weight: 500;
background: #707070;
}

.page-guestbookmark .block-favorite--comment-textarea,
.page-bookmark .block-favorite--comment-textarea {
width: 540px;
height: 75px;
border-radius: 10px;
width: 100%;
font-weight: 500;
}

.page-guestbookmark .block-favorite--comment-textarea-container .btn,
.page-bookmark .block-favorite--comment-textarea-container .btn{
border-radius: 5px;
}

.page-guestbookmark .block-favorite--goods-name a,
.page-bookmark .block-favorite--goods-name a {
color: #393939;
text-decoration: none;
font-weight: 500;
}

.page-guestbookmark .page-bookmark .block-favorite--goods-name a:hover,
.page-bookmark .block-favorite--goods-name a:hover {
opacity: .7;
text-decoration: underline;
color: #393939!important;
}

.page-guestbookmark .block-favorite--spec,
.page-bookmark .block-favorite--spec{
color: #707070;
font-size: 14px;
}

.page-guestbookmark  .block-guest-favorite-synchronize{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1.7;
}

.page-guestbookmark  .block-guest-favorite-synchronize a{
text-decoration: underline;
text-underline-offset: 2px;
transition: all .3s;
}

.page-guestbookmark  .block-guest-favorite-synchronize a:hover{
opacity: .7;
text-decoration: none;
}

.page-guestbookmark  .block-guest-favorite-synchronize h2 {
font-size: 16px;
font-weight: bold;
margin: 40px 0 10px;
}

.page-cardedit .container{
width: calc(100% - 40px);
}

.page-cardedit .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-cardedit .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-cardedit .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-cardedit .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-cardedit .action .block-credit-card-confirmation--back {
background: #707070!important;
}

.page-cardedit .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-cardedit select,
.page-cardedit input[type="text"],
.page-cardedit input[type="tel"],
.page-cardedit input[type="email"],
.page-cardedit input[type="search"],
.page-cardedit input[type="password"],
.page-cardedit input[type="url"],
.page-cardedit input[type="number"] {
border: 1px solid #363636;
border-radius: 5px;
}

.page-cardedit .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-cardedit .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-cardedit .constraint {
background: #363636;
}

.page-cardedit .required:after {
background-color: #E84709;
}

.page-mailchange .container{
width: calc(100% - 40px);
}

.page-mailchange .pane-main{
margin-top: 96px;
padding-bottom: 40px;
/* padding-bottom: 180px; */
}

.page-mailchange .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-mailchange .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-mailchange .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-mailchange .action .block-mail-address--update-back {
background: #707070!important;
}

.page-mailchange .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-mailchange select,
.page-mailchange input[type="text"],
.page-mailchange input[type="tel"],
.page-mailchange input[type="email"],
.page-mailchange input[type="search"],
.page-mailchange input[type="password"],
.page-mailchange input[type="url"],
.page-mailchange input[type="number"] {
border: 1px solid #363636;
border-radius: 5px;
}

.page-mailchange .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-mailchange .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-mailchange .constraint {
background: #363636;
}

.page-mailchange .required:after {
background-color: #E84709;
}

.page-passchange .container{
width: calc(100% - 40px);
}

.page-passchange .pane-main{
margin-top: 96px;
padding-bottom: 180px;
}

.page-passchange .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-passchange .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-passchange .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-passchange .action .block-member-password--update-back {
background: #707070!important;
}

.page-passchange .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-passchange select,
.page-passchange input[type="text"],
.page-passchange input[type="tel"],
.page-passchange input[type="email"],
.page-passchange input[type="search"],
.page-passchange input[type="password"],
.page-passchange input[type="url"],
.page-passchange input[type="number"] {
border: 1px solid #363636;
border-radius: 5px;
}

.page-passchange .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-passchange .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-passchange .constraint {
background: #363636;
}

.page-passchange .required:after {
background-color: #E84709;
}

.page-mag .container{
width: calc(100% - 40px);
}

.page-mag .pane-main{
margin-top: 96px;
padding-bottom: 180px;
}

.page-mag .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-mag .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-mag .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-mag .action .block-member-password--update-back {
background: #707070!important;
}

.page-mag .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-mag select,
.page-mag input[type="text"],
.page-mag input[type="tel"],
.page-mag input[type="email"],
.page-mag input[type="search"],
.page-mag input[type="password"],
.page-mag input[type="url"],
.page-mag input[type="number"] {
border: 1px solid #363636;
border-radius: 5px;
}

.page-mag .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-mag .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-mag .constraint {
background: #363636;
}

.page-mag .required:after {
background-color: #E84709;
}

.page-withdrawal .container{
width: calc(100% - 40px);
}

.page-withdrawal .pane-main{
margin-top: 96px;
padding-bottom: 180px;
}

.page-withdrawal .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-withdrawal .block-coupon-list--table th {
background: #363636;
color: #fff;
}

.page-withdrawal .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-withdrawal .action .block-withdrawal--back{
background: #707070!important;
}

.page-withdrawal .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-withdrawal select,
.page-withdrawal input[type="text"],
.page-withdrawal input[type="tel"],
.page-withdrawal input[type="email"],
.page-withdrawal input[type="search"],
.page-withdrawal input[type="password"],
.page-withdrawal input[type="url"],
.page-withdrawal input[type="number"] {
border: 1px solid #363636;
border-radius: 5px;
}

.page-withdrawal .block-order-method--sales-append-content {
border: none;
border-bottom: solid 1px #dcdcdc;
padding: 0;
}

.page-withdrawal .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-withdrawal .constraint {
background: #363636;
}

.page-withdrawal .required:after {
background-color: #E84709;
}

.page-withdrawal .modal-dialog .modal-footer .btn{
border-radius: 26px;
font-weight: 700;
color: #fff!important;
}

.page-withdrawal .modal-dialog .modal-footer .btn:hover{
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}





/*----------
page-reviewwrite
----------*/
.page-reviewwrite .container{
width: calc(100% - 40px);
}

.page-reviewwrite .pane-main{
margin-top: 96px;
padding-bottom: 100px;
}

.page-reviewwrite .pane-main h1{
font-weight: 700;
font-size: 28px;
line-height: 31px;
text-align: center;
color: #393939;
padding: 85px 0 40px;
}

.page-reviewwrite .pane-main h2{
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #393939;
margin: 0 auto 40px;
}

.page-reviewwrite .form-label {
background: #363636;
color: #fff;
font-weight: 500;
}

.page-reviewwrite .constraint {
background: #363636;
}

.page-reviewwrite .required:after {
background-color: #E84709;
}

.page-reviewwrite input[type="text"],
.page-reviewwrite input[type="tel"],
.page-reviewwrite input[type="email"],
.page-reviewwrite input[type="search"],
.page-reviewwrite input[type="password"],
.page-reviewwrite input[type="url"],
.page-reviewwrite input[type="number"],
.page-reviewwrite select {
border-radius: 5px;
border-color: #363636;
}

.page-reviewwrite .action .btn {
max-width: 300px;
min-width: auto;
width: 100%;
background: #363636!important;
/* background: #E84709; */
font-weight: 700;
line-height: 1;
font-size: 18px;
padding: 15px 0 18px;
border-radius: 26px;
cursor: pointer;
transition: .3s;
color: #fff!important;
}

.page-reviewwrite .action .block-user-review--back,
.page-reviewwrite .action .block-user-review--back-to-goods-page {
background: #707070!important;
}

.page-reviewwrite .action .btn:hover {
opacity: 1;
background: #F1C046!important;
color: #fff!important;
}

.page-reviewwrite .block-user-review--evaluation-score img {
width: auto;
}



/*----------
page-alert
----------*/
.page-alert .container{
display: block;
width: calc(100% - 40px);
}

.page-alert .container .pane-left-menu{
display: none;
}

.page-alert #block_of_itemhistory{
display: none;
}

.page-alert .pane-main{
margin-top: 96px;
padding-top: 85px;
}

.block-common-alert {
color: #ff0000;
}










/*visumoタグ*/
#top .ecbn-selection-widget ul{
display: flex;
flex-wrap: wrap;
width: 100%!important;
align-items: start;
justify-content: space-between;
margin: 0 auto 59px!important;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item{
padding: 0!important;
position: relative!important;
top: auto!important;
left: auto!important;
display: none!important;
border-radius: 10px;
max-width: 327px!important;
width: 31.45%!important;
overflow: hidden;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(1),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(2),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(3),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(4),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(5),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(6){
display: block!important;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(4),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(5),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(6){
margin-top: 30px;
}

#top .ecbn-widget-loading-container{
display: none!important;
}

.ecbn-selection-image-loading-more,
.ecbn-selection-wrapper .ecbn-selection-title,
.ecbn-selection-page-wrapper .ecbn-selection-title,
.ecbn-selection-page-wrapper .ecbn-selection-footer2,
.ecbn-selection-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn,
.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn{
display: none!important;
}

#visumo .ecbn-selection-widget ul{
width: 100%!important;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 auto!important;
height: auto!important;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item{
position: relative!important;
top: auto!important;
left: auto!important;
max-width: 327px!important;
width: 31.45%!important;
margin: 0 2.825% 30px 0!important;
display: block;
border-radius: 10px;
overflow: hidden;
padding: 0!important;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(3n){
margin-right: 0!important;
}

/*トップラボエリア追加　2023/04/04*/
#top #labo_area .contents_in {
padding: 80px 0;
}

#top #labo_area .title_g .icon {
max-width: 98px;
margin-bottom: 75px;
}

#top #labo_area .pic_g {
display: flex;
align-items: start;
justify-content: space-between;
margin: 60px 0 80px;
}

#top #labo_area .pic_g li {
max-width: 327px;
width: 31.45%;
border-radius: 10px;
overflow: hidden;
border: 1px solid #E2E2E2;
}

/*-------
18.labo
-------*/
/*----------------------キービジュアルここから------------------------*/

#labo #main_visual_area{
position: relative;
margin-top: 86px;
}

#labo #main_visual_area::after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 1%;
background: #EBFAF8;
left: 0;
bottom: -0.5%;
}

#labo #main_visual_area .mv_items .mv_item{
position: absolute;
}

#labo #main_visual_area .mv_items .item01{
width: 8.44%;
top: 14.3%;
left: 5.3%;
}

#labo #main_visual_area .mv_items .item02{
width: 8.44%;
top: 14.3%;
right: 5.4%;
}

#labo #main_visual_area .mv_items .item03 {
width: 13.93%;
bottom: 18.1%;
left: 10.8%;
}

#labo #main_visual_area .mv_items .item04 {
width: 69.73%;
bottom: 0.5%;
left: 15.2%;
z-index: 1;
}

#labo #main_visual_area .mv_items .item17 {
width: 6.45%;
bottom: 7.5%;
left: 17.6%;
}

#labo #main_visual_area .mv_items .item05 {
width: 6.59%;
bottom: 15.35%;
left: 35.6%;
}

#labo #main_visual_area .mv_items .item06 {
width: 8.31%;
left: 26.4%;
bottom: 39.6%;
}

#labo #main_visual_area .mv_items .item07 {
width: 14.18%;
right: 20.7%;
bottom: 17.68%;
z-index: 1;
}

#labo #main_visual_area .mv_items .item16 {
width: 9.9%;
right: 25.94%;
bottom: 33.99%;
z-index: 2;
}

#labo #main_visual_area .mv_items .item08 {
width: 23.92%;
right: 4.2%;
bottom: 16.4%;
}

#labo #main_visual_area .mv_items .item09 {
width: 2.38%;
right: 17%;
top: 32%;
}

#labo #main_visual_area .mv_items .item10 {
width: 1.91%;
right: 41.2%;
top: 2.8%;
}

#labo #main_visual_area .mv_items .item11 {
width: 10.2%;
right: 21.5%;
top: -1.2%;
}

#labo #main_visual_area .mv_items .item12 {
width: 5.39%;
right: 32.5%;
top: 33.5%;
z-index: 3;
}

#labo #main_visual_area .mv_items .item13 {
width: 7.41%;
right: 39.9%;
top: 28.3%;
}

#labo #main_visual_area .mv_items .item14 {
width: 6.6%;
left: 38.9%;
top: 1.9%;
}

#labo #main_visual_area .mv_items .item15 {
width: 5.21%;
right: 11.38%;
bottom: 31.3%;
}

/*----------------------キービジュアルここまで------------------------*/

#labo .cnt_area{
padding: 120px 0;
}

#labo .cnt_area.green_area{
background: #EBFAF8;
}

#labo .cnt_area h2{
font-size: 28px;
font-weight: 700;
line-height: 31px;
text-align: center;
margin-bottom: 60px;
}

#labo .cnt_area .img_slider{
margin-bottom: 60px;
}

#labo .cnt_area .img_slider .slick-slide img {
border-radius: 10px;
-webkit-transform: scale(0.8065);
transform: scale(0.8065);
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid #E2E2E2;
}

#labo .cnt_area .img_slider .slick-slide.slick-active img {
-webkit-transform: scale(1);
transform: scale(1);
}

#labo .cnt_area .img_slider .slick-dots{
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
}

#labo .cnt_area .img_slider .slick-dots li{
display: inline-block;
padding: 0;
margin: 0 15px;
width: 9px;
height: 9px;
border-radius: 50%;
}

#labo .cnt_area .img_slider .slick-dots li button{
display: block;
padding: 0;
margin: 0!important;
width: 9px;
height: 9px;
border-radius: 50%;
border: none;
font-size: 0;
color: transparent;
background: #E8E8E8;
}

#labo .cnt_area .img_slider .slick-dots li.slick-active button{
background: #F2B811;
}

#labo .cnt_area .txt{
font-size: 15px;
font-weight: 400;
line-height: 2;
text-align: center;
margin-bottom: 60px;
letter-spacing: .04em;
}

#labo .cnt_area .btn_type02.blank a::after {
width: 18px;
height: 18px;
border: none;
background: url(/img/labo/icon_blank.png) no-repeat center/contain;
right: 20px;
}

#labo #cnt_area01 .first_txt{
font-size: 15px;
font-weight: 400;
line-height: 2;
text-align: center;
letter-spacing: .04em;
}

#labo #cnt_area01 .first_txt::after{
content: "";
display: block;
width: 1px;
height: 50px;
background: #333333;
margin: 60px auto 0;
}

#labo #cnt_area02 .btn_type02 a {
background: #E84709;
}

#labo #cnt_area02 .btn_type02:hover a {
background: #F1C046;
}

#labo #bottom_img_area{
position: relative;
}

#labo #bottom_img_area .bottom_items .bottom_item{
position: absolute;
}

#labo #bottom_img_area .bottom_items .item01{
width: 6.87%;
top: 28%;
right: 24%;
}

#labo #bottom_img_area .bottom_items .item02{
width: 37.36%;
top: 10%;
left: 9%;
}

#labo #bottom_img_area .bottom_items .item03{
width: 8.38%;
bottom: 7.2%;
right: 27.9%;
}

#labo #bottom_img_area .bottom_items .item04{
width: 7.52%;
bottom: -1.5%;
right: 31.95%;
}

#labo + footer #footer_banner_area{
display: none;
}


/*20231226MV更新*/
#top #mainvisual_area_winter{
overflow: hidden;
background: #FCF5ED;
}

#top #mainvisual_area_winter .mainimg_g{
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area_winter .illust{
position: absolute;
}
/* MVイラスト */
#top #mainvisual_area_winter .illust01 {
width: 11.76%;
top: 13.8%;
left: 1%;
}

#top #mainvisual_area_winter .illust02 {
width: 4.36%;
bottom: 14.5%;
left: 4.2%;
}

#top #mainvisual_area_winter .illust03 {
width: 14.09%;
bottom: 5.6%;
left: 23%;
}

#top #mainvisual_area_winter .illust04 {
width: 6.39%;
bottom: 4.1%;
left: 39.3%;
}

#top #mainvisual_area_winter .illust05 {
width: 11.02%;
bottom: 12.1%;
right: 41%;
}

#top #mainvisual_area_winter .illust06 {
width: 27.78%;
bottom: 3.8%;
right: 2%;
}

#top #mainvisual_area_winter .illust07 {
width: 9.57%;
top: 28.3%;
right: 37.5%;
}

#top #mainvisual_area_winter .illust08 {
width: 12%;
top: 21.1%;
left: 34.6%;
}

#top #mainvisual_area_winter .illust09 {
width: 23%;
bottom: 33.6%;
left: 31.7%;
}

#top #mainvisual_area_winter .illust10{
width: 14.26%;
top: 12%;
right: 38.2%;
}

#top #mainvisual_area_winter .illust11 {
width: 18.33%;
top: 11.6%;
right: 2.44%;
}

#top #mainvisual_area_winter .illust12{
width: 3.99%;
top: 55.5%;
right: 37.6%;
}

#top #mainvisual_area_winter .illust13 {
width: 6.3%;
top: 62.2%;
right: 31.5%;
}

#top #mainvisual_area_winter .track01.track_active{
z-index: 2;
}

#top #mainvisual_area_winter .track01 .track_img{
display: none;
}

#top #mainvisual_area_winter .track01 .active{
display: block;
}

/*アイコンサイズ*/
#top #product_area .title_g .icon {
max-width: 200px;
transform: translateX(-27px);
}

/*--------------------
17.top_MV春更新（2/28）
--------------------*/
#top #mainvisual_area_spring{
overflow: hidden;
background: #FCF5ED;
margin-top: 84px;
}

#top #mainvisual_area_spring .mainimg_g{
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area_spring .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area_spring .illust01 {
width: 5.9%;
bottom: 3%;
left: 39%;
}

#top #mainvisual_area_spring .illust02 {
width: 14.6%;
bottom: 13.7%;
right: 22.1%;
}

#top #mainvisual_area_spring .illust03 {
width: 14.72%;
bottom: 39.5%;
right: 17.5%;
}

#top #mainvisual_area_spring .illust04 {
width: 14.2%;
bottom: 32.3%;
right: 4.3%;
}

#top #mainvisual_area_spring .illust05 {
width: 7.43%;
top: 15.5%;
right: 25%;
}

#top #mainvisual_area_spring .illust06 {
width: 6.59%;
top: 1.8%;
left: 3%;
}

#top #mainvisual_area_spring .illust07 {
width: 26.44%;
top: 10%;
left: 2.5%;
}

#top #mainvisual_area_spring .illust08 {
width: 11.55%;
top: 44.5%;
left: 22.1%;
}

#top #mainvisual_area_spring .illust09 {
width: 5.51%;
top: 1.5%;
right: 30.5%;
}

#top #mainvisual_area_spring .illust10 {
width: 22.08%;
bottom: 15.5%;
left: 2%;
}

#top #mainvisual_area_spring .illust11 {
width: 6.59%;
bottom: 3.5%;
left: 3.5%;
}

#top #mainvisual_area_spring .illust12{
width: 3.99%;
top: 47%;
right: 38%;
}

#top #mainvisual_area_spring .track01.track_active{
z-index: 2;
}

#top #mainvisual_area_spring .track01 .track_img{
display: none;
}

#top #mainvisual_area_spring .track01 .active{
display: block;
}

#top #mainvisual_area_spring .illust13 {
width: 5.91%;
top: 54.3%;
right: 32.2%;
}

#top #mainvisual_area_spring .illust14 {
width: 20.16%;
top: 37.2%;
right: 46%;
}

#top #mainvisual_area_spring .illust15 {
width: 11.4%;
top: 11.2%;
left: 35.8%;
}

/*アイコンサイズ*/
/* #top #educational_area .title_g .icon {
max-width: 175px;
margin-bottom: 60px;
}

#top #product_area .title_g .icon {
max-width: 240.88px;
margin-bottom: 60px;
}

#top #kawai_area .title_g .icon {
max-width: 190.88px;
margin-bottom: 60px;
}

#top #visumo_area .title_g .icon {
max-width: 198.89px;
margin-bottom: 71px;
} */

/*-------------------------
19.top_MV更新（2023/04/28）
-------------------------*/
#top #mainvisual_area_may{
overflow: hidden;
background: #FCF5ED;
margin-top: 84px;
}

#top #mainvisual_area_may .mainimg_g{
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area_may .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area_may .illust01 {
width: 20.84%;
bottom: 42%;
left: .8%;
}

#top #mainvisual_area_may .illust02 {
width: 5.32%;
bottom: 17%;
left: 1.3%;
}

#top #mainvisual_area_may .illust03 {
width: 9.68%;
bottom: 38.2%;
left: 21.2%;
}

#top #mainvisual_area_may .illust04 {
width: 16.661%;
bottom: 4.5%;
left: 21.5%;
}

#top #mainvisual_area_may .illust05 {
width: 5.16%;
bottom: 2.5%;
left: 41.7%;
}

#top #mainvisual_area_may .illust06 {
width: 14.92%;
bottom: 14.5%;
left: 43.3%;
}

#top #mainvisual_area_may .illust07 {
width: 9.62%;
bottom: 11.7%;
right: 19.8%;
}

#top #mainvisual_area_may .illust08 {
width: 12.51%;
bottom: 3.8%;
right: 3.7%;
}

#top #mainvisual_area_may .illust09 {
width: 5.9%;
top: 32%;
right: 9.5%;
}

#top #mainvisual_area_may .illust10 {
width: 10.33%;
top: 11.5%;
right: 14.5%;
}

#top #mainvisual_area_may .illust11 {
width: 22.49%;
top: -1.8%;
left: -2.1%;
}

#top #mainvisual_area_may .illust12 {
width: 3.99%;
top: 45.3%;
right: 38.5%;
}

#top #mainvisual_area_may .track01.track_active{
z-index: 2;
}

#top #mainvisual_area_may .track01 .track_img{
display: none;
}

#top #mainvisual_area_may .track01 .active{
display: block;
}

#top #mainvisual_area_may .illust13 {
width: 20.15%;
top: 34.6%;
left: 33.5%;
}

#top #mainvisual_area_may .illust14 {
width: 11.2%;
top: 9%;
left: 35.3%;
}

#top #mainvisual_area_may .illust15 {
width: 5.9%;
bottom: 37.4%;
right: 33.3%;
}

/*アイコン */
#top #educational_area .title_g .icon {
max-width: 175.39px;
margin-bottom: 60px;
}

#top #product_area .title_g .icon {
max-width: 166.56px;
margin-bottom: 79.2px;
}

#top #kawai_area .title_g .icon {
max-width: 166.46px;
margin-bottom: 60px;
}

#top #visumo_area .title_g .icon {
max-width: 215.03px;
margin-bottom: 67.4px;
}

/*-------------------------
20.top_MV更新（2023/06/30）
-------------------------*/
#top #mainvisual_area_july{
overflow: hidden;
background: #FCF5ED;
margin-top: 84px;
}

#top #mainvisual_area_july .mainimg_g{
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area_july .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area_july .illust01 {
width: 3.37%;
top: 45.5%;
left: 17.5%;
}

#top #mainvisual_area_july .illust02 {
width: 10.66%;
bottom: 31%;
left: 23%;
}

#top #mainvisual_area_july .illust03 {
width: 10.3%;
bottom: 31%;
left: .5%;
}

#top #mainvisual_area_july .illust04 {
width: 4.19%;
bottom: 10.5%;
left: 19%;
}

#top #mainvisual_area_july .illust05 {
width: 17.56%;
bottom: 24.1%;
left: 33.63%;
}

#top #mainvisual_area_july .illust06 {
width: 11.79%;
bottom: 49%;
left: 35.7%;
}

#top #mainvisual_area_july .illust07 {
width: 11.27%;
top: 16.4%;
left: 36.2%;
}

#top #mainvisual_area_july .illust08 {
width: 15.99%;
bottom: 5.8%;
right: 21.3%;
}

#top #mainvisual_area_july .illust09 {
width: 10.383%;
top: 45%;
right: 23.1%;
}

#top #mainvisual_area_july .illust10 {
width: 4.35%;
top: 45%;
right: 5.3%;
}

#top #mainvisual_area_july .illust11 {
width: 7.47%;
top: 6.9%;
right: 14%;
}

#top #mainvisual_area_july .illust12 {
width: 3.99%;
top: 51.6%;
right: 37.5%;
}

#top #mainvisual_area_july .track01.track_active{
z-index: 2;
}

#top #mainvisual_area_july .track01 .track_img{
display: none;
}

#top #mainvisual_area_july .track01 .active{
display: block;
}

#top #mainvisual_area_july .illust13 {
width: 4.445%;
top: 21.8%;
right: 33.2%;
}

#top #mainvisual_area_july .illust15 {
width: 6%;
bottom: 30%;
right: 32.7%;
}

#top #mainvisual_area_july .illust16 {
width: 20.16%;
top: 43.7%;
left: 32.9%;
}

#top #mainvisual_area_july .illust19 {
width: 4.27%;
top: 1.8%;
left: 19.5%;
}

#top #mainvisual_area_july .illust20 {
width: 4.27%;
top: 1.4%;
right: 24.2%;
}

#top #mainvisual_area_july .illust21 {
width: 13.53%;
top: 34%;
left: 3.5%;
}


/*アイコン */
#top #educational_area .title_g .icon {
max-width: 174.69px;
margin-bottom: 60px;
}

#top #product_area .title_g .icon {
max-width: 162.28px;
margin-bottom: 62.2px;
}

#top #kawai_area .title_g .icon {
max-width: 186.91px;
margin-bottom: 60px;
}

#top #visumo_area .title_g .icon {
max-width: 196.87px;
margin-bottom: 58.9px;
}

/*--------------------------
21.top_MV更新（2023/08/31）
--------------------------*/
#top #mainvisual_area_september{
overflow: hidden;
background: #FCF5ED;
margin-top: 86px;
}

#top #mainvisual_area_september .mainimg_g{
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area_september .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area_september .illust01 {
width: 7.43%;
top: 40.65%;
left: 14.25%;
}

#top #mainvisual_area_september .illust02 {
width: 11.83%;
bottom: 32.8%;
left: 21.8%;
}

#top #mainvisual_area_september .illust03 {
width: 8.18%;
bottom: 15%;
left: 21.2%;
}

#top #mainvisual_area_september .illust04 {
width: 12.83%;
bottom: 4.4%;
left: 32.9%;
}

#top #mainvisual_area_september .illust05 {
width: 6.08%;
/* bottom: 18.5%; */
bottom: 20%;
left: 46.25%;
}

#top #mainvisual_area_september .illust06 {
width: 22%;
bottom: 35.4%;
left: 32.8%;
}

#top #mainvisual_area_september .illust07 {
width: 11.7%;
top: 14%;
left: 35.5%;
}

#top #mainvisual_area_september .illust08 {
width: 14.75%;
bottom: 8.5%;
right: 22.55%;
}

#top #mainvisual_area_september .illust09 {
width: 18.5%;
top: 37.7%;
right: 16.9%;
}

#top #mainvisual_area_september .illust10 {
width: 4.364%;
top: 43.4%;
right: 7.4%;
}

#top #mainvisual_area_september .illust11 {
width: 7.053%;
top: 5.9%;
right: 20.9%;
}

#top #mainvisual_area_september .illust12 {
width: 3.55%;
top: 50.5%;
right: 37.4%;
}

#top #mainvisual_area_september .track01 .track_img{
display: none;
}

#top #mainvisual_area_september .track01 .active{
display: block;
}

#top #mainvisual_area_september .illust13 {
width: 4.86%;
top: 15.5%;
right: 30.3%;
}

#top #mainvisual_area_september .illust14 {
width: 24.6%;
bottom: 8.75%;
right: 26.7%;
}

#top #mainvisual_area_september .illust15 {
width: 5.6%;
bottom: 32.2%;
right: 32.75%;
}

/*アイコン */
#top #educational_area .title_g .icon {
max-width: 174.69px;
margin-bottom: 60px;
}

#top #product_area .title_g .icon {
max-width: 213.8px;
margin-bottom: 74.1px;
}

#top #instagram_area .title_g .icon {
max-width: 196.77px;
margin-bottom: 60px;
}

#top #visumo_area .title_g .icon {
max-width: 218.93px;
margin-bottom: 52.5px;
}


/*-------------
22.method
-------------*/
#method .page_title_box {
padding: 98px 0 108px;
}

#method .cnt_area {
max-width: 826px;
padding-bottom: 109px;
}

#method .first_txt {
line-height: 2;
font-weight: 400;
margin-bottom: 52px;
}

#method .cnt_area h3{
font-weight: 700;
font-size: 20px;
line-height: 29px;
margin-bottom: 39px;
color: #393939;
}

#method .method_box{
padding: 25px 28px 23px 51px;
border-radius: 10px;
border: 1px solid #707070;
}

#method .method_box + .method_box{
margin-top: 24px;
}

#method .method_box dt{
display: flex;
align-items: center;
position: relative;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #393939;
cursor: pointer;
}

#method .method_box dt::before,
#method .method_box dt::after{
content: "";
display: block;
position: absolute;
width: 13px;
height: 2px;
background: #393939;
right: 0px;
top: 50%;
transform: translateY(-50%);
transition: .3s;
}

#method .method_box dt::after{
transform: translateY(-50%) rotate(90deg);
}

#method .method_box dt.open::after{
transform: translateY(-50%) rotate(0);
}

#method .method_box dt .icon{
display: inline-block;
width: 32px;
margin-right: 20px;
}

#method .method_box dd{
padding: 20px 0 23px;
display: none;
}

#method .method_box + .method_box dd{
padding: 20px 0 44.5px;
}

#method .method_box .video_wrap{
max-width: 630px;
margin: 0 auto;
}

#method .method_box .cnt_item{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: .04em;
padding-bottom: 10px;
margin-bottom: 70px;
border-bottom: 1px solid #D1D1D1;
}

#method .method_box .cnt_item .bold{
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #464646;
margin-right: 10px;
display: inline-block;
}

#method .method_box .cnt_g{
width: calc(100% - 35.5px);
margin: 0 0 0 35.5px;
position: relative;
padding-bottom: 38px;
border-left: 1px solid #464646;
min-height: 133px;
}

#method .method_box .cnt_g:last-child{
border-left: none;
padding-bottom: 0;
}

#method .method_box .cnt_g .step{
position: absolute;
top: 0;
left: -35.5px;
color: #fff;
background: #464646;
width: 71px;
text-align: center;
font-family: "Avenir";
font-weight: 700;
font-size: 36px;
line-height: 1;
padding: 11px 0 7px;
}

#method .method_box .cnt_g .step span{
display: block;
font-weight: 300;
font-size: 19px;
}

#method .method_box .cnt_g .cnt_text{
padding-left: 73.5px;
}

#method .method_box .cnt_g .cnt_text h4{
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: .04em;
border-bottom: 1px solid #D1D1D1;
padding-bottom: 10px;
padding-left: 5px;
margin-bottom: 10px;
}

#method .method_box .cnt_g .cnt_text p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
padding-left: 5px;
}

#method .method_box .cnt_img{
max-width: 300px;
margin-top: 20.5px;
}

#method .method_box .cnt_img img{
border-radius: 10px;
}

#method .method_box .cnt_img.flex_box{
max-width: 465px;
display: flex;
justify-content: space-between;
margin-top: 38px;
}

#method .method_box .cnt_img.flex_box img{
width: 48.5%;
max-width: 225px;
}

#method .cnt_box{
margin-top: 40px;
padding: 39px 0;
background: #F7F7F7;
border-radius: 10px;
color: #393939;
font-weight: 400;
line-height: 2;
}

#method .cnt_box .contents_in{
max-width: 738px;
}

#method .cnt_box h4{
font-weight: 700;
}