@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400|Roboto:100,400&display=swap');
/*****************************************************-
CSS Document : PC Design
- ****************************************************/

/*===========================================================================
 product-info
===========================================================================*/
body{ font-family: 'Roboto', 'Noto Sans JP', sans-serif;}
body, h2,h3{ font-weight:100;}
header,
footer{ font-weight:400 !important;}

.product-nav-flex ul li{ font-weight:400 !important;}

.floating_banner{ display: none;}

.product-nav .nav-col > li.buy_link_pc a {
	background: #dc3232;
	border-bottom: solid 3px #b8201f;
	color: #fff;
}
.product-nav .nav-col > li.buy_link_pc a:hover{
	background: #f16100;
	border-bottom: solid 3px #c44f00;
}

main .info-ttl {
	display:block;
	background:url(/product/phone/arrows_j/images/1/arrows_j-header.png) no-repeat center top;
	width:100%;
	height: 120px;
}
main .info-ttl p img {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}
.product-info .page-ttl { display:none;}

/*section:nth-child(2n+1) { background:#eeefef;}
section:nth-child(2n+0) { background:#ffffff;}*/
.design-dtl .design-copy{background:#434b4c; text-align:center;}

.product-info .design-dtl .dtl-ttl { line-height: 1.5; font-size: 231%; /*30px*/ text-align: center; vertical-align: bottom; margin-bottom:40px;}


/*===========================================================================
 tihs product original settings
===========================================================================*/
.product-info .breadcrumb{
	margin-top: 0 !important;
}
.design-dtl { overflow:hidden;}
.design-dtl p { font-size: 131%;}

.cat_img img{ display:none;}
section{
	padding: 0;
	border: none;
}
section.design-dtl .cts-inr h2.dtl-ttl { padding:0; margin:0 0 20px;}
section.design-dtl .cts-inr h3.dtl-ttl { text-align:left; padding:0; margin:0 0 20px;}
section.design-dtl .cts-inr h2 span{ font-size:80%;}
section.design-dtl .cts-inr p { padding:0;}
section.design-dtl .bgGray { padding: 50px 0; background: #eeefef;}
section.design-dtl .cts-inr.col2 { display: flex; justify-content: space-between;}
section.design-dtl .cts-inr.col2 .cnt-txt { width: 47%;}
.pcOnly{ display: block;}
.spOnly{ display: none;}


/* main */
.design-dtl .main-img{ min-height:700px; background:#eeefef url(/product/phone/arrows_j/images/1/design01.png) no-repeat center 110%;}
.main-img .ttl-btl{ width:980px;margin:0 auto; position:relative;}
.main-img .Copy{ font-size:277%; font-weight:100; width:100%; text-align:center; position:absolute; left:0; top:50px; line-height:1.4em;}
.main-img .subCopy{ width:100%; text-align:center; position:absolute; left:0; bottom:2.5em;}
.main-img .subCopy p{ font-size:116%; font-weight:100;}

/* block */
section.design-dtl.a-block .cat_img{ width:auto; min-height:450px; margin:0; background:url(/product/phone/arrows_j/images/1/design02.png) no-repeat 50% 50%;}
section.design-dtl.a-block .cts-inr .cnt-txt { margin:0 auto 0 0; padding-top:50px; text-align: center;}

section.design-dtl.b-block .cat_img{width:auto;min-height: 450px;background:#eeefef url(/product/phone/arrows_j/images/1/design03.png) no-repeat 50% 50%;}
section.design-dtl.b-block .cts-inr .cnt-txt { margin:0 0 0 auto; padding-top:50px; text-align: center;}

section.design-dtl.c-block .cat_img{width:auto;min-height: 450px;background:url(/product/phone/arrows_j/images/1/design04.png) no-repeat 50% 50%;}
section.design-dtl.c-block .cts-inr .cnt-txt { margin:0 auto 0 0; padding-top:50px; text-align: center;}

/* color */
.design-dtl.color-block{ background:#eeefef;}
.design-dtl.color-block .cts-inr { padding:80px 0 30px; overflow:hidden;}
.design-dtl.color-block .cts-inr + .cts-inr{ padding-top:20px;}
section.design-dtl.color-block .cts-inr h2.dtl-ttl { text-align:center; }
section.design-dtl.color-block .cts-inr p.color-txt { text-align:center; margin-bottom:3em;}
.color-block dl { width:50%; margin:0 0 40px; float:left;}
.color-block dl.bule-color{ float:none; margin:0 auto;}
.color-block dl dt { text-align:center; padding-bottom:20px;}
.color-block dl dd p.color-name { text-align:center; font-size:182%; margin:12px 0;}
.color-block dl dd p b{ font-weight:100; border-bottom:solid 1px #396; }

/* foot */
.design-dtl .design-footer { overflow:hidden; padding-bottom:50px;}
.design-dtl .design-footer .cts-inr{ width:900px; margin:0 auto; padding:50px 0;}
.design-dtl .design-footer .Models-photo { width: 51%; float:left; padding:0; text-align:center; }
.design-dtl .design-footer .Model-name { width:48%; margin-left:52%; padding:0; text-align:left;}
.design-dtl .design-footer .Model-name img{padding: 165px 0 0 50px;}