@charset "UTF-8";
/* CSS Document */

html {
    scroll-behavior: smooth;
}

main{
	
}

a:hover{
	opacity: 1!important;
}

body {
	overflow-x: hidden;
 　　text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}




body main {
  max-width: 100%;
 /* overflow-x: hidden;*/
	        min-width: inherit !important;
        background-image: url(../img/bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        overflow-y: hidden;
      /*background-color: #f8f8f0;*/
}

body main .main-contents {
  overflow: hidden;
  background-color: #fff;
}

h1, h2, p{
font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}

small{
	text-align: left;
}

img{
	height: 100%;
}

/*a{
	 font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}*/
hr{
	color: #d4d4d4!important;
}




small{
	text-align: left!important;
}









.product .product_text{
	    font-size: 14px;
    line-height: 23px;
    flex-grow: 1;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 14px;
}




.product .product_text p{
	margin-bottom: 0!important;
}

.product .product_text span{
	    font-size: 10px;
    line-height: 17px;
}

.cate {
    border: 1px solid #272420;
    display: inline;
    padding: 4px;
	    font-size: 12px;
	background: #fff;
}


.name {
        margin: 6% 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

.capacity{
	background: #e5e5e5;
    text-align: center;
    padding: 10px;
    margin: 0 0 6%;
    font-size: 13px;
}

.price {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
}

.price span {
    font-size: 12px;
}

.product_maintext h2{
	    margin: 6% 0 4%;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}
.product_maintext{
/* border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;*/
}

.product_maintext p{
	     font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    letter-spacing: -0.03rem;
    text-align: center;
    margin: 6% auto ;
   
}

.product_maintext small{
	text-align: left;
    margin-top: 2%;
}



.product_text small{
	    font-size: 10px;
    line-height: 17px;
}


.cv_wide{
	 /*   background: #4E4243;
    width: 100%;
    padding: 26px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0 0 40px;*/
	background: #8b0606;
	/*background: #f36f7f;*/
    width: 100%;
    padding: 26px;
    border-radius: 47px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 40px;
	
}
.fv{
	position: relative;
}

.fv .deco1{
	    position: absolute;
    width: 100%;
    height: auto;
	    top: 0;
}

.fv .deco2{
	position: absolute;
    top: 280px;
    height: auto;
    width: 100%;
}

.fv .deco{
	    text-align: center;
    color: #769500;
    font-family: 'Lexend Peta', sans-serif !important;
    margin: 50px 0 16px;
}

.fv h1{
	    text-align: center;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0.16rem;
    font-weight: 500;
}

.fv .lead{
	    text-align: center;
    font-size: 14px;
    line-height: 27px;
   margin: 16px 0 60px;
}






.contents01{
	    padding: 6%;
    margin: 6% 0 60px;
}

.contents01 .title,.contents02 .title,.contents03 .title,.contents04 .title{
	    text-align: center;
    color: #769500;
    font-family: 'Lexend Peta', sans-serif !important;
    font-size: 24px;
    font-weight: 400;
	    margin-bottom: 20px;
}

.contents01 .sub,.contents02 .sub,.contents03 .sub,.contents04 .sub{
	    text-align: center;
    font-size: 14px;
    margin-bottom: 36px;
}

.contents01 .product_name{
	margin-top: 20px;
}


.contents02{
	    background: #F4F5ED;
    padding: 60px 5% 40px;
}

.contents02 .main-text{
	font-size: 20px;
    line-height: 32px;
    margin: 6% 0;
}

.contents02 .product_name{
	margin-top: 6%;
}

.contents02 .sub{
	margin-bottom: 0;
}


.contents03{
    padding: 60px 0 40px;
}

.contents03-inner{
	padding: 0 5%;
}


.contents03 .main{
       text-align: center;
    font-size: 22px;
    margin: 0 0 20px;
}

.contents03 .sub{
    line-height: 24px;
}

.contents03 .recommend-product .product{
    display: flex;
}

.contents03 .recommend-product .product img{
   width: 50%;
}

.contents03 .product_name{
	margin: auto;
}


.cv_mini{
	 /*   background: #4E4243;
    width: 100%;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 20px 0 0;*/
	
	background: #8b0606;
	/*background: #f36f7f;*/
    width: 100%;
    border-radius: 32px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    margin: 20px 0 0;
	
}
.cv_mini a{
	display: block;
    padding: 17px;
}
.tworows .name{
	flex-grow: 1;
}

.contents03 hr{
	margin: 30px 0;
    border-color: #bcdf33;
}
.contents03 .recommend-product{
padding-top: 26px;
	}


.contents03 .title2{
    background: #F4F5ED;
    text-align: center;
    font-size: 18px;
    padding: 20px;
    margin: 12% 0 5%;
	}


.contents03 ul{
      display: flex
;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: auto;
	}


.contents03 li{
        display: flex
;
    flex-direction: column;
    width: 49%;
    background: #fff;
    padding: 2%;
    margin: 1% auto;
    border-radius: 6px;
    height: auto;
	}

.contents03 li .product_name{

    flex-grow: 1;
}


.contents03 li img{
height: auto!important;
}


.contents03 li .text{
    font-size: 14px;
    line-height: 20px;
    margin: 8% 0 0;
	}


.contents04 .title{
	    margin-top: 8%;
}

.contents04 .wrapping-cont{
	padding: 0 5%;
}

.contents04 .wrapping-cont .main{
	    text-align: center;
    font-size: 20px;
    margin: 4% 0;
	    font-weight: 600;
}

.contents04 .wrapping-cont .name{
	text-align: center;
    background: #779503;
    color: #fff;
    margin: 6% 14% 3%;
    padding: 3px;
}

.contents04 .sub {
    line-height: 22px;
	    margin-bottom: 0;
}

.contents04 hr{
	margin: 30px auto;
    border-color: #bcdf3333;
    width: 90%;
}

.contents04 .info{
	    width: 90%;
    margin: 6% auto;
    background: #FDF7F9;
    border: #AF1651 1px solid;
    padding: 20px;
    text-align: center;
}


.contents04 .info .main{
font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 2%;
}

.contents04 .info .info-red{
background: #AF1651;
    color: #fff;
    font-size: 18px;
    padding: 14px;
    margin: 4% 0 0;
}

.contents04 .btn{
padding: 5%;
}

.wrapping-cv{
	    background: #b01651;
}




.holiday25{
	background: #960505;
}


.holiday25 .sub{
    color: #F7F3DC;
    font-size: 1.2rem;
    font-family: 'Lexend Peta', "Hiragino Kaku Gothic ProN", "Hiragino Sans", 'メイリオ', 'Meiryo', sans-serif;
    line-height: 19px;
    margin-bottom: 4%;
	text-align: center;
}

.holiday25 .main{
        color: #ffffff;
    font-size: 2.4rem;
    letter-spacing: 0.3rem;
	text-align: center;
	    line-height: 30px;
}

.holiday25 .product_name{
	    width: 90%;
    margin: auto;
    color: #fff;
    text-align: left;
}

.holiday25 .product_name .cate{
	    background: none;
    border: 1px solid #fff;
}

.holiday25 .product_name .name{
    margin: 4% 0;
	}

.holiday25 .product_name .price{
    text-align: left;
	}

.holiday25 .cv_wide{
    width: 90%;
    margin: 2% 5% 9%;
    border-radius: 5px;
    background: #B2873A;
    border: 1px solid #fff;}

.holiday25 .advent_img{
	display: block;
    width: 90%;
    margin: 6% auto 0;
}


.holiday-wrapping small {
    text-align: left !important;
    margin: 4% auto 0 !important;
}


.holiday-wrapping .wrapping-box .product_name .price {
    text-align: center;
    color: #26330E;
    margin: 2% 0 4%;
	    font-size: 24px;
}
.contents01-wrapping button {
    background: #8A0E0A;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 8%;
    font-size: 1.6rem;
    border-radius: 5px;
    margin: 2% 0 4%;
}

.contents02-wrapping button {
    background: #8A0E0A;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 8%;
    font-size: 1.6rem;
    border-radius: 5px;
    margin: 2% 0 4%;
}


.contents01-wrapping .inner-block {
    margin: auto;
    width: 90%;
}

.contents02-wrapping .inner-block {
    margin: auto;
    width: 90%;
}

.contents03-wrapping .inner-block {
    margin: auto;
    width: 90%;
}

.contents03-wrapping{
    margin-bottom: 12%;
	}

.holiday-wrapping p{
font-size: 1.6rem;
    line-height: 28px;
	}

.fv-wrapping {
    background: #F0EAE0;
    text-align: center;
}

.fv-wrapping .deco{
	    width: 28%;
    display: block;
    margin: auto;
    padding: 6% 0 0;
	
}

.fv-wrapping .title{
	    margin: 0 auto 4%;
}

.fv-wrapping .title h1{
font-size: 2.4rem;
    margin: 6% 0;
}

.fv-wrapping .title .date{
	    font-size: 1.4rem;
    display: inline-block;
    background: #fff;
    border: 1px solid #8A0E0A;
    padding: 0 4%;
    color: #8A0E0A;
}

.fv-wrapping .title .info{
	    font-size: 1.2rem;
   color: #8A0E0A;
}


.fv-wrapping .title .text{
	font-size: 1.4rem;
    line-height: 20px;
    margin: 4% 0 8%;
}

.menu ul{
	    display: flex;
    width: 92%;
    margin: 8% auto;
}


.contents01-wrapping {
	    background:#F0EAE0;
}

.contents01-wrapping .title{
	text-align: center;
	    padding: 12% 0 6%;
}

.contents01-wrapping .title .sub{
	font-size: 1.4rem;
	color: #26330E;
}

.contents01-wrapping .title .main{
	font-size: 2.4rem;
    color: #26330E;
    font-weight: 600;
    margin: 1% 0 0;
    letter-spacing: 0.2rem;
}

.contents01-wrapping .title .text{
	    margin: 4% 0;
	    font-size: 1.6rem;
    line-height: 28px;
}

.contents01-wrapping .title .text small{
	      text-align: center !important;
    line-height: 0;
}

.wrapping-box{
	    background: #fff;
    border-radius: 12px;
    padding: 4%;
	    box-shadow: 5px 5px 5px #80808014;
	margin: 0 0 6%;
}

.wrapping-box .main-img{
	text-align: center;
    margin: 5% auto;
    width: 90%;
    display: block;
}

.wrapping-box .product_name .bigname{
	    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    color: #26330E;
}


.wrapping-box .product_name .price{
	text-align: center;
    color: #26330E;
    margin: 2% 0 4%;
}



.wrapping-box .product_name .about{
	    font-size: 1.4rem;
    line-height: 22px;
}


.wrapping-box .product_name .about small{
	line-height: 0;
}

.wrapping-box .size p{
	    text-align: center;
    background: #F0EAE0;
    font-size: 1.4rem;
    font-family: 'Lexend Peta', sans-serif !important;
    margin: 6% 0;
}

.contents01-wrapping .attention{
	font-size: 1.4rem;
    line-height: 22px;
    padding: 4% 0 12%;
}

.contents02-wrapping .attention{
	font-size: 1.4rem;
    line-height: 22px;
    padding: 4% 0 12%;
}

.contents02-wrapping {
	    background: #E4EADB;
    margin: 4% 0;
}

.contents02-wrapping .title{
	text-align: center;
	    padding: 12% 0 6%;
}

.contents02-wrapping .title .sub{
	font-size: 1.4rem;
	color: #26330E;
}

.contents02-wrapping .title .main{
	font-size: 2.4rem;
    color: #26330E;
    font-weight: 600;
    margin: 1% 0 0;
    letter-spacing: 0.2rem;
}

.contents02-wrapping .title .text{
	    margin: 4% 0;
}

.contents02-wrapping .title .text small{
	      text-align: center !important;
    line-height: 0;
}


.contents03-wrapping .title p{
	    text-align: center;
    padding: 12% 0 6%;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 0;
}

.contents03-wrapping .howto{
	    width: 90%;
    margin: 2% auto 4%;
}

.contents03-wrapping .howto p{
    margin-bottom: 2%;
}

.back{
	    width: 92%;
    margin: 6% auto 12%;
}
/*メニュー*/
	
	
	
	
	.mail-box{
		width: 100%;
    margin: 0 auto 18%;
	}
	
	.mail-box .title-text{
	    font-size: 18px;
    margin-bottom: 21px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 14px;
	}
	
	.mail-box .text{
		border: 1px solid #808080;
    padding: 13px;
    width: 100%;
    margin-bottom: 12px;
    color: #808080;
    background: #ffffff;
	}
	
	.mail-box .privacyPolicyAgreed{
	margin-right: 5px;
	}
	
	.mail-box .sub-text{
	  line-height: 16px;
	}
	.mail-box .submit{
	background: #3a3a3a;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 17px;
	}


.pagetop {
    height: auto;
    width: 20%;
    position: fixed;
    right: 16px;
    bottom: 30px;
	display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #3293e7;
    }
}

@media screen and (min-width: 481px) {
	/* ------------------481px以上に適用されるCSS（タブレット）------------------- */
	
/*common*/
	body{
		max-width: inherit;
	}
	main{
		    min-width: 481px!important;
	}
	
}
	



@media screen and (min-width: 960px) {
		/* --------------------------------960px以上に適用されるCSS（PC）-------------------------------- */
h1, h2, p{

    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}
h1 small{
	text-align: left;
	}
	main{background: #892f39;
	}
	p{
		font-size: 18px;
	}
	
	.cate {
		    font-size: 14px;
	}
	
	.lead h1 {
		font-size: 28px;
	}
	
	.contents01 .main-title p {
    text-align: center;
		font-size: 28px;}
	
	.contents01 .main-title p span {
    letter-spacing: 0;
    font-size: 14px;
		
	}
	.name {
    margin: 6% 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
	
	.bg-nav{
		display: flex;
    box-sizing: border-box;
    max-width: 1120px;
    margin: auto;
	}
	
	.product_maintext p {
    font-size: 18px;
	}
	
	.pagemenu{
	    box-sizing: border-box;
    width: 45%;
    height: auto;
    padding: 2%;
	}
	
	aside{
		        position: sticky;
        top: 0%;
	/* position: fixed;
        bottom: 3%;
       
        right: 95%;*/
}

aside .nav__list{
/*	    position: absolute;
    width: 570.5px;
    bottom: 0;*/
}
	.nav__item1{
	width: 450px;
    height: auto;
	}
	
	.nav__item2{
	    width: 450px;
		height: auto;
	}
	
	.nav__item3{
	    width: 450px;
		height: auto;
	}
	
.main-contents {
    margin: auto;
    max-width: 470px;
   /* filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 10%));*/
    flex: 1;
	background: #fff;
}
	
	.lead .lead_text {
		font-size: 20px;}
	

	
	.contents02 .product .title {
    font-size: 2.6rem;
    line-height: 36px;
	}
	
	/*.name {
    font-size: 20px;
	}*/
	
	.contents02 .more-product .product_text p {
    margin: 2% 0 4%;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
}
	
	.contents02 .campaign .product_text {
    margin: 2% 0 4%;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
}
	.contents02 .campaign .sub-text {
    font-size: 16px;
    line-height: 14px;
	}
	.contents04 .product .cate {
		    font-size: 14px;
	}
	.contents04 .product .name {
    font-size: 18px;
	}
	
	.contents05 h2 {
    text-align: center;
    font-size: 24px;
	}

	.contents04 p {
    font-size: 18px;
	}
	
	.floating_btn {
    max-width: 520px;
}
	.floating {
		    display: flex;
		justify-content: left;
		    bottom: 2%;
    left: 2%;
		}
	.floating.is-hidden {
    visibility: hidden;
    opacity: 0;
}
	
	.howto .text p {
    font-size: 16px;
    line-height: 28px;
}
	.contents01 .section_maintext .sec01 {
    font-size: 22px;
	}
	
	.section_title .main {
		font-size: 22px;}
	
	.section_title .sub {
    font-size: 16px;
}
	
	.section_title::before {
		    height: 50px;
	}
	/*メニュー*/
	
	.under-box{
		display: flex;
	}
	   .under-box .official {
        width: 240px;
        margin: 0 0 40px 0;
        border: 0;
        height: 60px;
    }
	
	.under-box .mail-box{
		width: 65%;
    margin: 0 auto 5%;
	}
	
	.under-box .mail-box .title-text{
	    font-size: 18px;
    margin-bottom: 21px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 14px;
	}
	
	.under-box .mail-box .text{
		border: 1px solid #808080;
    padding: 13px;
    width: 100%;
    margin-bottom: 12px;
    color: #808080;
    background: #ffffff;
	}
	
	.under-box .mail-box .privacyPolicyAgreed{
	margin-right: 5px;
	}
	
	.under-box .mail-box .sub-text{
	  line-height: 16px;
		        font-size: 12px;
	}
	.under-box .mail-box .submit{
	background: #3a3a3a;
    width: 30%;
    text-align: center;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 17px;
	}
	
	.pagetop {
    width: 8%;
	}
}