@charset "UTF-8";
@import "common.css";
@import "../manage/common/all.min.css";
/* CSS Document */

/*==================== 基本設定 ====================*/
body { font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium", "Yu Gothic","Meiryo", "Noto Sans JP",sans-serif;   
font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#3B0600;min-width:360px;background: #fff;}
*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}

table{font-size:1em;}
img{max-width:100%;}
a,a:link,a:visited{text-decoration: none;transition: all 0.3s ease;color: inherit;}


.mp2{font-family: "M PLUS 2", sans-serif;font-optical-sizing: auto;}

/********** container **********/
.l_container{position: relative;overflow: hidden;}
main,.area_contact .wrapper,.l_footer .footer_cont{position: relative;margin: 0 auto;}
main{z-index: 1;}

/********** ヘッダー **********/
.l_header{position: relative;z-index: 2;background: rgb(255 255 255 /.93);display: flex;justify-content: flex-end;align-items: center;height: 60px;}
.l_container.on_fix .l_header{position: fixed;width: 100%;top: 0;right: 0;left: 0;}
.l_second .l_header{box-shadow: 0px 2px 10px 0px rgb(0 0 0 /.1);background: #fff;}
.l_container.on_fix .slidemenu{position: fixed;}

/*LOGO*/
.l_header .logo{display: block;position: absolute;left: 0;top: 0;width: 164px;height: 60px;}
.l_header .logo .box{display: block;width: 100%;height: 100%;position: relative;z-index: 1;/*padding: 20px 0 0 20px;*/padding: 15px 0 0 13px;}
.l_header .logo::before{content: "";display: block;background: #E60012;}
.header_cont .logo a,.header_cont .logo span{display:block;}
.l_header .logo img{/*max-height: 20px;*/max-height: 38px;}
.l_header .logo::before{content: "";width: 263px;height: 207px;border-radius: 50%;transform: rotate(-28.3deg);position: absolute;left: -30px;top: -130px;}
	

.header_cont,.header_cont .wrapper{display: flex;}
.header_cont .wrapper{align-items: center;}



.shop_btn,.nav_btn{width:60px;height: 60px;}
.shop_btn a{display: grid;justify-content: center;background: #E60012;width: 100%;height: 100%;color: #FFF;font-size: 0.625rem;}

.nav_btn{display: grid;justify-content: center;width: 100%;height: 100%;background: #FFF;color: #E60012;font-size: 0.675rem;width: 60px;padding-top: 35px;position: relative;}
.nav_btn i{width: 30px;height: 2px;top: 17px;background: #E60012;position: absolute;left: 50%;transform: translateX(-50%);}
.nav_btn i::before,.nav_btn i::after{content: "";display: block;width: 30px;height: 2px;background: #E60012;position: absolute;}
.nav_btn i::before{top: -6px;}
.nav_btn i::after{bottom: -6px;}


.nav_btn.active i{background: transparent;}
.nav_btn.active i::before{transform: rotate(45deg) translate(5px, 3px);width: 25px;}
.nav_btn.active i::after{transform: rotate(-45deg) translate(6px, -4px);width: 25px;}



.btn_english{line-height: 0;display: none;padding-right: 20px;}
.btn_english a{display: inline-block;position: relative;background: url(../images/btn_english.svg) no-repeat 30px center #FFEBD6;width: 91px;height: 30px;border-radius: 5px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.btn_english a::before{content: "";display: block;width: 12px;height: 12px;background: url(../images/icon_english.svg) no-repeat;background-size: contain;position: absolute;left: 13px;top: 8px;}

.shop_btn a span{background: url(../images/icon_cart.svg) no-repeat center 5px;background-size: 23px 24px;width: 60px;text-align: center;line-height: 1.2;padding-top: 30px;}

.header_cont nav{display: none;}
.header_cont nav .inner ul li a{position: relative;font-family: "Noto Sans", sans-serif;font-weight: 500;}
.header_cont nav .inner ul li a:hover::before,
.header_cont nav .inner ul li.mn_on a::before{content: "";display: block;background: #E60012;width: 100%;height: 2px;position: absolute;left: 0;bottom: -11px;}

.slidemenu{position: absolute;background: rgb(255 255 255 /.9);width: 100%;z-index: 1;top: 60px;}
.slidemenu nav .inner{max-width: 750px;margin: 0 auto;padding: 40px 20px;}
.slidemenu nav .inner ul{background: #FFF;}
.slidemenu nav .inner ul li{border-bottom: 1px solid #3B0600;}
.slidemenu nav .inner ul li a{position: relative;padding: 5px;height: 60px;display: flex;align-items: center;padding-left: 20px;padding-right: 30px;font-weight: 500;font-size: 0.9375rem;}
.slidemenu nav .inner ul li a::after{content: "";display: block;width: 7px;height: 9px;background: url(../images/home/arrow_btn.svg);background-size: cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.slidemenu nav .inner ul li.mn_on a::before{content: "";display: block;background: #E60012;width: 2px;height: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.slidemenu .btn_english{display: block;padding-left: 20px;}
.slidemenu .btn_english a{width: 100%;height: 40px;background: url(../images/btn_english.svg) no-repeat center #FFEBD6;}
.slidemenu .btn_english a::before{left: 35%;top: 13px;}
.slidemenu.no-transition{transition: none !important;-webkit-transition: none !important;}

/********** コンテンツ *********/
.l_breadcrumb{position: absolute;z-index:120;overflow:hidden;right: 0;top: -60px;}
.l_breadcrumb ul{text-align:left;margin:0 auto;}
.l_breadcrumb li{display:inline-block;margin-right:20px;}
.l_breadcrumb li a{color:#000;font-size: 15px;line-height:20px;}
.l_breadcrumb + div{margin-top: -45px;padding-top: 45px;z-index:100;position: relative;}

.btn a,.btn button,.btn input[type="submit"]{font-size: 0.8125rem;color: #000;display: grid;place-content: center;border-radius: 100vh;}

.l_contents{padding-bottom: 9vw;}
.l_contents h2.come_title{display:flex;align-items:center;height:44px;color:#000;font-size:1.25rem;padding-left: 72px;}


/********** フッター **********/
/**/
.l_footer{background: #FFF4E9;position: relative;}
.footer_cont{color: #fff;display: grid;grid-template-columns: 1fr 1fr;}

.footer_top{background: #E60012;}
.l_contents::after{content: "";display: block;background: #FFF;width: 100%;height: 8.6vw;position: absolute;bottom: 0;left: 0;background: url(../images/bg_footer.svg) no-repeat top;background-size: cover;}


.footer_navi ul li a,.footer_navi ul li a:link{color: #fff;}
.footer_navi{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 20px;}
.footer_navi .menu_list ul li.li_child a span{margin-left: -5px;}
.footer_navi .menu_list ul li{padding-bottom: 10px;font-weight: bold;}
.footer_navi .menu_list ul li a{display: block;padding: 2px 0 3px;}
.footer_navi .menu_list ul li.li_parent{padding-bottom: 4px;}
.footer_navi .menu_list ul li.li_child{padding-bottom: 2px;}
.footer_navi .menu_list ul li.li_child a span{display: inline-block;}
.footer_navi .menu_list .li_child a{font-size: 0.75rem;padding: 2px 0;font-weight: normal;}





.footer_logo{display: grid;margin-bottom: 20px;width: 200px;}
.footer_logo .box{display: flex;align-items: center;width: 240px;}

.footer_top .wrapper{position: relative;padding-top: 40px;padding-bottom: 23px;}
.footer_btm .wrapper{padding-top: 30px;}
.footer_btm .address{line-height: 1.813;padding-bottom: 6px;}

ul.sns{display: flex;gap: 0 7px;}
ul.sns li a{display: grid;place-content: center;border-radius: 100vh;width: 37px;height: 37px;}
ul.sns li a.icon_insta{background: url(../images/bg_insta.png);}
ul.sns li a.icon_x{background: #000;}


.group_company{padding-top: 15px;}
.group_company ul{display: flex;align-items: center;}
.group_company ul li img{width: 80%;}


.wrapper{position: relative;margin-right: auto;margin-left: auto;}


.l_gotop{display: grid;justify-content: end;}
.l_gotop a{color: #FFF;position: relative;padding-right: 31px;}
.l_gotop a::before{content: "";display: block;width: 21px;height: 21px;background: url(../images/icon_page_top.svg) no-repeat;background-size: cover;position: absolute;right: 0;top: 0;}


.copyright{position: relative;padding-bottom: 30px;}
.copyright address{display: grid;place-content: center;font-size: 0.625rem;text-align: center;line-height: 1;padding-top: 10px;}

.footer_top .wrapper,.footer_btm .wrapper{padding-right: 20px;padding-left: 20px;}




/********** レスポンシブル ********/

@media screen and (min-width:500px) {
	.btn_english{display: block;}
	.slidemenu .btn_english{display: none;}
}


@media screen and (min-width:768px) {
	.pc{}
	.sp{display:none !important;}


	.header_cont nav .inner ul{display: flex;}
	.l_header{height: 90px;}
	.l_header .logo{width: 350px;height: 127px;}
	.l_header .logo::before{width: 435px;height: 277px;transform: rotate(-28.3deg);left: -37px;top: -171px;}
	.l_header .logo .box{/*padding: 39px 0 0 34px;*/padding: 25px 0 0 20px;}
	.l_header .logo img{max-height: none;}
	
	.btn_english{padding-left: 31px;}
	.shop_btn,.nav_btn{width: 90px;height: 90px;}
	.shop_btn a span{background: url(../images/icon_cart.svg) no-repeat center 15px;background-size: 30px 32px;padding-top: 52px;}
	.nav_btn{font-size: 0.75rem;padding-top: 58px;cursor: pointer;}
	.nav_btn i{top: 34px;}
	.nav_btn i::before{top: -7px;}
	.nav_btn i::after{bottom: -7px;}
	.nav_btn.active i::before{transform: rotate(45deg) translate(5px, 5px);width: 30px;}
	.nav_btn.active i::after{transform: rotate(-45deg) translate(5px, -5px);width: 30px;}

	.slidemenu{top: 90px;right: 0;width: 350px;-webkit-transition: transform .5s linear;transition: transform .5s linear;}
	.slidemenu nav .inner ul li a{font-size: 1rem;}

	/**/
	.l_footer::before{height: 107px;}
	.footer_top .wrapper{max-width: 1100px;}
	.footer_logo{width: 100%;margin-bottom: 38px;}
	.footer_navi{display: flex;gap: 0 100px;margin-bottom: 17px;}
	
	.footer_navi{justify-content: space-between;gap: 0 20px;}
	.footer_navi .menu_list{width: 25%;}
	.footer_navi .menu_list ul li.li_child a span{margin-left: -5px;}
	.footer_navi .menu_list ul li{padding-bottom: 10px;font-weight: bold;}
	.footer_navi .menu_list ul li a{display: block;padding: 2px 0 3px;}
	.footer_navi .menu_list ul li.li_parent:first-of-type{padding-bottom: 4px;}
	.footer_navi .menu_list ul li.li_child{padding-bottom: 2px;}
	.footer_navi .menu_list ul li.li_child a span{display: inline-block;}

	.footer_navi .menu_list .li_child a{font-size: 0.875rem;padding: 4px 0;}
	.l_gotop a{font-size: 0.875rem;font-weight: bold;}

	/**/
	.footer_btm .wrapper{display: flex;justify-content: space-between;max-width: 1200px;}
	.group_company{padding-top: 4px;}
	.group_company h2{font-size: 0.9375rem;}
	.group_company ul{gap: 0 50px;}
	.group_company ul li img{width: 100%;}

	.footer_btm ul li a:hover{opacity: .8;}
	.copyright .address{font-size: 0.75rem;}


	.slidemenu{transform: translateX(100%);height: 100%;}
	.open .slidemenu{transform: translateX(0);}

}

@media screen and (min-width:1390px) {
	.nav_btn,.slidemenu{display: none !important;}
	.header_cont nav{display: flex;}
	.header_cont nav .inner ul{align-items: center;gap: 0 40px;}
	.btn_english{padding-right: 80px;padding-left: 31px;}

	.footer_top .wrapper,.footer_btm .wrapper{padding-right: 0;padding-left: 0;}
	
}

@media screen and (min-width: 1390px) and (max-width:1500px) {
    .header_cont nav .inner ul{gap: 0 30px;}
    .btn_english{padding-right: 50px;}
}

@media screen and (max-width:767px) {
	.pc{display:none !important;}
	.sp{}
	body{font-size: 14px;}

	.slidemenu{transform: translateY(-100%);-webkit-transition: transform .3s linear;transition: transform .3s linear;height: 100vh;}
	.open .slidemenu{transform: translateY(0);}

	.l_contents::after{left: -2px;right: -2px;width: calc(100% + 4px);}
	  
}

@media screen and (max-width:480px){

}