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

#box-main-white {
	background-color: #fff;
	width: 100%;
	padding: 40px 0 30px 0;
}

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

#box-main-ring {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.box-menu-ring {
	margin: 30px auto 60px;
	text-align: center;
}
.box-menu-ring ul {
	overflow: hidden;
}
.box-menu-ring ul li {
	display: inline-block;
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	letter-spacing: 0.1rem;
	margin: 0 6px 0 0;
}
.box-menu-ring ul li a {
	display: inline-block;
	border: solid 1px #8a755b;
	color: #8a755b;
	font-size: 14px;
	padding: 5px 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.box-menu-ring ul li a:hover {
	background-color: #8a755b;
	color: #fff;
}
.box-menu-ring ul li:last-child {
	margin: 0 0 0 0;
}
.box-menu-ring ul li a.active {
	background-color: #8a755b;
	color: #fff;
	position: relative;
	z-index: 1000;
	margin: 0 auto 20px;
}
.box-menu-ring ul li a.active:after {
	position: absolute;
	left: 47%;
	/* right: 50%; */
	color: #8a755b;
	content: '▼';
	/* z-index: 1000; */
	top: 20px;
	padding: 0 0 20px 0;
	font-size: 16px !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.bg-eng {
	background-image: url(../engage/img/bg-eng.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 680px;
}
.bg-mar {
	background-image: url(../marriage/img/bg-mar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 680px;
}
.bg-set {
	background-image: url(../set/img/bg-set.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 680px;
}
.title-ring img {
	width: 218px;
	margin: 0 auto 60px;
}
.ring-eng-title img {
	width: 450px;
	margin: 0 auto 60px;
}
.ring-mar-title img {
	width: 380px;
	margin: 0 auto 60px;
}
.ring-set-title img {
	width: 400px;
	margin: 0 auto 60px;
}
.box-ring-basic {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 60px;
}
.ring-basic-l {
	display: table-cell;
	vertical-align: middle;
	width: 35%;
	border: solid 1px #eae6da;
	background-color: #fff;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.ring-basic-r {
	display: table-cell;
	width: 65%;
	vertical-align: middle;
}
.ring-basic-txt {
	/*background-color:#000;*/
	margin: 0 0 0 30px !important;
	text-align: left;
}
.ring-basic-txt01 {
	font-family: 'EB Garamond', serif;
	font-size: 36px;
	line-height: 100%;
	vertical-align: middle;
	color: #231815;
	margin: 0 auto 12px;
	letter-spacing: 0.2rem;
}
.ring-basic-txt01 span {
	display: inline-block;
	vertical-align: text-top;
	margin: 0 10px 0 0;
}
.ring-basic-txt01 span img {
	width: 60px;
}
.ring-basic-txt02 {
	font-family: HanaMinA, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HiraMinProN-W3, 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 18px;
	color: #231815;
	text-indent: -10px;
	margin: 0 auto 30px;
}
@-moz-document url-prefix() {
	.ring-basic-txt02 {
		transform: rotate(0.001deg);
	}
}
.ring-basic-txt03 {
	font-size: 12px;
	color: #6b6b6b;
	line-height: 180%;
}
.ring-basic-txt03 br {
	display: none;
}

.ring-basic-txt04 {
	font-size: 12px;
	color: #6b6b6b;
	line-height: 180%;
}

/*-----メッセージ-----*/

#box-main-message {
	text-align: center;
}
.bg-message {
	background-image: url(../message/img/bg-message.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}
.bg-message2 {
	background-image: url(../message/img/bg-message2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
	margin: 0 auto 100px;
}
.message-main-title {
	background-color: #fff;
	padding: 30px 0 70px;
}
.message-main-title img {
	width: 200px;
}
.message-main-photo01 img {
	width: 600px;
}
.message-main-photo02 {
	margin: 0 auto 100px;
}
.message-main-photo02 img {
	width: 400px;
}
.message-main-photo03 img {
	width: 460px;
}
.message-main-copy01 {
	font-family: HanaMinA, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HiraMinProN-W3, 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-size: 16px;
	line-height: 240%;
	margin: 0 auto 100px;
	letter-spacing: 0.2rem;
}
@-moz-document url-prefix() {
	.message-main-copy01 {
		transform: rotate(0.001deg);
	}
}

/*-----ショップリスト-----*/

#box-main-shop {
	text-align: center;
	width: 960px;
	margin: 0 auto;
}
.bg-shop {
	background-image: url(../shoplist/img/bg-shop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}
.bg-shop2 {
	background-image: url(../shoplist/img/bg-shop2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}

.box-tags {
	font-size: 12px;
	margin: 0 auto 40px;
	text-align: center;
}
.box-tags br {
	display: none;
}
#tags span.select,
#tags span:hover {
	/* border-bottom: solid 1px #999; */
	/* padding-bottom: 5px; */
	color: #ffffff;
	/* font-weight: bold; */
	background-color: #826c43;
}

#tags span {
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 5px;
	padding: 5px 10px;
	border: dotted 1px #826c43;
	/* font-weight: normal; */
	/* line-height: 3rem; */
	display: inline-block;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

h4.title-sub-shop {
	/*font-family: HanaMinA, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	font-size: 18px;
	line-height: 3rem;
	margin: 0 auto 3%;
	padding: 0% 0 0% 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	display: table;
	white-space: nowrap;
	width: 100%;
	color: #826c43;
}
h4.title-sub-shop::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #eae6da;
}
h4.title-sub-shop span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.box-shop-select {
	/*width:960px;*/
	margin: 0 auto;
}
ul.shop-select-cont {
	overflow: hidden;
	margin: 0 -2.5% 0 0;
}
ul.shop-select-cont li {
	float: left;
	width: 47.5%;
	margin: 0 2.5% 2.5% 0;
	padding: 30px 20px;
	border: solid 1px #eae6da;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
ul.shop-select-cont li p {
	margin: 0 auto 16px;
}
ul.shop-select-cont li p:last-child {
	margin: 0 auto 0px;
}
.shop-select-cont-txt01 {
	font-size: 16px;
	font-weight: bold;
}
.shop-select-cont-txt02 {
	font-size: 14px;
}
.shop-select-cont-txt03 {
	font-size: 12px;
	letter-spacing: 0.2rem;
}
.shop-main-title {
	background-color: #fff;
	padding: 40px 0;
}
.shop-main-title img {
	width: 138px;
}
.shop-main-btn a {
	display: inline-block;
	border: solid 1px #fff;
	outline: solid 1px #826c43;
	background-color: #826c43;
	font-family: 'EB Garamond', serif;
	font-size: 12px;
	padding: 10px 20px;
	width: 160px;
	margin: 0 auto;
	color: #fff !important;
}
.shop-main-btn a:hover {
	background-color: rgba(130, 108, 67, 0.56);
}
.box-shop-more {
	margin: 0 auto 5%;
}
.sd-staff .mes {
	margin: 15px auto;
	/* padding: 5px; */
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.btn-more {
	font-size: 20px;
	line-height: 140%;
	display: inline-block;
	border: double #ffffff;
	padding: 10px 80px;
	margin: 0 auto 5%;
	color: #ffffff !important;
	font-family: 'EB Garamond', serif;
	background-color: #826c43 !important;
}
.btn-more a {
	color: #826c43 !important;
}
.btn-more:hover {
	　background-color: rgba(130, 108, 67, 0.56) !important;
}
.box-shopcont-hide {
	margin: 0 auto 5%;
	border: solid 1px #bfb091;
	padding: 50px;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.line-format01 {
	font-family: 'EB Garamond', serif;
	font-size: 2.2rem;
	line-height: 3rem;
	margin: 3% auto 0;
	padding: 0% 0 0% 0;
	overflow: hidden;
	text-align: center;
	position: relative;
	display: table;
	white-space: nowrap;
	color: #868583;
}
.line-format01::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
.line-format01 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #ffffff;
	text-align: left;
}
.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: 5% 0px 6%;
	padding: 0px 0px 5%;
}
.box-shop-hide-txt {
	font-size: 14px;
	line-height: 180%;
	text-align: left;
}
h5:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 60px;
	height: 1px;
	margin-left: -30px;
	background-color: #bfb091;
}
h5 {
	font-family: 'EB Garamond', serif;
	font-size: 2.2rem;
	letter-spacing: 0.2rem;
	margin: 3% auto 0;
	text-align: center;
	position: relative;
	color: #301d02;
	padding: 0% 0 1.6% 0;
}
.material {
	margin: 30px auto 0;
}
.material ul {
	overflow: hidden;
	margin: 0 -4% 0 0;
}
.material ul li {
	float: left;
	width: 16%;
	margin: 0 4% 0 0;
}
.box-gmap {
	width: 100%;
	margin: 0 auto 60px;
}
#map_canvas {
	position: relative;
	padding: 0 0 40%;
	height: 0;
	overflow: hidden;
	margin: 0 auto 40px;
}
#map_canvas iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.map-txt {
	font-size: 14px;
	line-height: 160%;
	text-align: center;
}
.box-shop-info {
	margin: 0 auto 30px;
}
.box-shop-info ul li {
	border-bottom: dotted 1px #bfb091;
	padding: 2% 0;
}
.shop-info-l {
	display: block;
	width: 15%;
	/* padding: 2px 0; */
	margin: 0 5% 0 0;
	text-align: left;
	float: left;
	font-family: 'EB Garamond', serif;
	font-size: 12px;
	background-color: #856c48;
	/* line-height: 160%; */
	text-align: center;
	color: #fff;
	/* font-weight: bold; */
}
.shop-info-r {
	display: block;
	width: 80%;
	text-align: left;
	float: left;
	font-size: 16px;
	letter-spacing: 0.2rem;
}
.shop-info-r a {
	color: #826c43;
}
.box-shopimg {
	margin: 0 auto 30px;
	text-align: center;
}
.box-shopimg ul {
	display: block;
	margin: 0 -2.5% 0 0;
	overflow: hidden;
}
.box-shopimg li {
	float: left;
	margin: 0 2.5% 0 0;
	width: 22.5%;
}
.box-shopinfo-title {
	line-height: normal;
	font-size: 30px;
	font-family: HanaMinA, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HiraMinProN-W3, HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	position: relative;
	padding: 0px 0px 60px;
	margin: 30px 0px 46px;
	letter-spacing: 0.4rem;
}
.box-shopinfo-title:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 100px;
	height: 1px;
	margin-left: -50px;
	background-color: #bfb091;
}
.btn-shopinfo {
	margin: 0 auto 30px;
}
.btn-shopinfo a {
	/* font-family: HanaMinA, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; */
	padding: 17px 0;
	font-size: 15px;
	/* border-right: solid 1px #bfb091; */
	/* border-left: solid 1px #bfb091; */
	width: 30%;
	margin: 2% auto 0;
	display: inline-block;
	color: #826c43;
	/* background-color: #826c43; */
	border-top: double #bfb091;
	border-bottom: double #bfb091;
	position: relative;
}
.btn-shopinfo a:before {
	position: absolute;
	font-size: 16px !important;
	line-height: normal;
	top: 18px;
	left: 0;
	font-family: 'Material Icons';
	content: 'keyboard_arrow_right';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	color: #826c43;
}
.btn-shopinfo a:hover {
	/*background-color: #F0EFEB;
    color: #868583;*/
}

/*-----ブライダルフェア-----*/

#box-main-fair {
	text-align: center;
}
.bg-fair {
	background-image: url(../fair/img/bg-fair.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}
.fair-main-title {
	background-color: #fff;
	padding: 60px 0 90px;
}
.fair-main-title img {
	width: 144px;
}
.fair-main-photo {
	margin: 0 auto 60px;
}
.fair-main-txt {
	font-size: 16px;
	line-height: 180%;
	letter-spacing: 0.4rem;
	margin: 0 auto 60px;
}

/*-----カタログ-----*/

#box-main-catalog {
	text-align: center;
}
.bg-catalog {
	background-image: url(../catalog/img/bg-catalog.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}
.catalog-main-title {
	background-color: #fff;
	padding: 30px 0 60px;
}
.catalog-main-title img {
	width: 114px;
}

/*-----404エラー-----*/

#box-main-error {
	text-align: center;
}
.bg-error {
	background-image: url(../img/bg-error.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 500px;
}
.error-main-title {
	background-color: #fff;
	padding: 30px 0 60px;
}
.error-main-title img {
	width: 144px;
}
.error-main-txt {
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.2rem;
	margin: 0 auto 60px;
}
.error-main-txt p {
	margin: 0 auto 16px;
}
.error-main-txt p a {
	display: inline-block;
	border: solid 1px #fff;
	outline: solid 1px #826c43;
	background-color: #826c43;
	font-size: 16px;
	padding: 15px 20px;
	width: 200px;
	margin: 16px 0 auto;
	color: #fff !important;
}
.error-main-txt p a:hover {
	background-color: rgba(130, 108, 67, 0.56);
}

@media only screen and (max-width: 768px) {
	/*-----リングコレクション-----*/

	#box-main-ring {
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}
	.box-menu-ring {
		display: none;
	}
	.ring-eng-title img {
		width: 50%;
		margin: 0 auto 40px;
	}
	.ring-mar-title img {
		width: 50%;
		margin: 0 auto 40px;
	}
	.ring-set-title img {
		width: 50%;
		margin: 0 auto 40px;
	}
	.title-ring img {
		width: 160px;
		margin: 40px auto;
	}

	.bg-eng {
		height: 500px;
	}
	.bg-mar {
		height: 500px;
	}
	.bg-set {
		height: 500px;
	}

	/*-----ショップリスト-----*/

	.box-tags br {
		display: inherit;
		line-height: 300%;
	}
	.bg-shop2 {
		background-image: url(../shoplist/img/bg-shop2-sp.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 800px;
	}
	.shop-select-cont-txt02 {
		font-size: 13px;
	}
	ul.shop-select-cont {
		margin: 0 !important;
	}
	ul.shop-select-cont li {
		float: none;
		display: block;
		width: 100%;
		margin: 0 2.5% 2.5% 0;
		padding: 30px 20px;
	}
	#box-main-shop {
		width: 94%;
	}
	.box-shopinfo-title {
		font-size: 26px;
		letter-spacing: 0.2rem;
	}
	.map-txt {
		text-align: left;
	}
	.material ul {
		margin: 0 -3.3333% 0 0;
	}
	.material ul li {
		width: 30%;
		margin: 0 3.3333% 0 0;
	}
	.box-shopcont-hide {
		padding: 25px;
	}
	.btn-shopinfo a {
		width: 50%;
		padding: 17px 0;
	}

	#map_canvas {
		padding: 0 0 60%;
	}

	/*-----メッセージ-----*/

	.bg-message {
		height: 400px;
	}
	.message-main-title {
		padding: 0 0 40px;
	}
	.message-main-title img {
		width: 30%;
	}
	.bg-message2 {
		padding: 60px 0;
		margin: 0 auto 60px;
	}
	.message-main-photo01 img {
		width: 60%;
	}
	.message-main-photo02 {
		margin: 0 auto 70px;
	}
	.message-main-photo02 img {
		width: 50%;
	}
	.message-main-photo03 img {
		width: 50%;
	}
	.message-main-copy01 {
		font-size: 13px;
		margin: 0 auto 70px;
	}

	/*-----ブライダルフェア-----*/

	.bg-fair {
		background-position: -860px 0px;
	}
	#box-main-fair {
		width: 100%;
		margin: 0 auto;
	}
	.fair-main-title {
		padding: 30px 0 60px;
	}

	/*-----カタログ-----*/

	.bg-catalog {
		background-position: -660px 0px;
	}
}

@media only screen and (max-width: 480px) {
	/*-----リングコレクション-----*/

	.box-ring-basic {
		display: block;
		margin: 0 auto 30px;
	}
	.ring-basic-l {
		display: block;
		width: 100%;
		margin: 0 auto 16px;
		border: none;
	}
	.ring-basic-l img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.ring-basic-r {
		display: block;
		width: 100%;
		margin: 0 auto 16px;
		padding: 0 0 16px 0;
		border-bottom: dotted 1px #8a755b;
	}
	.ring-basic-txt {
		margin: 0 0 0 0 !important;
	}
	.ring-basic-txt01 {
		font-size: 30px;
	}
	.ring-basic-txt01 span img {
		width: 40px;
	}
	.ring-basic-txt02 {
		font-size: 14px;
		margin: 0 auto 20px;
	}
	.ring-basic-txt03 {
		font-size: 10px;
		margin: 0 auto 6px;
	}
	.ring-basic-txt03 br {
		display: inherit;
	}
	.ring-basic-txt04 {
		font-size: 10px;
		margin: 0 auto 6px;
	}
	.ring-eng-title img {
		width: 80%;
		margin: 0 auto 30px;
	}
	.ring-mar-title img {
		width: 80%;
		margin: 0 auto 30px;
	}
	.ring-set-title img {
		width: 80%;
		margin: 0 auto 30px;
	}
	.title-ring img {
		width: 160px;
		margin: 30px auto 30px;
	}

	.bg-eng {
		height: 360px;
	}
	.bg-mar {
		height: 360px;
	}
	.bg-set {
		height: 360px;
	}

	/*-----メッセージ-----*/

	.bg-message {
		height: 360px;
	}
	.message-main-photo02 {
		margin: 0 auto 50px;
	}
	.message-main-copy01 {
		font-size: 11px;
		line-height: 240%;
		margin: 0 auto 50px;
		letter-spacing: 0rem;
	}

	/*-----ショップリスト-----*/

	.bg-shop2 {
		height: 560px;
	}
	.bg-shop {
		height: 360px;
	}
	.material {
		margin: 24px auto 0;
	}
	.shop-info-l {
		display: none;
	}
	.shop-info-r {
		width: 100%;
		font-size: 14px;
	}
	.box-shopinfo-title {
		font-size: 20px;
		letter-spacing: 0.1rem;
		padding: 0px 0px 30px;
		margin: 30px 0px 30px;
	}
	.box-shopimg ul {
		margin: 0 -2.5% 0 0;
	}
	.box-shopimg li {
		margin: 0 2.5% 0 0;
		width: 47.5%;
	}
	.box-shopimg li img {
		width: 100%;
		height: 120px;
		object-fit: cover;
	}
	#map_canvas {
		padding: 0 0 90%;
		margin: 0 auto 24px;
	}
	.btn-shopinfo a {
		font-size: 12px;
		width: 70%;
		padding: 12px 0;
	}
	.box-gmap {
		margin: 0 auto 30px;
	}
	.map-txt {
		font-size: 12px;
	}
	.btn-more {
		line-height: 120%;
		padding: 8px 60px 10px;
	}
	.btn-shopinfo a:before {
		font-size: 14px !important;
		top: 14px;
	}
	h4.title-sub-shop {
		margin: 30px auto 40px;
	}
	#tags span {
		margin: 0 3px;
	}
	.box-tags br {
		line-height: 260%;
	}

	/*-----ブライダルフェア-----*/

	.bg-fair {
		background-position: -660px 0px;
		height: 360px;
	}
	.fair-main-title {
		padding: 16px 0 40px;
	}
	.fair-main-title img {
		width: 140px;
	}
	.fair-main-photo {
		margin: 0 auto 40px;
	}
	.fair-main-txt {
		width: 90%;
		font-size: 14px;
		letter-spacing: 0rem;
		text-align: left;
	}
	.fair-main-txt br {
		display: none;
	}

	/*-----カタログ-----*/

	.bg-catalog {
		background-position: -660px 0px;
		height: 360px;
	}
	.catalog-main-title {
		background-color: #fff;
		padding: 30px 0 30px;
	}

	/*-----404エラー-----*/

	.bg-error {
		background-position: -660px 0px;
		height: 360px;
	}
	.error-main-txt {
		width: 90%;
		font-size: 14px;
		letter-spacing: 0rem;
		text-align: center;
	}
	.error-main-txt p a {
		font-size: 13px;
		padding: 10px 15px;
		width: 70%;
	}
}