/*=============================================================
  common.css (for SP)
---------------------------------------------------------------

1. common layout
4. nav pager
5. home
6. product
7. product_detail
8. news
9. news detail
10. concept
11. bridal
12. bridal-service
13. guide
14. FAQ
15. element style
16. helper
17. Lumine


===============================================================
1. common layout
=============================================================*/
html,
body {
	width: 100%;
	height: 100%;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}

.wrapper_inner img {
	width: auto;
	height: auto;
	display: inline;
}

#contents p{
	font-family: arial, helvetica, clean, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing: normal;
}

#wrapper {
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}

.contents {
	height: 100%;
	height: auto;
	/* padding-top: 60px; */
	padding-bottom: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.inner {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.news {
	margin-bottom: 10px;
}

ul.news li {
	width: 50%;
	margin-bottom: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
}

ul.news li:nth-child(odd) {
	padding-right: 5px;
}

ul.news li:nth-child(even) {
	padding-left: 5px;
}

ul.news li article {
	padding: 0px;
	background: #fff;
	/* box-shadow: 2px 2px 5px rgba( 0,0,0,0.2 ); */
}

ul.news li article img {
	/* width: 145px;
	height: 145px; */
	border: solid 1px #e7e3d4;
	padding: 1px;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.news li article p {
	font-size: 10px;
	color: #c19f28;
}

ul.news li article h1 {
	font-size: 11px;
	line-height: 1.5;
	font-weight: normal;

}

#page_tit {
	padding: 22px 0 19px 5px;
	width: 200px;
	/* width: calc(100% - 120px); */
	float: left;
}


#page_tit_s {
	padding: 16px 0 18px 5px;
	width: 200px;
	float: left;
}

#page_tit_alt {
	padding: 22px 0 5px 5px;
	width: 200px;
	float: left;
}

#page_tit img.svg {
	height: 17px;
}

@media (max-width:320px) {
	#page_tit img.svg {
		height: 15px;
	}
}

.small_tit {
	padding-top: 10px;
}

.online {
	color: #c19f28;
	padding-left: 12px;
	margin-left: 15px;
	background: url(/sp/common/img/bag_icon.gif) 0 2px no-repeat;
	background-size: 8px 9px;
	-webkit-background-size: 8px 9px;
}

p.backtotop {
	width: 32px;
	position: fixed;
	right: 13px;
	bottom: 50px;
	/* bottom: 20px; */
	z-index: 0;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/*
* modal
*/
.modal_wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	background: rgba(255, 255, 255, 0.9);
	display: none;
}

.modal_wrapper .border {
	width: 90%;
	margin: 58% auto 0;
}

.modal_wrapper .border_inner {
	padding-top: 20px;
	padding-bottom: 17px;
}

.modal_wrapper table {
	font-size: 12px;
	color: #434343;
	line-height: 1.7;
	margin: 0 auto 5px;
}

.modal_wrapper table th {
	font-weight: normal;
}

.modal_wrapper table td {
	padding-left: 15px;
}

.modal_wrapper .close_btn {
	color: #b1a373;
	text-align: center;
}

/*
* 404
*/
#box_of_404 {
	padding-top: 50px;
	text-align: center;
}

#box_of_404>h1 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 20px;
}

/*
* notice
*/
#notice {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#notice p {
	margin: 0;
	color: #666;
	font-size: 10px;
	line-height: 1.7;
	text-align: center;
	position: relative;
	left: 0;
	top: 42%;
}

@media screen and (orientation:portrait) {
	#notice {
		display: none;
	}
}

@media screen and (orientation:landscape) {
	#notice {
		display: block;
	}
}

/*=============================================================
4. nav pager
=============================================================*/
/*
* global nav
*/
nav ul.global {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
}

/*
nav ul.global > li {
	display: block;
	font-size: 18px;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 12px;
	background-color: #fff;
	background-image: url(/sp/common/img/line_left.gif), url(/sp/common/img/line_right.gif), url(/sp/common/img/line.gif?v2);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left bottom, right bottom, left bottom;
	background-size: 10px auto, 10px auto, 1px auto;
	-webkit-background-size: 10px auto, 10px auto, 1px auto;
	overflow: hidden;
}
*/
nav ul.global>li {
	display: block;
	font-size: 18px;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-color: #fff;
	background-image: url(/sp/common/img/line_left.gif), url(/sp/common/img/line_right.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10px auto, 10px auto;
	-webkit-background-size: 10px auto, 10px auto;
	overflow: hidden;
}

header nav ul.global>li {
	/* opacity: 0; */
}

nav ul.global li span {
	display: block;
	overflow: hidden;
	border-bottom: solid 1px #dac67f;
	padding-bottom: 10px;
}

nav ul.global li span a {
	display: block;
	text-decoration: none;
}

nav ul.global>li img {
	padding-top: 2px;
	padding-bottom: 5px;
	vertical-align: top;
	/* height: 20px;
	width: auto; */
}

/* nav ul.global > li > a img:last-child {
	padding-top: 6px;
	float: right;
} */
nav ul.global>li>span a img:nth-child(2) {
	padding-top: 6px;
	float: right;
	/* height: 12px;
	width: auto; */
}

nav ul.global>li#close a img {
	float: none;
}

nav ul.global>li:last-child {
	padding-bottom: 2px;
	background-color: #fff;
	background-image: none;
}

nav ul.global>li:last-child span {
	border-bottom: none;
	padding-bottom: 5px;
}

header #fade_elem {
	/* opacity: 0; */
}

header p#close {
	height: 40px;
	text-align: center;
	/* opacity: 0; */
}

header p#close img {
	vertical-align: baseline;
	margin-top: 10px;
}

/*
* nav#home
*/
nav#home_nav {
	margin-top: 20px;
	margin-bottom: 30px;
}

/*
nav#home_nav ul.global > li:last-child {
	background-color: #fff;
	background-image: url(/sp/common/img/line_left.gif), url(/sp/common/img/line_right.gif), url(/sp/common/img/line.gif?v2);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left bottom, right bottom, left bottom;
	background-size: 10px auto, 10px auto, 1px auto;
	-webkit-background-size: 10px auto, 10px auto, 1px auto;
}
*/
nav#home_nav ul.global>li:last-child {
	background-color: #fff;
	background-image: url(/sp/common/img/line_left.gif), url(/sp/common/img/line_right.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10px auto, 10px auto;
	-webkit-background-size: 10px auto, 10px auto;
}

nav#home_nav ul.global>li:last-child span {
	display: block;
	text-decoration: none;
	overflow: hidden;
	border-bottom: solid 1px #dac67f;
	padding-bottom: 10px;
}


/*
* accordion
*/
nav ul.acc {
	font-size: 14px;
	margin-top: 10px;
	display: none;
	/* border-bottom: solid 1px #000; */
}

nav ul.block {
	display: block;
}

nav ul.acc li {
	height: 42px;
	line-height: 30px;
	padding-left: 25px;
	margin-bottom: 1px;
	background: #f4f2ea url(../img/arrow_sp.png) 10px center no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

nav ul.acc li img {
	padding-top: 14px;
}

nav ul.acc li a {
	border-bottom: none;
}

/*
* beside
*/
ul.beside {
	border-top: solid 1px #decc8c;
	border-bottom: solid 1px #decc8c;
	margin-bottom: 10px;
}

ul.beside li {
	/*width: 50%;*/
	width: 100%;
	height: 28px;
	padding-top: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*float: left;*/
	text-align: center;
}

ul#fade_elem.beside li {
	text-align: left;
	padding-left: 18px;
}

/*ul.beside li:first-child {
	border-right: solid 1px #decc8c;
}*/

/*
* border box
*/
.border {
	border: solid 1px #e7e3d4;
	padding: 1px;
	background: #fff;
	clear: both;
}

.border_inner {
	border: solid 1px #f3f1e9;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

/*
* deco
*/
.deco_1 {
	position: absolute;
	top: 0;
	left: 0;
}

.deco_2 {
	position: absolute;
	top: 0;
	right: 0;
}

.deco_3 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.deco_4 {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*
* pager
*/
ul#pager {
	margin-top: 40px;
	margin-bottom: 5px;
}

ul#pager li {
	display: block;
	width: 33%;
	height: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

ul#pager li:nth-child(1) {
	text-align: left;
}

ul#pager li:nth-child(1) a {
	padding-left: 10px;
	background: url(/sp/common/img/arrow_right.png) left center no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

ul#pager li:nth-child(2) {
	text-align: center;
	width: 34%;
}

ul#pager li:nth-child(3) {
	text-align: right;
	float: right;
}

ul#pager li:nth-child(3) a {
	padding-right: 10px;
	background: url(../img/arrow_sp.png) right center no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

.product ul#pager li#next {
	text-align: right;
	float: right;
}

.product ul#pager li#next a {
	padding-right: 10px;
	background: url(../img/arrow_sp.png) right center no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

/*=============================================================
5. home
=============================================================*/
#home .mainvisual {
	opacity: 0;
}

#home .mainvisual.swiper-container-initialized,
#home .mainvisual.active {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 1.5s linear;
}


#home .inner>h1 {
	margin-bottom: 15px;
}

#home .inner>p {
	text-align: center;
}

#home ul.news {
	margin-bottom: 0px;
}

.home_banner {
	padding: 0 10px;
	margin-top: 40px;
}

.home_banner img {
	width: 100%;
	max-width: 100%;
}

.home_banner a {
	display: block;
	width: 100%;
}

.home_banner .split {
	display: flex;
	justify-content: space-between;
}

.home_banner .split a {
	width: calc(50% - 5px);
}

.home_banner_inner:not(:last-child) {
	margin-bottom: 10px;
}

/*=============================================================
6. product
=============================================================*/
#ring .btns {
	/* margin-top: 28px; */
}

.btns {
	width: 45px;
	float: right;
	margin-top: 25px;
	margin-right: 10px;
}

ul.alt {
	margin-top: 51px;
}

ul.small {
	margin-top: 18px;
}

.btns li {
	float: right;
	margin-left: 15px;
}

.btns li:last-child {
	margin-left: 0;
}

/*
* line1
*/
.product ul#line1 {
	border-top: solid 1px #e7e3d4;
	border-right: solid 1px #e7e3d4;
	margin: 0 10px;
	clear: both;
}

.product ul#line1 li {
	width: 100%;
	border-left: solid 1px #e7e3d4;
	border-bottom: solid 1px #e7e3d4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	opacity: 0;
	background: url("/sp/common/img/jewelry/loading.gif?v2") center center no-repeat;
	background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
}

.product ul#line1 li img.line1_img {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* padding: 0 10px; */
}

.product ul#line1 li img {
	width: 100%;
}

.product ul#line1 li p {
	font-size: 10px;
	line-height: 1.2;
	position: absolute;
	bottom: 30px;
	left: 7px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.product ul#line1 li .new {
	position: absolute;
	bottom: 30px;
	right: 7px;
	width: 37px;
	height: auto;
}


/*
* line2
*/
.product ul#line2 {
	clear: both;
}

.product ul#line2 li {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	position: relative;
	opacity: 0;
	background: url("/sp/common/img/jewelry/loading.gif?v2") center center no-repeat;
	background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
}

.product ul#line2 li:first-child,
.product ul#line2 li:nth-child(2) {
	border-top: solid 1px #e7e3d4;
}

.product ul#line2 li:nth-child(odd) {
	border-left: solid 1px #e7e3d4;
	border-right: solid 1px #e7e3d4;
	border-bottom: solid 1px #e7e3d4;
}

.product ul#line2 li:nth-child(even) {
	padding-left: 1px;
	border-right: solid 1px #e7e3d4;
	border-bottom: solid 1px #e7e3d4;
}

.product ul#line2 li img {
	width: 100%;
}

.product ul#line2 li p {
	font-size: 10px;
	line-height: 1.2;
	position: absolute;
	bottom: 7px;
	left: 7px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.product ul#line2 li .new {
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: 23px;
	height: auto;
}

/*=============================================================
7. product_detail
=============================================================*/
.detail #price {
	float: right;
	margin-top: 23px;
}

.detail #price_alt {
	float: none;
	clear: both;
	padding-left: 5px;
	margin-bottom: 25px;
}

.detail #price_s {
	float: right;
	margin-top: 18px;
	text-align: right;
}

.detail #big_img {
	width: 100%;
	border: solid 1px #e7e3d4;
	margin-bottom: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	clear: both;
	position: relative;
}

.detail ul#next_prev {
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.detail ul#next_prev li#prev {
	float: left;
}

.detail ul#next_prev li#next {
	float: right;
}

.detail #indicator ul {
	/* width: 101px; */
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.detail #indicator ul li {
	display: inline-block;
	width: 46px;
	padding: 1px;
	margin-left: 4px;
}

.detail #indicator ul li:first-child {
	margin-left: 0;
}

.detail #indicator ul li.current {
	padding: 0;
	border: solid 1px #e7e3d4;
}

.detail #credit {
	clear: both;
	margin-top: 23px;
	margin-bottom: 23px;
}

.detail #credit h1 {
	margin-bottom: 15px;
	color: #c19f28;
	font-size: 17px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	letter-spacing: 1px;
}

.detail #credit h1>span {
	font-size: 13px;
}

.detail #credit section h1 {
	margin-bottom: 5px;
	color: #434343;
	font-size: 14px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.detail #credit>p {
	margin-bottom: 20px;
	font-size: 13px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}

.detail #credit>p a {
	color: #c19f28;
}

.detail dl {
	line-height: 2.1;
}

.detail dl dt {
	width: 4em;
	float: left;
	letter-spacing: 2px;
}

.detail dl dd {
	margin-left: 4em;
	letter-spacing: 1px;
}

.detail .free_area {
	line-height: 2;
	margin-bottom: 20px;
}

.detail .free_area a {
	color: #c19f28;
}

.detail ul.sub li {
	font-size: 12px;
	padding-left: 11px;
	background: url(../img/arrow_sp.png) 0 6px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
	letter-spacing: 1px;
	line-height: 2.2;
}

.detail ul.sub li a {
	color: #c19f28;
}

.detail ul#pager {
	margin-bottom: 10px;
}

.detail .e_or_m {
	text-align: center;
}

.detail .headerNo {
	display: block;
	color: #666;
	margin-bottom: 5px;
}

.detail #credit p#modal_trigger {
	text-align: left;
	padding-left: 10px;
	margin-top: 1px;
	background: url(/sp/common/img/arrow_black.png) 0 5px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

.detail #credit p#modal_trigger a {
	font-size: 11px;
	color: #434343;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.detail #desc_box section:nth-child(2) h1 {
	margin-top: 23px;
}

/*
* mainPhoto
*/

#photo_box {
	position: relative;
}

.detail #mainPhoto {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 300px;
	border: solid 1px #e7e3d4;
	margin-bottom: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

.detail #mainPhoto li {
	position: absolute;
	opacity: 0;
	transition: opacity 0.7s linear 0s;
}

.detail #mainPhoto li.current {
	opacity: 1;
	transition: opacity 0.7s linear 0.8s;
}

.detail #mainPhoto li img {
	width: 100%;
}

.detail #mainPhoto li img.ring {
	width: 80%;
}

.detail #mainPhoto li:first-child {
	display: block;
}

.detail #share {
	margin: 10px 0;
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #f3f1e9;
	border-bottom: 1px solid #f3f1e9;
}

.detail #share .inner {
	width: 270px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.detail #share p {
	position: absolute;
	left: 5px;
	top: 50%;
	font-size: 11px;
	color: #666;
	margin-top: -0.7em;
	color: #C19F28;
}

.detail #share ul {
	margin-left: 100px;
	font-size: 0;
	width: 170px;
}

.detail #share ul li {
	display: inline-block;
	text-align: center;
	width: 42px;
}

.detail #share ul li a {
	display: block;
	padding: 5px 0;
}

.detail #share ul li img {
	width: 20px;
}


/*=============================================================
8. news
=============================================================*/
#news #view_more {
	margin-top: 25px;
	text-align: center;
}

/*=============================================================
9. news detail
=============================================================*/
#news_detail a {
	color: #c19f28;
}

#news_detail article {
	margin-bottom: 40px;
	clear: both;
}

#news_detail article h1 {
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.4;
	background: url(/sp/common/img/line_left.gif), url(/sp/common/img/line_right.gif), url(/sp/common/img/line.gif?v2);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left bottom, right bottom, center bottom;
	background-size: 10px 5px, 10px 5px, 1px 3px;
	-webkit-background-size: 10px 5px, 10px 5px, 1px 3px;
}

#news_detail article p#date {
	margin-bottom: 0;
}

#news_detail article p {
	margin-bottom: 15px;
}

#news_detail article p:last-child {
	margin-bottom: 0;
}

#news_detail article .panel {
	width: 100%;
	padding: 5px;
	background: #fff;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.12);
	margin-bottom: 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}

#news_detail article .panel img {
	width: 100%;
	height: auto;
	border: solid 1px #f7f6fb;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*=============================================================
10. concept
=============================================================*/
#concept .border_inner p {
	font-size: 13px;
	text-align: center;
	line-height: 2.5;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#concept .border_inner p img {
	margin-bottom: 15px;
}

#concept .text_img {
	text-align: center;
	margin-bottom: 15px;
}

#concept .text_img img {
	width: 35px;
}

#concept #page_tit{
	width: 120px;
}

#concept #page_tit img{
   width: 100%;
}


/*=============================================================
11. bridal
=============================================================*/
#bridal #visual_box {
	margin-bottom: 2px;
}

#bridal .inner ul#with_img {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
}

#bridal .inner ul#with_img li {
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: solid 1px #eee;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background: url(../img/arrow_sp.png) 0 7px no-repeat;
	background-size: 4px auto;
	-webkit-background-size: 4px auto;
}

#bridal .inner ul#with_img li a {
	display: block;
}

#bridal .inner ul#with_img li:first-child {
	background-image: url(../img/arrow_sp.png), url(/sp/common/img/bridal/visual1.jpg);
	background-position: 0 23px, 92% 5px;
	background-size: 4px auto, 55px;
	-webkit-background-size: 4px auto, 55px;
}

#bridal .inner ul#with_img li:nth-child(2) {
	background-image: url(../img/arrow_sp.png), url(/sp/common/img/bridal/visual2.jpg);
	background-position: 0 23px, 92% 5px;
	background-size: 4px auto, 55px auto;
	-webkit-background-size: 4px auto, 55px auto;
}

#bridal .inner ul#with_img li:nth-child(3) {
	background-image: url(../img/arrow_sp.png), url(/sp/common/img/bridal/visual3.jpg);
	background-position: 0 23px, 92% 5px;
	background-size: 4px auto, 55px auto;
	-webkit-background-size: 4px auto, 55px auto;
}

/*=============================================================
12. bridal-service
=============================================================*/
#bridal-service .lead {
	clear: both;
	margin-bottom: 20px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#bridal-service .border {
	margin-bottom: 30px;
}

#bridal-service .border:last-child {
	margin-bottom: 0;
}

#bridal-service .border_inner {
	padding-bottom: 15px;
}

#bridal-service .border_inner>h1 {
	text-align: center;
}

#bridal-service .accordion_area {
	display: none;
}

#bridal-service .accordion_area {
	margin: 0 10px 20px;
}

#bridal-service .accordion_area>section {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

#bridal-service .accordion_area>section:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

#bridal-service .accordion_area>section>h1 {
	font-size: 15px;
	line-height: 1.3;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	margin-bottom: 10px;
}

#bridal-service .accordion_area>section>img {
	border: solid 1px #eee;
	margin-right: 10px;
	float: left;
}

#bridal-service .accordion_area>p {
	text-align: center;
}

#bridal-service .accordion_area>p.footnote {
	font-size: 11px;
}

#bridal-service .open_close {
	text-align: center;
}

#bridal-service .footnote a {
	color: #c19f28;
}

/*=============================================================
13. guide
=============================================================*/
#guide {
	padding-bottom: 20px;
}

#guide h1#page_tit {
	/* padding-bottom: 0; */
}

#guide h1.alt {
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#guide .back {
	margin-bottom: 28px;
	margin-left: 7px;
	text-align: left;
}

#guide #guide_contents p.back2 {
	margin-bottom: 15px;
	text-align: center;
}

#guide #guide_contents p.back2 a {
	display: block;
}

#guide .inner ul {
	margin-left: 5px;
	font-size: 16px;
	line-height: 2.7;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

#guide .inner ul#with_img {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
}

#guide .inner ul#with_img li {
	padding-left: 10px;
	padding-bottom: 18px;
	padding-top: 18px;
	border-bottom: solid 1px #eee;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background: url(../img/arrow_sp.png) 0 7px no-repeat;
	background-size: 4px auto;
	-webkit-background-size: 4px auto;
}

#guide .inner ul#with_img li a {
	display: block;
}

#guide .inner ul#with_img li:first-child {
	padding-top: 28px;
	padding-bottom: 28px;
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual1.jpg);
	background-position: 0 center, right 0px;
	background-size: 4px auto, 90px auto;
	-webkit-background-size: 4px auto, 90px auto;
}

#guide .inner ul#with_img li:nth-child(2) {
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual2.jpg);
	background-position: 0 center, right -5px;
	background-size: 4px auto, 92p autox;
	-webkit-background-size: 4px auto, 92px auto;
}

#guide .inner ul#with_img li:nth-child(3) {
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual3.jpg);
	background-position: 0 center, right -5px;
	background-size: 4px auto, 95px auto;
	-webkit-background-size: 4px auto, 95px auto;
}

#guide .inner ul#with_img li:nth-child(4) {
	padding-top: 28px;
	padding-bottom: 28px;
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual4.jpg);
	background-position: 0 center, right -2px;
	background-size: 4px auto, 90px auto;
	-webkit-background-size: 4px auto, 90px auto;
}

#guide .inner ul#with_img li:nth-child(5) {
	padding-top: 28px;
	padding-bottom: 28px;
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual5.jpg);
	background-position: 0 center, right -6px;
	background-size: 4px auto, 95px auto;
	-webkit-background-size: 4px auto, 95px auto;
}

#guide .inner ul#with_img li:nth-child(6) {
	padding-top: 28px;
	padding-bottom: 28px;
	background-image: url(../img/arrow_sp.png), url(../img/guide/visual6.jpg);
	background-position: 0 center, right -6px;
	background-size: 4px auto, 95px auto;
	-webkit-background-size: 4px auto, 95px auto;
}


#guide .inner ul li {
	padding-left: 10px;
	background: url(../img/arrow_sp.png) 0 16px no-repeat;
	background-size: 4px auto;
	-webkit-background-size: 4px auto;
}

#guide .inner ul#small {
	margin-bottom: 25px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#guide .inner ul#small li {
	padding-left: 10px;
	margin-bottom: 15px;
	background: url(../img/arrow_sp.png) 0 7px no-repeat;
	background-size: 4px auto;
	-webkit-background-size: 4px auto;
}

#guide #guide_contents {
	margin-left: 5px;
	margin-right: 5px;
	clear: both;
}

#guide #guide_contents>h1 {
	font-size: 16px;
	line-height: 1;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	border-bottom: solid 1px #eee;
	padding-bottom: 22px;
	margin-bottom: 20px;
}

#guide #guide_contents section h1 {
	font-size: 13px;
	line-height: 2;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left: 10px;
	margin-bottom: 16px;
	background: url(../img/arrow_sp.png) 0 7px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

#guide #guide_contents section p {
	margin-bottom: 10px;
	line-height: 2;
}

#guide #guide_contents section a {
	color: #c19f28;
	display: inline;
}

#guide aside {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 20px 0;
}

#guide .inner aside ul li.current a {
	color: #c19f28;
}

#guide #guide_contents section h1.header_small {
	padding: 0;
	margin: 0 0 5px 0;
	background: none;
	font-size: 12px;
	font-weight: normal;
	font-family: sans-serif;
}

#guide #guide_contents ul.repair {
	margin: 0;
	padding-bottom: 10px;
	background: none;
}

#guide .inner ul.repair li {
	padding: 0;
	background: none;
	font-size: 12px;
	color: #434343;
	line-height: 2;
	font-family: sans-serif;
}

#guide #page_tit h1 img{
	width: 186px;
}


#guide .back2{
	width: 32px;
	margin: 0 auto 15px;
}

#guide .back2 img{
	width: 100%;
}

#guide .guide1-1 .item_img img{
	width: 100%;
}


#guide .guide1-2 .item_img{
	width: 60%;
}

#guide .guide1-3 .item_img img{
	width: 65%;
}

#guide .guide2-1 .item_img img{
	width: 60%;
}

#guide .guide2-2 .item_img img{
	width: 50%;
}

#guide .guide2-4 .item_img img{
	width: 80%;
}

#guide .guide3-3 .item_img img,
#guide .guide2-7 .item_img img{
	width: 100%;
}

#guide .guide3-1 .item_img img,
#guide .guide3-2 .item_img img{
	width: 70%;
}

#guide .guide4-1 .item_img img{
	width: 50%;
}

#guide .guide4-2 .item_img img{
	width: 55%;
}

#guide .guide4-3 .item_img img{
	width: 100%;
}

#guide .guide4-4 .item_img img{
	width: 70%;	
}

#guide .guide5-1 .item_img img{
	width: 75%;	
}

#guide .guide5-1 .item_img img{
	width: 75%;	
}

#guide .guide5-7 .item_img img{
	width: 55%;	
}

#guide .guide6-2 .item_img img{
	width: 100%;	
}

#guide .guide6-4 .item_img img,
#guide .guide6-5 .item_img img,
#guide .guide6-6 .item_img img,
#guide .guide6-7 .item_img img,
#guide .guide6-8 .item_img img,
#guide .guide6-9 .item_img img,
#guide .guide6-10 .item_img img,
#guide .guide6-11 .item_img img,
#guide .guide6-12 .item_img img,
#guide .guide6-13 .item_img img,
#guide .guide6-14 .item_img img,
#guide .guide6-15 .item_img img,
#guide .guide6-16 .item_img img,
#guide .guide6-17 .item_img img,
#guide .guide6-19 .item_img img,
#guide .guide6-21 .item_img img,
#guide .guide6-22 .item_img img,
#guide .guide6-23 .item_img img,
#guide .guide6-24 .item_img img,
#guide .guide6-25 .item_img img,
#guide .guide6-26 .item_img img,
#guide .guide6-28 .item_img img,
#guide .guide6-29 .item_img img{
	width: 100%;
}


/* #guide #guide_contents ul.row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#guide #guide_contents ul.row li{
	width: calc(50% - 15px);
} */


/*=============================================================
14. FAQ
=============================================================*/
#faq h1#page_tit_alt {
	/* padding-bottom: 12px; */
}

#faq .btns {
	margin-top: 18px;
}

#faq .back {
	margin-bottom: 28px;
	margin-left: 7px;
	text-align: left;
}

#faq #faq_contents p.back2 {
	margin-bottom: 5px;
	text-align: center;
}

#faq #faq_contents p.back2 a {
	display: block;
}

#faq .inner ul {
	margin-left: 5px;
	font-size: 16px;
	line-height: 3.5;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

#faq .inner ul li {
	padding-left: 10px;
	border-bottom: solid 1px #eee;
	background: url(../img/arrow_sp.png) 0 22px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

#faq .inner ul#small {
	margin-bottom: 25px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#faq .inner ul#small li {
	padding-left: 10px;
	border-bottom: none;
	margin-bottom: 15px;
	background: url(../img/arrow_sp.png) 0 7px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

#faq #faq_contents {
	margin-left: 5px;
	margin-right: 5px;
	clear: both;
}

#faq #faq_contents h1 {
	padding-bottom: 20px;
	border-bottom: solid 1px #eee;
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
}

#faq #faq_contents section h1 {
	border: none;
	padding-bottom: 0;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: normal;
	line-height: 2;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#faq #faq_contents p,
#faq #faq_contents section p {
	margin-bottom: 10px;
	line-height: 2;
}

#faq #faq_contents p a,
#faq #faq_contents section p a {
	color: #c19f28;
}

#faq aside {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 20px 0;
}

#faq .inner aside ul li.current a {
	color: #c19f28;
}

#faq ul.symple_list {
	list-style-type: disc;
	margin-bottom: 25px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 1px;
	font-family: none;
}

#faq .inner ul.symple_list li {
	padding-left: 0;
	border-bottom: none;
	margin-bottom: 15px;
	background: none;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

#faq #faq_contents section h1.q {
	line-height: 1.8;
	padding-left: 25px;
	background: url(/sp/common/img/faq/q.gif) 0 6px no-repeat;
	background-size: 15px;
	-webkit-background-size: 15px auto;
}

#faq .border_box {
	border-bottom: dotted 1px #eee;
	margin-bottom: 20px;
}

#faq #faq_contents section h1.tit_s {
	font-size: 13px;
	line-height: 1.9;
}

#faq .birth_stone {
	clear: both;
	padding-bottom: 12px;
	border-bottom: dotted 1px #eee;
	margin-bottom: 18px;
}

#faq #faq_contents section .birth_stone .righter h1 {
	margin-bottom: 3px;
	font-size: 13px;
}

#faq .birth_stone .righter {
	width: 85%;
	float: right;
}

#faq .birth_stone img {
	margin-top: 4px;
	margin-left: 3px;
	float: left;
}

/*=============================================================
15. element style
=============================================================*/
h1,
h2,
h3,
p,
dl {
	/* color: #434343;
	font-size: 12px;
	line-height: 1.7; */
}

a {
	/* color: #c19f28; */
	/* color: #434343; */
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.gold_link {
	font-size: 15px;
	color: #c19f28;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-left: 12px;
	background: url(../img/arrow_sp.png) 0 3px no-repeat;
	background-size: 4px;
	-webkit-background-size: 4px auto;
}

.footnote {
	color: #999;
	font-size: 10px;
}

.footnote a {
	color: #999;
	text-decoration: none;
}

/*=============================================================
16. helper
=============================================================*/
.a_c {
	text-align: center;
}

.a_r {
	text-align: right;
}

.a_l {
	text-align: left;
}

.clr {
	clear: both;
}

.none {
	display: none;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.ml5 {
	margin-left: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

/* clearfix */
.cf:before,
.cf:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;

}


/*=============================================================
17. Lumine
=============================================================*/




#lumine section .main {
	text-align: center;
	margin-bottom: 35px;
}

#lumine section h1 {
	text-align: center;
	margin-bottom: 10px;

}

#lumine p {
	color: #434343;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}

#lumine section h2 {
	text-align: center;
	margin-top: 10px;
}



#lumine .border p {
	margin: 10px 5px;
}



#lumine img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#lumine .bd {
	border: solid 1px #f3f1e9;
}

#lumine section .name p {
	text-align: left;
}

#lumine section .btn {
	border-top: 1px solid #dac67f;
	margin-top: 20px;
	padding-top: 20px;
}

#lumine section .kome {
	width: 225px;
	margin-left: auto;
	margin-right: auto;

}

#lumine section .kome p {
	text-align: left;
	font-size: 10px;
	line-height: 135%;
}


.linkshop {
	display: table;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
}

.linkshop a {
	line-height: 2.0;
	background: url(/common/img/arrow_sp.png) 0 0px no-repeat;
	padding-left: 14px;
	color: #c19f28;

}