@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.
03.KAWAI’S EDUCATIONAL TOYS
04.
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
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top
----------*/

#top .cnt_area .box_type01{
margin-bottom: 100px;
}

#top #about_area{
padding: 100px 0 67px;
}

#top #about_area .title_g .icon{
max-width: 219px;
margin-bottom: 84px;
}

#top #about_area .catchcopy{
margin-bottom: 62px;
}

#top #about_area .cnt_img{
margin-bottom: 62px;
}

/*----------
02.Products詳細
----------*/

/* .page-goods .block-goods-detail .pane-goods-right-side{
width: 48.64%;
} */

.page-goods .block-goods-detail {
display: block;
width: 100%;
}

.page-goods .block-goods-detail .pane-goods-left-side {
max-width: none;
width: 80%;
margin: 0 auto;
}

.page-goods .block-goods-detail .pane-goods-right-side {
max-width: none;
width: 80%;
margin: 40px auto 0;
}

.page-goods .block-goods-detail h2{
font-size: 24px;
line-height: 38px;
}

.page-goods .block-goods-detail .price{
margin-bottom: 70px;
}

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

.page-goods .block-goods-detail .wrapping_box{
margin-right: 5%;
}

.page-goods .block-goods-detail .info_box .wrapping_box,
.page-goods .block-goods-detail .info_box .quantity_box{
width: 45%;
}

.page-goods .block-goods-detail .info_box dt{
font-size: 14px;
}

.page-goods .block-goods-detail .cart_btn{
margin: 0 15px 0 0;
}

.page-goods .block-goods-detail .cart_btn a img{
max-width: 16px;
margin-right: 10px;
}

.page-goods .block-goods-detail .cart_btn a span{
font-size: 16px;
}

.page-goods .cnt_area h3{
font-size: 24px;
margin-bottom: 70px;
}

.page-goods .cnt_area h3 span{
font-size: 18px;
}

.page-goods #cnt_area02 .contents_in{
padding-bottom: 80px;
}

.page-goods #cnt_area02 .icon01{
right: 2.25%;
}

.page-goods #cnt_area03 .table_ptn01 .btn_type02{
margin: 53px auto 40px;
}

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

.page-goods .block-goods-favorite {
padding: 0 20px;
margin-bottom: 10px;
}

.page-goods .block-goods-favorite a {
background: #F1C046!important;
color: #fff!important;
max-width: 275px;
padding: 11px 15px 11px;
}

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

#education #cnt_area01 .mv{
margin-bottom: 15px;
}

#education #cnt_area01 .catchcopy{
font-size: 18px;
line-height: 36px;
}

#education #cnt_area01 .cnt_img{
margin: 63px auto 28px;
}

#education .cnt_area .contents_in{
width: 100%;
}

#education .cnt_area .cnt_box{
width: calc(100% - 20px);
margin-bottom: 80px;
}

#education .cnt_area .cnt_img{
width: 43.19%;
}

#education .cnt_area .cnt_text{
width: 48.28%;
}

#education #cnt_area02 .contents_in{
padding: 100px 0 10px;
}

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

#education #cnt_area02 .cnt_img .small_cnt_img{
margin: -15.64% -13.63% 0 auto;
}

#education #cnt_area03 .contents_in{
padding: 100px 0 10px;
}



/*----------
04.Wrapping
----------*/

#wrapping .cnt_area .contents_in{
width: 100%;
}

#wrapping .cnt_area .cnt_box{
width: calc(100% - 20px);
}

#wrapping .cnt_area .cnt_img{
width: 43.19%;
}

#wrapping .cnt_area .cnt_text{
width: 48.28%;
}

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

#wrapping #cnt_area02 .contents_in{
width: 100%;
padding-bottom: 120px;
}

#wrapping #cnt_area04 .cnt_box{
width: 100%;
}

#wrapping #cnt_area04 .cnt_text{
margin-bottom: 36px;
}

#wrapping #cnt_area04 .cnt_img{
max-width: 800px;
margin: 0 auto;
}

#wrapping #cnt_area05 .contents_in{
padding-bottom: 120px;
}

/*----------
16.category
----------*/
#category .category_list .item .item_name {
font-size: 16px;
line-height: 28px;
}

#category .category_list .item .item_price {
font-size: 25px;
line-height: 35px;
}

#category .category_list .item .item_price .withouttax {
margin-left: 6px;
font-size: 14px;
}

.block-goods-list-l--table th {
font-size: 13px;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn {
width: 135px;
font-size: 12px;
}

.block-goods-list-l--add-cart .block-list-add-cart-btn::after {
content: none;
}

.block-pickup-list-p--image {
width: 75px;
}

.block-pickup-list-p--image figure {
width: 75px;
height: 75px;
}

.block-pickup-list-p--item-description {
width: calc(100% - 75px);
}


/*----------
12.login
----------*/
.page-login .form-group.block-login--pwd .form-label,
.page-login .form-label {
width: 100px;
}

.page-login .constraint {
width: 45px;
}


}

@media only screen and (max-width:768px){
.page-goods .block-goods-detail .cnt_img .slick-dots li{
margin: 0 5px;
padding: 0;
}
}

@media only screen and (max-width:750px){
/*----------
01.top
----------*/

#top #mainvisual_area{
/* padding: 60px 0 0; */
}

#top #mainvisual_area .mainimg_g{
/* width: 880px;
left: 50%;
transform: translateX(-50%); */
}

#top #mainvisual_area .illust01{
max-width: 85px;
width: 100%;
bottom: 105px;
left: 120px;
}

#top #mainvisual_area .illust02{
/* max-width: 25px; */
width: 6.67%;
top: auto;
bottom: 38.24%;
right: 8.54%;
}

#top #mainvisual_area .illust03{
/* max-width: 41px; */
width: 10.94%;
top: 20.84%;
left: 5.34%;
}

#top #mainvisual_area .illust04{
/* max-width: 82px; */
width: 21.87%;
top: 27.29%;
left: 24.8%;
}

#top #mainvisual_area .illust05{
/* max-width: 42px; */
width: 11.2%;
bottom: 11.55%;
right: 20.27%;
}

#top #mainvisual_area .illust06{
/* max-width: 27px; */
width: 7.2%;
bottom: auto;
top: 12.9%;
right: 9.87%;
}

#top #mainvisual_area .illust07{
/* max-width: 33px; */
width: 8.8%;
bottom: 19.64%;
left: 17.07%;
}

#top #mainvisual_area .illust08{
/* max-width: 119px; */
width: 31.74%;
bottom: 20.24%;
right: 4.27%;
}

#top #mainvisual_area .illust09{
/* max-width: 154px; */
width: 41.07%;
bottom: 41.83%;
left: 14.14%;
}

#top #mainvisual_area .illust10{
/* max-width: 50px; */
width: 13.34%;
top: 21.59%;
right: 19.47%;
}

#top #mainvisual_area .illust11{
/* max-width: 82px; */
width: 21.87%;
top: 60%;
left: 11.2%;
}

#top #mainvisual_area .illust12{
/* max-width: 27px; */
width: 7.2%;
top: 52.33%;
right: 36.27%;
}

#top #mainvisual_area .illust13{
/* max-width: 43px; */
width: 11.47%;
bottom: 36.59%;
right: 26.94%;
z-index: 1;
}

#top .cnt_area .title_g .icon{
margin-bottom: 20px;
}


#top .cnt_area .title_g .catchcopy{
font-size: 17px;
}

#top .cnt_area .box_type01{
display: block;
margin-bottom: 60px;
}

#top .cnt_area .box_type01 .cnt_img{
width: 100%;
/* margin: 0 auto 10px; */
margin: 50px auto;
}

#top .cnt_area .box_type01 .cnt_text{
width: 100%;
margin: 0 auto;
}

#top .cnt_area .box_type01 .cnt_text p{
line-height: 32px;
margin-bottom: 18px;
font-size: 14px;
}

#top .cnt_area .box_type01 .cnt_text .btn_type01{
margin: 0 0 0 auto;
}

#top .cnt_area .box_type02{
width: 100%;
margin: 0 auto 40px;
}

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

#top .cnt_area .box_type02 .cnt_text p{
text-align: left;
line-height: 32px;
}

#top #about_area{
padding: 60px 0 20px;
/* padding: 60px 0 43px; */
}

#top #about_area .title_g .icon{
max-width: 150px;
/* margin-bottom: 50px; */
margin: 0 auto 40px;
/* margin: 50px auto 100px; */
}

#top #about_area .catchcopy{
line-height: 30px;
margin-bottom: 42px;
font-size: 17px;
}

#top #about_area p .line_txt::before {
bottom: 2px;
}

#top #about_area .cnt_img{
margin-bottom: 35px;
/* margin-bottom: 42px; */
}

#top #about_area p{
line-height: 30px;
font-size: 14px;
}

#top #about_area p::after{
height: 45px;
margin-top: 30px;
}

#top #educational_area .contents_in{
padding: 20px 0 60px;
/* padding: 60px 0; */
}

#top #educational_area .title_g .icon{
max-width: 71px;
margin-bottom: 20px;
}

#top #educational_area .sp_open_btn {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #E84709;
margin: 0 auto;
position: relative;
cursor: pointer;
}

#top #educational_area .sp_open_btn::before,
#top #educational_area .sp_open_btn::after {
content: "";
position: absolute;
display: block;
width: 20px;
height: 2px;
border-radius: 5px;
background: #fff;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: .3s;
}

#top #educational_area .sp_open_btn::after {
transform: translate(-50%,-50%) rotateZ(90deg);
}

#top #educational_area .sp_open_btn.open::after {
transform: translate(-50%,-50%) rotateZ(0);
}

#top #educational_area .sp_hide_box {
display: none;
}

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

#top #product_area .title_g .icon{
max-width: 97px;
margin-bottom: 48px;
}

#top #product_area .cnt_box.wrapping_box .cnt_img{
max-width: 515px;
width: 100%;
}

#top #product_area .cnt_box.wrapping_box .cnt_img img{
width: 48.5%;
}

#top #product_area .cnt_box.wrapping_box .cnt_text{
max-width: 450px;
width: 100%;
}

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

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

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

#top #kawai_area .title_g .icon{
max-width: 125px;
}

#top #visumo_area .contents_in{
padding: 40px 0 60px;
/* padding: 60px 0; */
}

#top #visumo_area .title_g .icon{
max-width: 109px;
}

#top #visumo_area .insta_tag{
margin-bottom: 45px;
}
#top #visumo_area .catchcopy {
font-size: 17px;
}

#top #visumo_area .visumo_g{
margin-bottom: 45px;
}

#top #visumo_area p {
line-height: 24px;
font-size: 14px;
}

#top #news_area{
padding: 15px 0;
}

#top #news_area .contents_in{
display: block;
}

#top #news_area .contents_in .news_list{
width: 100%;
margin-bottom: 20px;
}

#top #news_area .contents_in .news_list li a{
display: block;
}

#top #news_area .contents_in .news_list .news_date{
width: 100%;
margin: 0 0 10px;
}

#top #news_area .contents_in .news_list .news_title{
width: 100%;
font-size: 14px;
line-height: 21px;
}

#top #news_area .btn_type01{
margin: 0 0 0 auto;
}

#top #instagram_area .insta_bnr{
margin: 0 auto 30px;
max-width: 280px;
}

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

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

#footer_banner_area.top_banner_area .banner_wrap,
#top .banner_area .banner_wrap{
flex-wrap: wrap;
max-width: 500px;
margin: 0 auto;
padding: 60px 8px 0;
}

#footer_banner_area.top_banner_area .banner_wrap .bnr,
#top .banner_area .banner_wrap .bnr{
width: 47.03%;
/* width: 48.5%; */
font-size: 12px;
line-height: 17px;
}

#footer_banner_area.top_banner_area .banner_wrap .bnr:nth-child(n + 3),
#top .banner_area .banner_wrap .bnr:nth-child(n + 3){
margin-top: 50px;
}

#footer_banner_area.top_banner_area .banner_wrap .bnr .ttl,
#top .banner_area .banner_wrap .bnr .ttl{
margin: 14.2px 0 5px;
font-size: 15px;
line-height: 21px;
}

/*お知らせRSS読み込み調整*/
#top #news_area #rsstcview12688baa5166 {
width: 100%;
margin-bottom: 20px;
}

#top #news_area .rsstc-li a{
display: block;
font-size: 14px;
line-height: 21px;
}

#top #news_area .rsstc-update{
width: 100%;
margin: 0 0 10px;
}

#top #instagram_area .contents_in{
padding: 40px 0 10px;
/* padding: 60px 0; */
}

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

#top #instagram_area .title_g .catchcopy {
font-size: 17px;
}

#top #instagram_area .title_g .txt{
line-height: 32px;
font-size: 14px;
margin-bottom: 40px;
}

.page-top .block-top-topic {
padding: 15px 0;
}

.page-top .block-top-topic .block-top-topic--body{
display: block;
}

.page-top .block-top-topic .block-top-topic--header{
display: none;
}

.page-top .block-top-topic .block-top-topic--items {
width: 100%;
}

.page-top .block-top-topic .block-top-topic--items .block-icon-image--table {
display: block;
}

.page-top .block-top-topic .block-top-topic--items .block-icon-image--table-cell {
display: block;
}

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

.page-top .block-top-topic .block-top-topic--items li dl dt {
width: 100%;
display: block;
margin: 0 0 10px;
}

.page-top .block-top-topic .block-top-topic--items li dl dd {
width: 100%;
display: block;
font-size: 14px;
line-height: 21px;
}

.page-top .block-top-topic .block-top-topic--items .block-icon-image--table-cell-angle-right {
display: none;
}

.page-top .block-top-topic .block-top-topic--next-page {
margin: 0 0 0 auto;
padding: 0;
}

.page-top .block-top-topic .block-top-topic--next-page a {
text-decoration: none;
}

/*----------
02.Products詳細
----------*/

.page-goods #goodsdetail_itemhistory,
.page-goods .block-category-tree,
.page-goods .block-genre-tree {
display: none;
}

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

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

.page-goods .pane-main {
margin-top: 65px;
}

.page-goods .page_title_box{
padding: 38px 0 34px;
}

.page-goods .page_title{
font-size: 24px;
line-height: 29px;
}

.page-goods .block-goods-detail .contents_in{
display: block;
}

.page-goods .block-goods-detail .cnt_img{
width: 100%;
margin: 0 auto 30px;
}

.page-goods .block-goods-detail .pane-goods-left-side {
width: calc(100% - 40px);
max-width: 470px;
}

.page-goods .block-goods-detail .pane-goods-left-side .bx-wrapper {
padding: 0 32px;
}


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

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

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery li {
/* width: 100%!important;
max-width: 60px; */
padding: 0 !important;
width: calc((100% - 36px) / 5)!important;
max-width: none;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery li figure::before {
content: none;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-detail--color-variation-goods-thumbnail-images .block-goods-detail--color-variation-goods-color-name {
font-size: 10px !important;
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery ul{
scrollbar-width: thin;
scrollbar-color: #E84709 rgba(255,255,255,0);
}


.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery ul::-webkit-scrollbar{
height: 4px;
border-radius: 5px; 
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery ul::-webkit-scrollbar-track{
background-color: rgba(255,255,255,0);
height: 4px;
border-radius: 5px; 
}

.page-goods .block-goods-detail .pane-goods-left-side .block-goods-gallery ul::-webkit-scrollbar-thumb{
background-color: #E84709;
height: 4px;
border-radius: 5px; 
}

.page-goods .block-goods-detail .pane-goods-right-side{
width: 100%;
margin: 0 auto;
}

.page-goods .block-goods-detail .free_shipping{
font-size: 12px;
line-height: 18px;
margin-bottom: 8px;
}

.page-goods .block-goods-detail h2{
font-size: 18px;
line-height: 32px;
padding: 0;
}

.page-goods .block-goods-detail .price{
font-size: 20px;
line-height: 33px;
margin-bottom: 0;
}

.page-goods .block-goods-detail .price span.tax{
font-size: 12px;
}

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

.page-goods .block-goods-detail .block-goods-comment1{
padding: 0 20px;
margin-bottom: 100px;
}

.page-goods .block-goods-detail .block-goods-comment6{
margin-top: 100px;
}

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

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

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

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

.page-goods .block-goods-detail .block-contact-about-goods {
margin: 15px 20px 0;
text-align: left;
max-width: 210px;
overflow: hidden;
position: relative;
}

.page-goods .block-goods-detail .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 .block-goods-detail .block-contact-about-goods:hover::before {
right: -10px;
}

.page-goods .block-goods-detail .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 .block-goods-detail .block-contact-about-goods:hover::after {
left: auto;
right: -100%;
}

.page-goods .block-goods-detail .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;
background: none!important;
margin: 0;
}

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

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

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

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

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

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

.page-goods .block-goods-user-review {
margin: 0 auto 100px;
border-top: none;
width: calc(100% - 40px);
border-bottom: none;
}

.page-goods .block-goods-user-review h2 {
font-size: 18px;
margin: 0 auto 70px;
}

.page-goods .block-goods-user-review h2::after {
height: 2px;
}

.page-goods .block-goods-user-review .block-goods-user-review--info {
margin: 0 auto;
text-align: center;
background: none;
}

.page-goods .block-goods-user-review .btn {
width: 100%;
max-width: 344px;
display: block;
margin: 0 auto;
background: #363635!important;
color: #fff!important;
}

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

.page-goods .block-goods-detail .block-goods-name {
margin: 30px auto 0;
padding: 0 20px;
}

.page-goods .block-goods-detail .block-goods-name h1{
font-size: 18px;
line-height: 32px;
margin-bottom: 10px;
}

.page-goods .block-goods-detail .block-goods-comment#spec_goods_comment {
font-size: 12px;
line-height: 18px;
margin: 0 20px;
}

.page-goods .block-goods-detail .block-goods-price {
padding: 0 20px;
display: flex;
margin: 0;
align-items: center;
}

.page-goods .block-goods-detail .block-goods-price {
font-size: 20px;
line-height: 33px;
margin-bottom: 0;
text-align: left;
}

.page-goods .block-goods-detail .block-goods-price--net-price.net-price{
font-size: 12px;
}

.page-goods .block-goods-detail .wrapping_box select{
padding: 11px 0 10px 24px;
}

.page-goods .block-goods-detail .quantity_box{
max-width: 79px;
}

.page-goods .block-goods-detail .quantity_box .productnum{
font-size: 16px;
padding: 10px 0 10px 28px;
}

.page-goods .block-goods-detail .quantity_box .spinner_up, .page-goods .block-goods-detail .quantity_box .spinner_down{
background-size: auto 100%;
/* width: 9px; */
width: 12px;
height: 7px;
right: 11px;
}

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

.page-goods .block-goods-detail .quantity_box .spinner_down{
top: 24px;
}

.page-goods .block-goods-detail .block-goods-sales-detail-append {
margin-top: 25px;
padding: 0 20px;
}

.page-goods .block-goods-detail .fieldset-vertical .form-label {
display: block;
width: 100%;
background: none;
padding: 0 60px 0 0;
}

.page-goods .block-goods-detail .fieldset-vertical .form-label label {
font-weight: 500;
}

.page-goods .block-goods-detail .fieldset-vertical .form-group .required {
top: 0;
}

.page-goods .block-goods-detail .required:after {
background-color: #E84709;
}

.page-goods .block-goods-detail .fieldset-vertical .form-group input[type="text"],
.page-goods .block-goods-detail .fieldset-vertical .form-group textarea {
border-radius: 30px;
appearance: none;
color: #585858;
border: 1px solid #DDDBDB;
padding: 8px 15px;
height: auto;
font-size: 14px;
line-height: 1.5;
width: 100%;
}

.page-goods .block-goods-detail .fieldset-vertical .form-group 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 .block-goods-detail input[type=radio] {
display: none;
}

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

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

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

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

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

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

.page-goods .block-goods-detail input[type=radio]:checked + label.radio::before,
.page-goods .block-goods-detail 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;
font-size: 15px;
}

.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 .block-goods-detail .block-variation {
padding: 0 20px;
}

.page-goods .block-goods-detail .block-variation .block-variation{
padding: 0;
}

.page-goods .block-goods-detail .block-variation--name {
padding: 0;
margin: 0 0 10px;
font-size: 16px;
font-weight: 500;
}

.page-goods .block-goods-detail .block-color--item-term figure:before {
border-radius: 10px;
}

.page-goods .block-goods-detail .active .block-color--item-term figure:before {
border-color: #E84709;
}

.page-goods .block-goods-detail .block-variation--selected-item {
margin: 0;
font-weight: 500;
font-size: 14px;
}

.page-goods .block-goods-detail .block-add-cart,
.page-goods .block-goods-detail .block-custom-order {
padding: 0 20px;
display: flex;
align-items: center;
}

.page-goods .block-goods-detail .block-add-cart input,
.page-goods .block-goods-detail .block-custom-order input{
width: 100%;
max-width: 275px;
margin: 0 15px 0 0;
display: block;
border-radius: 26px;
font-weight: 700;
line-height: 1;
background: #E84709!important;
display: flex;
align-items: center;
justify-content: center;
padding: 11px 15px 11px;
color: #fff!important;
transition: .3s;
}

.page-goods .block-goods-detail .block-variation-favorite--btn,
.page-goods .block-goods-detail .block-goods-favorite--btn {
width: 45px;
height: 45px;
position: relative;
padding: 8px 0;
right: auto;
top: auto;
color: #fff !important;
background-color: #c9c9c9 !important;
border-radius: 50%;
opacity: 0;
color: rgba(255,255,255,0);
font-size: 0;
}

.page-goods .block-goods-detail .block-goods-favorite--btn:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

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

.page-goods .block-goods-detail .block-goods-favorite-registed--btn{
background: #F1C046 !important;
color: #fff !important;
max-width: 275px;
padding: 11px 15px 11px;
font-size: 14px;
transition: .3s;
margin: 0 20px 0 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
width: 295px;
border-radius: 26px;
line-height: 1;
}

/* .page-goods .block-goods-detail .block-contact-about-goods {
padding: 0 20px;
}

.page-goods .block-goods-detail .block-contact-about-goods-btn {
background: none !important;
padding: 0;
text-align: left;
} */

.page-goods .block-goods-detail #cancel-modal {
padding: 0 20px;
}

.page-goods .block-goods-detail #cancel-modal .modal-body {
padding: 0;
}

.page-goods .block-goods-detail #cancel-modal .modal-footer {
padding: 0;
}

.page-goods .block-goods-detail #cancel-modal .modal-footer .btn {
margin-top: 10px;
width: 100%;
max-width: 295px;
border-radius: 26px;
font-weight: 700;
}

.page-goods .block-goods-detail #cancel-modal .modal-footer .btn-primary {
background-color: #E84709 !important;
}


.page-goods .block-goods-detail .cart_btn a{
padding: 11px 15px 11px;
}

.page-goods .block-goods-detail .favorite_btn{
max-width: 43px;
}

.page-goods .cnt_area h3{
font-size: 18px;
padding: 0;
}

.page-goods .cnt_area h3::after{
height: 2px;
}

.page-goods .cnt_area h3 span{
font-size: 14px;
line-height: 30px;
}

.page-goods #cnt_area02 .contents_in{
padding-bottom: 90px;
}

.page-goods #cnt_area02 p{
font-size: 14px;
line-height: 32px;
position: relative;
z-index: 1;
}

.page-goods #cnt_area02 .icon01{
width: 40.16%;
top: 1.78%;
right: -8%;
}

.page-goods #cnt_area02 .icon02{
position: static;
width: 38.75%;
margin: 5px 0 0 -10px;
}

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

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

.page-goods #cnt_area03 .table_ptn01 th{
width: 100px;
}

.page-goods #cnt_area03 .table_ptn01 td{
width: calc(100% - 100px);
}

.page-goods #cnt_area03 .table_ptn01 table,.page-goods #cnt_area03 .table_ptn01 tbody,.page-goods #cnt_area03 .table_ptn01 tr,.page-goods #cnt_area03 .table_ptn01 th,.page-goods #cnt_area03 .table_ptn01 td{
display: block;
width: 100%;
}

.page-goods #cnt_area03 .table_ptn01 th{
padding: 14px 15px 8px;
}

.page-goods #cnt_area03 .table_ptn01 td{
padding: 0 15px 14px;
word-wrap: break-word;
}

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

.page-goods #cnt_area03 .table_ptn01 td img{
margin-top: 10px;
}

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

.page-goods #cnt_area04 h4{
font-size: 16px;
margin-bottom: 16px;
}

.page-goods #cnt_area04 .movie_box{
width: 90%;
margin-bottom: 50px;
}

.page-goods #cnt_area04 .movie_box .icon{
max-width: 78px;
height: 78px;
}

.page-goods #cnt_area04 .movie_box .icon img{
max-width: 36px;
}

/*makeshop*/
.page-goods .block-goods-detail .cnt_img .slick-dots {
position: relative;
bottom: auto;
left: auto;
right: auto;
}

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

.page-goods #cnt_area04 .youtube_box{
width: 90%;
margin-bottom: 50px;
padding: 25.5% 0;
}

.page-goods .block-goods-detail .pane-goods-right-side .makeshop-option-label{
font-size: 14px;
line-height: 22.4px;
margin-bottom: 10px;
}


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

.page-goods #cnt_area05 h3 {
margin-bottom: 40px;
}

.page-goodsagree .pane-main {
margin-top: 64px;
padding: 0 20px 80px;
}

.page-goodsagree .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 0;
}

.page-goodsagree .pane-main .block-goods-agreement--agreement-message {
line-height: 30px;
font-size: 14px;
padding: 40px 0 50px;
}

.page-goodsagree .action .btn {
display: block;
margin: 10px auto;
}

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

.block-common-alert-list {
width: 100%;
}

/*2024/03/13追加*/
.page-goods #cnt_area03 .detail_info_box dt{
font-size: 15px;
}

.page-goods #cnt_area03 .detail_info_box dt::after {
right: 15px;
}

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

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

.page-goods .modal-dialog .modal-footer .block-goods-favorite-cancel--btn {
background: #E84709!important;
}

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

.page-goods .modal-dialog .modal-footer a.btn-secondary {
background: #363636!important;
}

.page-goods .modal-dialog .modal-footer .block-goods-favorite-cancel--btn:hover,
.page-goods .modal-dialog .modal-footer input.btn.btn-secondary:hover,
.page-goods .modal-dialog .modal-footer a.btn-secondary:hover {
background: #F1C046!important;
}

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

#education #cnt_area01 .catchcopy{
font-size: 16px;
line-height: 30px;
}

#education #cnt_area01 p{
font-size: 14px;
line-height: 32px;
}

#education #cnt_area01 .contents_in{
padding: 0 0 90px;
max-width: 450px;
}

#education #cnt_area01 p.text01::after{
margin: 26px auto 20px;
height: 25px;
}

#education #cnt_area01 .cnt_img{
margin-top: 43px;
}

#education .cnt_area .cnt_box{
display: block;
margin-bottom: 60px;
}

#education .cnt_area .cnt_img{
width: 100%;
margin: 0 auto 30px;
}

#education .cnt_area .cnt_img .img{
width: 90%;
margin: 0 0 0 auto;
}

#education .cnt_area .cnt_text{
width: calc(100% - 20px);
/* margin: 0 20px 0 0; */
margin: 0 auto;
}

#education .cnt_area .h3_en{
margin-bottom: 5px;
font-size: 14px;
line-height: 16px;
text-align: center;
}

#education .cnt_area h3{
font-size: 20px;
line-height: 35px;
/* margin-bottom: 2px; */
text-align: center;
margin-bottom: 30px;
letter-spacing: -.03em;
}

#education .cnt_area h3:after{
height: 25px;
margin: 8px 0 8px 10px;
}

#education .cnt_area .cnt_text p{
font-size: 14px;
line-height: 26px;
}

#education .cnt_area .direction_row .cnt_text{
/* margin: 0 0 0 20px; */
margin: 0 auto;
}

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

#education #cnt_area02 .contents_in{
padding: 90px 0 20px;
max-width: 450px;
}

#education #cnt_area02 .cnt_text{
margin-bottom: 20px;
}

#education #cnt_area02 .cnt_img .small_cnt_img{
/* margin: -50px -10px 0 auto; */
margin: -30px 0 0 auto;
}

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

#education #cnt_area03 .contents_in{
padding: 90px 0 20px;
max-width: 450px;
}

#education #cnt_area03 .cnt_box{
margin: 0 auto 60px;
}

#education #cnt_area03 .cnt_box .cnt_img .img{
margin: 0 auto;
}

/*makeshop追加*/
#education .cnt_area .cnt_box,
#education .cnt_area .cnt_box.direction_row {
margin: 0 auto 100px;
}

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

#education .cnt_area .cnt_box.cnt_box03 .cnt_img_sp{
margin: 0 auto 30px;
}

#education .cnt_area .cnt_box.cnt_box03 .cnt_img_sp .img{
border-radius: 10px;
}

/* #education .cnt_area .cnt_box.cnt_box03 .cnt_img .img{
margin: 0 auto;
} */

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

#education #cnt_area02 .cnt_img .small_cnt_img {
width: 100%;
border-radius: 10px;
margin: 30px auto;
}

#education .cnt_area .cnt_box02 {
margin: 0 auto 40px;
}


/*----------
04.Wrapping
----------*/

#wrapping .cnt_area .cnt_box{
display: block;
}

#wrapping .cnt_area .cnt_img{
width: 100%;
margin: 0 auto;
}

#wrapping .cnt_area .cnt_img img.img{
height: calc((100vw - 20px)*220/355);
object-fit: cover;
}

#wrapping .cnt_area .cnt_text{
width: calc(100% - 20px);
margin: 0 0 30px;
}

#wrapping .cnt_area .h3_en{
font-size: 14px;
line-height: 16px;
margin-bottom: 5px;
}

#wrapping .cnt_area h3{
/* font-size: 18px;
line-height: 27px; */
font-size: 20px;
line-height: 35px;
margin-bottom: 2px;
}

#wrapping .cnt_area h3:after{
height: 25px;
margin: 10px 0 0 8px;
}

#wrapping .cnt_area .cnt_text p{
font-size: 14px;
line-height: 30px;
}

#wrapping .cnt_area .cnt_box.direction_row .cnt_text{
margin-left: 20px;
}

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

#wrapping #cnt_area01 .cnt_img{
margin-bottom: 25px;
}
#wrapping #cnt_area02 .contents_in{
padding-bottom: 100px;
}

#wrapping #cnt_area02 .title{
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
}

#wrapping #cnt_area02 .title span{
font-size: 36px;
line-height: 51px;
}

#wrapping #cnt_area02 p{
font-size: 14px;
line-height: 26px;
margin-bottom: 20px;
}

#wrapping #cnt_area03 .contents_in{
padding: 100px 0;
width: calc(100% - 40px);
max-width: 450px;
}

#wrapping #cnt_area03 .cnt_box{
width: 100%;
}

#wrapping #cnt_area03 .cnt_text{
width: 100%;
}

#wrapping #cnt_area03 .h3_en{
text-align: center;
}

#wrapping #cnt_area03 h3{
text-align: center;
margin-bottom: 30px;
}

#wrapping #cnt_area03 .cnt_img{
width: 100%;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
}

#wrapping #cnt_area04 .contents_in{
padding: 100px 0;
width: calc(100% - 20px - 20px);
max-width: 450px;
}

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

#wrapping #cnt_area04 .cnt_text{
margin-bottom: 25px;
}

#wrapping #cnt_area04 .cnt_text p{
text-align: left;
}

#wrapping #cnt_area04 .cnt_img {
display: block;
max-width: 450px;
}

#wrapping #cnt_area04 .cnt_img .pic{
padding-top: 34px;
/* width: 47%; */
width: 100%;
}

#wrapping #cnt_area04 .cnt_img .pic span{
font-size: 30px;
line-height: 50px;
top: auto;
bottom: 8px;
}

#wrapping #cnt_area05 .contents_in{
/* padding: 100px 0; */
padding: 0 0 100px;
width: calc(100% - 40px);
max-width: 450px;
}

#wrapping #cnt_area05 .cnt_box{
width: 100%;
margin: 0 auto;
}

#wrapping #cnt_area05 .cnt_text{
width: 100%;
margin: 0 auto 30px;
}

#wrapping #cnt_area05 .h3_en {
text-align: center;
}

#wrapping #cnt_area05 h3{
text-align: center;
margin-bottom: 30px;
}

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

#wrapping #cnt_area06 .icon{
max-width: 109px;
}

#wrapping #cnt_area06 .insta_tag{
margin-bottom: 45px;
}

#wrapping #cnt_area06 .visumo_g{
margin-bottom: 45px;
}

#wrapping #cnt_area06 p{
margin-bottom: 26px;
}

/*
#wrapping #cnt_area01 .contents_in{
padding-bottom: 100px;
}

#wrapping #cnt_area01 .cnt_img{
margin-top: 0;
}

#wrapping #cnt_area01 .cnt_img .small_cnt_img{
position: relative;
bottom: auto;
left: auto;
height: calc(55vw - 20px - 60px);
object-fit:cover;
margin: -50px auto 0 -10px;
z-index: 3;
}

#wrapping #cnt_area01 .cnt_img .img{
object-position: 50% 34%;
}

#wrapping #cnt_area04 .contents_in{
padding-bottom: 100px;
}

#wrapping #cnt_area04 .cnt_img .img{
object-position: 50% 40%;
}

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

#wrapping #cnt_area05 .cnt_img .img{
object-position: 50% 20%;
}

#wrapping #cnt_area05 .cnt_img .small_cnt_img{
position: relative;
bottom: auto;
right: auto;
height: calc(55vw - 20px - 60px);
object-fit:cover;
margin: -50px -10px 0 auto;
z-index: 3;
}

#wrapping #cnt_area06 .cnt_text{
padding: 31px 0 36px;
font-size: 14px;
}

#wrapping #cnt_area06 .cnt_text p{
line-height: 30px;
margin-bottom: 21px;
}
*/

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

#visumo #cnt_area01 .contents_in{
padding-bottom: 56px;
}

#visumo #cnt_area01 p{
font-size: 14px;
line-height: 30px;
margin-bottom: 18px;
}

#visumo #cnt_area01 .tag{
margin-bottom: 18px;
}

#visumo #cnt_area01 .tag li{
font-size: 14px;
}

#visumo #cnt_area02 .contents_in{
padding: 52px 0 50px;
}

#visumo #cnt_area02 h3{
font-size: 22px;
line-height: 25px;
margin-bottom: 33px;
}

#visumo #cnt_area02 h3::after{
width: 28px;
height: 2px;
}

#visumo #cnt_area02 .instagram_g li,#visumo #cnt_area02 .instagram_g li:nth-of-type(3n){
width: 48%;
margin: 0 4% 10px 0;
}

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


#visumo .illust01{
right: -20px;
width: 19.79%;
}

#visumo .illust02{
top: -10%;
width: 19.79%;
}

#visumo .illust03{
bottom: 0;
width: 2.96%;
}


/*-------
06.cart
-------*/
#cart .cart_btn a{
padding: 11px 15px 11px;
}

#cart .cart-list-unit-wrap {
margin-top: 20px;
}

.page-cart .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-cart .block-cart--body {
border-bottom: none;
}

.page-cart .action .btn {
font-weight: 700;
}

.page-cart .action .btn-primary {
background-color: #E84709 !important;
}

.page-cart .block-cart--goods-list-image {
float: none;
}

.page-cart .block-cart--goods-list-image figure {
width: 80px;
height: 80px;
background: none;
}

.page-cart .block-cart--goods-list-item {
width: 100%;
margin: 10px 0;
}

.page-cart .block-cart--goods-list-item-delete .btn{
border-radius: 5px;
background: #707070!important;
}

h2.block-cart-recent-item--header {
font-size: 18px;
padding: 0;
}

h2.block-cart-recent-item--header::after {
position: relative;
bottom: auto;
left: auto;
width: 32px;
margin: 18px auto 0;
height: 2px;
background-color: #000;
}

.block-goods-list-c--goods-image figure {
background: none;
border-radius: 10px;
}

.block-goods-list-c--goods-image figure img{
border-radius: 10px;
}

.page-cart .block-cart--continue-shopping {
max-width: 300px;
margin: 0 auto;
}

.page-cart .block-cart--continue-shopping a{
display: block;
width: 100%;
border-radius: 26px;
background: #363636;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 15px 0 18px;
position: relative;
transition: all .3s;
}

.page-cart .block-cart--continue-shopping a:hover {
background: #F1C046;
}

.page-cart .block-cart--continue-shopping a::after {
content: none;
}

.form-label label {
font-weight: 500!important;
}













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

#contract .contract_item{
display: block;
margin: 15px 0 0;
padding: 0 0 15px;
border-bottom: 1px solid #E3E3E3;
}

#contract .contract_title{
width: 100%;
font-size: 14px;
margin-bottom: 5px;
}

#contract .contract_content{
width: 100%;
font-size: 14px;
}

/*----------
08.company
----------*/
#company .page_title_box {
padding: 38px 0 34px;
}

#company .cnt_area{
padding: 0 0 80px;
}

#company table.table_a th{
text-align: center;
padding: 10px;
width: 100%;
line-height: 22px;
}

#company table.table_a th.bg_gray{
text-align: center;
padding: 10px;
width: 100%;
}

#company table.table_a td{
padding: 10px;
width: 100%;
padding: 20px 10px 30px;
}

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

#faq .cnt_area .question_box{
padding: 0 10px;
}

#faq .cnt_area .question{
padding: 13px 20px 10px 0;
}

#faq .cnt_area .question::after {
top: 22px;
right: 10px;
}

#faq .cnt_area .answer{
padding: 14px 0;
}

#faq .cnt_area .answer .a_text {
line-height: 24px;
}

#faq .cnt_area .answer .a_text .cnt_img {
width: 100%;
max-width: 450px;
margin: 15px auto;
}

#faq .cnt_area .answer .a_text .table_wrap {
margin: 15px auto;
max-width: 450px;
font-size: 12px;
}

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

/*------------------
09++ products_faq_page
------------------*/
#faq.products_faq_page .serch_form{
padding: 0 0 45px;
}

#faq.products_faq_page .serch_form .input_wrap input{
border-radius: 5px;
padding: 9px 80px 10px 20px;
font-size: 14px;
line-height: 20px;
}

#faq.products_faq_page .serch_form .input_wrap .txt{
width: 60px;
border-radius: 0 5px 5px 0;
}

#faq.products_faq_page .cnt_area {
padding-bottom: 120px;
}

#returns .page_title_box {
padding: 38px 0 34px;
}

#returns .table_wrap{
padding-bottom: 60px;
}

#returns table.table_a th {
font-size: 16px;
line-height: 22px;
padding: 10px;
text-align: center;
width: 100%;
}

#returns table.table_a td {
font-size: 14px;
line-height: 20px;
padding: 20px 10px 30px;
width: 100%;
}

/*--------
11.guide
--------*/
#guide .page_title_box{
padding: 38px 0 34px;
}

#guide .contents_in{
width: calc(100% - 40px);
}

#guide h2.ttl{
font-size: 18px;
margin-bottom: 30px;
}

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

#guide .cnt_box01 .cnt_g{
width: calc(100% - 25px);
margin: 0 0 0 25px;
padding-bottom: 30px;
min-height: 100px;
}

#guide .cnt_box01 .cnt_g .step{
left: -25px;
width: 50px;
font-size: 22px;
padding: 8px 0 5px;
}

#guide .cnt_box01 .cnt_g .step span{
font-size: 13px;
}

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

#guide .cnt_box01 .cnt_g .cnt_text h3{
font-size: 15px;
line-height: 20px;
padding-bottom: 6px;
margin-bottom: 6px;
}

#guide .cnt_box01 .cnt_g .cnt_text p{
font-size: 13px;
line-height: 20px;
}

#guide .cnt_box01 .cnt_g .cnt_text ul li{
font-size: 13px;
line-height: 20px;
}

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

#guide .cnt_box02 .des_text{
font-size: 13px;
line-height: 20px;
margin-bottom: 15px;
}

#guide .cnt_box02 .cnt_g{
padding: 20px 15px;
border-radius: 5px;
margin-bottom: 30px;
}

#guide .cnt_box02 .cnt_g h3{
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}

#guide .cnt_box02 .cnt_g p{
font-size: 13px;
line-height: 20px;
}

#guide .cnt_box02 .cnt_g ul li{
font-size: 13px;
line-height: 20px;
}

#guide .cnt_box02 .cnt_g .cnt_img{
margin: 15px 0;
border-radius: 3px;
}

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

#guide .cnt_box03 table.table_a th {
line-height: 22px;
padding: 10px;
text-align: center;
width: 100%;
}

#guide .cnt_box03 table.table_a td{
width: 100%;
line-height: 24px;
padding: 20px 10px 30px;
}

/*--------
12.login
--------*/
#login header .contents_in{
padding: 30px 0;
}

#login header .h1_tittle img{
max-width: 75px;
margin: 0 auto 10px;
}

#login header .h1_tittle span{
font-size: 12px;
}

#login .cnt_area{
padding: 70px 0 80px;
margin-top: 100px;
}

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

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

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

#login .cnt_area .cnt_g .login_btn{
padding: 20px 0;
font-size: 16px;
}

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

#login #footer_bottom {
background: #fff;
}

.page-login .pane-main {
margin-top: 64px;
padding: 0 0 80px;
}

.page-login .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-login .block-login--member,
.page-login .block-login--amazon {
border: none;
padding: 20px 20px 40px;
margin-bottom: 30px;
}

.block-login--body .action .btn {
background: #363636!important;
}

.page-login .pane-main h2 {
font-size: 18px;
padding: 0;
margin: 0 auto 40px;
}

.page-login .pane-main h2 span {
font-size: 18px;
line-height: 1;
}

.page-login .pane-main h2 span::after {
content: none;
}

.page-login .pane-main .block-login--first-time h2 span::after {
content: "";
height: 2px;
}

.page-login .block-login--first-time-body {
padding: 0;
border: none;
}

.block-login--body .action .btn {
display: block;
margin: 10px auto;
font-size: 16px;
}

.block-order-flow--step-current {
background-color: rgba(255,255,255,0);
color: #393939;
padding-right: 25px;
}

.block-order-method--coupon-content .btn,
.block-order-method--dest-edit .btn,
.block-order-method--dest-add .btn{
font-weight: 700;
background: #363636!important;
color: #FFF!important;
border-radius: 30px;
}

.block-order-method--next-btn{
font-weight: 700;
background: #E84709!important;
color: #FFF!important;
}

.page-entry .pane-main {
margin-top: 64px;
padding-top: 40px;
padding-bottom: 80px;
}

.page-entry .action .btn {
display: block;
margin: 10px auto;
}

.page-entry .block-member-info--items-use-spoofing-protection .constraint {
background: #363636;
padding: 10px;
margin-bottom: 10px;
}

.page-withdrawal .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-withdrawal .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-withdrawal .action .btn {
display: block;
margin: 10px auto;
}

.page-withdrawal .block-withdrawal--completed-message{
margin-bottom: 60px;
}

.block-login--display-password {
display: block;
}

.page-passchange .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-passchange .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-passchange .action .btn {
display: block;
margin: 10px auto;
}

.page-passchange .action .block-update-member-password--update-back{
background: #707070!important;
}

.page-passchange .block-update-member-password--update-completed-message{
padding: 0 20px;
margin-bottom: 60px;
}

.page-cardedit .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-cardedit .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-cardedit .action .btn {
display: block;
margin: 10px auto;
}

.page-cardedit .action .block-credit-card-confirmation--back {
background: #707070!important;
}

.page-mailchange .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-mailchange .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-mailchange .action .btn {
display: block;
margin: 10px auto;
}

.page-mailchange .action .block-update-mail-address--update-back {
background: #707070!important;
}

.page-mag .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-mag .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-mag .action .btn {
display: block;
margin: 10px auto;
}

.page-custdest .pane-main {
margin-top: 64px;
padding: 40px 10px 80px;
}

.page-custdest .action .btn {
display: block;
margin: 10px auto;
}

.page-method .pane-main {
margin-top: 60px;
padding: 40px 10px 80px;
}

.page-method .block-order-method--contents {
display: flex;
flex-direction: column;
}

.page-method .block-order-method--delivery-datetime{
order: 5;
margin-bottom: 20px;
}

.page-method .block-order-method--payment{
order: 6;
}

.page-method .form-label {
font-size: 14px;
padding: 10px;
}

.block-order-flow--step-current {
color: #333;
}

.page-estimate .pane-main {
margin-top: 64px;
padding: 40px 10px 80px;
}

.page-estimate .btn {
width: fit-content;
background: #363636!important;
padding: 8px 15px 10px;
font-size: 14px;
color: #fff!important;
}

.page-estimate .action .btn {
width: 100%;
font-size: 16px;
background: #363636!important;
color: #fff!important;
margin: 10px auto;
display: block;
}

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

.page-estimate table th {
background: #363636;
color: #fff;
padding: 12px 5px;
font-size: 14px;
}

.page-estimate table td {
padding: 12px 5px;
}

.page-estimate .form-group.block-order-gift-confirmation--mailnews .form-label {
padding: 10px;
margin-bottom: 10px;
}

.page-orderdest .pane-main {
margin-top: 64px;
padding: 40px 0 80px;
}

.page-orderdest .btn {
width: fit-content;
background: #363636!important;
font-size: 14px;
padding: 10px 15px 10px;
color: #fff!important;
}

.block-order-gift-dest--method-sender-change {
background: none;
border: none;
}

.page-orderdest .block-order-gift-dest--cart-back {
background: none;
color: #000!important;
}

.page-orderdest .block-order-gift-dest--cart-back a{
color: #000!important;
}

.page-customer .pane-main {
margin-top: 64px;
padding: 40px 0 80px;
}

.page-customer .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
text-align: center;
color: #393939;
}

.page-customer .action .btn {
display: block;
margin: 10px auto;
}

.page-orderselect .pane-main {
margin-top: 64px;
padding: 40px 0 80px;
}

.page-orderselect .btn {
width: fit-content;
background: #363636!important;
padding: 10px 15px 12px;
font-size: 14px;
color: #fff!important;
}

.page-orderselect .action .btn {
display: block;
width: 100%;
margin: 10px auto 0;
font-size: 16px;
}

.page-orderselect .block-order-gift-select--delivery-dest-goods-select .block-order-gift-select--delivery-dest-goods {
background: none;
border: none;
}

.page-orderselect .block-order-gift-select--delivery-dest-goods-content-list table th{
background: #363636;
color: #fff;
}

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

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

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

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

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

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

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

.page-orderselect .block-order-gift-select--sales-detail-append td:has(.control-label) {
background: #fff;
color: #333;
}

.page-order .pane-main {
margin-top: 64px;
padding: 0 0 80px;
}

.page-order .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
margin: 0 auto;
}

.page-guestbookmark .pane-main,
.page-bookmark .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-guestbookmark .pane-main h1,
.page-bookmark .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-guestbookmark .action .btn,
.page-bookmark .action .btn {
font-size: 16px;
display: block;
margin: 10px auto;
background: #707070!important;
}

.page-guestbookmark .action .btn-primary,
.page-bookmark .action .btn-primary {
font-size: 14px;
background-color: #E84709!important;
}

.page-guestbookmark .btn.btn-danger,
.page-bookmark .btn.btn-danger {
border-radius: 5px;
background-color: #363636!important;
font-weight: 500;
padding: 5px 15px;
}

.page-guestbookmark .block-favorite--update,
.page-bookmark .block-favorite--update {
font-weight: 500;
background-color: #E84709;
border-bottom: none;
border-radius: 5px;
}

.page-guestbookmark .block-favorite--cancel,
.page-bookmark .block-favorite--cancel {
color: #363636;
background-color: #E3E3E3;
border: none;
font-weight: 500;
border-radius: 5px;
}

.page-guestbookmark  .block-guest-favorite-synchronize-link,
.page-guestbookmark  .block-guest-favorite-synchronize-description{
font-size: 14px;
line-height: 1.7;
}

.page-guestbookmark  .block-guest-favorite-synchronize-link a{
text-decoration: underline;
text-underline-offset: 2px;
transition: all .3s;
}

.page-guestbookmark  .block-guest-favorite-synchronize-link a:hover{
opacity: .7;
text-decoration: none;
}

.page-guestbookmark  .block-guest-favorite-synchronize-title {
font-size: 15px;
font-weight: bold;
margin: 40px 0 10px;
}

.page-couponlist .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-couponlist .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-couponlist .action .btn {
display: block;
margin: 10px auto;
background: #363636!important;
color: #fff!important;
}

.page-couponlist .action .block-coupon-list--back {
background: #707070!important;
}

.page-couponlist .block-coupon-list--list {
margin-bottom: 60px;
}

.page-history .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-history .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
}

.page-history  .action .btn {
font-size: 14px;
padding: 11px 0 12px;
}

h2.block-login--member-header,
h2.block-login--snslogin-header,
h2.block-login--amazon-header{
font-weight: 700;
font-size: 26px;
line-height: 1;
margin: 0 auto 78px;
font-size: 18px;
padding: 0;
text-align: center!important;
position: relative;
background: none;
}

h2.block-login--member-header::after,
h2.block-login--snslogin-header::after,
h2.block-login--amazon-header::after {
content: "";
display: block;
position: relative;
bottom: auto;
left: auto;
width: 32px;
margin: 18px auto 0;
height: 2px;
background-color: #000;
}

.page-askpass .pane-main {
margin-top: 64px;
padding: 0 0 80px;
}

.page-askpass .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
text-align: center;
color: #393939;
}

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

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

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

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

.page-askpass .action .btn {
max-width: 300px;
display: block;
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;
margin: 10px auto;
}

.page-askpass .action .block-reset-password--back{
background: #707070!important;
color: #fff!important;
}

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

.page-askpasschange .pane-main {
margin-top: 64px;
padding: 0 0 80px;
}

.page-askpasschange .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
text-align: center;
color: #393939;
}

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

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

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

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

.page-askpasschange .action .btn {
max-width: 300px;
display: block;
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;
margin: 10px auto;
}

.page-askpasschange .action .block-reset-password--back{
background: #707070!important;
color: #fff!important;
}

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

.page-askpasscomplete .pane-main {
margin-top: 64px;
padding: 0 0 80px;
}

.page-askpasscomplete .pane-main h1 {
font-size: 24px;
line-height: 29px;
padding: 38px 0 34px;
text-align: center;
color: #393939;
}

.page-askpasscomplete .action .btn {
max-width: 300px;
display: block;
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;
margin: 10px auto;
}

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







/*----------
13.contact
----------*/
#contact .page_title_box{
padding: 38px 0 34px;
}

#contact .cnt_box{
margin-bottom: 40px;
}

#contact .cnt_box .ttl{
font-size: 18px;
line-height: 25px;
margin-bottom: 15px;
}

#contact .cnt_box .table_a th{
padding: 10px;
text-align: center;
width: 100%;
}

#contact .cnt_box .table_a td{
line-height: 20px;
padding: 20px 10px 30px;
width: 100%;
}

#contact .cnt_box .table_wrap ul{
margin-top: 15px;
}

#contact .cnt_box .table_wrap ul li{
font-size: 12px;
line-height: 20px;
}

#contact .cnt_box.box02{
margin-bottom: 40px;
}

#contact .cnt_box.box02 .calendar_box{
display: block;
border-radius: 5px;
padding: 20px 15px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap{
width: 100%;
max-width: 450px;
margin: 0 auto;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap:last-child{
max-width: 450px;
margin: 15px auto 0;
}

#contact .cnt_box.box05{
margin-bottom: 80px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar {
width: 100%;
max-width: 300px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .block-calendar-slide-area {
max-width: 300px;
}

.page-contact .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-contact .pane-main h1 {
padding: 38px 0 34px;
font-size: 24px;
line-height: 29px;
}

.page-contact .action .btn {
display: block;
margin: 10px auto;
font-size: 16px;
}

.page-contactthanks .pane-main{
margin-top: 64px;
padding-bottom: 80px;
}

.page-contactthanks .pane-main h1{
padding: 38px 0 34px;
font-size: 24px;
line-height: 29px;
}

.page-contactthanks .action .btn {
display: block;
margin: 10px auto;
font-size: 16px;
}



/*-------
14.news
-------*/
#news .page_title_box{
padding: 38px 0 34px;
}

#news .cnt_area{
padding-bottom: 80px;
}

#news .news_item{
margin-bottom: 12px;
}

#news .news_item a{
padding: 10px 30px 10px 10px;
display: block;
}

#news .news_item a::after{
right: 10px;
}

#news .news_item a:hover::after{
right: 5px;
}

#news .news_item .news_date{
margin: 0 0 8px;
}

#news .pager{
margin-top: 30px;
}


/*--------------
15.news_detail
--------------*/
#news_detail .news_ttl_area{
padding: 38px 0 15px;
}

#news_detail .news_ttl_area .news_title{
font-size: 22px;
line-height: 30px;
margin-bottom: 15px;
}

#news_detail .news_ttl_area .news_date{
font-size: 12px;
line-height: 17px;
}

#news_detail .cnt_news{
font-size: 14px;
line-height: 25px;
padding: 30px 0 70px;
}

#news_detail .cnt_news img{
border-radius: 5px;
}

#news_detail .detail_pager{
margin: 40px auto 0;
}

#news_detail .detail_pager .arrow{
width: 25px;
height: 25px;
}

#news_detail .detail_pager .prev_arrow{
margin-right: 15px;
}

#news_detail .detail_pager .next_arrow{
margin-left: 15px;
}

#news_detail .detail_pager .btn_back{
width: 170px;
font-size: 14px;
line-height: 30px;
}

/*メルカート*/
.page-topic .pane-main {
margin-top: 64.5px;
padding-bottom: 0;
}

.page-topic .pane-main .block-topic-page {
margin: 0;
}

.page-topic .block-topic-page--article-header {
padding: 38px 20px 47px;
font-size: 22px;
line-height: 30px;
}

.page-topic .block-topic-page--article-body {
font-size: 14px;
line-height: 25px;
padding: 30px 20px 70px;
}

.page-topic .block-topic-page--article-body img{
border-radius: 5px;
}




/*----------
16.category
----------*/
#category .page_title_box {
padding: 40px 0;
}

#category .cnt_area{
padding-bottom: 60px;
}

#category .count_area {
padding-bottom: 10px;
margin-bottom: 30px;
}

#category .category_list::after {
content: none;
}

#category .category_list .item{
width: 48%;
max-width: none;
margin: 0 0 20px;
}

#category .category_list .item .item_img{
margin-bottom: 20px;
}

#category .category_list .item .item_name{
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
}

#category .category_list .item .item_price{
margin-bottom: 25px;
font-size: 24px;
line-height: 32px;
}

#category .category_list .item .item_price .withouttax{
display: inline-block;
margin: 7px 0 0 6px;
line-height: 1;
}

#category #pager{
margin-top: 60px;
}

#category .category_list .item .item_img {
margin: 0 auto 12px;
width: 80%;
}

#category .category_list .item .item_name {
font-size: 13px;
line-height: 20px;
margin-bottom: 8px;
}

#category .category_list .item .item_price {
margin-bottom: 0;
font-size: 16px;
line-height: 22px;
}

#category .category_list .item .item_price .withouttax {
margin: 0 0 0 4px;
font-size: 12px;
}

.page-category .pane-main{
margin-top: 64px;
padding: 40px 20px 80px;
}

.page-category .block-category-list h1 {
font-size: 24px;
line-height: 29px;
/* padding: 38px 0 34px; */
padding: 0;
margin: 0 auto;
}

.page-category .pager-scope {
display: none;
}

.page-category .block-style--select select,
.page-category .block-sort--select select {
border-radius: 5px;
border-color: #363636;
line-height: 1;
}

.block-pickup-list-p--goods-image figure {
background: none;
padding: 0;
border-radius: 10px;
}

.block-pickup-list-p--goods-image figure img{
border-radius: 10px;
}

/*----------
page-menu
----------*/
.page-menu .pane-main {
margin-top: 64px;
padding-bottom: 80px;
}

.page-menu .pane-main .block-mypage{
padding: 0 20px;
}

.page-menu .pane-main h1 {
padding: 38px 0 34px;
font-size: 24px;
line-height: 29px;
}

.block-mypage--customer-status {
margin: 0 auto 20px;
}

.page-menu #mypagenav ul{
margin-bottom: 20px;
}

.page-menu #destnav{
margin: 10px 0 0;
}

.block-mypage--update-address-book {
border-radius: 0;
background: none;
text-align: left;
padding: 3px 0 14px;
font-size: 16px;
font-weight: 400;
}

.block-mypage--update-address-book:hover{
background: none;
}


































/*----------
page-alert
----------*/
.page-alert main.pane-main {
margin-top: 64px;
padding: 40px 20px 80px;
}





/*visumoタグ*/
#top .ecbn-selection-widget ul{
margin: 0 auto 45px!important;
}

#top #instagram_area .ecbn-selection-widget ul{
margin: 0 auto!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: 10px;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item,
#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(3n){
width: 48%!important;
margin: 0 4% 10px 0!important;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(even){
margin-right: 0!important;
}

/*トップラボエリア追加　2023/04/04*/
#top #labo_area .contents_in {
padding: 60px 0;
}

#top #labo_area .title_g .icon {
max-width: 78px;
margin-bottom: 75px;
}

#top #labo_area .pic_g {
margin: 45px 0;
}

/*-------
18.labo
-------*/
/*----------------------キービジュアルここから------------------------*/

#labo #main_visual_area{
margin-top: 55px;
}

#labo #main_visual_area::after{
content: none;
}

#labo #main_visual_area .mv_items::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 9.2%;
background: #fff;
bottom: 62.6%;
right: 31.7%;
z-index: 2;
}

#labo #main_visual_area .mv_items .item01 {
width: 15.78%;
top: 8.3%;
left: 8.7%;
}

#labo #main_visual_area .mv_items .item03 {
width: 23.5%;
bottom: 22.05%;
left: -0.3%;
}

#labo #main_visual_area .mv_items .item04 {
width: 86%;
bottom: 0;
left: 6.8%;
z-index: 1;
}

#labo #main_visual_area .mv_items .item17 {
width: 14.24%;
bottom: 12.7%;
left: 6.6%;
}

#labo #main_visual_area .mv_items .item05 {
width: 17.34%;
bottom: 18.6%;
left: auto;
right: 18.3%;
}

#labo #main_visual_area .mv_items .item06 {
width: 12.5%;
left: auto;
bottom: 34.1%;
right: 4.48%;
}

#labo #main_visual_area .mv_items .item07 {
width: 25.08%;
right: 19%;
bottom: 52.68%;
}

#labo #main_visual_area .mv_items .item08 {
width: 37.67%;
right: 0.47%;
bottom: 52.85%;
}

#labo #main_visual_area .mv_items .item09 {
width: 3.71%;
right: 11.5%;
top: 16.5%;
}

#labo #main_visual_area .mv_items .item11 {
width: 19.27%;
right: 19.8%;
top: -2.3%;
}

#labo #main_visual_area .mv_items .item12 {
width: 10.72%;
right: 39.5%;
top: 20.5%;
}

#labo #main_visual_area .mv_items .item13 {
width: 16%;
right: 34.7%;
top: 32.5%;
z-index: 3;
}

#labo #main_visual_area .mv_items .item14 {
width: 14%;
left: 32.9%;
top: 24.8%;
z-index: 3;
}

#labo #main_visual_area .mv_items .item18 {
width: 76.5%;
right: 10%;
z-index: 2;
bottom: 23.9%;
/* bottom: 23.5%; */
}

/* #labo #main_visual_area .mv_items .item19 {
width: 34.94%;
left: 31.7%;
bottom: 24.35%;
z-index: 2;
} */
#labo #main_visual_area .mv_items .item19 {
width: 35.5%;
left: 31.4%;
bottom: 24.4%;
z-index: 2;
}

/*----------------------キービジュアルここまで------------------------*/

#labo .cnt_area{
padding: 60px 0;
}

#labo .cnt_area h2{
font-size: 24px;
line-height: 1.7;
margin-bottom: 30px;
}

#labo .cnt_area .img_slider{
margin-bottom: 40px;
}

#labo .cnt_area .img_slider .slick-slide img {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}

#labo .cnt_area .img_slider .slick-slide.slick-active img {
-webkit-transform: scale(1);
transform: scale(1);
}

#labo .cnt_area .img_slider .slick-dots{
margin-top: 35px;
}

#labo .cnt_area .img_slider .slick-dots li{
margin: 0 8px;
}

#labo .cnt_area .txt{
font-size: 14px;
margin-bottom: 40px;
padding: 0 20px;
}

#labo .cnt_area .btn_type02.blank a::after {
width: 16px;
height: 16px;
right: 15px;
}

#labo #cnt_area01 .first_txt{
font-size: 14px;
}

#labo #cnt_area01 .first_txt::after{
height: 24px;
margin: 25px auto 0;
}

#labo #bottom_img_area .bottom_items .item01 {
width: 12.44%;
top: 28%;
right: 43%;
}

#labo #bottom_img_area .bottom_items .item03 {
width: 16%;
bottom: 6%;
right: 49.8%;
}

#labo #bottom_img_area .bottom_items .item04 {
width: 14.5%;
bottom: -1.8%;
right: 57.5%;
}

/*20231226MV更新*/
/* MVイラスト */
#top #mainvisual_area_winter .illust01 {
width: 22.98%;
top: 9.5%;
left: -2%;
}

#top #mainvisual_area_winter .illust02 {
width: 9.99%;
bottom: 22.5%;
left: 3.2%;
}

#top #mainvisual_area_winter .illust03 {
width: 24.01%;
bottom: 53.7%;
left: 51%;
}

#top #mainvisual_area_winter .illust04 {
width: 9.65%;
bottom: 63.6%;
left: 46.3%;
}

#top #mainvisual_area_winter .illust05 {
width: 19.8%;
bottom: 24.2%;
right: 32%;
}

#top #mainvisual_area_winter .illust06 {
width: 53.1%;
bottom: 2.8%;
right: 2%;
}

#top #mainvisual_area_winter .illust07 {
width: 23.15%;
top: 29.7%;
right: 67.5%;
}

#top #mainvisual_area_winter .illust08 {
width: 21.87%;
top: 33.9%;
left: 24.8%;
}

#top #mainvisual_area_winter .illust09 {
width: 41.07%;
bottom: 37.5%;
left: 19%;
}

#top #mainvisual_area_winter .illust10 {
width: 25.51%;
top: 18%;
right: 52.2%;
}

#top #mainvisual_area_winter .illust11 {
width: 47.55%;
top: 11%;
right: 3.44%;
}

#top #mainvisual_area_winter .illust12{
width: 7.2%;
/* top: 52.33%;
right: 36.27%; */
top: 55.33%;
right: 26.27%;
}

#top #mainvisual_area_winter .illust13 {
width: 11.3%;
top: 59.5%;
right: 16%;
}

/*アイコンサイズ*/
#top #product_area .title_g .icon {
max-width: 142px;
transform: translateX(-22px);
}

/*--------------------
17.top_MV冬更新（2/28）
--------------------*/
#top #mainvisual_area_spring{
margin-top: 53px;
}

/* MVイラスト */
#top #mainvisual_area_spring .illust01 {
width: 11.36%;
bottom: 22%;
left: 22%;
}

#top #mainvisual_area_spring .illust02 {
width: 28.2%;
bottom: 27.5%;
right: 2.3%;
}

#top #mainvisual_area_spring .illust03 {
width: 28.88%;
bottom: 2.8%;
right: 2.8%;
}

#top #mainvisual_area_spring .illust04 {
width: 24.14%;
bottom: 19.3%;
right: 20.5%;
}

#top #mainvisual_area_spring .illust05 {
width: 14.23%;
top: 28%;
right: 3.5%;
}

#top #mainvisual_area_spring .illust06 {
width: 14%;
top: 0.6%;
left: 2%;
}

#top #mainvisual_area_spring .illust07 {
width: 47.7%;
top: 7.3%;
left: 0;
}

#top #mainvisual_area_spring .illust08 {
width: 22.22%;
top: 44.5%;
left: 79%;
}

#top #mainvisual_area_spring .illust09 {
width: 10.51%;
top: 2%;
right: 1.2%;
}

#top #mainvisual_area_spring .illust10 {
width: 38.39%;
bottom: 2.5%;
left: 1%;
}

#top #mainvisual_area_spring .illust11 {
width: 11.27%;
bottom: 44.4%;
left: 1.5%;
}

#top #mainvisual_area_spring .illust12{
width: 7.2%;
top: 46.5%;
right: 33.5%;
}

#top #mainvisual_area_spring .illust13 {
width: 11.6%;
top: 51%;
right: 23%;
}

#top #mainvisual_area_spring .illust14 {
width: 38.8%;
top: 38.5%;
right: 45.5%;
}

#top #mainvisual_area_spring .illust15 {
width: 23.4%;
top: 20.7%;
left: 23.5%;
}

/*-------------------------
19.top_MV更新（2023/04/28）
-------------------------*/
#top #mainvisual_area_may{
margin-top: 53px;
}
/* MVイラスト */
#top #mainvisual_area_may .illust01 {
width: 35.57%;
bottom: auto;
left: 10.5%;
top: 9.5%;
}

#top #mainvisual_area_may .illust02 {
width: 9.34%;
bottom: 10.3%;
left: 2.3%;
}

#top #mainvisual_area_may .illust03 {
width: 18.81%;
bottom: 42.1%;
left: .3%;
}

#top #mainvisual_area_may .illust04 {
width: 33.87%;
bottom: 15.5%;
left: 5.8%;
}

#top #mainvisual_area_may .illust05 {
width: 11.05%;
bottom: 46.5%;
left: auto;
right: 4%;
}

#top #mainvisual_area_may .illust06 {
width: 24.44%;
bottom: 26.4%;
left: auto;
right: 0;
}

#top #mainvisual_area_may .illust07 {
width: 17.07%;
bottom: 26.3%;
right: 32.2%;
}

#top #mainvisual_area_may .illust08 {
width: 24.82%;
bottom: 2.8%;
right: 8.7%;
}

#top #mainvisual_area_may .illust09 {
width: 10.13%;
top: 28%;
right: 5%;
}

#top #mainvisual_area_may .illust10 {
width: 20.3%;
top: 8.7%;
right: 20.5%;
}

#top #mainvisual_area_may .illust11 {
width: 38%;
top: -1.45%;
left: 0;
}

#top #mainvisual_area_may .illust12 {
width: 7.35%;
top: 47.7%;
right: 26.5%;
}

#top #mainvisual_area_may .illust13 {
width: 39.18%;
top: 40.3%;
left: 20%;
}

#top #mainvisual_area_may .illust14 {
width: 21.77%;
top: 23.5%;
left: 23%;
}

#top #mainvisual_area_may .illust15 {
width: 11.48%;
bottom: 40.9%;
right: 16%;
}

/*アイコン */
#top #educational_area .title_g .icon {
max-width: 111px;
margin-bottom: 20px;
}

#top #product_area .title_g .icon {
max-width: 111px;
margin-bottom: 48px;
}

#top #kawai_area .title_g .icon {
max-width: 125px;
margin-bottom: 0;
}

#top #visumo_area .title_g .icon {
max-width: 145px;
margin-bottom: 48px;
}

/*-------------------------
20.top_MV更新（2023/06/30）
-------------------------*/
#top #mainvisual_area_july{
margin-top: 53px;
}

/* MVイラスト */
#top #mainvisual_area_july .illust01 {
width: 5.1%;
top: 13%;
left: 32.9%;
}

#top #mainvisual_area_july .illust02 {
width: 18.72%;
bottom: 41%;
left: 2%;
}

#top #mainvisual_area_july .illust03 {
width: 18.95%;
bottom: 18.7%;
left: 46%;
}

#top #mainvisual_area_july .illust04 {
width: 9.04%;
bottom: 5.5%;
left: 41%;
}

#top #mainvisual_area_july .illust05 {
width: 32.74%;
bottom: 35.7%;
left: 18.5%;
z-index: 1;
}

#top #mainvisual_area_july .illust06 {
width: 21.99%;
bottom: 51.8%;
left: 22.5%;
}

#top #mainvisual_area_july .illust07 {
width: 21.03%;
top: 26.4%;
left: 23%;
}

#top #mainvisual_area_july .illust08 {
width: 25.59%;
bottom: 23.5%;
right: 1.8%;
z-index: 1;
}

#top #mainvisual_area_july .illust09 {
width: 20.43%;
top: 44.45%;
right: 1.1%;
}

#top #mainvisual_area_july .illust10 {
width: 7.28%;
top: 30.4%;
right: 6.7%;
}

#top #mainvisual_area_july .illust11 {
width: 7.47%;
top: 6.9%;
right: 14%;
}

#top #mainvisual_area_july .illust12 {
width: 7.35%;
top: 49%;
right: 28.5%;
}

#top #mainvisual_area_july .illust13 {
width: 8.734%;
top: 12.5%;
right: 31.5%;
}

#top #mainvisual_area_july .illust14 {
width: 73.94%;
top: 48.7%;
left: 18.35%;
}

#top #mainvisual_area_july .illust15 {
width: 11.48%;
bottom: 39.5%;
right: 19%;
}

#top #mainvisual_area_july .illust16 {
width: 37.61%;
top: 43.6%;
left: 17%;
}

#top #mainvisual_area_july .illust17 {
width: 60.14%;
bottom: 28.5%;
left: 10.8%;
}

#top #mainvisual_area_july .illust18 {
width: 31.47%;
bottom: 31.8%;
left: 5.8%;
}

#top #mainvisual_area_july .illust19 {
width: 8.39%;
top: -.2%;
left: 11.3%;
}

#top #mainvisual_area_july .illust20 {
width: 8.39%;
top: 0%;
right: 2%;
}

#top #mainvisual_area_july .illust21 {
width: 26.92%;
top: 70%;
left: 7%;
}


/*アイコン */
#top #educational_area .title_g .icon {
max-width: 111px;
margin-bottom: 20px;
}

#top #product_area .title_g .icon {
max-width: 111px;
margin-bottom: 48px;
}

#top #kawai_area .title_g .icon {
max-width: 125px;
margin-bottom: 0;
}

#top #visumo_area .title_g .icon {
max-width: 145px;
margin-bottom: 48px;
}

/*--------------------------
21.top_MV更新（2023/08/31）
--------------------------*/
#top #mainvisual_area_september{
margin-top: 54.6px;
}

/* MVイラスト */
#top #mainvisual_area_september .illust01 {
width: 11.34%;
top: 69.7%;
left: 21.2%;
}

#top #mainvisual_area_september .illust02 {
width: 20%;
bottom: 40.8%;
left: .35%;
}

#top #mainvisual_area_september .illust03 {
width: 7.95%;
bottom: 26%;
left: 36.2%;
}

#top #mainvisual_area_september .illust04 {
width: 21.23%;
bottom: 18%;
left: 66.9%;
}

#top #mainvisual_area_september .illust05 {
width: 11.19%;
bottom: 32.7%;
left: 43.8%;
}

#top #mainvisual_area_september .illust06 {
width: 39.5%;
bottom: 42.5%;
left: 19.5%;
}

#top #mainvisual_area_september .illust07 {
width: 20.9%;
top: 26.2%;
left: 24.5%;
}

#top #mainvisual_area_september .illust08 {
width: 27.3%;
bottom: 25.4%;
right: -.9%;
}

#top #mainvisual_area_september .illust09 {
width: 35.3%;
top: 75%;
right: 32.9%;
}

#top #mainvisual_area_september .illust10 {
width: 6.48%;
top: 35%;
right: 5.6%;
}

#top #mainvisual_area_september .illust11 {
width: 12.94%;
top: 5.5%;
right: 21%;
}

#top #mainvisual_area_september .illust12 {
width: 6.96%;
top: 48.7%;
right: 26.2%;
}

#top #mainvisual_area_september .illust13 {
width: 8.23%;
top: 23.6%;
right: 29.7%;
}

#top #mainvisual_area_september .illust15 {
width: 10.87%;
bottom: 40%;
right: 17.5%;
}

/*アイコン */
#top #educational_area .title_g .icon {
max-width: 111px;
margin-bottom: 20px;
}

#top #product_area .title_g .icon {
max-width: 111px;
margin-bottom: 48px;
}

#top #instagram_area .title_g .icon {
max-width: 115px;
margin-bottom: 20px;
/* margin-bottom: 48px; */
}

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

/*-------------
22.method
-------------*/
#method .page_title_box {
padding: 38px 0 34px;
}

#method .cnt_area {
width: calc(100% - 40px);
padding-bottom: 85px;
}

#method .first_txt {
font-size: 14px;
margin-bottom: 40px;
}

#method .cnt_area h3{
font-size: 18px;
line-height: 27px;
margin-bottom: 30px;
}

#method .method_box{
padding: 15px;
}

#method .method_box dt{
padding-right: 20px;
font-size: 16px;
line-height: 24px;
}

#method .method_box dt .icon{
width: 28px;
margin-right: 15px;
}

#method .method_box + .method_box dd{
padding: 20px 0 35px;
}

#method .method_box .cnt_item{
font-size: 13px;
margin-bottom: 45px;
}

#method .method_box .cnt_item .bold{
font-size: 15px;
display: block;
margin: 0 0 5px;
}

#method .method_box .cnt_g{
width: calc(100% - 25px);
margin: 0 0 0 25px;
padding-bottom: 30px;
min-height: 100px;
}

#method .method_box .cnt_g .step{
left: -25px;
width: 50px;
font-size: 22px;
padding: 8px 0 5px;
}

#method .method_box .cnt_g .step span{
font-size: 13px;
}

#method .method_box .cnt_g .cnt_text{
padding-left: 40px;
}

#method .method_box .cnt_g .cnt_text h4{
font-size: 15px;
line-height: 20px;
padding-bottom: 6px;
margin-bottom: 6px;
padding-left: 0;
}

#method .method_box .cnt_g .cnt_text p{
font-size: 13px;
line-height: 20px;
padding-left: 0;
}

#method .method_box .cnt_img{
margin-top: 20px;
}

#method .method_box .cnt_img.flex_box{
margin-top: 20px;
}

#method .method_box .cnt_img.flex_box img{
width: 49%;
}

#method .cnt_box{
padding: 20px 0;
font-size: 13px;
}

#method .cnt_box h4{
font-size: 15px;
}

#method .cnt_box p + h4{
margin-top: 10px;
}
}

@media only screen and (max-width:360px){
#top #visumo_area .catchcopy,
#top #labo_area .catchcopy {
font-size: 15px;
line-height: 2.2;
}
}