@charset "utf-8";
/*
Theme Name: sankakuya_skelton
Theme URL: https://sankakux4.org
Description: original theme
Author:yuya matsuo
Version: 1.0.0
*/

/* reset */

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	width:100%;
	overflow-x:hidden;
	overflow-y: scroll;
        scrollbar-width: none;
        text-rendering:optimizeSpeed;
        -webkit-text-size-adjust: 100%;
        overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

*{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-block-start:0;
	margin-block-end:0;
	margin-inline-start:0;
	margin-inline-end:0;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

*::before,
*::after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	font-size:1rem;
	font-weight:400;
	margin:0;
	padding:0;
	line-height:1.8;
}

p{
	margin:0;
	padding:0;
}

ul,
ol{
	list-style:none;
	padding:0;
	margin:0;
}

figure,
blockquote,
dl,
dd{
	margin:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th{
	font-weight:400;
	text-align:left;
}

a:not([class]){
	text-decoration-skip-ink:auto;
}

::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}

input,
button,
select,
textarea {
	background: transparent;
	border: none;
	border-radius: 0;
	font-family: inherit;
	outline: none;
	margin:0;
}

select,
select option{
	color:#6C6059 !important;
}

textarea {
	resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
	display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}

input[type="number"],
input[type="month"],
input[type="datetime-local"],
input[type="week"],
input[type="time"],
input[type="date"] {
	-moz-appearance: textfield;
}

input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button {
	-webkit-appearance: none;
}

@media(prefers-reduced-motion:reduce){
	*{
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
		scroll-behavior:auto !important;
	}
}

.wpcf7-spinner{
	display:none !important;
}

/* common */

html{
	font-size:16px;
}

body{
	background:#fff;
	font-family: 'Noto Serif JP', serif;
	font-optical-sizing: auto;
	color:#6C6059;
	font-weight:400;
	line-height:1.8;
	margin:0;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

a{
	display:block;
	color:#6C6059;
	transition: .5s;
	text-decoration:none;
	-webkit-tap-highlight-color: transparent;
}

a:hover{
	color:#6C6059;
	text-decoration:none;
	opacity:0.8;
}

/* layout */

main{
	display:block;
	margin:156px auto 120px;
}

.home main{
	margin:0 auto;
}

main#about{
	margin:156px auto 0;
}

.container{
	max-width:calc(100vw - 100px);
	width:1200px;
	margin:0 auto;
}

.container-min{
	max-width:calc(100vw - 100px);
	width:1000px;
	margin:0 auto;
}

.flex-wrap{
	display:-webkit-box;
  	display:flex;
  	flex-wrap: wrap;
}

/* parts */

.sans{
	font-family: 'Noto Sans JP', sans-serif;
	font-optical-sizing: auto;
}

.lex{
	font-family: "Lexend", sans-serif;
	font-optical-sizing: auto;
}

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

.text-right{
	text-align:right;
}

.img-fluid{
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}

.img-trim{
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}

.img-trim img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-trim.img-trim16x9{
	padding-top: 56.25%;
}

.img-trim.img-trim5x3{
	padding-top: 60%;
}

.img-trim.img-trim3x2{
	padding-top: 66%;
}

.img-trim.img-trim4x3{
	padding-top: 75%;
}

.img-trim.img-trim5x5{
	padding-top: 100%;
}

.img-trim.img-trim4x5{
	padding-top: 125%;
}

.shadow{
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
}

.bg_gray{
	background:#eae8e7;
}

.bg_brown{
	background:#6C6059;
	color:#fff;
}

.fadeIn{
	transform: translate3d(0, 50px, 0);
	transition: 1s;
	opacity: 0;
}
.fadeIn.animated{
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.heading01{
	font-size:2rem;
	letter-spacing:0.1em;
	line-height:1.6;
	margin-bottom:40px;
	font-weight:500;
}

.heading01.text-center{
	text-indent:0.1em;
}

.heading01 span{
	display:block;
	font-size:1rem;
	color:#D6BDA5;
	font-weight:400;
}

.btn{
	display:inline-block;
	border:1px solid #6C6059;
	background:#fff;
	font-weight:500;
	padding:0.5em 2em;
}

.btn:hover{
	background:#6C6059;
	color:#fff;
	opacity:1;
}

.slick-dots{
	display:-webkit-box;
  	display:flex;
  	flex-wrap:wrap;
  	-webkit-box-pack:center;
	justify-content:center;
	margin-top:24px;
}

.slick-dots li{
	width:12px;
	height:12px;
	background:#eae8e7;
	border-radius:50%;
	margin:0 6px;
	cursor:pointer;
}

.slick-dots li.slick-active{
	background:#6C6059;
}

.slick-dots li button{
	display:none;
}

/* header */

.header{
	padding:24px 0;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	background:rgba(255,255,255,0.8);
	z-index:1000;
}

.header .inner{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.header .inner .logo{
	width:240px;
}

.header .inner .g_navi_btn{
	display:none;
}

.header .inner .g_navi  > ul{
	-webkit-box-pack: center;
	justify-content: center;
}

.header .inner .g_navi  > ul > li{
	margin:0 16px;
	font-size:0.9rem;
	letter-spacing:0.1em;
	font-weight:500;
}

.header .inner .h_sns ul{
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.header .inner .h_sns ul li{
	margin-left:0.5em;
	font-size:1.75rem;
	line-height:1;
}

/* footer */

.footer .f_contact{
	color:#fff;
	padding:60px 0;
}

.footer .f_contact .heading01{
	margin-bottom:24px;
}

.footer .f_contact h5{
	font-size:3.25rem;
	line-height:1;
	margin-bottom:0.5rem;
}

.footer .f_about{
	padding:60px 0;
}

.footer .f_about .img{
	width:240px;
	margin:0 auto 1rem;
}

.footer .f_about ul{
	-webkit-box-pack: center;
	justify-content: center;
}

.footer .f_about ul li{
	font-size:1.75rem;
	line-height:1;
	margin:0 0.25em;
}

.footer .f_copyright{
	padding:1rem 0;
}

.footer .f_copyright .flex-wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.footer .f_copyright .flex-wrap h6{
	line-height:1;
	font-size:0.8rem;
}

.footer .f_copyright .flex-wrap p{
	line-height:1;
	font-size:0.8rem;
}

/* home */

.mv{
	position:relative;
}

.mv::after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background:rgba(108,96,89,0.1);
}

.mv h2{
	position:absolute;
	top:50%;
	right:16vw;
	transform:translateY(-50%);
	height:9.9em;
	writing-mode: vertical-rl;
	font-size:3rem;
	color:#fff;
	letter-spacing:0.1em;
	text-shadow: 0 0 10px #3d3d3d;
	z-index:2;
}

.front_content{
	padding:80px 0;
}

.front_content .btn_wrap{
	margin-top:32px;
}

.fc01 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.fc01.fc01_rev .content_wrap{
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	flex-direction: row-reverse;
}

.fc01 .content_wrap .img{
	width:48%;
}

.fc01 .content_wrap .txt{
	width:48%;
}

.fc01 .content_wrap .txt h4{
	font-size:1.5rem;
	margin-bottom:1em;
}

.fc02 h4{
	font-size:1.5rem;
	margin-bottom:2em;
}

.fc02 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.fc02 .content_wrap a{
	width:22%;
}

.fc02 .content_wrap a:hover{
	opacity:1;
}

.fc02 .content_wrap a .img{
	margin-bottom:0.75rem;
	width:264px;
	height:264px;
	overflow:hidden;
}

.fc02 .content_wrap a .img img{
	transition:.5s;
}

.fc02 .content_wrap a:hover .img img{
	transform:scale(1.1);
}

.fc02 .content_wrap a p{
	font-size:1.5rem;
	line-height:1.6;
	font-weight:500;
}

.fc02 .content_wrap a p span{
	display:block;
	font-size:1rem;
	font-weight:400;
}

.fc03,
.fc04{
	padding:0;
}

.fc03 .content_wrap,
.fc04 .content_wrap{
	-webkit-box-align: center;
	align-items: center;
}

.fc03 .content_wrap .img,
.fc04 .content_wrap .img{
	width:50%;
}

.fc03 .content_wrap .txt,
.fc04 .content_wrap .txt{
	width:50%;
	padding:0 96px;
}

.fc03 .content_wrap .txt h3,
.fc04 .content_wrap .txt h3{
	margin-bottom:1.25rem;
	font-size:2.25rem;
	letter-spacing:0.1em;
	line-height:1.6;
	font-weight:500;
}

.fc03 .content_wrap .txt h3 span,
.fc04 .content_wrap .txt h3 span{
	display:block;
	font-size:1rem;
	font-weight:400;
}

.fc03 .content_wrap .txt h4,
.fc04 .content_wrap .txt h4{
	font-size:1.25rem;
	margin-bottom:1em;
	font-weight:600;
}

.fc05{
	padding:80px 0 0;
}

.fc05 .txt{
	margin-bottom:60px;
}

.fc06 ul{
	width:80%;
	margin:0 auto;
}

.fc06 ul li{
	border-bottom:1px solid #eae8e7;
	padding:0 2rem 1rem;
	margin-bottom:1rem;
}

.fc06 ul li:last-child{
	margin-bottom:0;
}

.fc06 ul li a{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.fc06 ul li p{
	width:6rem;
	color:#D6BDA5;
}

.fc06 ul li h4{
	width:calc(100% - 6rem);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.fc08 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.fc08 .content_wrap .box{
	width:48%;
}

.fc08 .content_wrap .box h5{
	font-size:1.5rem;
	margin-bottom:1rem;
}

.fc09 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.fc09 .content_wrap .box{
	width:46%;
}

.fc09 .content_wrap .box h4{
	font-size:1.25rem;
	margin-bottom:1rem;
	font-weight:500;
}

.fc09 .content_wrap .box .img{
	margin-bottom:1.5rem;
}

.fc09 .content_wrap .box table{
	width:100%;
}

.fc09 .content_wrap .box table th{
	border-right:1px solid #6C6059;
	width:22%;
	padding:0.5rem 1rem;
}

.fc09 .content_wrap .box table td{
	width:78%;
	padding:0.5rem 1rem;
}

.fc09 .content_wrap .box table td a{
	display:inline-block;
	color:#D6BDA5;
	font-size:0.8rem;
}

.fc09 .content_wrap .box table td a i{
	margin-right:0.25em;
}

/* about */

#about .fc01{
	padding:0;
}

.ac01{
	padding:80px 40px 136px;
}

.ac01 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.ac01 .content_wrap .box{
	width:32%;
	background:#eae8e7;
	padding:28px;
}

.ac01 .content_wrap .box:nth-child(2){
	margin-top:28px;
	margin-bottom:-28px;
}

.ac01 .content_wrap .box:nth-child(3){
	margin-top:56px;
	margin-bottom:-56px;
}

.ac01 .content_wrap .box .img{
	margin-bottom:20px;
}

.ac01 .content_wrap .box .txt h3{
	font-size:1.25rem;
	font-weight:500;
	margin-bottom:0.5em;
}

.ac02{
	padding:0;
}

.ac02 .content_wrap{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.ac02 .content_wrap .txt{
	width:58%;
}

.ac02 .content_wrap .txt .block{
	margin-bottom:28px;
}

.ac02 .content_wrap .txt .block:last-child{
	margin-bottom:0;
}

.ac02 .content_wrap .txt h2{
	font-size:1.5rem;
}

.ac02 .content_wrap .txt h2 span{
	display:block;
	font-size:1rem;
	color:#D6BDA5;
}

.ac02 .content_wrap .txt .block:nth-child(3){
	font-size:0.8rem;
}

.ac02 .content_wrap .img{
	width:38%;
}

.ac03 table{
	width:80%;
	margin:0 auto;
	font-size:0.8rem;
}

.ac03 table tr{
	border-bottom:1px solid #ccc;
}

.ac03 table th{
	width:18%;
	padding:1rem 1rem 1rem 2rem;
}

.ac03 table td{
	width:78%;
	padding:1rem 2rem 1rem 1rem;
}

/* page */

.editor_content p{
	margin-bottom:1rem;
}

.editor_content p:last-child{
	margin-bottom:0;
}

.editor_content img{
	display:block;
	max-width:100%;
	height:auto;
}

/* archive */

.archive .pagination .page-numbers{
	display:-webkit-box;
  	display:flex;
  	flex-wrap: wrap;
  	-webkit-box-pack: center;
	justify-content: center;
}

.archive .pagination .page-numbers li{
	margin:0 0.75rem;
}

.archive .pagination .page-numbers li span{
	color:#D6BDA5;
}

/* single */

.single .page-content .fv{
	margin-bottom:60px;
}

.single .page-content .post_title{
	margin-bottom:40px;
}

.single .page-content .post_title h1{
	font-weight:700;
	font-size:1.25rem;
}

.single .page-content .post_title ul{
	-webkit-box-pack: center;
	justify-content: center;
	color:#D6BDA5;
}

.single .page-content .editor_content{
	width:80%;
	margin:0 auto 60px;
}

.single .page-content .page_navi{
	-webkit-box-pack: center;
	justify-content: center;
}

.single .page-content .page_navi div{
	width:16%;
	margin:0 0.75rem;
}

.single .page-content .page_navi div a{
	border:1px solid #6C6059;
	text-align:center;
	padding:0.75em 0;
	font-size:0.8rem;
}

.single .page-content .page_navi div a:hover{
	background:#6C6059;
	color:#fff;
	opacity:1;
}

/* news */

.news_archive{
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom:60px;
}

.news_archive .img{
	width:26%;
}

.news_archive .img img{
	background:#eae8e7;
}

.news_archive .txt{
	width:70%;
}

.news_archive ul{
	color:#D6BDA5;
}

.news_archive .txt h2{
	font-weight:700;
	margin-bottom:0.5em;
}

.news_archive .txt p{
	font-size:0.9rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* product */

.post-type-archive-product .page-content h2{
	font-size: 1.25rem;
	margin-bottom:60px;
}

.page-content .product_block{
	margin-bottom:80px;
	border-top:1px solid #eae8e7;
	padding-top:60px;
}

.tax-product_cat .page-content .product_block:last-child{
	margin-bottom:60px;
}

.page-content .product_block:last-child{
	margin-bottom:0;
}

.page-content .product_block h3{
	font-size: 1.75rem;
	line-height: 1.6;
	margin-bottom:40px;
	font-weight:500;
}

.page-content .product_block h3 span{
	display: block;
	font-size: 1rem;
	font-weight:400;
}

.page-content .product_block .content_wrap a{
	width:25%;
	padding:20px;
}

.page-content .product_block .content_wrap a .img{
	width:260px;
	height:260px;
	overflow:hidden;
}

.page-content .product_block .content_wrap a .img .img-trim{
	transition:.5s;
}

.page-content .product_block .content_wrap a .img img{
	background:#eae8e7;
}

.page-content .product_block .content_wrap a:hover .img .img-trim{
	transform:scale(1.1);
}

.page-content .product_block .content_wrap a .label_wrap{
	margin:-15px 0 10px;
}

.page-content .product_block .content_wrap a .label{
	display:inline-block;
	width:100px;
	background:#6C6059;
	color:#fff;
	font-size:0.8rem;
	padding:0.25em 0;
	position:relative;
	z-index:2;
}

.page-content .product_block .content_wrap a h4{
	font-weight:700;
	margin-bottom:0.5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.page-content .product_block .content_wrap a > p{
	font-size:0.8rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom:1em;
}

.page-content .product_block .content_wrap a .price{
	font-size:0.8rem;
	background:#eae8e7;
	padding:0.75rem 1.5rem;
	transition:.5s;
}

.page-content .product_block .content_wrap a .price h5{
	border-bottom:1px solid #6C6059;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

.page-content .product_block .content_wrap a:hover{
	background:#eae8e7;
	opacity:1;
}

.page-content .product_block .content_wrap a:hover .price{
	background:#fff;
}

.product_navi{
	position:fixed;
	bottom:20px;
	left:0;
	width:100vw;
	z-index:1000;
}

.product_navi ul{
	-webkit-box-pack: center;
	justify-content: center;
}

.product_navi ul li{
	margin:0 10px;
	font-size:0.9rem;
	font-weight:500;
}

.single-product .product_slick .slide-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	transition:.5s;
}

.single-product .product_slick .slide-arrow.prev-arrow{
	left:-40px;
}

.single-product .product_slick .slide-arrow.next-arrow{
	right:-40px;
}

.single-product .product_slick .slide-arrow i{
	font-size:2rem;
}

.single-product .product_slick .slide-arrow:hover{
	opacity:0.8;
}

.single .page-content .post_title .label_wrap{
	margin-bottom:8px;
}

.single .page-content .post_title .label_wrap .label{
	display:inline-block;
	background:#6C6059;
	color:#fff;
	font-size:0.8rem;
	padding:0.25em 1em;
}

.single .page-content .post_title .price{
	width:320px;
	margin:16px auto 0;
	font-size:0.8rem;
	background:#eae8e7;
	padding:1rem 1.5rem;
}

.single .page-content .post_title .price h5{
	border-bottom:1px solid #6C6059;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

.single-product .page-content .page_navi{
	margin-bottom:80px;
}

/* privacy */

#privacy .page-content .block{
	margin-bottom:2rem;
}

#privacy .page-content .block:last-child{
	margin-bottom:0;
}

#privacy .page-content .block .child{
	margin-bottom:1rem;
}

#privacy .page-content .block h2{
	font-weight:700;
	font-size:1.25rem;
}

#privacy .page-content .block h3{
	font-weight:700;
}

/* contact */

#contact .page-content table{
	width:60%;
	margin:0 auto;
}

#contact .page-content table th{
	width:30%;
	padding-bottom:1.5rem;
}

#contact .page-content table th span{
	color:#D6BDA5;
}

#contact .page-content table td{
	width:70%;
	padding-bottom:1.5rem;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea{
	width:100%;
	background:#f6f6f6;
	font-size:1rem;
	line-height:1.8;
	padding:0.75rem 1rem;
	color:#6C6059;
	border:1px solid transparent;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
	border:1px solid #6C6059;
}

input[type="submit"]{
	transition:.5s;
}

/* display */

.pc-none{
	display:none;
}

@media (max-width: 1366px){

	/* common */
	
	html{
		font-size:calc(100vw / 1366 * 16);
	}
	
	/* layout */
	
	main{
		margin:calc(100vw / 1366 * 156) auto calc(100vw / 1366 *  120);
	}
	
	main#about{
		margin:calc(100vw / 1366 * 156) auto 0;
	}
	
	.container{
		max-width:calc(100vw - (100vw / 1366 *  100));
		width:calc(100vw / 1366 * 1200);
	}
	
	.container-min{
		max-width:calc(100vw - (100vw / 1366 *  100));
		width:calc(100vw / 1366 * 1000);
	}
	
	/* parts */
	
	.fadeIn{
		transform: translate3d(0,calc(100vw / 1366 *  50), 0);
	}
	
	.heading01{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.slick-dots{
		margin-top:calc(100vw / 1366 * 24);
	}
	
	.slick-dots li{
		width:calc(100vw / 1366 * 12);
		height:calc(100vw / 1366 * 12);
		margin:0 calc(100vw / 1366 *  6);
	}
	
	/* header */
	
	.header{
		padding:calc(100vw / 1366 * 24) 0;
	}
	
	.header .inner .logo{
		width:calc(100vw / 1366 * 240);
	}
	
	.header .inner .g_navi  > ul > li{
		margin:0 calc(100vw / 1366 *  16);
	}
	
	/* footer */
	
	.footer .f_contact{
		padding:calc(100vw / 1366 * 60) 0;
	}
	
	.footer .f_contact .heading01{
		margin-bottom:calc(100vw / 1366 * 24);
	}
	
	.footer .f_about{
		padding:calc(100vw / 1366 * 60) 0;
	}
	
	.footer .f_about .img{
		width:calc(100vw / 1366 * 240);
	}
	
	/* home */
	
	.front_content{
		padding:calc(100vw / 1366 * 80) 0;
	}
	
	.front_content .btn_wrap{
		margin-top:calc(100vw / 1366 * 32);
	}
	
	.fc02 .content_wrap a .img{
		width:calc(100vw / 1366 * 264);
		height:calc(100vw / 1366 * 264);
	}
	
	.fc03 .content_wrap .txt,
	.fc04 .content_wrap .txt{
		padding:0 calc(100vw / 1366 *  96);
	}
	
	.fc05{
		padding:calc(100vw / 1366 * 80) 0 0;
	}
	
	.fc05 .txt{
		margin-bottom:calc(100vw / 1366 * 60);
	}
	
	.fc06 ul li h4{
		width:calc(100% - 6rem);
	}
	
	/* about */
	
	.ac01{
		padding:calc(100vw / 1366 * 80) calc(100vw / 1366 *  40) calc(100vw / 1366 *  136);
	}
	
	.ac01 .content_wrap .box{
		padding:calc(100vw / 1366 * 28);
	}
	
	.ac01 .content_wrap .box:nth-child(2){
		margin-top:calc(100vw / 1366 * 28);
		margin-bottom:calc(100vw / 1366 * -28);
	}
	
	.ac01 .content_wrap .box:nth-child(3){
		margin-top:calc(100vw / 1366 * 56);
		margin-bottom:calc(100vw / 1366 * -56);
	}
	
	.ac01 .content_wrap .box .img{
		margin-bottom:calc(100vw / 1366 * 20);
	}
	
	.ac02{
		padding:0;
	}
	
	.ac02 .content_wrap .txt .block{
		margin-bottom:calc(100vw / 1366 * 28);
	}
	
	/* single */
	
	.single .page-content .fv{
		margin-bottom:calc(100vw / 1366 * 60);
	}
	
	.single .page-content .post_title{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.single .page-content .editor_content{
		margin:0 auto calc(100vw / 1366 *  60);
	}
	
	/* news */
	
	.news_archive{
		margin-bottom:calc(100vw / 1366 * 60);
	}
	
	/* product */
	
	.post-type-archive-product .page-content h2{
		margin-bottom:calc(100vw / 1366 * 60);
	}
	
	.page-content .product_block{
		margin-bottom:calc(100vw / 1366 * 80);
		padding-top:calc(100vw / 1366 * 60);
	}
	
	.tax-product_cat .page-content .product_block:last-child{
		margin-bottom:calc(100vw / 1366 * 60);
	}
	
	.page-content .product_block h3{
		margin-bottom:calc(100vw / 1366 * 40);
	}
	
	.page-content .product_block .content_wrap a{
		padding:calc(100vw / 1366 * 20);
	}
	
	.page-content .product_block .content_wrap a .img{
		width:calc(100vw / 1366 * 260);
		height:calc(100vw / 1366 * 260);
	}
	
	.page-content .product_block .content_wrap a .label_wrap{
		margin:calc(100vw / 1366 * -15) 0 calc(100vw / 1366 *  10);
	}
	
	.page-content .product_block .content_wrap a .label{
		width:calc(100vw / 1366 * 100);
	}
	
	.product_navi{
		bottom:calc(100vw / 1366 * 20);
	}
	
	.product_navi ul li{
		margin:0 calc(100vw / 1366 *  10);
	}
	
	.single-product .product_slick .slide-arrow.prev-arrow{
		left:calc(100vw / 1366 * -40);
	}
	
	.single-product .product_slick .slide-arrow.next-arrow{
		right:calc(100vw / 1366 * -40);
	}
	
	.single .page-content .post_title .label_wrap{
		margin-bottom:calc(100vw / 1366 * 8);
	}
	
	.single .page-content .post_title .price{
		width:calc(100vw / 1366 * 320);
		margin:calc(100vw / 1366 * 16) auto 0;
	}
	
	.single-product .page-content .page_navi{
		margin-bottom:calc(100vw / 1366 * 80);
	}

}

@media (max-width: 768px){

	/* display */
	
	.sp-none{
		display:none !important;
	}
	
	.pc-none{
		display:block;
	}
	
	/* common */
	
	html{
		font-size:calc(100vw / 750 * 28);
	}
	
	/* layout */
	
	main{
		margin:calc(100vw / 750 * 203.9) auto calc(100vw / 750 *  120);
	}
	
	main#about{
		margin:calc(100vw / 750 * 203.9) auto 0;
	}
	.home main{
		margin:calc(100vw / 750 * 123.9) auto 0;
	}
	
	.container,
	.container-min{
		width:90vw;
		max-width:90vw;
	}
	
	/* parts */
	
	.fadeIn{
		transform: translate3d(0,calc(100vw / 750 *  50), 0);
	}
	
	.heading01{
		font-size:1.5rem;
		margin-bottom:calc(100vw / 750 * 40);
		line-height:1.4;
	}
	
	.heading01 span{
		font-size:0.75rem;
		margin-top:0.25em;
	}
	
	.btn{
		padding:0.5em 4em;
	}
	
	.slick-dots{
		margin-top:calc(100vw / 750 * 24);
	}
	
	.slick-dots li{
		width:calc(100vw / 750 * 12);
		height:calc(100vw / 750 * 12);
		margin:0 calc(100vw / 750 *  6);
	}
	
	/* header */
	
	.header{
		padding:calc(100vw / 750 * 40) 0;
	}
	
	.header .inner .logo{
		-webkit-box-ordinal-group:2;
		order:1;
		width:calc(100vw / 750 * 370);
	}
	
	.header .inner .h_sns{
		-webkit-box-ordinal-group:3;
		order:2;
	}
	
	.header .inner .h_sns ul li{
		font-size:1.5rem;
	}
	
	.header .inner .h_sns ul li:first-child{
		margin-left:0;
	}
	
	.header .inner .g_navi_wrap{
		-webkit-box-ordinal-group:4;
		order:3;
	}
	
	.header .inner .g_navi_wrap .g_navi_btn{
		display:block;
		width:calc(100vw / 750 * 48);
		height:calc(100vw / 750 * 32);
		position:relative;
		transition:.5s;
		cursor:pointer;
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line{
		background:#6C6059;
		display:block;
		height:calc(100vw / 750 * 4);
		position:absolute;
		top:0;
		transition:.5s;
		width:100%;
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line--center{
		top:calc(100vw / 750 * 14);
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line--bottom{
		top:auto;
		bottom:0;
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line--top.active{
		top:calc(100vw / 750 * 14);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line--center.active{
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
	}
	
	.header .inner .g_navi_wrap .g_navi_btn .menu__line--bottom.active{
		bottom:calc(100vw / 750 * 14);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
	}

	.header .inner .g_navi_wrap .g_navi{
		position:fixed;
		top:calc(100vw / 750 * 124.25);
		right:0;
		width:60%;
		height:calc(100dvh - (100vw / 750 * 124.25));
		background:#6C6059;
		transition:all .5s ease-in-out;
		transform:translateZ(0) translateX(100%);
	}
	
	.header .inner .g_navi_wrap .g_navi.active{
		transform:translateZ(0) translateX(0);
	}
	
	.header .inner .g_navi_wrap .g_navi > ul > li{
		width:100%;
		margin:0;
		font-size:1rem;
	}
	
	.header .inner .g_navi_wrap .g_navi ul li a{
		color:#fff;
	}
	
	.header .inner .g_navi_wrap .g_navi > ul > li > a{
		padding:1rem 1.25rem;
		border-bottom:1px solid #fff;
	}
	
	.header .inner .g_navi_wrap .g_navi > ul > li.has_child{
		border-bottom:1px solid #fff;
	}
	
	.header .inner .g_navi_wrap .g_navi > ul > li.has_child > a{
		border-bottom:0;
		padding:1rem 1.25rem 0.5rem 1.25rem;
	}
	
	.header .inner .g_navi_wrap .g_navi > ul > li.has_child .child_menu{
		padding-left:2.25em;
		font-size:0.8rem;
		padding-bottom:1rem;
	}
	
	/* footer */
	
	.footer .f_contact{
		padding:calc(100vw / 750 * 60) 0;
	}
	
	.footer .f_contact .heading01{
		margin-bottom:calc(100vw / 750 * 30);
	}
	
	.footer .f_contact h5{
		font-size:2.25rem;
	}
	
	.footer .f_about{
		padding:calc(100vw / 750 * 60) 0;
	}
	
	.footer .f_about .img{
		width:calc(100vw / 750 * 380);
		margin: 0 auto calc(100vw / 750 * 30);
	}
	
	/* home */
	
	.front_content{
		padding:calc(100vw / 750 * 80) 0;
	}
	
	.front_content .btn_wrap{
		text-align:center;
		margin-top:calc(100vw / 750 * 60);
	}
	
	.mv h2{
		font-size:2.25rem;
		right:10vw;
	}
	
	.fc01 .content_wrap .img{
		width:100%;
		margin:0 auto calc(100vw / 750 * 40);
	}
	
	.fc01 .content_wrap .txt{
		width:100%;
	}
	
	.fc01 .content_wrap .txt h4{
		font-size:1.25rem;
		margin-bottom:0.75em;
	}
	
	.fc02 h4{
		font-size:1rem;
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.fc02 .content_wrap a{
		width:80%;
		margin:0 auto calc(100vw / 750 * 60);
	}
	
	.fc02 .content_wrap a:last-child{
		margin:0 auto;
	}

	.fc02 .content_wrap a .img{
		width:calc(100vw / 750 * 540);
		height:calc(100vw / 750 * 540);
	}
	
	.fc02 .content_wrap a p{
		font-size:1.25rem;
	}
	
	.fc02 .content_wrap a p span{
		font-size:0.75rem;
	}
	
	.fc03 .content_wrap .txt,
	.fc04 .content_wrap .txt{
		padding:0 calc(100vw / 750 *  96);
	}
	
	.fc05{
		padding:calc(100vw / 750 * 80) 0 0;
	}
	
	.fc05 .txt{
		text-align:left;
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.fc06 ul{
		width:100%;
	}
	
	.fc06 ul li{
		padding:0 0 1rem;
	}
	
	.fc06 ul li p{
		width:100%;
	}
	
	.fc06 ul li h4{
		width:100%;
	}
	
	.fc08 .content_wrap .box{
		width:100%;
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.fc08 .content_wrap .box h5{
		font-size:1rem;
	}
	
	.fc08 .content_wrap .box .inner{
		text-align:center;
	}
	
	.fc09 .content_wrap .box{
		width:100%;
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.fc09 .content_wrap .box:last-child{
		margin-bottom:0;
	}
	
	.fc09 .content_wrap .box h4{
		margin-bottom:calc(100vw / 750 * 30);
	}
	
	.fc09 .content_wrap .box .img{
		margin-bottom:calc(100vw / 750 * 30);
	}
	
	.fc09 .content_wrap .box table th{
		width:27%;
	}
	
	.fc09 .content_wrap .box table td{
		width:73%;
	}
	
	/* about */
	
	.ac01{
		padding:calc(100vw / 750 * 80) 0;
	}
	
	.ac01 .content_wrap .box{
		width:90%;
		margin:0 auto calc(100vw / 750 * 40);
		padding:calc(100vw / 750 * 40);
	}
	
	.ac01 .content_wrap .box:nth-child(2){
		margin-top:0;
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.ac01 .content_wrap .box:nth-child(3){
		margin-top:0;
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.ac01 .content_wrap .box .img{
		margin-bottom:calc(100vw / 750 * 30);
	}
	
	.ac02{
		padding:calc(100vw / 750 * 80) 0;
	}
	
	.ac02 .content_wrap{
		-webkit-box-orient: vertical;
	  	-webkit-box-direction: reverse;
	  	flex-direction: column-reverse;
	}
	
	.ac02 .content_wrap .txt{
		width:100%;
		
	}
	
	.ac02 .content_wrap .txt .block{
		margin-bottom:calc(100vw / 750 * 28);
	}
	
	.ac02 .content_wrap .img{
		width:70%;
		margin:0 auto calc(100vw / 750 * 40) 0;
	}
	
	.ac03 table{
		width:100%;
		font-size:1rem;
	}
	
	.ac03 table th{
		display:block;
		width:100%;
		font-weight:700;
		padding:1rem 0 0.5rem;
	}
	
	.ac03 table td{
		display:block;
		width:100%;
		padding:0 0 1rem;
	}
	
	/* single */
	
	.single .page-content .fv{
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.single .page-content .post_title{
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.single .page-content .editor_content{
		width:100%;
		margin:0 auto calc(100vw / 750 *  60);
	}
	
	.single .page-content .page_navi div{
		width:24%;
	}
	
	/* news */
	
	.news_archive{
		margin-bottom:calc(100vw / 750 * 80);
	}
	
	.news_archive .img{
		width:80%;
		margin:0 auto calc(100vw / 750 * 30);
	}
	
	.news_archive .txt{
		width:100%;
	}
	
	.news_archive .txt ul{
		-webkit-box-pack: center;
		justify-content: center;
	}
	
	.news_archive .txt h2{
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	/* product */
	
	.post-type-archive-product .page-content h2{
		margin-bottom:calc(100vw / 750 * 60);
		font-size:1rem;
	}
	
	.product_cat_list{
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.product_cat_list ul{
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	
	.product_cat_list ul li{
		width:32%;
		margin-bottom:calc(100vw / 750 * 16);
	}
	
	.product_cat_list ul li:last-child{
		width:100%;
		margin-bottom:0;
	}
	
	.product_cat_list ul li a{
		border:1px solid #6C6059;
		font-size:0.9rem;
		padding:0.5em 0;
	}
	
	.product_cat_list02{
		margin-top:calc(100vw / 750 * 100);
	}
	
	.product_cat_list02 .content_wrap{
		-webkit-box-pack: justify;
		justify-content: space-between;
	}
	
	.product_cat_list02 a{
		width: 48%;
        	margin-bottom:calc(100vw / 750 * 60);
	}
	
	.product_cat_list02 a .img{
		margin-bottom: 0.75rem;
	}
	
	.product_cat_list02 a p{
		font-size: 1.25rem;
		line-height: 1.6;
		font-weight: 500;
	}
	
	.product_cat_list02 a p span{
		display: block;
		font-size: 0.75rem;
		font-weight: 400;
	}
	
	.page-content .product_block{
		margin-bottom:calc(100vw / 750 * 80);
		padding-top:calc(100vw / 750 * 60);
	}
	
	.tax-product_cat .page-content .product_block:last-child{
		margin-bottom:calc(100vw / 750 * 60);
	}
	
	.page-content .product_block h3{
		font-size:1.25rem;
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.page-content .product_block h3 span{
		font-size:0.75rem;
	}
	
	.page-content .product_block .content_wrap{
		margin-bottom:calc(100vw / 750 * 40);
	}
	
	.page-content .product_block .content_wrap a{
		width:50%;
		padding:calc(100vw / 750 * 20);
	}
	
	.page-content .product_block .content_wrap a .img{
		width:calc(100vw / 750 * 297.5);
		height:calc(100vw / 750 * 297.5);
	}
	
	.page-content .product_block .content_wrap a .label_wrap{
		margin:calc(100vw / 750 * -15) 0 calc(100vw / 750 *  10);
	}
	
	.page-content .product_block .content_wrap a .label{
		width:calc(100vw / 750 * 160);
	}
	
	.page-content .product_block .content_wrap a h4{
		-webkit-line-clamp: 2;
	}
	
	.product_navi{
		bottom:calc(100vw / 750 * 20);
	}
	
	.product_navi ul li{
		margin:0 calc(100vw / 750 *  10);
	}
	
	.single-product .product_slick .slide-arrow.prev-arrow{
		left:calc(100vw / 750 * -20);
		z-index:2;
	}
	
	.single-product .product_slick .slide-arrow.next-arrow{
		right:calc(100vw / 750 * -20);
	}
	
	.single .page-content .post_title .label_wrap{
		margin-bottom:calc(100vw / 750 * 8);
	}
	
	.single .page-content .post_title .price{
		width:66%;
		margin:calc(100vw / 750 * 16) auto 0;
	}
	
	.single-product .page-content .page_navi{
		margin-bottom:calc(100vw / 750 * 80);
	}

}