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

#main>section.specialbrand{
	margin:5px 0 30px!important;
	}

/* promo ************************************************************************************************************************/


#promo .promo{
	overflow:hidden;
	}
#promo .promo ul{
	width:30000px;
	}
#promo .promo li{
	float:left;
	width:auto;
	}
#promo .promo ul:after{
	content:"";
	display:block;
	clear:both;
	}
	
#promo>div{
	text-align:center;
	}
#promo>div span{
	width:12px;
	height:12px;
	border-radius:20px;
	background:#ddd;
	display:inline-block;
	margin:10px 4px 0;
	}
#promo>div span.now{
	background:#aaa;
	}
	
#promo .rightZone>div{
	position:relative;
	display:block;
	margin:0 auto 14px;
	height:232px;
	width:240px;
	}
#promo .rightZone>div>img{
	position:absolute;
	left:0;
	top:0;
	}
#promo .rightZone>div .button{
	position:absolute;
	left:10px;
	top:130px;
	}


.inquiry .rightZone>div{
	position:relative;
	display:block;
	margin:0 auto 14px;
	height:232px;
	width:240px;
	}
.inquiry .rightZone>div .button{
	position:absolute;
	left:10px;
	top:130px;
	}


@media screen and (min-width: 541px) {
#promo{
	padding-top:20px;
	}
#promo{
	margin-bottom:20px;
	}
#promo>div{
	width:980px;
	margin:0 auto;
	}
#promo{
	background:url(../../image/home/section1-back.png) left top repeat-x;
	background-size:auto 100%;
	height:290px;
	}
#promo .promoBody{
	width:720px;
	float:left;
	}
#promo .promo{
	width:720px;
	float:left;
	}
.rightZone{
	width:240px;
	float:right;
	}
}
@media screen and (max-width: 540px) {
	#promo {
	}
#promo .promo{
	width:100%;
	padding-top:14px;
	}
}

/************************************************************************************************************************ promo */

/* nomal ************************************************************************************************************************/

.bannerBox:after, .step3:after{
	content:"";
	display:block;
	clear:both;
	}
.bannerBox li{
	float:left;
	display:block;
	list-style-type:none;
	}

.step3 li{
	width:214px;
	margin:0 auto;
	position:relative;
	}
.step3 li span.serif{
	display:block;
	text-align:center;
	}
.step3 li p{
	font-size:10px;
	line-height:1.8em;
	margin-top:0 !important;
	}
.assessment .step3 li p{
	font-size:12px;
	}
.assessment .step3 li{
	width:203px;
	}
	
.brandList{
	background:#edeae0;
	padding:10px;
	}
.brandList li{
	display:inline-block;
	word-break:keep-all;
	font-size:12px;
	}
.brandList li:after{
	content:" / ";
	}
.purchaseList:after{
	content:"";
	display:block;
	clear:both;
	}
.purchaseList li{
	float:left;
	font-size:12px;
	}
	
.contactBanner{
	text-align:center;
	margin:30px 0;
	}
.contactBanner .tel{
	color:#333;
	font-size:12px;
	display:inline-block;
	}
.contactBanner .tel span{
	display:inline-block;
	word-break:keep-all;
	position:relative;
	bottom:-4px;
	margin:0 10px;
	}

#main>section.campaign:nth-of-type(1) {
	/*margin: 0 0 30px 0;*/
}

@media screen and (min-width: 541px) {
.assessment .satei_title {
	display:block;
	margin:0 auto;
	width:679px;
	text-align:center;
	color:#fff;
	font-size:18px;
	padding:8px 0;
	background:url(../../image/home/satei_title.png);
	}
.imageBox{
	border:1px solid #ccc;
	}
.imageBox img{
	float:left;
	}
.imageBox:after{
	content:"";
	display:block;
	clear:both;
	}

.bannerBox li{
	margin-right:14px;
	margin-bottom:10px;
	}
.bannerBox li:nth-of-type(4n+1){
	clear:both;
	}
.bannerBox li:nth-of-type(4n+3){
	margin:0;
	}
.bannerBox li:nth-of-type(4n){
	margin:0;
	float:right;
	}
	
.step3 li{
	float:left;
	}
.step3 li:nth-of-type(3n+1){
	margin-right:39px;
	clear:both;
	}
.step3 li:nth-of-type(3n){
	float:right;
	}
.step3 li:not(:nth-of-type(3n)):after{
	content:url(../../image/home/section5-arror01.png);
	right:-34px;
	top:60px;
	position:absolute;
	}
.assessment .step3 li:nth-of-type(5):after{
	content:"";
	}
.assessment .step3{
	padding:0px 6px;
	}
	
.purchaseList li{
	width:33.3%;
	}
	
.contactBanner{
	background:url(../../image/home/section10-1.png) center top no-repeat;
	height:162px;
	padding-top:50px;
	}
.contactBanner .tel{
	margin:20px 0;
	}
}
@media screen and (max-width: 540px) {
.assessment .satei_title {
	display:block;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:18px;
	padding:8px 0;
	background:url(../../image/home/satei_title.png);
	}
.imageBox img{
	display:block;
	margin:0 auto;
	}

.step3 li:not(:nth-of-type(3n)), .assessment .step3 li:not(:nth-of-type(5n)){
	padding-bottom:30px;
	}
.step3 li:not(:nth-of-type(3n)):after, .assessment .step3 li:not(:nth-of-type(5n)):after{
	content:url(../../image/home/section5-arror02.png);
	left:62px;
	bottom:0;
	position:absolute;
	}
.assessment .step3 li:nth-of-type(3){
	padding-bottom:40px;
	}
.assessment .step3 li:nth-of-type(5){
	margin-bottom:0;
	}
.assessment .step3 li:nth-of-type(5):after{
	content:"";
	}

.purchaseList li{
	width:50%;
	}
.contactBanner{
	background:#faf5e2;
	padding:10px 10px 20px;
	}
.contactBanner .tel{
	display:block;
	width:100%;
	}
}
@media screen and (max-width: 540px) and (min-width: 381px){
.bannerBox li{
	margin:6px 4px;
	}
}
@media screen and (max-width: 380px) {
.bannerBox li{
	width:auto;
	max-width:49%;
	float:left;
	margin-bottom:10px;
	}
.bannerBox li:nth-of-type(2n){
	float:right;
	}
}

/************************************************************************************************************************ nomal */

/* reason ************************************************************************************************************************/


.reason .notice{
	font-size:smaller;
	line-height:1.5;
	margin-bottom:15px!important;
	}

@media screen and (min-width: 541px) {
.reason{
	background:#faf9f5;
	padding:20px;
	position:relative;
	line-height:1.65em;
	}
.reason h3{
	background:url(../../image/home/section6-line.png) left bottom no-repeat;
	padding-left:50px;
	font-weight:normal;
	font-size:25px;
	padding-bottom:4px;
	margin-bottom:30px;
	}
.reason .icon{
	position:absolute;
	left:0px;
	top:-6px;
	}
.reason .icon2{
	position:absolute;
	left:0px;
	top:-6px;
	}
.reason{
	margin:10px 0;
	background:url(../../image/home/section6-back02.png) top left no-repeat,
			   url(../../image/home/section6-back03.png) bottom left no-repeat,
			   url(../../image/home/section6-back01.png) left top repeat-y;
	}
.reason:nth-of-type(1){

	}
.reason .rightImage{
	margin-right:10px;
	margin-bottom:30px;
	margin-left:16px;
	margin-top:10px;
	}
.reason .leftImage{
	margin-right:12px;
	}
.reason div img{
	display:block;
	float:left;
	}
.reason div img:nth-of-type(1){
	margin-right:22px;
	}
.reason div img:nth-of-type(3){
	float:right;
	}
.reason div:after{
	content:"";
	display:block;
	clear:both;
	}
}
@media screen and (max-width: 540px) {
.reason{
	background:#faf9f5;
	padding:15px;
	position:relative;
	line-height:1.65em;
	}
.reason h3{
	font-size:17px;
	line-height:16px;
	padding-bottom:30px;
	padding-top:10px;
	margin-bottom:20px;
	background:url(../../image/home/section6-line.png) left bottom no-repeat;
	padding-left:60px;
	}
.reason h3.est02{
	padding-bottom:10px;
	}
.reason .icon{
	position:absolute;
	left:15px;
	top:0px;
	width:60px;
	}
.reason .icon2{
	position:absolute;
	left:15px;
	top:10px;
	width:60px;
	}
.reason .spGold{
	display:block;
	color:#af902e;
	}
.reason div{
	text-align:center;
	}
.reason div img{
	margin-bottom:10px;
	}
.reason .rightImage{
	float:right;
	width:130px;
	margin-left:10px;
	}
.reason .rightIm{
	float:right;
	width:130px;
	margin-left:10px;
	}
.reason .leftImage{
	float:right;
	width:130px;
	margin-left:10px;
	}
.posit01 {
	display:none;
}
}

/************************************************************************************************************************ reason */

/* assessment ************************************************************************************************************************/

.assessment{
	margin:10px auto;
	padding:10px;
	}
.assessment>img{
	display:block;
	margin:0 auto;
	}
.assessment h3{
	text-align:center;
	margin:10px 0 20px;
	}
.assessment .result{
	margin:20px 0 30px;
	text-align:center;
	}
	
.assessment .estimate{
	padding:10px;
	}
.assessment .estimate .serif{
	display:block;
	font-size:24px;
	text-align:center;
	margin:20px 0 10px;
	}
.assessment .estimate li b{
	display:block;
	text-align:center;
	}
	
.assessment .procedure h3{
	background:url(../../image/home/section7-title3.png) left top no-repeat;
	font-size:24px;
	padding-left:44px;
	text-align:left;
	display:table-cell;
	width:1000px;
	vertical-align:middle;
	height:80px;
	font-weight:normal;
	color:#d60505;
	}
.assessment .procedure .step3{
	margin-top:-20px;
	}
@media screen and (min-width: 541px) {
.assessment{
	background:url(../../image/home/section7-back04.png) top left no-repeat,
			   url(../../image/home/section7-back02.png) top left no-repeat,
			   url(../../image/home/section7-back03.png) bottom left no-repeat,
			   url(../../image/home/section7-back01.png) left top repeat-y;
	padding-bottom:20px;
	}
.assessment .result img:nth-of-type(1){
	display:block;
	margin:0 auto;
	}
	
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:30px;
	}
	
.assessment .estimate{
	background:url(../../image/home/section7-back06.png) top left no-repeat,
			   url(../../image/home/section7-back07.png) bottom left no-repeat,
			   url(../../image/home/section7-back05.png) left top repeat-y;
	width:659px;
	margin:0 auto;
	}
.assessment .estimate ul{
	background:url(../../image/home/section7-back13.png) left top no-repeat;
	width:631px;
	margin:0 auto 20px;
	}
.assessment .estimate li{
	width:190px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:6px 10px;
	}
.assessment .estimate ul:after{
	content:"";
	display:block;
	clear:both;
	}
.assessment .estimate ul:nth-of-type(2) li{
	float:none;
	padding:6px 0;
	margin:0 auto;
	}
.assessment .estimate ul p{
	margin-top:6px !important;
	}
.assessment .estimate{
	position:relative;
	}
.assessment .estimate ul:nth-of-type(1):before{
	position:absolute;
	content:url(../../image/home/section7-back09.png);
	left:0;
	top:0;
	}
.assessment .estimate:before{
	position:absolute;
	content:url(../../image/home/section7-back10.png);
	right:0;
	top:0;
	}
.assessment .estimate ul:nth-of-type(2):before{
	position:absolute;
	content:url(../../image/home/section7-back11.png);
	left:0;
	bottom:-8px;
	}
.assessment .estimate:after{
	position:absolute;
	content:url(../../image/home/section7-back12.png);
	right:0;
	bottom:-8px;
	}
}
@media screen and (max-width: 540px) {
	
.assessment{
	background:url(../../image/home/section7-back04.png) top left no-repeat,
			   url(../../image/home/section7-back02.png) top left no-repeat,
			   url(../../image/home/section7-back03.png) bottom left no-repeat,
			   url(../../image/home/section7-back01.png) left top repeat-y;
	padding-bottom:20px;
	background-size:100% auto;
	}
.assessment .result img:nth-of-type(1){
	display:block;
	margin:0 auto;
	}
	
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:30px;
	}
	
.assessment .estimate{
	background:url(../../image/home/section7-back06.png) top left no-repeat,
			   url(../../image/home/section7-back07.png) bottom left no-repeat,
			   url(../../image/home/section7-back05.png) left top repeat-y;
	width:100%;
	margin:0 auto;
	}
.assessment .estimate ul{
	background:url(../../image/home/section7-back13.png) left top no-repeat;
	width:100%;
	}
.assessment .estimate li{
	width:40px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:6px 10px;
	}
.assessment .estimate ul:after{
	content:"";
	display:block;
	clear:both;
	}
.assessment .estimate ul:nth-of-type(2) li{
	float:none;
	padding:6px 0;
	margin:0 auto;
	}
.assessment .estimate ul p{
	margin-top:6px !important;
	}
.assessment .estimate{
	position:relative;
	}
.assessment .estimate ul:nth-of-type(1):before{
	position:absolute;
	content:url(../../image/home/section7-back09.png);
	left:0;
	top:0;
	}
.assessment .estimate:before{
	position:absolute;
	content:url(../../image/home/section7-back10.png);
	right:0;
	top:0;
	}
.assessment .estimate ul:nth-of-type(2):before{
	position:absolute;
	content:url(../../image/home/section7-back11.png);
	left:0;
	bottom:-8px;
	}
.assessment .estimate:after{
	position:absolute;
	content:url(../../image/home/section7-back12.png);
	right:0;
	bottom:-8px;
	}
.wa01 {
	width:200px;
}
.wa02 {
	width:15%;
}
.wa03 {
	width:75%;
}
.wa04 {
	width:160px;
}
.splnd02 {
	display:block;
	width:100%;
	background:url(../../image/diamond/bg001.png) left -60px no-repeat;
	background-size:100% auto;
}
.assessment .procedure{
	background:url(../../image/home/section7-title2-back.png) right top no-repeat;
	background-size:120px auto;
	}
.assessment .procedure div{
	text-align:center;
	margin-bottom:1px;
	}
.assessment .procedure div img {
	display:block;
	float:left;
	width:33%;
}

.assessment .procedure div:after{
	content:"";
	display:block;
	clear:both;
	}
/*.assessment{
	background:#f6f6f6;
	border:1px solid #bebebe;
	}
.assessment .result img{
	display:block;
	margin:0 auto;
	}
.assessment .result img:nth-of-type(2){
	display:none;
	}
	
.assessment .procedure div{
	text-align:center;
	}
.assessment .procedure img{
	display:block;
	margin:0 auto 10px;
	}
.assessment .procedure div img{
	display:inline-block;
	}
	
.assessment .estimate{
	background:#fff;
	border:1px solid #ad8715;
	}
.assessment .estimate .serif{
	font-size:18px;
	}
.assessment .estimate img{
	display:block;
	margin:0 auto;
	}
.assessment .estimate ul:nth-of-type(1){
	margin-bottom:30px;
	}*/
}

/************************************************************************************************************************ assessment */

/* purchase ************************************************************************************************************************/

.purchase h3, .purchaseList h3{
	background:url(../../image/home/section8-title.png) left bottom no-repeat;
	display:table-cell;
	vertical-align:middle;
	width:1000px;
	height:30px;
	color:#fff;
	font-weight:normal;
	padding-top:4px;
	padding-left:10px;
	font-size:18px;
	}
.purchase ul{
	margin:10px 0;
	}
.purchase ul:after{
	content:"";
	display:block;
	clear:both;
	}
.purchase li{
	width:170px;
	float:left;
	font-size:12px;
	line-height:1.8em;
	}
.purchase li>span{
	display:block;
	text-align:center;
	color:#fff;
	background:#545454;
	margin-top:8px;
	padding:4px 0 2px;
	}
.purchase li>p{
	margin-top:6px !important;
	}
.purchase li>p b{
	color:#e24723;
	display:inline-block;
	word-break:keep-all;
	}
.purchase li>img{
	width: 169px;
	height: 130px;
	}
@media screen and (min-width: 541px) {
.purchase li:nth-of-type(4n+1), .purchase li:nth-of-type(4n+2){
	margin-right:14px;
	}
.purchase li:nth-of-type(4n){
	float:right;
	}
.purchase li:nth-of-type(4n+1){
	clear:both;
	}
.purchase .pur_ok{
	border:double 5px #cdcdcd;
	margin:5px;
	padding:10px;
	}
.purchase .pur_ok p{
	font-weight:bold;
	}
.purchase .date {
	display:block;
	text-align:center;
	background:none;
	color:#555;
	margin:5px 0;
	padding:0;
	font-size:11px;
	}
}
@media screen and (max-width: 540px){
.purchase h3, .purchaseList h3{
	font-size:14px;
	}
.purchase li:nth-of-type(2n){
	margin-left:20px;
	}
.purchase li:nth-of-type(2n+1){
	clear:both;
	}
.purchase .pur_ok{
	border:double 5px #cdcdcd;
	margin:5px;
	padding:10px;
	}
.purchase .pur_ok p{
	font-weight:bold;
	}
.purchase .date {
	display:block;
	text-align:center;
	background:none;
	color:#555;
	margin:5px 0;
	padding:0;
	font-size:11px;
	}
}
@media screen and (max-width: 380px) {
.purchase li{
	width:49%;
	}
.purchase li:nth-of-type(2n){
	margin:0;
	float:right;
	}
.purchase .pur_ok{
	border:double 5px #cdcdcd;
	margin:5px;
	padding:10px;
	}
.purchase .pur_ok p{
	font-weight:bold;
	}
.purchase .date {
	display:block;
	text-align:center;
	background:none;
	color:#555;
	margin:5px 0;
	padding:0;
	font-size:11px;
	}
}

/************************************************************************************************************************ purchase */

/* voice ************************************************************************************************************************/

.voice{
	margin:10px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0ecde');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f0ecde')";
	background-image: -moz-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -ms-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -o-linear-gradient(top, #ffffff, #f0ecde);
	background-image: -webkit-linear-gradient(top, #ffffff, #f0ecde);
	background-image: linear-gradient(top, #ffffff, #f0ecde);
	}
.voice p{
	margin-top: 4px !important;
	}
@media screen and (min-width: 541px) {
.voice div{
	background:url(../../image/home/section11-back02.png) top left no-repeat,
			   url(../../image/home/section11-back03.png) bottom left no-repeat,
			   url(../../image/home/section11-back01.png) top left repeat-y,
			   url(../../image/home/section11-back04.png) top left repeat-y;
	padding:16px 16px 24px;
	}
}
@media screen and (max-width: 540px) {
.voice div{
	background:url(../../image/home/section11-back02.png) top left no-repeat,
			   url(../../image/diamond/sp-bottom.jpg) bottom left no-repeat,
			   url(../../image/home/section11-back01.png) top left repeat-y,
			   url(../../image/home/section11-back04.png) top left repeat-y;
			   background-size:100% auto;
	padding:16px 16px 50px;
	}
}

/************************************************************************************************************************ voice */




/* diamond ************************************************************************************************************************/


@media screen and (min-width: 541px) {
.pcnone {
	display:none;
}
.cat-bnr-base {
	display:block;
	width:740px;
	padding-bottom:10px;
	margin-top:-10px;
}
.cat-bnr-base p {
	display:block;
	float:left;
	padding-right:14px;
}
.cat-bnr-base:after{
	content:"";
	display:block;
	clear:both;
	}
.step-base {
	display:block;
	border:#f1922b solid 2px;
}
.clfix {
}
.clfix:after {
	content:"";
	display:block;
	clear:both;
	}
.diy-base-pc {
	display:block;
	width:740px;
}
.dly01 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/brandjewelry/topbnt01.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly01 p {
	padding-left:4%;
	padding-top:12%;
	padding-bottom:6%;
	
}
.dly02 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/brandjewelry/topbnt02.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly02 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly03 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/brandjewelry/topbnt03.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
	margin-right:14px;
}
.dly03 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly04 {
	display:block;
	float:left;
	width:169px;
	height:77px;
	background:url(../../image/brandjewelry/topbnt04.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly04 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.juer-base {
	display:block;
	background:url(../../image/brandjewelry/juer-base.jpg) left top no-repeat;
	height:267px;
}
.br-mainbase {
	display:block;
	padding-left:11px;
	padding-top:101px;
	padding-right:180px;
}
.br-mainbase div {
	display:block;
	float:left;
	padding-right:10px;
	padding-bottom:8px;
}
.br-mainbase span {
	display:block;
	width:119px;
	text-align:center;
	font-size:11px;
	margin:0px;
	padding:0px;
}
.br-mainbase span a {
	color:#000;
	text-decoration:underline;
}
.br-mainbase span a:hover {
	text-decoration:none;
}
.le-01 {
	letter-spacing:-1px;
}
.spbr01 {
	display:none;
}
}

@media screen and (max-width: 540px) {
.spnone {
	display:none;
}
.clfix {
}
.clfix:after {
	content:"";
	display:block;
	clear:both;
	}
.diy-base {
	display:block;
	padding-bottom:3%;
}
.dly01 {
	display:block;
	float:left;
	width:48%;
	background:url(../../image/brandjewelry/spd01.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly01 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
	
}
.dly02 {
	display:block;
	float:right;
	width:48%;
	background:url(../../image/brandjewelry/spd02.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly02 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly03 {
	display:block;
	float:left;
	width:48%;
	background:url(../../image/brandjewelry/spd03.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly03 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.dly04 {
	display:block;
	float:right;
	width:48%;
	background:url(../../image/brandjewelry/spd04.jpg) left top no-repeat;
	background-size:100% 100%;
	font-size:13px;
	line-height:150%;
	margin-bottom:3%;
}
.dly04 p {
	padding-left:4%;
	padding-top:4%;
	padding-bottom:6%;
}
.br-mainbase-sp {
	display:block;
}
.br-mainbase-sp div {
	display:block;
	float:left;
	width:30%;
	margin:1%;
}
.spbr01 img {
	display:block;
	width:100%;
}
.spcont-btn-base {
	display:block;
	background:#faf5e2;
	padding:5%;
}
.spcont-btn-base img {
	display:block;
	width:100%;
}
.nstop-sp img {
	display:block;
	float:left;
	width:33%;
}
.nstop-sp:after {
	content:"";
	display:block;
	clear:both;
	}
.wadai-img img {
	display:block;
}
.wadai-img:after {
	content:"";
	display:block;
	clear:both;
	}

}


@media screen and (min-width: 541px) {
.step {
	display:block;
	border-bottom:#838383 dotted 1px;
}
.step .lf {
	display:block;
	float:left;
	background:url(../../image/diamond/right.jpg) right center no-repeat;
	width:237px;
	
}
.step .ri {
	display:block;
	float:right;
	width:460px;	
}
.step .lf p {
	display:table-cell;
	vertical-align:middle;
	padding-top:13px;
	padding-left:13px;
	font-size:15px;
	font-weight:bold;
}
.step .lf p small {
	font-size:12px;
}
.step .lf p img {
	vertical-align:middle;
}
.step .lf span {
	display:block;
	padding-left:13px;
	font-size:12px;
	line-height:120%;
	letter-spacing:-1px;
	padding-bottom:13px;
}
.h-115 {
	height:115px;
}
.ctinput {
	width:68px;
	height:37px;
	margin-right:5px;
	font-size:25px;
}
.tabcell01 {
	display:table-cell;
	vertical-align:middle;
}
.pl20 {
	padding-left:20px;
}
.formsel-base {
	display:block;
}
.formsel-base img {
	display:block;
}
.formcell01 {
	display:block;
	float:left;
	padding-right:20px;
}
.formcell01 div {
	display:block;
	padding-left:16px;
	height:70px;
}
.formcell01 div .img {
	display:block;
	float:left;
}
.formcell01 div .img2 {
	display:block;
	float:left;
}
.formcell01 div .rad {
	display:block;
	float:left;
	line-height:140%;
	padding-top:6px;
	padding-left:5px;
}
.formcell01 div .rad2 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:23px;
	padding-left:5px;
}
.formcell01 div .rad3 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:13px;
	padding-left:5px;
}
.formcell01 div .rad4 {
	display:block;
	float:left;
	line-height:140%;
	padding-top:23px;
	padding-left:5px;
}
input[type="radio"] {
	margin-right:5px;
}
.rad3 input[type="radio"] {
	margin-right:2px;
}
.rad3 label {
	font-size:13px;
}
.stblo {
	display:block;
}
.mt-ma {
	margin-top:-12px;
	display:block;
}

.txt-center {
	text-align:center;
}
.col-red {
	color:#fe0000;
}
.fs12 {
	font-size:12px;
}
.sateibtn {
	text-indent:-9999px;
	background:url(../../image/diamond/imgbtn01.jpg) left top no-repeat;
	width:679px;
	height:60px;
	cursor:pointer;
	border:none;
}
.sateibtn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.ans-base {
	display:block;
	padding-bottom:15px;
}
.ans-base div {
	float:left;
}
.ans-base img {
	display:block;
}
.ans-base .img {
	padding-left:49px;
	padding-right:17px;
}
.ans-base .img2 {
	padding-left:10px;
	padding-top:34px;
}
#simulationResult {
	border:#e52636 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	width:294px;
	font-size:45px;
	color:#e52636;
	text-align:right;
	margin-top:20px;
}
#simulationResult p {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:12px;
	font-weight:bold;
}
.cls-bg {
	display:block;
	background:url(../../image/diamond/bg001.png) left top no-repeat;
}
.assessment .result .knblock-base {
	display:block;
	font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.result .knblock-base .lf {
	display:block;
	float:left;
	background:url(../../image/diamond/know-bg.png) left top no-repeat;
	width:336px;
	height:130px;
	text-align:left;
	margin-bottom:10px;
}
.result .knblock-base p {
	display:block;
	text-align:left;
	padding-left:9px;
	padding-right:9px;
	line-height:145%;
}
body .assessment .result .knblock-base p.img img {
	display:block;
	margin:0px;
}
.result .knblock-base .ri {
	display:block;
	float:right;
	background:url(../../image/diamond/know-bg.png) left top no-repeat;
	width:336px;
	height:130px;
	margin-bottom:10px;
}

}

@media screen and (max-width: 540px) {
.step-base {
	border-bottom:#ccc solid 1px;
}
	ul.accordion {font-size:12px;}
ul.accordion a { display:block;}
ul.accordion span { display:block;}
ul.accordion ul { display:none;}
ul.accordion > li { }
ul.accordion > li > p {cursor:pointer;}
ul.accordion > li > p span {}
ul.accordion > li > p span.open {}
ul.accordion > li > ul > li { color:#000000; padding:3%; font-size:12px;}
ul.accordion > li > ul > li > p { }
ul.accordion > li > ul > li > a { color:#000000; font-size:13px; padding-left:3%;}
ul.accordion > li > ul > li > ul > li {  color:#000000;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

.en-title {
	display:block;
	background:#efefee;
	padding:3%;
}
.en-title  div {
	display:block;
	font-size:17px;
	font-weight:bold;
	line-height:110%;
}
.en-title  div span {
	font-weight:normal;
	font-size:11px;
	display:inline;
	margin-left:5px;
}
.en-title img {
	display:block;
	float:left;
	height:16px;
	margin-right:5px;	
}
.bl-bg {
	background:#dcecf8;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:12px;
}
.bl-bg p {
	text-align:center;
}
.sp-celling {
	display:table-cell;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}
.ctinput {
	width:80%;
	height:30px;
	margin-right:8px;
	margin-left:4%;
}
.sp-celling img {
	width:12%;
}
.mt15 {
	margin-top:15px;
}
.select-base001 {
	display:block;
	padding-left:4%;
	padding-right:4%;
}
.select-base001 select {
	width:100%;
	font-size:16px;
}
.col-red {
	color:#fe0000;
}
.ans-base {
	display:block;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}
.ans-base .imgsp {
	display:block;
	text-align:center;
}
.txt-center {
	text-align:center;
}
.sateibtn {
	text-indent:-9999px;
	background:url(../../image/diamond/spbtn-bg.jpg) left top no-repeat;
	width:280px;
	height:60px;
	cursor:pointer;
	border:none;
}
#simulationResult {
	border:#e52636 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	width:174px;
	height:42px;
	font-size:26px;
	color:#e52636;
	text-align:right;
	float:left;
}
#simulationResult p {
	font-weight:bold;
	padding-right:8px;
}
.ans-base .img2sp {
	float:left;
}
}


@media screen and (min-width: 541px) {
	
.posit01 {
	position:absolute;
	top:82px;
	right:30px;
}
.pb-100 {
	padding-bottom:100px;
}
.priz span {
	display:block;
	margin-bottom:10px;
}
.priz p {
	font-size:10px;
}
.kangei-bg {
	display:block;
	background:url(../../image/diamond/kange-bg.png) left top no-repeat;
	height:171px;
}

}

@media screen and (max-width: 540px) {
.knblock-base {
	display:block;
	text-align:left;
}
.knblock-base .img {
	background:url(../../image/diamond/calat-bg.jpg) left top repeat-x;
	background-size:auto 100%;
	text-align:left;
	padding-left:10px;
}
.knblock-base img {
	display:block;
	height:21px;
}
.assessment .result .knblock-base {
	display:block;
	font-size:12px;
	text-align:left;
}

.result .knblock-base p {
	display:block;
	text-align:left;
	line-height:145%;
}
body .assessment .result .knblock-base p.img img {
	display:block;
	margin:0px;
}
.bannerBox {
	display:block;
}
.bannerBox img {
	display:block;

}
.brandList {
	display:none;
}
.step3 {
	display:none;
}
.step-sp {
	display:block;
	text-align:center;
}
.step-sp img {
	width:100%;
}
.step-sp div {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.h2til {
	background:url(../../image/common/h2_mainColumn.png) left top no-repeat;
	height:41px;
	width:1000px;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	font-size:18px;
	padding-left:16px;
	}


}

@media screen and (min-width: 541px) {

.faq-base {
	display:block;
	background:url(../../image/diamond/faq-bg.jpg) left top repeat-y;
	border:#ab8511 solid 1px;
	margin-top:10px;
	margin-bottom:10px;
}
.qtxt {
	display:block;
	background:url(../../image/diamond/faq-line.jpg) left bottom no-repeat;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
}
.qtxt p {
	display:block;
	background:url(../../image/diamond/q.jpg) left top no-repeat;
	font-size:16px;
	font-weight:bold;
	word-break:break-all;
	padding-left:40px;
	padding-top:7px;
	padding-bottom:7px;
}
.atxt {
	display:block;
	background:url(../../image/diamond/a.jpg) 10px 17px no-repeat;
	padding:13px;
}
}

@media screen and (min-width: 541px) {

.calt01 {
	display:block;
}
.calt-list-base {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
.calt-list-base ul {
	display:block;
}
.calt-list-base li {
	display:block;
	float:left;
	padding-left:35px;
	padding-right:18px;
}
.calt-list-base li p {
	display:block;
	width:182px;
	font-size:11px;
	line-height:170%;
}
.calt-list-base li p span {
	display:block;
	font-size:12px;
	text-align:center;
	margin-bottom:8px;
}
.calt-list-base li p b {
	display:block;
	text-align:center;
	font-size:25px;
	color:#d93838;
	margin:8px 0 10px;
}
.caltblock01 {
	display:block;
	background:url(../../image/brandjewelry/brand/block01-bg.jpg) left top no-repeat;
	height:500px;
	margin-bottom:20px;
}
.calt-txt {
	display:block;
	text-align:center;
	padding-top:10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:130%;
	font-weight:bold;
	font-size:20px;
}
.calt-txt p {
	display:block;
	height:120px;
	line-height:1.15;
	margin:5px 0 15px!important;
}
.fs40 {
	font-size:40px;
}
.fs30 {
	font-size:30px;
}
.fs32 {
	font-size:32px;
}
.fs18 {
	font-size:18px;
}
.ccolor01 {
	color:#b58912;
}
.ccolor02 {
	color:#c72e19;
}
.cal-imgblock {
	display:block;
	padding-left:25px;
}
.cal-imgblock p {
	display:block;
	float:left;
}
.clmain {
	display:block;
	float:left;
	padding-left:0px;
	margin-top:65px;
}
.clmain span {
	display:block;
	word-break:break-all;
	width:450px;
	font-size:14px;
	line-height:130%;
	margin-right:15px;
}
.cl-img {
	display:block;
	float:left;
	padding-top:80px;
	width:200px;
	margin:0 auto;
}
}

@media screen and (max-width: 540px) {
	
.calt01 {
	display:block;
	
}
.calt-list-base {
	display:block;
	padding:3%;
}
.calt-list-base ul {
	display:block;
}
.calt-list-base li {
	display:block;
	padding-bottom:1%;
}
.calt-list-base li:after {
	content:"";
	display:block;
	clear:both;
	}
.calt-list-base li img {
	display:block;
	float:left;
	width:35%;
}
.calt-list-base li p {
	display:block;
	width:60%;
	padding-left:3%;
	float:left;
	font-size:11px;
	line-height:170%;
}
.calt-list-base li p span {
	display:block;
	font-size:12px;
	margin-bottom:8px;
}
.calt-list-base li p b {
	display:block;
	font-size:19px;
	color:#d93838;
	margin:8px 0 10px;
}

.caltblock01 {
	display:block;
	background:url(../../image/brandjewelry/brand/block01-bg.jpg) left top no-repeat;
	background-size:100% 100%;
	margin-bottom:20px;
}
.calt-txt {
	display:block;
	text-align:center;
	padding-top:2%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:180%;
	padding-left:3%;
	padding-right:3%;
	font-weight:bold;
}
.calt-txt p {
	display:block;
}
.fs40 {
	font-size:18px;
}
.fs30 {
	font-size:13px;
}
.fs32 {
	font-size:14px;
}
.fs18 {
	font-size:12px;
}
.ccolor01 {
	color:#b58912;
	font-weight:bold;
}
.ccolor02 {
	color:#c72e19;
	font-weight:bold;
}
.cal-imgblock {
	display:block;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:9%;
}
.cal-imgblock p {
	display:none;
}
.clmain {
	display:block;
	width:100%;
}
.clmain span {
	display:block;
	word-break:break-all;	
/*	font-size:11px;	*/
	line-height:150%;
}
.cl-img {
	display:block;
	width:80%;
	margin:10px auto;
}
.cl-img img {
	display:block;
	width:50%;
	margin:0 auto;
}
	
}


/************************************************************************************************************************ diamond */