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

/* -------フォントセット------- */

@font-face{ 
font-family: 'HanaMinA'; /* 自由な名前をつけることができます */
src:url('../fonts/HanaMinA.eot'); /* IE9以上用 */
src:url('../fonts/HanaMinA.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
url('../fonts/HanaMinA.woff') format('woff'), /* モダンブラウザ用 */
url('../fonts/HanaMinA.ttf') format('truetype'); /* iOS, Android用 */	
}

.WebFontClass {
font-family: 'HanaMinA';
}

body{
	/*font-weight:200;
	font-family: 'Noto Sans Japanese', serif;*/
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif !important;
    margin:0 auto;
	padding:0;
	background-color:#F8F7F1;
}

img{max-width:100%;}

/* -------ナビゲーションTOP------- */

header{ margin:3% auto; text-align:center;}
header .logo{ margin:0 0 3% 0;}
header ul.topnav{ margin:0; padding:0; text-align:center;}
header ul.topnav li{ list-style-type: none; display: inline-block; margin:0 10px 0 0; font-family: 'Marcellus', serif; /*font-family: 'Marcellus SC', serif;*/ font-size:1.6rem; padding:0;}
header ul.topnav li:after{ content: "／"; padding:0 50px; }
header ul.topnav li:last-child:after{ content:""; padding:0; }
header ul.topnav li a{ color:#301D02; }
header ul.topnav li a:hover{ color:#C0B192; }

.main-photo{
	margin: 0 auto 5%;
	text-align: center;
	display:table;
	vertical-align:middle;
	position: relative;
}

.main-photo-pc{display:inherit;}
.main-photo-sp{display:none;}

.main-photo div.copyimg{
	position:absolute;
	top: 38%;
left: 0;
right: 0;
bottom: 0;
	/*left: -100%;
	right: -100%;*/
	margin: 0 auto;
	}
	
.ic-category {
	font-family: 'Quattrocento', serif;
    /*font-family: 'Marcellus', serif;*/
	font-weight:100;
    line-height: 3rem;
    margin: 1% auto 4%;
    padding: 0% 0 0% 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: table;
    white-space: nowrap;
    color: #C0B192;
	font-style:normal;
	letter-spacing:0.2rem;
}

.ic-category::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    /*height: 1px;*/
	border-bottom:double #D6CBB9;
    /*background-color: #ccc;*/
}

.ic-category span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #F8F7F1;
    text-align: left;
	/*vertical-align:bottom;*/
	font-size: 3.2rem;
}
.ic-category span strong{ font-style:normal; color:#6D573F !important; }

.box-concept{ display:table; width:980px; margin:0 auto 5%; }
.concept-l{ display:table-cell; width:40%; vertical-align: top; text-align:left; font-family: 'HanaMinA'; font-size:2rem; line-height:5rem; letter-spacing:0.2rem; color:#4E3512; }
.concept-r{ display:table-cell; width:60%; vertical-align: top; text-align:right; }

.concept-l .txt-title{ margin: 0 0 5% 0; display:block;}
.concept-l .txt-normal{ margin: 0 0 10% 0; display:block;}

.box-collection{ background-color:#F1EAE0; width:1240px; margin:0 auto 5%; padding:3%; }

.box-shop{ display:table; width:1240px; margin:0 auto 3%;}
.shop-l{ display:table-cell; width:50%; vertical-align:middle;}
.shop-r{ display:table-cell; width:50%; vertical-align:top; background-color:#6D573F;}
.shop-r-photo{ vertical-align:middle;  }
.shop-r-search{ text-align:center; vertical-align: middle; padding:75px 0 0 0; /*position: relative;*/ background-color:#6D573F; }

.shopselect {
    width: 60%;
    padding: 10px;
    /*border: 1px solid #ccc;*/
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/arw_select_down.png) no-repeat;
    background-size: 30px 20px;
    background-position: right center;
    height: 40px;
}

.box-slider{ margin:0; padding:0; }
.box-slider ul{ list-style-type:none; margin:0; padding:0; }
.box-slider ul li{ text-decoration:none; list-style-type:none; margin:0; padding:0; }
.box-brand{ width:980px; margin:0 auto 1%; background-color:#fff; display:table; text-align:center; }
.box-brand a{display:block;}
.brand-l{display:table-cell; width:50%; vertical-align:middle; text-align:center; }
.brand-r{display:table-cell; width:50%; }

.btn-basic2{ margin:3% 0 0 0;}
.btn-basic{ margin:0 0 5% 0;}

.box-catalog{ width:980px; margin:0 auto 5%; background-color:#F1EAE0; padding:4%; }
.box-catalog .txt-catalog{ font-family: 'HanaMinA'; font-size:2rem; line-height:4rem; padding:0 0 4% 0; position: relative; letter-spacing:0.3rem; color: #4E3512; }
.box-catalog .txt-catalog:after{ 
	position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 250px;
    height: 1px;
    margin-left: -125px;
    background-color: rgba(48, 29, 2, 0.33); }
.btn-catalog a{ display:block; background-color:#AD9D80; width:60%; margin:6% auto 0; padding:2%; color:#fff; font-size:1.8rem; border-bottom: solid 3px #65563b; }
.btn-catalog a:hover{     background-color: #8e8169;}
.btn-catalog .material-icons{ vertical-align: middle;}

@media only screen and (max-width: 1240px) {
.box-shop { width:100%; }
.box-collection{ width:100%; }
}

@media only screen and (max-width: 960px) {
.main-photo div.copyimg{
	top: 24%;
	width:48%;
}
}

@media only screen and (max-width: 768px) {
.box-shop { width:100%; }
.shop-r-search{ padding:30px 0 0 0; }
.box-concept{width:94%;}
.box-collection{width:100%;}
header{ display:none;}

.main-photo-pc{display:none;}
.main-photo-sp{display: inherit;}
/*header .logo{ width:100px; margin:0 auto 3%;}
header ul.topnav li:after{ padding:0 25px; }*/
	
.main-photo{width:100%;}
.main-photo div.copyimg{ width:60%; top:30%;}

.ic-img{ margin:0 auto; text-align:center;}
.ic-img img { width:20px;}

.concept-l{ width:50%; }
.concept-r{ padding:10px 0 0 0; width:50%;}

.box-brand{ width:100%; }

.btn-basic {margin:4% 0 7% 0;}
.btn-basic2 {margin:2% 0 3% 0;}
.btn-more{ width:220px;}
.btn-basic2 img{ width:220px; }
.btn-basic img{ width:220px; }

.box-catalog{ width:100%; padding:6% 4%; }

}

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

.shop-l{ display:none;}
.shop-r{ display:block; width:100%;}
.shop-r-search{ display:block; padding:30px 0 30px 0; background-color:#6D573F; }

.concept-l{ font-size:1.4rem; line-height:2.6rem; letter-spacing:0.1rem;}
.concept-r{ padding:10px 0 0 0;}
.concept-r img{ width:100%;}
.main-photo{ margin:0 0 7% 0;}

.main-photo{margin: 0 auto 8%;}
.box-concept{ margin:0 auto 8%; }
.box-collection{ margin:0 auto 8%; }
.box-shop{ margin:0 auto 8%;}

.ic-category {
    margin: 1% auto 6%;}
	
.btn-more{ width:160px;}
.btn-basic2 img{ width:160px; }
.btn-basic img{ width:160px; }

.box-catalog{ width:100%; padding:8% 4%; }
.box-catalog .txt-catalog{ font-size:1.6rem; line-height:2rem; letter-spacing:0.1rem; padding: 0 0 6% 0; }

footer{ border-top:0px !important; }
	
}