/* -------コンセプト------- */

.box-concept-photo{ margin:0 auto 5%; text-align:center; }
.box-concept-txt:before{ content: url("../img/concept/obi-concept.png") ; }
.box-concept-txt:after{ content: url("../img/concept/obi-concept2.png") ; }
.box-concept-txt{ text-align:center; font-family: 'HanaMinA'; font-size:1.8rem; letter-spacing:0.1rem; color:#3E3221; margin:0 0 5% 0; }
.box-concept-txt span.main{ display:block; margin:3% 0 3% 0; font-size:2.1rem; line-height:4.4rem;  }
.box-concept-txt span.basic{ display:block; margin:0 0 3% 0; letter-spacing:0.6rem; line-height:4.4rem;}

/* -------コレクション------- */

.photo-collection img{ }
.title-collection img{ width:80%; }

.box-collection-lineup{  width:1240px; margin:3% auto; padding:0;}
.box-collection-lineup ul{ margin:0 -5% 0 0; }
.box-collection-lineup ul li{ float:left; width:20%; margin:0 5% 5% 0;}
.box-collection-lineup ul li p{ display:block; text-align:center; margin:0 0 60px 0; }

.box-collection-title{ width:1240px; margin:3% auto; padding:0; position:relative;}
.collection-title01{ }
.collection-title02{ position:absolute; right: 0px; top: 25%; }

.box-collection-detail{ width:1140px; margin:3% auto; padding:0;}
.box-collection-detail ul { list-style-type:none; padding:0;}
.box-collection-detail ul li{ width:47%; text-align:center; display:block; padding:0; margin:0; }
.box-collection-detail ul li p{ margin:0 0 5% 0; padding:0;}
.box-collection-detail ul li.collection-detail-l{float:left;}
.box-collection-detail ul li.collection-detail-r{float:right;}
.box-collection-detail ul li p.photo{ background-color:#fff; }
.box-collection-detail ul li p.info{ font-size:1.3rem; width:100%; margin:0 auto 5%;} 

.box-collection-list{ 
	width:920px;
	margin:3% auto;
	padding:0;}
.box-collection-list ul{ margin:0 -9.3333% 0 0; padding:0;}
.box-collection-list ul li{ width:24%; margin:0 9.3333% 9.3333% 0; float:left;}
.box-collection-list ul li a img {
	border: 5px solid rgba(255, 255, 255, 0);
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	}
.box-collection-list ul li a:hover img {
	border:solid 5px #fff;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	}
	
/* -------ショップ------- */

.box-shop-photo{ margin:3% auto 6%; padding:0; text-align:center;}
.box-shop-title{ width:1240px; margin:0 auto 4%; text-align:center; }
.box-shop-title ul{display:table; table-layout:fixed; width:100%;}
.box-shop-title ul li{ display:table-cell; width:50%; vertical-align:middle;}
.box-shop-title ul li.shop-name{ background-color:#4E3612; color:#fff; font-family: 'HanaMinA'; font-size:2rem; letter-spacing:0.2rem;}
.box-shop-title ul li.shop-name span{ font-size:3.2rem; display:block; line-height:5rem; letter-spacing:0.4rem; font-family: 'Quattrocento'; }
.box-shop-title ul li.shop-photo{ position:relative;}
.box-shop-title ul li.shop-photo img.ic-yaji{ position:absolute; top:45%; right:0;}

.box-shop-info{ width:960px; margin:0 auto 5%; }
.box-shop-info ul{}
.box-shop-info ul li{ border-bottom: solid 1px #bfb091; padding:2% 0;}
.shop-info{ width:100%; }
.shop-info-l{ display:block; width:15%; margin:0 5% 0 0;  text-align:left; float:left; font-family: 'Quattrocento'; font-size:1.6rem; font-weight:bold;}
.shop-info-r{ display:block; width:80%; text-align:left; float:left; font-family: 'HanaMinA'; font-size:1.5rem; font-weight:600;}

.box-shop-photo{ width:960px; margin:0 auto 5%; }
.box-shop-photo ul{ margin:0 -5% 0 0; }
.box-shop-photo ul li{ width:20%; margin:0 5% 0 0; float:left;}
.shop-info-r a { color: #301D02; }
.shop-info-r a:hover { color: #C0B192; }

.map-logo{
    margin: 1% auto 4%;
    padding: 0% 1% 1.6% 1%;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: table;
    white-space: nowrap;
    font-style: normal;
    letter-spacing: 0.2rem;}
.map-logo:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background-color: #bfb091;
}
.box-gmap{ width:960px; margin:0 auto 3%;}
#map_canvas{
	position: relative;
	padding: 0 0 40%;
	height: 0;
	overflow: hidden;
	margin:0 0 3% 0;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.map-txt{ font-size:1.5rem; font-weight:500;}

.box-shop-area{ width:960px; margin:0 auto 5%; font-size:1.4rem; line-height:2rem; color:#4E3612; display:table;}
.box-shop-area ul{ margin:0 0 2% 0; display:table; width:100%;}
.box-shop-area li{ display:table-cell; }

.shop-area-l{ float:left; width:20%; background-color:#F1EAE0; text-align:center; margin:0 5% 0 0; font-weight:bold; padding:5px 0; }
.shop-area-r{ float:left; width:75%; font-weight:bold; overflow: hidden; _zoom: 1;}

.shopname{ margin:0 -5% 0 0; }
.shopname p.tit{ border-bottom:dotted 1px #C0B192; padding:5px 0; width:45%; margin:0 5% 2% 0; float:left; display:block; }
.shopname p.tit a{ color: #301D02; }
.shopname p.tit a:hover{ color: #C0B192; }

/*.shop-area-r:last-child{ margin:0; }*/
/*.box-collection-list ul li a.camellia{
	display: block;
	background-image: url(../img/camellia.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10000;
	width: 100%;
	height:260px;
	background-size:cover;
}
.box-collection-list ul li a.camellia img{ width:100%;}
.box-collection-list ul li a:hover.camellia {
	display:block;
	background-image: url(../img/brand-camellia.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:10000;
}
.box-collection-list ul li a:hover.camellia img{ 
	max-width:200%; }*/

.box-shop-more{ width:960px; margin:0 auto 5%; }

.box-shopcont-hide{ margin:0 auto 2%;}

.box-shop-hide-subtitle{
	font-family:"HanaMinA", "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;   
    font-weight:bold;
    text-align:center;
    margin:3% 0 4% 0;
	padding: 0 0 3% 0;
	color: #3E3221;
     }

.box-shop-hide-txt{
    line-height:2.8rem;
    text-align:left;
    
}

.btn-more {
    font-size: 1.6rem;
    display: inline-block;
    /* background-color: #d9d9d9; */
    border: solid 2px #bfb091;
    text-align: center;
    padding: 14px 40px 10px 40px;
    margin: 2% auto 5%;
    color: #4e1f13;
    font-weight: bold;
}
a:hover.btn-more { background-color: #bfb091; color:#fff; }

a.btn-more { color:#3e3221 !important; }

.sd-staff .mes{
    margin:15px auto;
    /* padding:5px;*/
    text-align:center;
    /*  border:solid 1px #000000;
    width:30%;*/
    margin:0 auto;
    width:100%;
}
.mes a{ color:#000;}
.mes p{ text-align :left; 
    }

.container-fluid{ margin:0 0 6% 0; }
.box-tags{ font-size:1.5rem; margin:0 auto 30px; text-align:center;}
#tags span {
cursor:pointer;	
-webkit-transition:all .5s;
transition:all .5s;
margin: 0 15px 10px 0;
font-weight:bold;
line-height: 3rem;
}
#tags span.select , #tags span:hover {
/*border-bottom:solid 1px #999;*/
/*padding-bottom:5px;*/
color:#C0B192;
font-weight:bold;
}
#choice{ width:1024px; margin:0 auto; display: table;}
#choice div {
width:30%;
margin:0 1.666666666666667% 3%;
/*padding-top:22%;*/
position:relative;
top:0;
left:0;
overflow:hidden;
float:left;
}
#choice div img {
/*width:100%;
height:auto;
position:absolute;
top:0;
left:0;*/
}
#choice p.shopsname{ text-align:center; display:block; font-size: 1.4rem;}
a.shopimg{ display:block; margin:0 0 20px 0;}
a:hover.shopimg { 
	opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7; }
.shopimg span{     position: absolute;
    display: block;
    z-index: 10;
    background-color: #2e1d01;
    color: #f8f7f1;
    padding: 2px 5px;
    font-size: 1.3rem;}
.shopimg { position:relative;}

/* -------プライバシーポリシー------- */
	
.box-privacy {
    width:800px;
	margin:0 auto 3%;
	font-size:1.5rem;
}
.privacy-info{ 
	margin:3% 0 5% 0;
	border: double #bfb091;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	}
.privacy-info p.title{
	display: block;
    background-color: #bfb091;
    text-align: center;
    color: #fff;
    padding: 9px 5px 5px 5px;
    margin: 0;
    font-weight: bold;
    font-size: 1.8rem;
	}
.privacy-info p.detail{
	padding: 3%;
    color: #888367;}
.privacy-info a {
    color: #888367;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
	text-decoration:underline;
}
.privacy-info a:hover{ text-decoration:none; }

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

.box-collection-lineup{  width:90%;}
.box-collection-lineup ul{ margin:0 -3.3333% 0 0; }
.box-collection-lineup ul li{ float:left; width:30%; margin:0 3.3333% 5% 0;}

/*.box-collection-title{ width:100%; margin:3% auto; padding:0;}
.collection-title01 img{ width:80%; }
.collection-title02 img{ width:340px; }*/
}

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

/* -------コンセプト------- */

.box-concept-txt{ margin: 8% 0;}

/* -------コレクション------- */

.box-collection-title{ display:block; width:100%;}
.collection-title01{ display:block; width:100%;}
.collection-title01 img{ width:100%; }
.collection-title02{ 
	text-align:center;
	position:static;
	background-color:#F0E9DF;
    width: 100%;}
.collection-title02 img{ width:55%; }  
.box-collection-detail{ display:block; width:100%;}
.box-collection-detail ul li.collection-detail-l{ display:block; width:100%;}
.box-collection-detail ul li.collection-detail-r{ display:block; width:100%;}
.box-collection-detail ul li p.photo{ width:90%; margin:0 auto 6%; }
.box-collection-list{ display:block; width:90%;}
.box-collection-list ul{ margin:0 -3.3333% 0 0;}
.box-collection-list ul li{ width:30%; margin:0 3.3333% 3.3333% 0; float:left;}
.box-collection-detail ul li p.info {
    width: 90%;}
	
/* -------ショップ------- */

.box-shop-title{ display:block; width:100%; }
.box-shop-title ul{ display:block; width:100%; }
.box-shop-title ul li{ display:block; width:100%; }
.box-shop-title ul li.shop-name{ padding:5% 0; letter-spacing:0.2rem;}
.box-shop-title ul li.shop-name span{ line-height:4rem;}
.box-shop-info{ width:90%; }
.box-shop-photo{ width:90%; }
.box-gmap{ width:90%; }
.box-shop-area{ width:90%; }
.box-shop-more{ width:90%; }
.box-privacy{ width:90%; }

#choice{ width:100%; margin:0 auto; display: inline-block; }
#choice div {width:42%; margin:0 4% 4.5%; /*padding-top:30%;*/}
a.shopimg{ display:block; margin:0 0 20px 0;}

}


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

.box-concept-txt{ margin: 10% 0;}
.box-concept-txt span.main{ display:block; margin:3% 0 3% 0; font-size:1.9rem; line-height:3.6rem;  }
.box-concept-txt span.basic{ display:block; margin:0 0 3% 0; letter-spacing:0.4rem; line-height:4rem; font-size:1.7rem;}

.box-collection-lineup ul{ margin:0 -5% 0 0; }
.box-collection-lineup ul li{ float:left; width:45%; margin:0 5% 5% 0;}	

.box-collection-lineup ul li p {margin: 0 0 30px 0;}

.box-collection-list{ display:block; width:90%; margin:0 auto;}
.box-collection-list ul{ margin:0 -5% 0 0;}
.box-collection-list ul li{ width:45%; margin:0 5% 5% 0; float:left;}
.collection-detail-l .title img{ width:60%; }
.collection-detail-r .title img{ width:60%; }

.map-logo{margin: 8% auto 7%;}
.map-logo img{ width:70%; }
.btn-more { padding: 10px 20px 10px 20px; }

#tags span {
line-height: 2.5rem;
}

}