@charset "utf-8";
/* 静的ページ共通CSS */

div.cont, p.cont {margin-bottom: 2em;}
.bigCont {margin-bottom: 6em;}
#commonWrapper a,
#commonWrapperDON a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #7f581a;
	text-decoration: underline;
	}
hr {
	background-color: #bfa77a;
	border: none;
	height: 1px;
	margin-bottom: 10px;
	}
.bold {font-weight: bold;}
.mB05 {margin-bottom: 0.5em !important;}
.mB1 {margin-bottom: 1em !important;}
.mB2 {margin-bottom: 2em !important;}
.mBpc2sp1 {margin-bottom: 2em !important;}
@media screen and (max-width: 449px) {
	.mBpc2sp1{
		margin-bottom: 1em !important;
		}
	}
/* 塗りつぶし */
.goldTitle1{
	background-color: #bfa77a;
	color: #fff;
	padding: 2px 12px;
	margin-bottom: 4px !important;
	text-align: center;
	display: inline-block;
	}
/* 塗りつぶし角丸 */
.goldTitle2{
	background-color: #bfa77a;
	color: #fff;
	width: 100%;
	padding: 8px 15px;
	border-radius: 4px;
	font-weight: bold;
	}
/* 中抜き */
.goldTitle3{
	border: 1px solid #bfa77a;
	color: #bfa77a;
	width: 100%;
	padding: 8px 15px;
	border-radius: 4px;
	font-weight: bold;
	margin-bottom: 0.3em !important;
	}
.gold {color: #bfa77a;}
.redBox {
	border: 1px solid #ec7285;
	max-width: 950px;
	padding: 20px;
	}
.right {text-align: right;}

/* PC・SP画像切り替え */
@media screen and (min-width: 780px) {
	.visibleSP{
		display: none;
		}
	}
@media screen and (max-width: 779px) {
	.visiblePC{
		display: none;
		}
	}

/* 別CSSで設定されていたものの打消し */
.topGroupName{width: 100%;}
.contents{width: 100%;}
@media screen and (max-width: 641px){
.topGroupName{
	padding: 0 !Important;

	}
}

#commonWrapper,
#commonWrapperDON {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
@media screen and (max-width: 899px) {
	#commonWrapper{
		padding: 0 2%;
		}
	}
.commonHeader {
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	}
.commonHeader h1 {
	font-size:  2.667rem;
	border-bottom: 3px solid #bfa77a;
	padding: 0 15px;
	display: inline-block;
	}
.commonHeader p {
	font-size: 1.5rem;
	margin: 15px 0 20px !important;
	}
@media screen and (max-width: 449px) {
	.commonHeader h1{
		font-size:  2.1rem;
		}
	.commonHeader p{
		font-size:  1.2rem;
		margin-top: 8px !important;
		}
	}

h2 {
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5rem;
	margin: 15px 0 -5px !important;
	}

h3 {
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.3rem;
	margin: 15px 0 -7px !important;
	}

.minchoTitle {
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5rem;
	margin-bottom: 1em;
	}

/* テーブル */
table,tr,th,td {
	border: 1px solid #bda371;
	font-size: 0.875rem;
	}
table {
	margin-bottom: 10px;
	}
	
th,td {
	padding: 20px;
	}
th {
	background:#bda371;
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
	font-weight: normal;
	}
.last_th {
	border-bottom: 1px solid #bda371 !important;
	}
/* 2列のみのテーブル */
@media screen and (min-width: 450px) {
	tbody.col2 th, tbody.col2 td {
		min-width: 200px;
		}
	}
@media screen and (max-width: 449px) {
	tbody.col2 th{
		min-width: 101px;
		}
	}


/* 採用情報 */
.mynavi {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	}
.mynavi p {
	margin: 10px 0 0;
	padding-right: 20px;
	}


/* 会社概要・googlemap */
iframe {margin: 15px 0;}


/* 個人情報保護方針 */
.privacy_th3 {width: 150px;}
.privacy_table {
	table-layout: fixed;
	}
@media screen and (max-width: 768px) {
	.privacy_th3{
		width: 100px;
		}
	}
@media screen and (min-width: 780px) {
	.privacy_th2{
		width: 400px;
		}
	}


/* 直営店 */
div.retail_head a {
	color: #bfa77a !important;
	text-decoration: none !important;
	}
div.retail_head a p.goldTitle3:hover {
	opacity: 0.6;
	transition: 0.3s ease-in-out;
	}
div.retail_box {
	display: flex;
	justify-content: space-between;
	}
div.retail_right img{width: 100%;}
@media screen and (max-width:769px ){
	div.retail_box{
		flex-wrap: wrap;
		}
	div.retail_right{
		margin-top: 1em;
		}
	}
p.visibleSP a {
	color: #bfa77a !important;
	}

/* 準備中 */
.preparation {
	background-image: url("/contents/shop/cj/images/preparation.png");
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;
	}

/* ブランドコンセプト */
.btnRelative, .btnInBox {position: relative;}
.btnChild {
	position: absolute;
	width: 38.5%;
	top: 88%;
	left: 9.3%;
	}

/* ブランドコンセプト */
.detailBtn {position: absolute;}

.detailBtn{
	width: 41%;
	left: 41.4%;
	}

.bib1 {bottom: 39.5%;}
.bib2 {bottom: 31%;}
.bib3 {bottom: 32.5%;}
.bib4 {bottom: 35.6%;}
.bib5 {bottom: 31.4%;}
.bib6 {bottom: 36%;}

@media screen and (max-width: 779px) {
	.detailBtn {
		width: 88.8%;
		left: 5.4%;
		bottom: 1.5%;
	}