/*
Theme Name: sample
Description: sample
Author: sample
Version: 1.0
*/



/*------------------------------------------

	style.css

------------------------------------------*/



html{
    width: 100%;
    height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body{
    width: 100%;
    height: 100%;
	font-size: 1.6em;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height: 1.7;
	position: relative;
}
ul,ol,li{ list-style-type: none; }
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
.disabled a{
	color: #666!important;
	pointer-events: none;
}
a:hover { opacity: .7;}
a:hover img{
	opacity: .7;
	filter: alpha(opacity=70);
	zoom: 1;
}


/*PC*/
@media screen and (min-width: 781px) {
	.pcno{ display: none; }

}/*END*/


/*sm*/
@media screen and (max-width: 780px) {

	body{ font-size: 1.4em; line-height: 1.5; }
	img{ max-width: 100%; }
	.smno{ display: none!important; }
	.tbno{ display: none; }

	/*iOSタップ時のバグ対応*/
	a:hover img{
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

}/*END*/



/*------------------------------------------

	汎用クラス

------------------------------------------*/

/*	テキスト関係
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.center{ text-align: center; }

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* 追加 */
    transform: rotate(.03deg);
}


/*	clearfix
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.cb{ clear: both; }
.cf::after{
	content: "";
	display: block;
	clear: both;
}


/*	ホバー透過
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.op:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	zoom: 1;
}


/*	マージン
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }
.mb45{ margin-bottom: 45px; }
.mb50{ margin-bottom: 50px; }
.mb55{ margin-bottom: 55px; }
.mb60{ margin-bottom: 60px; }
.mb65{ margin-bottom: 65px; }
.mb70{ margin-bottom: 70px; }
.mb75{ margin-bottom: 75px; }
.mb80{ margin-bottom: 80px; }
.mb85{ margin-bottom: 85px; }
.mb90{ margin-bottom: 90px; }
.mb95{ margin-bottom: 95px; }
.mb100{ margin-bottom: 100px; }

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

    /*margin*/
    .mb10{ margin-bottom: 5px; }
    .mb15{ margin-bottom: 7px; }
    .mb20{ margin-bottom: 10px; }
    .mb25{ margin-bottom: 12px; }
    .mb30{ margin-bottom: 15px; }
    .mb35{ margin-bottom: 17px; }
    .mb40{ margin-bottom: 20px; }
    .mb45{ margin-bottom: 22px; }
    .mb50{ margin-bottom: 25px; }
    .mb55{ margin-bottom: 27px; }
    .mb60{ margin-bottom: 30px; }
    .mb65{ margin-bottom: 32px; }
    .mb70{ margin-bottom: 35px; }
    .mb75{ margin-bottom: 37px; }
    .mb80{ margin-bottom: 40px; }
    .mb85{ margin-bottom: 42px; }
    .mb90{ margin-bottom: 45px; }
    .mb95{ margin-bottom: 47px; }
    .mb100{ margin-bottom: 50px; }

}/*end*/





/*	flexbox
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

.fb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fb-both { /*両端揃え*/
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.fb-right { /*右寄せ*/
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.fb-center { /*中央揃え*/
	justify-content: center;
	-webkit-justify-content: center;
}
.fb-al-center {
    align-items: center;
}

.w10 { width: 10%;}
.w15 { width: 15%;}
.w20 { width: 20%;}
.w25 { width: 25%;}
.w30 { width: 30%;}
.w33 { width: 33.333%;}
.w35 { width: 35%;}
.w40 { width: 40%;}
.w45 { width: 45%;}
.w50 { width: 50%;}
.w55 { width: 55%;}
.w60 { width: 60%;}
.w65 { width: 65%;}
.w70 { width: 70%;}
.w75 { width: 75%;}
.w80 { width: 80%;}
.w85 { width: 85%;}
.w90 { width: 90%;}
.w95 { width: 95%;}
.w100 { width: 100%;}

/*sm*/
@media screen and (max-width: 780px) {
	.fb-spno { width: 100%!important;}
}/*end*/


/*------------------------------------------

	common

------------------------------------------*/

.contaner{
	width: 100%;
}

.hx1 {
    width: 100%;
    font-weight: normal;
    text-align: center;
    font-size: 3.2rem;
}

/*sm*/
@media screen and (max-width: 780px) {
	.contaner{
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
    .hx1 {
        font-size: 2.3rem;
    }
}/*end*/


/*	装飾文字
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.btn1 {
	width: 100%;
	max-width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.btn1 a,
.btn1 input {
	width: 100%;
	height: 40px;
	font-size: 2.4rem;
	color: #000;
	display: grid;
	border: #000 1px solid;
	background-color: #fff;
	border-radius: 100px;
	align-content: center;
	position: relative;
}
/*sm*/
@media screen and (max-width: 780px) {
}/*end*/


.btn-sbmt {
	text-align: center;
}
.btn-sbmt input[type="submit"] {
	width: 100%;
	max-width: 373px;
	height: 70px;
	font-size: 1.8rem;
	letter-spacing: 2px;
	color: #fff;
	display: grid;
	border: #fff 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.4+0,0.3+100 */
	background: -moz-linear-gradient(top, rgba(191,13,0,1) -40%, rgba(141,1,0,1) 140%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(191,13,0,1) -40%,rgba(141,1,0,58,1) 140%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(191,13,0,1) -40%,rgba(141,1,0,1) 140%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
	border-radius: 100px;
	align-content: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.btn-sbmt input[type="submit"]:hover {
	opacity: .7;
}
.btn-sbmt input[type="submit"][disabled] {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0.4+0,0.3+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) -40%, rgba(0,0,0,0.4) 140%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) -40%,rgba(0,0,0,0.4) 140%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) -40%,rgba(0,0,0,0.4) 140%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
	background-color: #fff;
}
.btn-sbmt input[type="submit"][disabled]:hover {
	opacity: 1;
}
/*sm*/
@media screen and (max-width: 780px) {
	.btn-ylw a {
		max-width: 270px;
		height: 60px;
		font-size: 1.5rem;
	}
}/*end*/


/*	配置
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/*sm*/
@media screen and (max-width: 780px) {
}/*end*/


/*	アイコン関係
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/*sm*/
@media screen and (max-width: 780px) {
}/*end*/

/*	遅延読み込み
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
*.scrollFade1,
*.scrollFade2,
*.scrollFade3,
*.scrollFade4,
*.scrollFade5,
*.scrollFade6,
*.scrollFade7,
*.scrollFade8,
*.scrollFade9,
*.scrollFade10,
*.scrollFade11,
*.scrollFade12,
*.scrollFade13,
*.scrollFade14,
*.scrollFade15 {
    position: relative;
	top: 30px;
    visibility: hidden;
    opacity: 0;
    transition: 1500ms;
}
*.prrx {
	top: 0;
    visibility: visible;
    opacity: 1;
}

/*------------------------------------------

	ヘッダー

------------------------------------------*/
header {
    width: 100%;
    height: 100px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
header .inr {
    width: 100%;
    max-width: 1000px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}
header .h1-box {
    margin-right: auto;
}
header .menu-open {
    width: 30px;
    height: 14px;
    position: relative;
}
header .menu-open span {
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
}
header .menu-open::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s;
}
.open header .menu-open span {
    top: 7px;
    transform: rotate(135deg);
    transition: .3s;
}
.open header .menu-open::before {
    bottom: 4px;
    transform: rotate(-135deg);
    transition: .3s;
}
header .sns-nav {
    height: 21px;
}
header .sns-nav li:first-child {
    padding-right: 25px;
}
header .sns-nav li:last-child {
    padding-right: 40px;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    header .inr {
        padding: 0 15px;
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    header {
        height: 50px;
    }
}/*end*/

/*------------------------------------------

	MV

------------------------------------------*/
.mv-box {
    width: 100%;
    background-position: center top;
    background-size: cover;
    margin-top: 100px;
}
.home .mv-box {
    height: 700px;
    background-image: url(../image/mv.jpg);
}
.home .mv-box .inr {
    width: 100%;
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
}
.mv-box .inr {
    height: 100%;
}
.mv-box .g-nav {
    font-size: 1.8rem;
}
.mv-box .g-nav li {
    margin-bottom: 40px;
}
.mv-box .g-nav li:last-child {
    margin-bottom: 0;
}

/*pc*/
@media screen and (min-width: 781px) {
    .home .mv-box .inr {
        padding: 0 15px;
    }
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .mv-box {
        margin-top: 50px;
    }
    .home .mv-box {
        background: none;
        height: auto;
    }
    .home .mv-box .inr {
        max-width: auto;
    }
}/*end*/


/*------------------------------------------

	page MV

------------------------------------------*/
.page .mv-box {
}
.page .mv-box .inr,
.single .mv-box .inr,
.archive .mv-box .inr {
    width: 100%;
    max-width: 1000px;
    background-position: center top;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}
.page .mv-box .hx-sub,
.single .mv-box .hx-sub,
.archive .mv-box .hx-sub {
    color: #fff;
    font-size: 4.2rem;
    font-weight: normal;
    text-align: center;
    padding: 45px 0;
    margin-right: auto;
    margin-left: auto;
}
.company .mv-box .inr {
    background-image: url(../image/company-mv.jpg);
}
.concept .mv-box .inr,.bstuff_toiawase .mv-box .inr {
    background-image: url(../image/company-mv.jpg);
}
.leather .mv-box .inr {
    background-image: url(../image/company-mv.jpg);
}
.craftsman .mv-box .inr {
    background-image: url(../image/company-mv.jpg);
}
.single .mv-box .inr,
.news .mv-box .inr {
    background-image: url(../image/news-mv.jpg);
}
.contact .mv-box .inr,
.thanks .mv-box .inr {
    background-image: url(../image/contact-mv.jpg);
}
.stockist .mv-box .inr {
    background-image: url(../image/stockist-mv.jpg);
}

.wp-pagenavi {
	margin: 0 auto 100px;
}

/*pc*/
@media screen and (min-width: 781px) {
    .home .mv-box .inr {
        padding: 0 15px;
    }
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .page .mv-box .inr {
        height: auto;
        background-size: cover;
    }
    .page .mv-box .hx-sub {
        font-size: 2.1rem;
        padding: 55px 0;
    }

    .company .mv-box .inr {
        background-image: url(../image/company-mv-sm.jpg);
    }
    .concept .mv-box .inr {
        background-image: url(../image/company-mv-sm.jpg);
    }
    .leather .mv-box .inr {
        background-image: url(../image/company-mv-sm.jpg);
    }
    .craftsman .mv-box .inr {
        background-image: url(../image/company-mv-sm.jpg);
    }
    .news .mv-box .inr {
        background-image: url(../image/news-mv-sm.jpg);
    }
    .contact .mv-box .inr {
        background-image: url(../image/contact-mv-sm.jpg);
    }
    .stockist .mv-box .inr {
        background-image: url(../image/stockist-mv-sm.jpg);
    }

	.wp-pagenavi {
		margin-bottom: 50px;
	}

}/*end*/

/*------------------------------------------

	Gナビ　モーダル

------------------------------------------*/
.modal-box {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
	font-size: 1.8rem;
	text-align: center;
    padding: 0;
    position: fixed;
    bottom: 100%;
    left: 0;
    z-index: 99;
    transition: .3s;
}
.open .modal-box {
    bottom: 0;
    transition: .3s;
}
.open .modal-box ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.open .modal-box li {
	margin-bottom: 40px;
}
.open .modal-box a {
    color: #fff;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
}/*end*/

/*------------------------------------------

	TOP ニュース

------------------------------------------*/
.top-news-box {
    width: 100%;
    height: auto;
    padding: 120px 0;
}
.top-news-box .inr {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    transition: .7s;
}
.top-news-box .post-box a {
    width: 100%;
    height: 25px;
    display: inline-block;
    transition: .7s;
    margin-bottom: 10px;
}
.top-news-box .post-box {
    width: 100%;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    padding: 25px 3em;
}
.top-news-box .post-box a:last-child {
    margin-bottom: 0;
}
.top-news-box .post-box a:hover {
    background-color: rgba(0,0,0,.4);
}
.top-news-box .post-box time {
    font-size: 1.6rem;
}
.top-news-box .post-box .tit {
    font-size: 1.6rem;
    font-weight: normal;
    margin-left: auto;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
.top-news-box .inr {
    padding-right: 15px;
    padding-left: 15px;
}
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .top-news-box {
        padding: 60px 15px;
    }
	.top-news-box .post-box {
		padding: 15px 1em;
	}
    .top-news-box .post-box time {
        font-size: 1.2rem;
    }
    .top-news-box .post-box .tit {
        font-size: 1.2rem;
    }
}/*end*/

/*------------------------------------------

	TOP About us

------------------------------------------*/
.aboutus-box {
    width: 100%;
    height: 550px;
    color: #fff;
    background-image: url(../picture/image_7db69942-dd53-4eb8-8a42-210b0e2aefd5.webp);
    background-position: center top;
    background-size: cover;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
}
.aboutus-box .inr {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    transition: .7s;
    padding: 103px 0;
}
.aboutus-box .txt {
    width: 100%;
    text-align: center;
    line-height: 2.3;
}
.aboutus-box .about-nav {
    width: 100%;
}
.aboutus-box .about-nav li {
    width: 25%;
    text-align: center;
}
.aboutus-box .about-nav li a {
    width: 100%;
    display: inline-block;
    background-color: rgba(180,150,140,.8);
    padding: 35px 0;
    position: relative;
}
.aboutus-box .about-nav li:nth-child(even) a {
    background-color: rgba(180,150,140,.6);
}
.aboutus-box .about-nav li a:hover {
    opacity: 1;
}
.aboutus-box .about-nav li a:hover::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 10px;
    left: 0;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .aboutus-box .inr {
        padding-right: 15px;
        padding-left: 15px;
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .aboutus-box {
        width: 100%;
        height: auto   ;
        background: none;
        background-size: cover;
    }
    .aboutus-box .inr {
        width: 100%;
        background: url(../image/bg-about.jpg);
        background-position: left top;
        background-size: cover;
    }
    .aboutus-box .txt {
        letter-spacing: -1px;
    }
    .aboutus-box .about-nav li {
        width: 100%;
        text-align: center;
    }
    .aboutus-box .about-nav li a {
        width: 100%;
        display: inline-block;
        background-color: rgba(180,150,140,1);
        padding: 35px 0;
        position: relative;
    }
    .aboutus-box .about-nav li:nth-child(even) a {
        background-color: rgba(180,150,140,.6);
    }
    .aboutus-box .about-nav li a {
        font-size: 1.4rem;
        padding: 20px 0;
    }
}/*end*/

/*------------------------------------------

	TOP collection

------------------------------------------*/
.collection-box {
    width: 50%;
    height: 390px;
    color: #fff;
    padding: 0;
    position: relative;
}
.collection-box a {
    width: 100%;
    height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.collection-box .inr {
    width: 100%;
    height: 100%;
    background: #c3aaa5;
    background-position: center top;
    background-size: cover;
}
.collection-box .inr .wrap {
    width: fit-content;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
/*
.collection-box .inr .hx1 {
    border-bottom: #fff 1px solid;
}
*/
/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .collection-box {
        width: 100%;
        height: auto;
        padding: 0 0 10px 0;
    }
    .collection-box .inr {
        padding: 100px 0;
    }
}/*end*/

/*------------------------------------------

	TOP shop

------------------------------------------*/
.shop-box {
    width: 50%;
    height: 390px;
    color: #fff;
    padding: 0 0 0 10px;
	position: relative;
}
.shop-box a {
    width: 100%;
    height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.shop-box .inr {
    width: 100%;
    height: 100%;
    background-color: #b4968c;
}
.shop-box .inr .wrap {
    width: fit-content;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.shop-box .inr .txt {
    letter-spacing: 1px;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .shop-box {
        width: 100%;
        height: auto;
        padding: 0 0 10px 0;
    }
    .shop-box .inr {
        padding: 100px 0;
    }
}/*end*/

/*------------------------------------------

	TOP instagram

------------------------------------------*/
.insta-box {
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
}
.insta-box .inr {
    width: 100%;
	max-width: 830px;
    margin-right: auto;
    margin-left: auto;
    transition: .7s;
    padding: 80px 0;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .insta-box .inr {
        padding-right: 15px;
        padding-left: 15px;
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .insta-box {
        width: 100%;
        height: auto   ;
        background: none;
        background-size: cover;
    }
    .insta-box .inr {
        width: 100%;
    }
}/*end*/

/*------------------------------------------

	tax-collection_cat

------------------------------------------*/
.tax-collection_cat .hx-sub,
.post-type-archive .hx-sub  {
	width: 100%;
	color: #000;
	text-align: center;
}
.tax-collection_cat header,
.post-type-archive header ,
.page-template-archive-collection_book header{
	border-bottom: #ccc 1px solid;
}
				
.collection-arc-box {
	width: 100%;
	max-width: 1030px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 250px;
	margin-right: auto;
	margin-left: auto;
}
.collection-arc-box .main.inr {
    width: 80%;
    max-width: 850px;
    box-sizing: content-box;
	margin-bottom: 150px;
}
.collection-arc-box .main.inr h2 {
	font-size: 4.2rem;
	font-weight: normal;
/*	font-family: 'Josefin Sans', sans-serif;*/
	margin-bottom: 92px;
}
/*
.collection-arc-box .main.inr a.click {
    background-color: #000;
    font-size: 1.3rem;
	font-weight: bold;
    letter-spacing: .08em;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    padding: 6px 25px;
}
*/
.collection-arc-box .main.inr .box {
    width: 26.3529411765%;
    max-width: 224px;
    text-align: center;
}
/*
.collection-arc-box .main.inr h3 {
    font-family: 'Josefin Sans', sans-serif;
}
*/
.collection-post {
    width: 26.3529411765%;
    max-width: 224px;
    text-align: center;
	margin-bottom: 50px;
}
.collection-post-arc {
    width: 100%;
}
.collection-arc-box .side.inr {
	width: 15%;
	max-width: 150px;
	margin-top: 7px;
	margin-bottom: 150px;
}
.collection-arc-box .side input {
	display: none;
}
.collection-arc-box .side.inr h2 {
	font-size: 2.0rem;
	letter-spacing: .08em;
/*	font-family: 'Josefin Sans', sans-serif;*/
}
.collection-arc-box .side.inr ul {
	font-size: 1.7rem;
	letter-spacing: .08em;
/*	font-family: 'Josefin Sans', sans-serif;*/
}

.collection-post label {
	display: block;
	overflow: hidden;
}
.collection-post label img {
    cursor: pointer;
	transition: .7s;
}
.collection-post label img:hover {
	transform: scale(1.15, 1.15);
}


.item-modal-box {
	width: 100%;
	height: 100%;
	z-index: -99;
	opacity: 0;
	top: 0;
	left: 0;
    position: fixed;
	transition: .2s;
}
input:checked + .item-modal-box {
	z-index: 50;
	opacity: 1;
}
.main.inr input {
	display: none;
}
.main.inr .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
	top: 0;
	left: 0;
    z-index: 2;
}
.item-modal-box::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.item-modal-inr {
	width: 75%!important;
    max-width: 900px!important;
    height: 70%;
    position: fixed;
    background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-44%);
	overflow: scroll;
	z-index: 50;
}

.item-modal-inr .image-box {
	position: relative;
}

/*
.item-modal-inr h4 {
	font-size: 2.0rem;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
*/
.item-modal-inr .num {
	font-size: 1.6rem;
/*	font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}
.item-modal-inr .size {
	font-size: 1.6rem;
/*	font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}
.item-modal-inr .color {
	font-size: 1.6rem;
/*	font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}
.item-modal-inr .price {
	font-size: 1.6rem;
/*	font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}



.slick-list.draggable li:focus {
	outline: aliceblue!important;
}
.slick-list.draggable img {
	max-width: 44.4444444444%;
	margin-right: auto;
	margin-left: auto;
}


.slick-dots {
	max-width: 66.6666666667%;
	min-width: 300px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}
.slick-dots li {
	width: 16.6666666667%;
	max-width: 100px;
	opacity: .5;
}
.slick-dots li.slick-active {
	opacity: 1;
}
.slick-dots li img {
	width: 100%;
	height: auto;
}

.arrows {
    width: 80%;
    height: 30px;
    transform: translate(-50%,50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.slick-prev {
	width: 20px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
}
.slick-prev:not(:first-child) {
	display: none;
}
.slick-prev::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: -4px;
    top: calc(50% - 3px);
    border-bottom: solid 2px;
    border-left: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;
}
.slick-next {
	width: 20px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
}
.slick-next:nth-child(1),
.slick-next:nth-child(2) {
	display: none;
}
.slick-next::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: -17px;
    top: calc(50% - 3px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;
}

.modal-close {
    width: 15px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 27px;
    right: 30px;
}
.modal-close a {
	display: inline-block;
	position: relative;
	margin: 0 20px 0 7px;
	padding: 0;
	width: 2px;
	height: 20px;
	background: #000;
	transform: rotate(45deg);
}
.modal-close a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -9px;
	width: 20px;
	height: 2px;
	margin-top: -1px;
	background: #000;
}

.wp-pagenavi {
    width: 100%;
    display: flex;
    justify-content: center;
}
.wp-pagenavi .current,
.wp-pagenavi a {
    padding: 5px 10px!important;
    margin: 3px!important;
}

/*pc*/
@media screen and (min-width: 781px) {
	.collection-arc-box .main.inr {
		margin-bottom: 150px;
	}
	.collection-arc-box .main.inr::after {
		content: "";
		width: 26.3529411765%;
		max-width: 224px;
		display: block;
	}
	.slick-list.draggable img {
		min-width: 300px;
	}
/*
	.item-modal-inr h4::before {
		content: "";
		width: 30px;
		height: 2px;
		background-color: #000;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
*/
	.collection-arc-box .side.inr {
		height: fit-content;
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 120px;
		left: 0;
	}
	.collection-arc-box .side.inr h2 {
		border-bottom: #000 2px solid;
		margin-bottom: 30px;
	}
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
	.collection-arc-box {
		margin-top: 125px;
	}
	.collection-arc-box .main.inr {
		width: 100%;
		max-width: none;
	}
	.collection-arc-box .side.inr {
		width: 100%;
		max-width: none;
		margin-bottom: 50px;
	}
	.collection-post {
		width: 47.5%;
		max-width: none;
	}

	.collection-arc-box .main.inr {
		padding-top: 0;
	}
	.collection-arc-box .main.inr h2 {
		font-size: 2.1rem;
		margin-bottom: 5px;
	}
	.collection-arc-box .side.inr {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	.collection-arc-box .side.inr h2 {
		font-size: 1.2rem;
	}
	.collection-arc-box .side.inr label {
		width: 100%;
		border: #000 2px solid;
		display: block;
		padding: 10px 65px 7px 15px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	.collection-arc-box .side.inr label::before,
	.collection-arc-box .side.inr label::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		position: absolute;
		right: 10px;
	}
	.collection-arc-box .side.inr label::before {
		border-width: 0 4px 6px 4px;
		border-color: transparent transparent #000000 transparent;
		top: 10px;
	}
	.collection-arc-box .side.inr label::after {
		border-width: 6px 4px 0 4px;
		border-color: #000000 transparent transparent transparent;
		bottom: 10px;
	}
	.collection-arc-box .side.inr ul {
		width: 99%;
		font-size: 1.1rem;
		font-weight: normal;
		letter-spacing: .2em;
		display: none;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.collection-arc-box .side.inr input:checked ~ ul {
		display: block;
	}
	.collection-arc-box .side.inr ul a {
		color: #fff;
		background-color: #969696;
		display: block;
		padding: 5px 0 3px 0;
		border-bottom: #fff 1px solid;
	}
	
	.item-modal-inr {
		width: 90%!important;
		max-width: 600px!important;
		transform: translate(-50%,-47%);
		padding-top: 25px;
		padding-bottom: 25px;
	}

/*
	.collection-arc-box .main.inr a.click {
		background-color: #000;
		font-size: .9rem;
		font-weight: bold;
		letter-spacing: .08em;
		color: #fff;
		font-family: 'Josefin Sans', sans-serif;
		padding: 6px 15px;
	}
*/

	.slick-list.draggable img {
		width: 75%;
		max-width: none;
		margin-right: auto;
		margin-left: auto;
	}


/*
	.item-modal-inr h4 {
		font-size: 1.2rem;
		font-weight: normal;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.item-modal-inr h4::before {
		width: 25px;
		height: 1px;
	}
*/
	.item-modal-inr .num {
		font-size: 1.2rem;
	}
	.item-modal-inr .size {
		font-size: 1.2rem;
	}
	.item-modal-inr .color {
		font-size: 1.2rem;
	}
	.item-modal-inr .price {
		font-size: 1.2rem;
	}
	
	.slick-dots {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.slick-dots li {
		width: 5px;
		height: 5px;
		border-radius: 100px;
		min-width: auto;
		opacity: .5;
		overflow: hidden;
		position: relative;
		margin: 0 3px;
	}
	.slick-dots li::before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #000;
		position: absolute;
		top: 0;
		left: 0;
	}
/*
	.arrows {
		transform: translate(-50%,-230%);
	}
*/
	
	.slick-dots {
		min-width: auto;
	}

	.slick-prev {
		width: 20px;
		height: 18px;
	}
	.slick-prev::before {
		width: 11px;
		height: 11px;
		left: -1px;
		border-bottom: solid 1px;
		border-left: solid 1px;
	}
	.slick-next {
		width: 20px;
		height: 18px;
	}
	.slick-next::before {
		width: 11px;
		height: 11px;
		left: 1px;
		border-top: solid 1px;
		border-right: solid 1px;
	}

	.fun-close {
		width: 14px;
		height: 16px;
		top: 9px;
		right: 15px;
	}
	.fun-close a {
		height: 14px;
	}
	.fun-close a:before{
		left: -6px;
		width: 14px;
		margin-top: -1px;
	}
}/*end*/

/*sm*/
/*
@media screen and (max-width: 500px) {
	.arrows {
		transform: translate(-50%,-330%);
	}
}
*/

/*sm*/
/*
@media screen and (max-width: 400px) {
	.arrows {
		transform: translate(-50%,-520%);
	}
}
*/

/*------------------------------------------

	フッター

------------------------------------------*/
footer {
    width: 100%;
    border-top: #ccc 1px solid;
    padding-top: 60px;
}
footer .inr {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
footer .logo-box {
    border-right: #000 1px solid;
    padding-right: 50px;
}
footer .nav-box {
    padding-left: 50px;
}
footer .f-nav {
    max-width: 400px;
    margin-bottom: 80px;
    justify-content: flex-start;
}
footer .f-nav li{
    width: 100px;
    margin-bottom: 30px;
}
footer .f-nav.nav2 {
    max-width: none;
    margin-bottom: 0;
}
footer .f-nav.nav2 li {
    width: 240px;
    margin-bottom: 0;
}
footer .cpy-box {
    width: 100%;
    max-width: 1000px;
    font-size: 1rem;
    text-align: right;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    footer .inr {
        padding: 0 15px;
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    footer {
        padding-top: 50px;
    }
    footer .logo-box {
        width: 30%;
        padding-right: 20px;
        margin-bottom: 50px;
    }
    footer .nav-box {
        width: 70%;
        padding-left: 20px;
        margin-bottom: 50px;
    }
    footer .f-nav li{
        margin-bottom: 20px;
    }
    footer .f-nav.nav2 li:first-child {
        margin-bottom: 20px;
    }
    footer .cpy-box {
        text-align: center;
        margin-bottom: 25px;
    }
}/*end*/

/*------------------------------------------

	page

------------------------------------------*/
.page .hx-pname {
    font-size: 3.2rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 80px;
}

.page-box {
    width: 100%;
}
.page-box .inr {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .page .hx-pname {
    margin-bottom: 10px;
    }
}/*end*/

/*------------------------------------------

	About us

------------------------------------------*/
.page-navi-box {
    width: 100%;
    max-width: 725px;
    margin-top: 120px;
    margin-right: auto;
    margin-bottom: 100px;
    margin-left: auto;
}
.page-navi-box .page-navi {
    width: 100%;
}
.page-navi-box .page-navi li {
    width: 130px;
    text-align: center;
    border: #000 1px solid;
}
.page-navi-box .page-navi li:hover {
    background-color: #000;
}
.page-navi-box .page-navi li a {
    width: 100%;
    font-size: 1.6rem;
    padding: 10px 0;
}
.page-navi-box .page-navi li:hover a {
    color: #fff;
}

.concept .page-navi-box .page-navi li:nth-child(1) {
    background-color: #000;
}
.concept .page-navi-box .page-navi li:nth-child(1) a {
    color: #fff;
}
.leather .page-navi-box .page-navi li:nth-child(2) {
    background-color: #000;
}
.leather .page-navi-box .page-navi li:nth-child(2) a {
    color: #fff;
}
.craftsman .page-navi-box .page-navi li:nth-child(3) {
    background-color: #000;
}
.craftsman .page-navi-box .page-navi li:nth-child(3) a {
    color: #fff;
}
.company .page-navi-box .page-navi li:nth-child(4) {
    background-color: #000;
}
.company .page-navi-box .page-navi li:nth-child(4) a {
    color: #fff;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .page-navi-box .inr {
        padding: 0 70px;
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .page-navi-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .page-navi-box .page-navi li {
        width: 45%;
        margin-bottom: 15px;
    }
    .page-navi-box .page-navi li:nth-child(3),
    .page-navi-box .page-navi li:nth-child(4) {
        margin-bottom: 0;
    }
    .page-navi-box .page-navi li a {
        font-size: 1rem;
    }
}/*end*/

/*------------------------------------------

	Company

------------------------------------------*/
.company-box {
    width: 100%;
}
.company-box .inr {
    width: 100%;
    max-width: 830px;
    margin-right: auto;
    margin-left: auto;
}
.company-box .spec {
    font-size: 1.8rem;
    border-bottom: #000 1px solid;
    padding: 20px 0;
}
.company-box .spec:last-child {
    border-bottom: none;
    margin-bottom: 100px;
}
.company-box .spec dt {
    width: 200px;
    font-weight: bold;
}
.company-box .spec dd {
    letter-spacing: -1px;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .company-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .company-box .spec dt,
    .company-box .spec dd {
        width: 100%;
    }
    .company-box .spec dd iframe {
        width: 100%;
    }
    .company-box .spec {
        font-size: 1.5rem;
    }
    .company-box .spec:last-child {
        margin-bottom: 50px;
    }
}/*end*/

/*------------------------------------------

	Concept

------------------------------------------*/
.Concept-box {
    width: 100%;
}
.Concept-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.Concept-box .txt {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.3;
}
.Concept-box .img {
    max-width: 800px;
    text-align: center;
    line-height: 0;
    margin-right: auto;
    margin-left: auto;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .Concept-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .Concept-box .txt {
        font-size: 1.2rem;
        text-align: center;
        line-height: 2.25;
        letter-spacing: -1px;
    }
}/*end*/

/*------------------------------------------

	Craftsman

------------------------------------------*/
.craftsman-box {
    width: 100%;
}
.craftsman-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.craftsman-box .txt {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.3;
}
.craftsman-box .img {
    max-width: 800px;
    text-align: center;
    line-height: 0;
    margin-right: auto;
    margin-left: auto;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .craftsman-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .craftsman-box .txt {
        font-size: 1.2rem;
        text-align: center;
        line-height: 2.25;
        letter-spacing: -1px;
    }
}/*end*/

/*------------------------------------------

	Leather

------------------------------------------*/
.leather-box {
    width: 100%;
}
.leather-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.leather-box .txt {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.3;
}
.leather-box .img {
    max-width: 800px;
    text-align: center;
    line-height: 0;
    margin-right: auto;
    margin-left: auto;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .leather-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .leather-box .txt {
        font-size: 1.2rem;
        text-align: center;
        line-height: 2.25;
        letter-spacing: -1px;
    }
}/*end*/

/*------------------------------------------

	News

------------------------------------------*/
.news-box {
    width: 100%;
}
.news-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.news-box .post-box a {
    width: 100%;
    height: 25px;
    display: inline-block;
    transition: .7s;
    margin-bottom: 10px;
}
.news-box .post-box {
    width: 100%;
    border-top: #000 1px solid;
    padding: 25px 3em;
}
.news-box .post-box:first-of-type {
    border-top: #000 2px solid;
    margin-top: 125px;
}
.error404 .news-box .post-box:first-of-type {
    border-top: none;
}
.news-box .post-wrap {
    border-bottom: #000 2px solid;
    margin-bottom: 80px;
}
.news-box .post-box a:last-of-type {
    margin-bottom: 0;
}
.news-box .post-box a:hover {
    background-color: rgba(0,0,0,.4);
}
.news-box .post-box time {
    font-size: 1.6rem;
}
.news-box .post-box .tit {
    font-size: 1.6rem;
    font-weight: normal;
    margin-left: auto;
}


/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .news-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
	.news-box .post-box {
		padding: 15px 1em;
	}
    .news-box .post-box:first-of-type {
        border-top: #000 2px solid;
        margin-top: 60px;
    }
    .news-box .post-wrap {
        margin-bottom: 20px;
    }
    .news-box .post-box time {
        font-size: 1.2rem;
    }
    .news-box .post-box .tit {
        font-size: 1.2rem;
    }
    .news-box .btn1 {
		margin-top: 20px;
    }
}/*end*/

/*------------------------------------------

	News 詳細

------------------------------------------*/
.single-news-box {
    width: 100%;
}
.single-news-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.single-news-box .single-box {
    margin-top: 170px;
    margin-bottom: 80px;
}
.single-news-box .spec-box {
    width: 100%;
    padding: 25px 0;
}
.single-news-box .content-box {
    width: 100%;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 1.875;
    border-top: #000 2px solid;
    border-bottom: #000 1px solid;
    padding: 25px 0;
}
.news-box .single-box time {
    font-size: 1.6rem;
}
.news-box .single-box .tit {
    font-size: 1.8rem;
    font-weight: normal;
    margin-left: auto;
}


/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .single-news-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .single-news-box .single-box {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .single-news-box .spec-box {
        width: 100%;
        padding: 0;
    }
    .single-news-box .single-box time {
        width: 100%;
        font-size: 1.2rem;
        padding-left: .5em;
        margin: 20px 0;
    }
    .single-news-box .single-box .tit {
        width: 100%;
        font-size: 1.4rem;
        border-bottom: #000 2px solid;
        padding-left: .5em;
    }
    .single-news-box .content-box {
        width: 100%;
        font-size: 1.2rem;
        text-align: justify;
        border: none;
        line-height: 1.875;
        padding: 0;
        padding-left: .5em;
    }
}/*end*/

/*------------------------------------------

	Stokist

------------------------------------------*/
.stokist-box {
    width: 100%;
    margin-top: 125px;
}
.stokist-box .inr {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.stokist-box .area-navi {
    font-weight: bold;
}
.stokist-box .area-navi li {
    position: relative;
    padding-bottom: .5em;
}
.stokist-box .area-navi li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 13px;
    height: 13px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg) translate(25%,50%);
    transform: rotate(135deg) translate(25%,50%);
}
.stokist-box .hx-area {
    font-size: 1.6rem;
    color: #fff;
    background-color: #b4968c;
    padding: 6px 20px;
}
.stokist-box .hx-todohuken {
    display: inline-block;
    border-bottom: #000 1px solid;
}
.stokist-box .shop-list {
    font-size: 1.4rem;
}
.stokist-box .shop-list dt {
    width: 32.5%;
}
.stokist-box .shop-list dd {
    width: 67.5%;
}
.stokist-box .shop-list a {
	text-decoration: underline;
}
.stokist-box .hx {
	font-weight: bold;
}
.stokist-box .txt1 {
    margin: 100px 0;
}
.stokist-box .txt2 {
    margin: 0 0 30px;
}


/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .stokist-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .stokist-box {
        margin-top: 60px;
    }
    .stokist-box .area-navi li {
        font-size: 1.2rem;
    }
    .stokist-box .area-navi.navi1 li {
        width: 33.333%;
        text-align: center;
        margin-bottom: 20px;
    }
    .stokist-box .area-navi li::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-transform: rotate(135deg) translate(25%,50%);
        transform: rotate(135deg) translate(25%,50%);
    }
    .stokist-box .hx-todohuken {
        width: fit-content;
        display: block;
        text-align: center;
        margin-right: auto;
        margin-bottom: 25px;
        margin-left: auto;
    }
    .stokist-box .shop-list {
        font-size: 1.1rem;
        border-bottom: #000 1px solid;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .stokist-box .shop-list.mb50 {
        margin-bottom: 40px;
    }
    .stokist-box .shop-list dt {
        width: 100%;
        font-weight: bold;
    }
    .stokist-box .shop-list dd {
        width: 100%;
    }
    .stokist-box .shop-list ul {
        width: 100%;
    }
    .stokist-box .shop-list li {
        width: 100%;
    }
    .stokist-box .txt1 {
        font-size: 1.1rem;
        margin: 50px 0;
    }
    .stokist-box .txt2 {
        font-size: 1.1rem;
        margin: 0 0 50px;
    }
}/*end*/

/*------------------------------------------

	Contact

------------------------------------------*/
.contact-box {
    width: 100%;
    margin-top: 125px;
}
.contact-box .inr {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.contact-box .mw_wp_form {
    width: 100%;
}
.contact-box form {
    width: 100%;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.contact-box dl {
    width: 100%;
    font-size: 1.6rem;
    background-color: #e6dcd9;
    padding: 9px 15px;
    margin-bottom: 10px;

    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.contact-box dl:last-of-type {
    margin-bottom: 80px;
}
.contact-box dl dt {
    width: 0%;
}
.contact-box dl dd {
    width: 100%;
}
.contact-box dl input,
.contact-box dl textarea {
    width: 100%;
}
.contact-box dl textarea {
    min-height: 200px;
}
.contact-box .txt-box dt,
.contact-box .txt-box dd {
    width: 100%;
}
.contact-box ::placeholder {
    color: #000;
}
.contact-box .note {
	text-align: center;
}
.contact-box .note a {
	text-decoration: underline;
}
.contact-box .note span {
	font-size: .85em;
}


/*pc*/
@media screen and (min-width: 781px) {
    .contact-box dl:nth-child(1),
    .contact-box dl:nth-child(2) {
        width: 49.4%;
        max-width: 395px;
    }
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .contact-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
    .contact-box {
            margin-top: 60px;
    }
    .contact-box dl:last-of-type {
        margin-bottom: 40px;
    }
    .contact-box ::placeholder {
        font-size: 1.2rem;
    }
}/*end*/

/*------------------------------------------

	Privacy Policy

------------------------------------------*/
.privacy .mv-box h2.hx-sub {
    color: #000;
}
.privacy-box {
    width: 100%;
}
.privacy-box .inr {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.privacy-box .sec {
    font-size: 1.4rem;
    line-height: 2;
}
.privacy-box .sec a {
	text-decoration: underline;
}
.privacy-box .indent {
    margin-left: 1em;
}
.privacy-box .sec h3 {
    font-size: 1.6rem;
}
.privacy-box .sec h4 {
    font-size: 1.4rem;
}

.privacy-box .sec ol {
    list-style: none;
    display: table;
    padding-left: 0;
    margin-left: 1em;
}
.privacy-box .sec ol .num {
    display: table-row;
    counter-increment: table-ol;
}
.privacy-box .sec ol .num:before {
    content: counter(table-ol) ".";
    display: table-cell;
    padding-right: 0.4em;
}
.privacy-box .sec ul .dot {
    margin-left: 1em;
}
.privacy-box .sec ul .dot {
    list-style-type: disc;
}

/*pc*/
@media screen and (min-width: 781px) {
}/*end*/

/*pc以下*/
@media screen and (max-width: 999px) {
    .privacy-box .inr {
        padding: 0 15px
    }
}/*end*/

/*sm*/
@media screen and (max-width: 780px) {
.privacy-box .sec {
    letter-spacing: -1px;
}
}/*end*/