/** Shopify CDN: Minification failed

Line 769:0 Expected ")" to go with "("
Line 798:0 Expected ")" to go with "("

**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
  --font-jp:"Noto Sans Japanese", sans-serif;
  --color-red:#C40D1C;
  --color-black:#262626;
  --color-yellow:#F39800;

}

html,body{
    font-family:var(--font-jp);
    color:var(--color-black);
}
body{
	font-weight:600;
}

*{
	box-sizing:border-box;
}
img{
	width:100%;
	height:auto;
}
ul{
	padding:0;
	margin:0;
}
h2,h3,h4,p{
    padding:0;
    margin:0;
}
.pci{
    display:inline-block;
}
.spi{
    display:none;
}
@media screen and (max-width: 767px) {
    .pci{
        display:none;
    }
    .spi{
        display:inline-block;
    }
}

.l-inner{
    width:100%;
    max-width:1240px;
    padding:0 20px;
    margin:0 auto;
    box-sizing:border-box;
}
@media screen and (max-width: 1200px) {
	.l-inner{
	    padding:0 calc(20 / 1200 * 100vw);
	}

}
@media screen and (max-width: 767px) {
	.l-inner{
	    padding:0 calc(20 / 390 * 100vw);
	}

}

.header-wrapper--border-bottom{
    border-bottom:3px solid var(--color-red);
}
.header-wrapper .header{
    max-width:1240px;
    padding:18px 20px!important;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    box-sizing: border-box;
}
.header-wrapper .header .header__heading-logo{
    width:200px;
}
.header-wrapper .header .header__inline-menu{
    margin-left:auto;
    
}
.header-wrapper .header .header__inline-menu .list-menu{
    gap:0 30px;
    align-items: center;
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-item{
    padding:0;
    color:var(--color-black);
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-item span{
    font-weight:700;
    font-size:16px;
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-item span:hover{
    text-decoration:none;
    color:var(--color-red);
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-item .header__active-menu-item{
    text-decoration:none;
    color:var(--color-red);
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-contact{
    color:#fff;
    background:var(--color-red);
    width:160px;
    height:46px;
    border-radius:23px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-contact:hover{
    opacity:0.8;
}
.header-wrapper .header .header__inline-menu .list-menu .header__menu-contact:hover span{
    text-decoration:none;
    color:#fff;
}
.header-wrapper .header .header__icons{
    display:none;
}
#sp-menu-contact{
    display:none;
}

@media screen and (max-width: 1200px) {
	.header-wrapper--border-bottom{
	    border-bottom-width:calc(3 / 1200 * 100vw);
	}
	.header-wrapper .header{
	    max-width:calc(1240 / 1200 * 100vw);
	    padding:calc(18 / 1200 * 100vw) calc(20 / 1200 * 100vw)!important;
	}
	.header-wrapper header-drawer{
		display:none;
	}

	.header-wrapper .header .header__heading-logo{
	    width:calc(200 / 1200 * 100vw);
	}
	.header-wrapper .header .header__inline-menu{
		display:block;
	}
	.header-wrapper .header .header__inline-menu .list-menu{
	    gap:0 calc(30 / 1200 * 100vw);
	}
	.header-wrapper .header .header__inline-menu .list-menu .header__menu-item span{
	    font-size:calc(16 / 1200 * 100vw);
	}
	.header-wrapper .header .header__inline-menu .list-menu .header__menu-contact{
	    width:calc(160 / 1200 * 100vw);
	    height:calc(46 / 1200 * 100vw);
	    border-radius:calc(23 / 1200 * 100vw);
	}
}

@media screen and (max-width: 767px) {
	.header-wrapper--border-bottom{
	    border-bottom-width:calc(3 / 390 * 100vw);
	}
	.header-wrapper .header{
	    padding:calc(18 / 390 * 100vw) calc(20 / 390 * 100vw)!important;
        display:flex;
        justify-content: space-between;
	}
	.header-wrapper header-drawer{
		display:block;
	}
	.header-wrapper .header .header__heading-logo{
	    width:calc(120 / 390 * 100vw);
	}
	.header-wrapper .header .header__inline-menu{
		display:none;
	}
	.header-wrapper .header .header__inline-menu .list-menu{
	    gap:0 calc(30 / 390 * 100vw);
	}
	.header-wrapper .header .header__inline-menu .list-menu .header__menu-item span{
	    font-size:calc(16 / 390 * 100vw);
	}
	.header-wrapper .header .header__inline-menu .list-menu .header__menu-contact{
	    width:calc(160 / 390 * 100vw);
	    height:calc(46 / 390 * 100vw);
	    border-radius:calc(23 / 390 * 100vw);
	}
	
    .header header-drawer{
        margin-left:0;
    }
	.header__icon{
		background:var(--color-yellow);
        width:calc(40 / 390 * 100vw);
        height:calc(40 / 390 * 100vw);
		border-radius:50%;
		color:#fff;
	}
    .header__icon .icon{
        width:calc(19 / 390 * 100vw);
        width:calc(16 / 390 * 100vw);
    }
	#sp-menu-contact{
        display:block;
        width:calc(40 / 390 * 100vw);
        height:calc(40 / 390 * 100vw);
		background:var(--color-red);
		border-radius:50%;
        display: flex;
        justify-content: center;
        align-items: center;
	}
    #sp-menu-contact svg{
        width:calc(18 / 390 * 100vw);
        height:auto;
    }
}

body .footer{
	border-top:3px solid var(--color-red);
	padding-top:45px;
}

.footer-top{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

.footer-top__logo{
	width:200px;
}

.footer-top__contact{
	margin-left:32px;
}

.footer-top__contact a{
	
	width:185px;
	height:46px;
	border-radius:23px;
	font-size:16px;
	font-weight:700;
	color:#fff;
	background:var(--color-red);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration:none;
}
.footer-top__contact a:hover{
    opacity:0.8;
}
.footer-middle{
	margin-top:32px;
	margin-bottom:64px;
}

.footer-middle ul + ul{
	margin-top:16px;
}
.footer-middle ul{
	margin-left:-24px;
}

.footer-middle ul li{
	display:inline-block;
	margin-left:24px;
}

.footer-middle ul li a{
	font-weight:700;
	font-size:14px;
	color:var(--color-black);
	text-decoration:none;
}
.footer-middle ul li a:hover{
	color:var(--color-red);
}
	
	
	
.footer .footer__content-bottom{
	border:none;
	padding:0;
}

.footer .footer__content-bottom .footer__copyright{
	margin:0;
	font-size:12px;
	font-weight:500;
}


@media screen and (max-width: 1200px) {
	body .footer{
		border-top-width:calc(3 / 1200 * 100vw);
		padding-top:calc(45 / 1200 * 100vw);
	}

	.footer-top__logo{
		width:calc(200 / 1200 * 100vw);
	}

	.footer-top__contact{
		margin-left:calc(32 / 1200 * 100vw);
	}

	.footer-top__contact a{
		width:calc(185 / 1200 * 100vw);
		height:calc(46 / 1200 * 100vw);
		border-radius:calc(23 / 1200 * 100vw);
		font-size:calc(16 / 1200 * 100vw);
	}

	.footer-middle{
		margin-top:calc(32 / 1200 * 100vw);
		margin-bottom:calc(64 / 1200 * 100vw);
	}

	.footer-middle ul + ul{
		margin-top:calc(16 / 1200 * 100vw);
	}
	.footer-middle ul{
		margin-left:calc(-24 / 1200 * 100vw);
	}

	.footer-middle ul li{
		margin-left:calc(24 / 1200 * 100vw);
	}

	.footer-middle ul li a{
		font-size:calc(14 / 1200 * 100vw);
	}

	.footer .footer__content-bottom .footer__copyright{
		font-size:calc(12 / 1200 * 100vw);
	}

}

@media screen and (max-width: 767px) {
	body .footer{
		border-top-width:calc(3 / 390 * 100vw);
		padding-top:calc(30 / 390 * 100vw);
	}
	.footer-top{
		display:block;
	}
	.footer-top__logo{
		width:calc(185 / 390 * 100vw);
		margin:0 auto;
	}

	.footer-top__contact{
		margin:calc(32 / 390 * 100vw) auto;
	}

	.footer-top__contact a{
		width:calc(140 / 390 * 100vw);
		height:calc(40 / 390 * 100vw);
		border-radius:calc(20 / 390 * 100vw);
		font-size:calc(14 / 390 * 100vw);
		margin:0 auto;
	}

	.footer-middle{
		margin:0 auto calc(32 / 390 * 100vw);
		padding:0 calc(20 / 390 * 100vw);
		display:flex;
		flex-wrap:wrap;
	}

	.footer-middle ul + ul{
		margin-top:0;
	}
	.footer-middle ul{
		margin-left:0;
		width:50%;
	}

	.footer-middle ul li{
		margin-left:0;
		margin-top:calc(20 / 390 * 100vw);
		width:100%;
		display:block;
	}

	.footer-middle ul li a{
		font-size:calc(14 / 390 * 100vw);
		line-height:1.85;
	}

	.footer .footer__content-bottom .footer__copyright{
		font-size:calc(12 / 390 * 100vw);
	}

}



.top-ttl__sub{
	padding:0;
	margin:0;
	font-size:20px;
	color:var(--color-red);
	font-weight:700;
	line-height:1;
	text-align:center;
	margin-bottom:12px;
}

.top-ttl__main{
	padding:0;
	margin:0;
	font-size:40px;
	color:var(--color-black);
	font-weight:700;
	letter-spacing:0.05em;
	line-height:1;
	text-align:center;
	margin-bottom:40px;

}

@media screen and (max-width: 1200px) {
	.top-ttl__sub{
		font-size:calc(20 / 1200 * 100vw);
		margin-bottom:calc(12 / 1200 * 100vw);
	}

	.top-ttl__main{
		font-size:calc(40 / 1200 * 100vw);
		margin-bottom:calc(40 / 1200 * 100vw);

	}
}

@media screen and (max-width: 767px) {
	.top-ttl__sub{
		font-size:calc(16 / 390 * 100vw);
		margin-bottom:calc(12 / 390 * 100vw);
	}

	.top-ttl__main{
		font-size:calc(26 / 390 * 100vw);
		margin-bottom:calc(40 / 390 * 100vw);

	}
}

.top-btn{
	padding:24px 64px;
	border-radius:9999px;
	font-size:20px;
	font-weight:700;
	line-height:1;
	color:#fff;
	text-decoration:none;
	background-color:var(--color-red);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1200px) {
	.top-btn{
		padding:calc(24 / 1200 * 100vw) calc(64 / 1200 * 100vw);
		font-size:calc(20 / 1200 * 100vw);
	}
}

@media screen and (max-width: 767px) {
	.top-btn{
		padding:calc(18 / 390 * 100vw) calc(32 / 390 * 100vw);
		font-size:calc(16 / 390 * 100vw);
	}
}

.top-btn:hover{
	opacity:0.8;
}

.mfp-content{
	padding-top:50px;
}

.mfp-bg.mfp-ready{
	display:block!important;
}

.mfp-close{
	display:none!important;
}
.mfp-container{
	max-width:100vw;
}

/*商品*/
.car-item{
	border:4px solid var(--color-red);
	border-radius:30px;
	overflow:hidden;

}
.car-item__image{
	display:block;
	width:100%;
	aspect-ratio: 3 / 2;
	overflow:hidden;
}
.car-item__image img{
	width:100%;
	height:100%;
	object-fit: contain;
	display:block;
  
}

.car-item__content{
	padding:0 30px 38px;
}

.car-item__name{
  font-weight:700;
  font-size:20px;
  margin:0;
  padding:0;
}

.car-item__term{
  font-size:12px;
    color:var(--color-red);
    font-weight:700;

}

.car-item__price{
  font-size:16px;
  color:var(--color-red);
  font-weight:900;
  margin:10px 0 15px;
  line-height:1;
}
.car-item__price span{
	font-weight:900;
	font-size:32px;
}

.car-item__btn{
  display:inline-block;
  background:var(--color-red);
  color:#fff;
  width:100%;
  padding:10px 24px;
  border-radius:999px;
  text-decoration:none;
  text-align:center;
  font-size:16px;
  font-weight:700;
  box-sizing: border-box;
}

.car-item__bottom{
	text-align:center;
}

@media screen and (max-width: 1200px) {
	.car-item{

	}

	.car-item .icon_crown{
		width:calc(50 / 1200 * 100vw);
	}
	.car-item__slider{
	  gap:0 calc(48 / 1200 * 100vw);
	  
	  margin-bottom:calc(40 / 1200 * 100vw);
	}

	.car-item{
		margin-top:calc(40 / 1200 * 100vw);
		border-width:calc(4 / 1200 * 100vw);
		border-radius:calc(30 / 1200 * 100vw);
	}

	.car-item__content{
		padding:0 calc(30 / 1200 * 100vw) calc(38 / 1200 * 100vw);
	}

	.car-item__name{
	  font-size:calc(20 / 1200 * 100vw);
	}

	.car-item__term{
	  font-size:calc(12 / 1200 * 100vw);
	}

	.car-item__price{
	  font-size:calc(16 / 1200 * 100vw);
	  margin:calc(10 / 1200 * 100vw) 0 calc(15 / 1200 * 100vw);
	}
	.car-item__price span{
		font-size:calc(32 / 1200 * 100vw);
	}

	.car-item__btn{
	  padding:calc(10 / 1200 * 100vw) calc(24 / 1200 * 100vw);
	  font-size:calc(16 / 1200 * 100vw);
	}

}
@media (min-width:768px){
  .car-item .top-ttl__main{
    margin-bottom:0;
  }
}
@media (max-width:767px){
	.car-item{
		margin-bottom:0;
	}

	.car-item .icon_crown{
		width:calc(35 / 390 * 100vw);
	}

	.car-item{
		border-width:calc(4 / 390 * 100vw);
		border-radius:calc(30 / 390 * 100vw);
	}

	.car-item__content{
		padding:0 calc(15 / 390 * 100vw) calc(20 / 390 * 100vw);
	}

	.car-item__name{
	  font-size:calc(14 / 390 * 100vw);
	}

	.car-item__term{
	  font-size:calc(12 / 390 * 100vw);
	}

	.car-item__price{
	  font-size:calc(16 / 390 * 100vw);
	  margin:calc(10 / 390 * 100vw) 0 calc(15 / 390 * 100vw);
	}
	.car-item__price span{
		font-size:calc(20 / 390 * 100vw);
	}

	.car-item__btn{
	  padding:calc(6 / 390 * 100vw) calc(20 / 390 * 100vw);
	  font-size:calc(14 / 390 * 100vw);
	}


  .car-item{
    
    margin-top:0;
  }

}
/*固定ボタン*/
.floating-area{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9990;
	width: 100%;
	box-shadow: 0px -1px 15px rgba(0,0,0,0.3);
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	padding:20px;
}

.floating-area__btn{
	max-width: 600px;
	margin: 0 auto;
	padding:10px 20px;
	text-align: center;
	background-color: #fff;
	color: #c40d1c;
	border: 2px solid #c40d1c;
	border-radius: 6px;
	position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;

}
.floating-area__btn:after{
  display: block;
  content: '';
  margin: auto;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate( 45deg);
  transform: rotate( 45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border-top: 1px solid #c40d1c;
  border-right: 1px solid #c40d1c;
  transition: all 0.5s ease;
}

.floating-area__btn:hover{
	color:#fff;
	background-color: #c40d1c;
}
.floating-area__btn:hover:after{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.floating-area__btn img{
	width:100px;
}

.floating-area__btn span{
	font-weight: 700;
	font-size: 18px;
	margin-left:20px;

}

@media screen and (max-width: 1200px) {
	.floating-area{
		padding:calc(20 / 1200 * 100vw);
	}

	.floating-area__btn{
		padding:calc(10 / 1200 * 100vw) calc(20 / 1200 * 100vw);
		border:calc( 2 / 1200 * 100vw) solid #c40d1c;
		border-radius:calc( 6 / 1200 * 100vw);
	}
	.floating-area__btn:calc(after{
	  width:calc( 8 / 1200 * 100vw);
	  height:calc( 8 / 1200 * 100vw);
	  right:calc( 20 / 1200 * 100vw);
	}

	.floating-area__btn img{
		width:calc(100 / 1200 * 100vw);
	}

	.floating-area__btn span{
		font-size:calc( 18 / 1200 * 100vw);
		margin-left:calc(20 / 1200 * 100vw);

	}
}

@media screen and (max-width: 767px) {
	.floating-area{
		padding:calc(20 / 390 * 100vw);
	}

	.floating-area__btn{
		padding:calc(10 / 390 * 100vw) calc(20 / 390 * 100vw);
		border:calc( 2 / 390 * 100vw) solid #c40d1c;
		border-radius:calc( 6 / 390 * 100vw);
	}
	.floating-area__btn:calc(after{
	  width:calc( 8 / 390 * 100vw);
	  height:calc( 8 / 390 * 100vw);
	  right:calc( 20 / 390 * 100vw);
	}

	.floating-area__btn img{
		width:calc(60 / 390 * 100vw);
	}

	.floating-area__btn span{
		font-size:calc( 16 / 390 * 100vw);
		margin-left:calc(20 / 390 * 100vw);

	}
}