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

/*-----基本設定-----*/

.basic-cont{ font-family: 'Noto Serif Japanese'; color:#656565; }
.basic-cont p{ margin:0 auto 30px;}
.basic-cont p:last-child{ margin:0 auto 0;}

.basic-cont-title{ font-size: 24px; line-height:1.4; letter-spacing:0.2em; font-family: 'Prata';}
.basic-cont-midashi{ font-size: 34px; line-height:1.8; letter-spacing:0.2em; font-weight: 400;}
.basic-cont-caption{ font-size: 20px; line-height:2.4;}

/*-----カスタム-----*/

.concep-title{ position: relative;}
.concep-title span strong{ font-size:16px; color:#fff; background-color:#e1c500; display:inline-block; padding:10px 10px 6px; letter-spacing:0.2em; font-family: 'Prata'; line-height:1;}
.concep-title span{ padding: 0 1em; background-color: #fff; font-weight:normal; position:relative; z-index:2;}
.concep-title:before {
    position: absolute;
    top: 45%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin: 0 auto;
}

.collection-title{ color:#e1c500; font-size:30px; font-family: 'Prata'; letter-spacing:0.2em; margin:0 auto 40px !important;}
.collection-caption{ font-size:18px; line-height:1.8; letter-spacing:0.2em;}
.collection-caption span{ display:block; margin:0 auto 24px;}
.collection-caption span:last-child{ margin:0 auto 0;}

.box-concept{ padding:0 0 40px 0; width:600px; margin:0 auto; color:#fff; border-bottom:solid 1px #ddd;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}

.box-collection{ padding:10px; background-color: #fff; width:600px; margin:0 auto; color:#fff;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.box-collection-inner{ border: dashed 1px #e1c500; padding:60px 30px;}

/*-----ロゴ-----*/

.logo{ margin: 0 auto 340px;}
.logo img{ width:220px; margin:0 auto 0;}

/*-----スライダー-----*/

.box-swiper{ width:100%; margin:0 auto; text-align:center;}
.swiper-container{ margin: 0 auto !important; text-align:center;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:none !important; right: 40px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:none !important; left: 40px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px !important;}
.swiper-pagination-bullet { width: 8px !important; height: 8px !important; border-radius: 16px !important;}
.swiper-pagination-bullet-active{ background: #282b34 !important;}
.swiper-button-next, .swiper-button-prev{ width: 38px !important; height: 38px !important; }
.swiper-wrapper{ margin:0 auto 30px !important;}

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

.box-ring{ margin:0 auto; padding:100px 0; text-align:center;}
.box-ring-main{ text-align:center; width:1024px; margin:0 auto;}

.ring-cont{ margin:0 auto 60px; }
.ring-cont-title{ overflow:hidden; text-align:left; margin:0 auto 24px;}
.ring-cont-title-l{ float:left; color:#1c1b20; margin:0 20px 0 0;}
.ring-cont-title-l p{ margin:0 0 10px 0;}
.ring-cont-title-l p:last-child{ margin: 0 0 0 0;}
.ring-cont-title-l-number{ font-weight:bold; font-size:16px; position:relative; color: #c3c3c3; }
.ring-cont-title-l-number:after{
	position: absolute;
    content: '';
    background-color: #c3c3c3;
    top: 48%;
    width: 50px;
    height: 1px;
    margin-left: 10px;}
.ring-cont-title-l-jp{ font-size:14px;}
.ring-cont-title-l-en{
	font-family: 'Prata';
	color:#e1c500;
    font-size: 46px;
	padding: 0 0 0 0;
	letter-spacing:4px;
    line-height: 120%;
    vertical-align: bottom;
    margin: 0 0 0 0 !important;}
.ring-cont-title-r{ float:left; color:#666; font-size:18px; padding:54px 0 0 0; letter-spacing:1em; font-weight:400; font-family: 'Noto Serif Japanese';}
.ring-cont-info{ display:table; table-layout:fixed;     width: 100%;}
.ring-cont-info-l{ display:table-cell; width:50%;}
.ring-cont-info-r{ display:table-cell; width:47%; padding:0 0 0 3%; text-align:left; vertical-align:middle;}
.ring-cont-info-r p{ margin:0 auto 16px; font-size:13px;}
.ring-cont-info-r p:last-child{ margin:0 auto 0; }
.ring-cont-info-r p.ring-cont-info-r-title{ color: #e1c500; font-size:15px; letter-spacing:1px; font-family: 'Noto Serif Japanese';}

.ring-pc{ display:inherit;}
.ring-sp{ display:none;}

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

/*-----ロゴ-----*/

.logo img{ width:200px;}

}

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

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

.box-ring-main { width: 90%; }

}

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

/*-----ロゴ-----*/

.logo { margin: 0 auto 400px; }

/*-----基本設定-----*/

.basic-cont-title{ font-size:16px;}
.basic-cont-midashi { font-size:22px; }
.basic-cont-caption { font-size:16px;} 

/*-----カスタム-----*/

.box-concept { width: 90%;}
.box-collection { width: 90%;}
.box-collection-inner{ padding:40px 20px;}
.collection-title{ font-size:20px; margin:0 auto 24px !important;}
.collection-caption{ font-size:14px; letter-spacing:0;}

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

.box-ring-main{ width:100%; margin:0 auto;}
.ring-cont-title{ width:90%;}

.ring-cont-title-l{ display:block; float:none; margin:0 auto 16px;}
.ring-cont-title-r{ display:block; float:none; padding:0; font-size:14px;}

.ring-cont-info{ width:90%; margin:0 auto;}
/*
.ring-cont-info-l{ display:table-cell; width:40%;}
.ring-cont-info-r{ display:table-cell; width:57%; padding:0 0 0 3%; text-align:left; vertical-align:middle;}
.ring-cont-info-r p { margin: 0 auto 10px; font-size: 12px;}*/

}

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

/*-----基本設定-----*/


/*-----ロゴ-----*/

.logo { margin: 0 auto 360px; }
.logo img{ width:150px;}

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

.box-ring{ margin:0px auto 20px; text-align:center;}
.ring-cont-info{ display:block; width:100%;}
.ring-cont-info-l{ display:block; width:100%;}
.ring-cont-info-r{ display:block; width:90%; padding:0; margin: 16px auto 0;}
.ring-cont-info-r p{ font-size:11px; }
.ring-cont-title-l-en { font-size: 40px;}
.ring-cont-title-l-jp { font-size: 12px;}
.ring-cont-title-r { font-size: 20px; }
.ring-pc{ display:none;}
.ring-sp{ display:block;}

}

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

/*-----ロゴ-----*/

.logo img{ width:120px;}

/*-----基本設定-----*/

.basic-cont-title{ font-size:14px;}
.basic-cont-midashi { font-size:20px; }
.basic-cont-caption { font-size:13px; letter-spacing:0;}
.basic-cont-caption span{ display:block;}
.basic-cont-caption span br{ display:none;}

/*-----カスタム-----*/

.concep-title span strong { font-size: 11px;}

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

.box-ring{ padding:40px 0; }
.ring-cont-title-l-en{ font-size: 30px; }
.ring-cont-title-r { font-size: 16px; }
.ring-cont-info-r p span{ display:block !important;} 

}