@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.
03.KAWAI’S EDUCATIONAL TOYS
04.
05.VISUMO
06.cart
07.contract
08.company
09.faq
10.returns
11.guide
12.login
13.contact
14.news
15.news_detail
16.category
18.labo
--------------------*/

@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詳細
----------*/

#products #cnt_area01 .cnt_text{
width: 48.64%;
}

#products #cnt_area01 h2{
font-size: 24px;
line-height: 38px;
}

#products #cnt_area01 .price{
margin-bottom: 70px;
}

#products #cnt_area01 .info_box{
margin-bottom: 48px;
}

#products #cnt_area01 .wrapping_box{
margin-right: 5%;
}

#products #cnt_area01 .info_box .wrapping_box,#products #cnt_area01 .info_box .quantity_box{
width: 45%;
}

#products #cnt_area01 .info_box dt{
font-size: 14px;
}

#products #cnt_area01 .cart_btn{
margin: 0 15px 0 0;
}

#products #cnt_area01 .cart_btn a img{
max-width: 16px;
margin-right: 10px;
}

#products #cnt_area01 .cart_btn a span{
font-size: 16px;
}

#products .cnt_area h3{
font-size: 24px;
margin-bottom: 70px;
}

#products .cnt_area h3 span{
font-size: 18px;
}

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

#products #cnt_area02 .icon01{
right: 2.25%;
}

#products #cnt_area03 .table_ptn01 .btn_type02{
margin: 53px auto 40px;
}

#products #cnt_area01 .cnt_img .slick-dots li{
margin: 0 5px;
padding: 0;
}

/*----------
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;
}
}

@media only screen and (max-width:768px){
#products #cnt_area01 .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 43px;
}

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

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

#top #about_area .cnt_img{
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: 60px 0;
}

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

#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: 60px 0;
}

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

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

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

#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 .contents_in{
padding: 60px 0;
}

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

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


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

#products #cnt_area01{
margin-bottom: 100px;
}

#products #cnt_area01 .contents_in{
display: block;
}

#products #cnt_area01 .cnt_img{
width: 100%;
margin: 0 auto 30px;
}

#products #cnt_area01 .cnt_text{
width: 100%;
margin: 0 auto;
}

#products #cnt_area01 .free_shipping{
font-size: 12px;
line-height: 18px;
margin-bottom: 8px;
}

#products #cnt_area01 h2{
font-size: 18px;
line-height: 32px;
margin-bottom: 10px;
}

#products #cnt_area01 .price{
font-size: 20px;
line-height: 33px;
margin-bottom: 30px;
}

#products #cnt_area01 .price span.tax{
font-size: 12px;
}

#products #cnt_area01 .info_box dl{
margin-bottom: 18px;
}

#products #cnt_area01 .wrapping_box select{
padding: 11px 0 10px 24px;
}

#products #cnt_area01 .quantity_box{
max-width: 79px;
}

#products #cnt_area01 .quantity_box .productnum{
font-size: 16px;
padding: 10px 0 10px 28px;
}

#products #cnt_area01 .quantity_box .spinner_up, #products #cnt_area01 .quantity_box .spinner_down{
background-size: auto 100%;
/* width: 9px; */
width: 12px;
height: 7px;
right: 11px;
}

#products #cnt_area01 .quantity_box .spinner_up{
top: 12px;
}

#products #cnt_area01 .quantity_box .spinner_down{
top: 24px;
}

#products #cnt_area01 .cart_btn a{
padding: 11px 15px 11px;
}

#products #cnt_area01 .favorite_btn{
max-width: 43px;
}

#products .cnt_area h3{
font-size: 18px;
}

#products .cnt_area h3::after{
height: 2px;
}

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

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

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

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

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

#products #cnt_area03{
margin-bottom: 60px;
}

#products #cnt_area03 h3{
margin-bottom: 40px;
}

#products #cnt_area03 .table_ptn01 th{
width: 100px;
}

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

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

#products #cnt_area03 .table_ptn01 th{
padding: 14px 15px 8px;
}

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

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

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

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

#products #cnt_area04 h4{
font-size: 16px;
margin-bottom: 16px;
}

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

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

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

/*makeshop*/
#products #cnt_area01 .cnt_img .slick-dots {
position: relative;
bottom: auto;
left: auto;
right: auto;
}

#products #cnt_area01 .cnt_img .slick-dots li{
padding: 0;
margin: 0 5px;
}

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

#products #cnt_area01 .cnt_text .makeshop-option-label{
font-size: 14px;
line-height: 22.4px;
margin-bottom: 10px;
}


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

#products #cnt_area05 h3 {
margin-bottom: 40px;
}

/*----------
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;
}

/*-----------
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;
}

#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;
}

/*----------
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;
}

/*-------
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;
}

/*----------
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;
}

/*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%;
}

}

@media only screen and (max-width:360px){
#top #visumo_area .catchcopy,
#top #labo_area .catchcopy {
font-size: 15px;
line-height: 2.2;
}
}