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

#title-basic{ text-align:center; margin:2.5% auto 2%; position:relative;}
#title-basic p{ margin:0 auto 10px; font-size:1.4rem; }
#title-basic p:last-child{ margin:0 auto 0;}

hr.line01{
	height: 0;
    margin: 3% auto;
    padding: 0;
    border-bottom: solid 1px #CCC;
    width: 960px;
    text-align: center;
}

#box-head{
	background-image: url(../img/bg-head.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height:900px;
	z-index:1;
	position:relative;
}
#box-head-sp{ display:none;}
.head-cont{ display:table; table-layout:fixed; width:100%; height:100%;}
.head-cont ul{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.diamond01{ position:absolute; z-index:10; top:820px; text-align:center; width:100%;}

#box-catch{
	background-image: url(../img/bg-catch.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 1;
	position: relative;
	text-align:center;
	}
.catch-cont{
	margin:0 auto;
	padding:200px 0 0 0;
	font-size:2.4rem;
	letter-spacing:0.2rem;
	font-family: 'HanaMinA';
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.catch-cont ul{ display:block;}
.catch-cont ul li{ margin:0 auto 3%;}
.catch-cont-voice{ font-size:3.2rem; }
.catch-cont-voice br{ display:none;}

#box-concept{
	background-image: url(../img/bg-concept.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height:900px;
	z-index:1;
	position:relative;
}
#box-concept:before{
    position: absolute;
	content:url(../img/bg-yaji.png);
    top: 20px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    z-index: 10;
}
.concept-cont{ display:table; table-layout:fixed; width:100%; height:100%;}
.concept-cont ul{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.concept-txt02{ font-family: 'HanaMinA'; font-size:2rem; color:#fff; line-height:4rem; letter-spacing:0.4rem;}

#box-nagare{
	background-image: url(../img/bg-nagare.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	z-index:1;
	position:relative;
}
#box-nagare:before{
    position: absolute;
	content:url(../img/bg-yaji.png);
    top: 20px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    z-index: 10;
}
.nagare-cont{
	margin:0 auto;
	padding:160px 0 0 0;
	text-align:center;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.nagare-cont-photo{ margin:0 auto 3%; display: inline-block; font-size:1.5rem;}
.nagare-cont-photo ul{ overflow:hidden; display:table; table-layout:fixed;}
.nagare-cont-photo ul li{ display:table-cell; vertical-align:middle;}
.nagare-cont-photo ul li p{ margin:0 auto 30px;}
.nagare-cont-photo ul li p:last-child{ margin:0 auto 0;}
.nagare-cont-yaji{ padding:0 30px 0 20px; }

#box-ring{
	background-image: url(../img/bg-ring.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height:900px;
	z-index:1;
	position:relative;
}
#box-ring:before{
    position: absolute;
	content:url(../img/bg-yaji.png);
    top: 20px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    z-index: 10;
}
.ring-cont{ display:table; table-layout:fixed; width:1240px; height:100%; text-align:center; margin: 0 auto;}
.ring-cont ul{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.ring-cont ul li{ text-align:center;}
.ring-cont ul li.ring-cont2{ display:table; table-layout:fixed; width:100%;}
.ring-cont ul li.ring-cont2 div{ display:table-cell; width:50%; vertical-align:middle;} 
.ring-cont ul li.ring-cont2 div.ring-cont-txt p{ margin:0 auto 4%; line-height:normal; color:#333333; font-size:1.6rem; letter-spacing:0.2rem;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p.kazari-line{ line-height:0; padding:25px 0;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p img{ vertical-align:bottom;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p:last-child{ margin:0 auto 0;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt{ text-align:center; background-color:#fff;}
.ring-cont ul li.ring-cont2 div.ring-cont-photo{ text-align:right;}
.ring-cont ul li.ring-cont2 div.ring-cont-photo img{ width:70%;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p.ring-cont-txt-title{ color:#18253B; font-family: 'HanaMinA'; font-size:3.4rem; letter-spacing:0.2rem;}

#box-diamond{
	background-image: url(../img/bg-diamond.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height:900px;
	z-index:1;
	position:relative;
}
#box-diamond:before{
    position: absolute;
	content:url(../img/bg-yaji.png);
    top: 20px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    z-index: 10;
}
.diamond-cont{ display:table; table-layout:fixed; width:1240px; height:100%; text-align:center; margin: 0 auto;}
.diamond-cont ul{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.diamond-cont ul li{ text-align:center;}
.diamond-cont ul li.diamond-cont2{ display:table; table-layout:fixed; width:100%;}
.diamond-cont ul li.diamond-cont2 div{ display:table-cell; width:50%; vertical-align:middle;} 
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p{ margin:0 auto 4%; line-height:normal; color:#333333; font-size:1.6rem; letter-spacing:0.2rem;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p.kazari-line{ line-height:0; padding:25px 0;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p img{ vertical-align:bottom;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p:last-child{ margin:0 auto 0;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt{ text-align:center; background-color:#fff;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-photo{ text-align:left;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-photo img{ width:70%;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-photo2{ display:none;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p.diamond-cont-txt-title{ color:#18253B; font-family: 'HanaMinA'; font-size:3.4rem; letter-spacing:0.2rem; }

#box-shop{
	background-image: url(../img/bg-shop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height:550px;
	z-index:1;
	position:relative;
}
#box-shop:before{
    position: absolute;
	content:url(../img/bg-yaji.png);
    top: 20px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    z-index: 10;
}
.shop-cont{ display:table; table-layout:fixed; width:100%; height:100%; color:#fff; font-size:2rem;}
.shop-cont ul{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.shop-cont ul li{ margin:0 auto 30px;}
.shop-cont ul li:last-child{ margin:0 auto 0;}

.shop-cont-list{ width:1280px; margin:5% auto 3%;}
.shop-cont-list ul{ overflow:hidden; margin:0 -10% 0 0; }
.shop-cont-list ul li{ float:left; width:40%; margin:0 10% 6% 0; text-align:center;}
.shop-cont-list ul li p{ margin:0 auto 3%;}
.shop-cont-list ul li p:last-child{ margin:0 auto 0;}
.shop-cont-list-title{ color:#776220; font-size:2rem; letter-spacing:0.4rem; font-family: 'HanaMinA';}
.shop-cont-list-name{ font-size:2.4rem; letter-spacing:0.2rem; font-family: 'HanaMinA'; }
.shop-cont-list-zip{ font-size:1.5rem;}
.shop-cont-list-btn a{ font-size:1.2rem; display:inline-block; padding:8px 20px 5px; border: solid 1px #d6d6d6; color:#333;}

.bg-catalog{
	background-image: url(../img/bg-contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	z-index:1;
	position:relative;
	padding:3% 0;
	}
.catalog-txt{ text-align:center; margin:3% auto; }

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

.box-tags{ font-size:1.5rem; margin:60px auto 30px; text-align:center;}
#tags span {
cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: 0 15px 15px 0;
    padding: 5px 15px;
    /*border: solid 1px #d6d6d6;*/
    font-weight: normal;
    /*line-height: 3rem;*/
    display: inline-block;
}
#tags span.select , #tags span:hover {
    /* border-bottom: solid 1px #999; */
    /* padding-bottom: 5px; */
    color: #ffffff;
    /* font-weight: bold; */
    background-color: #4e6074;
}
#choice{ width: 1280px;
    margin: 0 auto 3%; display: table;}
#choice div {
width:40%;
margin:0 5% 3%;
/*padding-top:22%;*/
position:relative;
top:0;
left:0;
overflow:hidden;
float:left;
text-align:center;
}
#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;}

#choice div p{ margin:0 auto 3%;}

/*-----加盟店-----*/

.statement-title{ margin:60px auto 60px; text-align:center;}
.statement-title-txt01{font-family: 'Quattrocento'; font-size:2rem; letter-spacing: 0.4rem;}
.statement-title-txt02{font-family: 'HanaMinA'; font-size:1.4rem;}
hr.statement-line{
	height: 0;
    margin: 26px auto 24px;
    padding: 0;
    border-bottom: solid 1px #000;
    width: 60px;
    text-align: center;
}
.statement-txt{ width:700px; margin:0 auto; text-align:center; font-size:1.7rem; font-family: 'HanaMinA'; line-height:180%; letter-spacing:0.2rem;}
.statement-txt p{ margin:0 auto 6%;}
.statement-txt p br{ display:inherit;}
.statement-txt p:last-child{ margin:0 auto 0;}
.statement-img{ text-align:center; margin:0 auto 60px;}
.statement-attention{ margin:60px auto 60px; text-align:left; width:700px; font-size:1.5rem; font-weight:normal; letter-spacing:0;}

.box-table-boshu {
    padding: 0;
    margin: 0 0 4% 0;
    border: none;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.box-table-boshu td.koumoku {
    white-space: nowrap;
}
.box-table-boshu td {
    vertical-align: top;
    /*font-size: 1em;
    font-weight: 300;*/
    color: #000;
    /*line-height: 180%;
    letter-spacing: 0.1em;*/
    text-align: left;
}

/*-----認証エラー-----*/

.box-basic-404{ text-align:center; margin:0 auto; font-size: 16px;}
/*.box-basic-404 p br{ display:none;}*/
.box-basic-404 p{ margin:0 auto 5%;}
.box-basic-404 p.btn-404{ display:block; text-align:center; margin:0 auto 60px;}
.box-basic-404 p.btn-404 a{ display:inline-block;}

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

#box-head{ display:none;}
#box-head-sp{ display:inherit;}

.diamond01 {
    /*bottom: -130px !important;
    top: auto;*/
	display:none;
}

#title-basic{ margin:7% auto 5%;}
#title-basic p{ font-size:1.6rem; }

hr.line01{
    margin: 6% auto;
    width: 60%;
}

.catch-cont{ width:90%; font-size: 2rem; padding: 6% 0 0 0;}
.catch-cont ul li { margin: 0 auto 6%;}
	
#box-concept{
	height:auto;
	padding:18% 0 15%;
}
.concept-txt01 { width:55%; margin:0 auto; }

.nagare-cont{padding:15% 0 0 0;}
.nagare-cont-photo{ font-size:1.8rem;}
.nagare-cont-photo ul{ display:block;}
.nagare-cont-photo ul li{ display:block;}
.nagare-cont-yaji{ padding:8% 0 6%;}
.nagare-cont-yaji img{ transform : rotate(90deg);}

#box-ring{ height:auto;}
.ring-cont{ display:block; width:100%; height:auto;}
.ring-cont ul{ display:block;}
.ring-cont ul li.ring-cont2{ display:block; padding:15% 0 12%;}
.ring-cont ul li.ring-cont2 div{ display:block; margin:0 auto; text-align:center;}

.ring-cont ul li.ring-cont2 div.ring-cont-txt{ display:block; width:80%; padding:8% 0; margin:0 auto 8%; text-align:center;}
.ring-cont ul li.ring-cont2 div.ring-cont-photo{ display:block; width:80%; text-align:center;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p{ margin:0 auto 6%; font-size:1.6rem; }
.ring-cont ul li.ring-cont2 div.ring-cont-txt p.kazari-line{ line-height:0; padding:10px 0;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p.ring-cont-txt-title{ font-size:3rem; }

#box-diamond{ height:auto;}
.diamond-cont{ display:block; width:100%; height:auto;}
.diamond-cont ul{ display:block;}
.diamond-cont ul li.diamond-cont2{ display:block; padding:15% 0 12%;}
.diamond-cont ul li.diamond-cont2 div{ display:block; margin:0 auto; text-align:center;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt{ display:block; width:80%; padding:8% 0; margin:0 auto; text-align:center;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p{ margin:0 auto 6%; font-size:1.6rem; }
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p.kazari-line{ line-height:0; padding:10px 0;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p.diamond-cont-txt-title{ font-size:3rem; }
.diamond-cont ul li.diamond-cont2 div.diamond-cont-photo{ display:none;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-photo2{ display:block; margin:12% auto 0;}

#box-shop{ height:auto;}
.shop-cont{  display:block; width:100%; height:auto; padding:7% 0;}
.shop-cont ul{ display:block;}
.shop-cont ul li.shop-cont-photo{ width:70%; margin:3% auto;}

.shop-cont-list{ width:90%; margin:5% auto 3%;}
.shop-cont-list ul{ margin:0 -5% 0 0; }
.shop-cont-list ul li{ width:45%; margin:0 5% 5% 0;}
.shop-cont-list ul li p.shop-cont-list-name{ font-size:2rem;}

.catalog-txt{
	width: 60%;
    margin: 5% auto 7%;
    text-align: center;}
.catch-cont-voice{ font-size:2.6rem; }

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

#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;}

.shop-cont-list-name {
    font-size: 2.1rem;
    letter-spacing: 0.1rem;
}

/*-----加盟店-----*/

.statement-txt{ width:90%; text-align:left;}
.statement-img{ width:60%; margin:0 auto 40px;}
.statement-txt p br{ display:none;}
.statement-attention{ width:90%;}

/*-----認証エラー-----*/

.box-basic-404{ width:90%;}

}

@media only screen and (max-width: 480px) {
/*.diamond01 img{ width:30%;}
.diamond01 {
	bottom: 80px !important;
}*/
#title-basic p img{ width:80%; margin:0 auto;}

.catch-cont{ font-size: 2rem; padding: 5% 0 0 0;}
.catch-cont ul li { margin: 0 auto 9%;}
.catch-cont-ring img{ width:26%; margin:0 auto;}
.catch-cont-voice{ font-size:2.2rem; }
.catch-cont-voice br{ display:inherit;}
.concept-txt02 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: 0.2rem;
}

.ring-cont ul li.ring-cont2 div.ring-cont-txt { width: 86%;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p.ring-cont-txt-title { font-size: 2.6rem;}
.ring-cont ul li.ring-cont2 div.ring-cont-txt p{ letter-spacing:normal;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt { width: 86%;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p.diamond-cont-txt-title { font-size: 2.6rem;}
.diamond-cont ul li.diamond-cont2 div.diamond-cont-txt p{ letter-spacing:normal;}

.nagare-cont-photo{ width:80%; margin:0 auto;}
.nagare-cont-human img{ width:80%; margin:0 auto; text-align:center; }

.shop-cont{ font-size:1.5rem;}

.shop-cont-list ul{ margin:0; }
.shop-cont-list ul li{ float:none; width:100%; margin:0 auto 10%; text-align:center;}
.shop-cont-list-name{ font-size:2.4rem; letter-spacing:0.2rem;}

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

#choice div {width:100%; margin:0 auto; /*padding-top:30%;*/}
#tags span {
    margin: 0 6px 6px 0;
    padding: 5px 10px;
    /*border: solid 1px #d6d6d6;*/
    font-weight: normal;
    /*line-height: 3rem;*/
    display: inline-block;
}
.shop-cont-list-title{ margin:6% auto 3% !important;}
.shop-cont-list-zip{ width:94%;}
.shop-cont-list-btn a{ padding: 6px 10px 3px;}

/*-----加盟店-----*/

.statement-title{ margin:35px auto 35px;}

/*-----認証エラー-----*/

.box-basic-404{ text-align:left; font-size:14px;}
.box-basic-404 p br{ display:none;}
	
}


@media only screen and (max-width: 374px) {
	
.diamond01 {bottom: 220px !important;}

}