@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;&display=swap');
#gn012000000 {
	font-size: 20px;
}

#gn012000000 #main,
#gn012000000 #color,
#gn012000000 #point,
#gn012000000 #model {
	margin-bottom: 100px;
}

#gn012000000 h2 {
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 15px;
}

#gn012000000 .u_line {
	background:linear-gradient(transparent 60%, #fffc01 0%);
}

#gn012000000 #main .box_b,
#gn012000000 #p_1,
#gn012000000 #p_2,
#gn012000000 #p_3,
#gn012000000 #p_4,
#gn012000000 #p_5 {
	background-color: #ffffff;
	border: #19b8cb 3px solid;
}

#gn012000000 dt {
	color: #078493;
	font-size: 30px;
	font-weight: 600;
}

#gn012000000 #main dl {
	margin-bottom: 10px;
}

#gn012000000 #color h2:before {
	content: "";
	width: 90px;
	height: 90px;
	background: url(../../../img/usr/goods/gn012000000/icn_colors.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -45px;
}

#gn012000000 #color h2 {
	position: relative;
	padding-left: 105px;
	margin-bottom: 25px;
}

#gn012000000 #color .box_w {
	background-color: #ffffff;
	text-align: center;
}

#gn012000000 h3 {
	font-size: 36px;
}

#gn012000000 #point h3 {
	color: #ffffff;
	background-color: #19b8cb;
	margin: 0;
	padding: 10px;
}

#gn012000000 #p_1,
#gn012000000 #p_2,
#gn012000000 #p_3,
#gn012000000 #p_4 {
	margin-bottom: 50px;
}

#gn012000000 #p_1 h3:before {
	content: "";
	width: 65px;
	height: 52px;
	background: url(../../../img/usr/goods/gn012000000/icn_p1.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -26px;
}

#gn012000000 #p_1 h3 {
	position: relative;
	padding-left: 95px;
}

#gn012000000 #p_2 h3:before {
	content: "";
	width: 83px;
	height: 52px;
	background: url(../../../img/usr/goods/gn012000000/icn_p2.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -26px;
}

#gn012000000 #p_2 h3 {
	position: relative;
	padding-left: 113px;
}

#gn012000000 #p_3 h3:before {
	content: "";
	width: 80px;
	height: 55px;
	background: url(../../../img/usr/goods/gn012000000/icn_p3.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -27px;
}

#gn012000000 #p_3 h3 {
	position: relative;
	padding-left: 110px;
}

#gn012000000 #p_4 h3:before {
	content: "";
	width: 86px;
	height: 52px;
	background: url(../../../img/usr/goods/gn012000000/icn_p4.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -26px;
}

#gn012000000 #p_4 h3 {
	position: relative;
	padding-left: 116px;
}

#gn012000000 #p_5 h3:before {
	content: "";
	width: 86px;
	height: 55px;
	background: url(../../../img/usr/goods/gn012000000/icn_p5.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -27px;
}

#gn012000000 #p_5 h3 {
	position: relative;
	padding-left: 116px;
}

#gn012000000 #point .inner {
	padding: 30px;
	text-align: center;
}

#gn012000000 .fix:after {
	content: "";
	clear: both;
	display: block;	
}

#gn012000000 .fleft {
	float: left;
}

#gn012000000 .fright {
	float: right;
}

#gn012000000 #size .icns {
	margin-bottom: 20px;
}

#gn012000000 #size .notice {
	color: #ff0000;
}

@media screen and ( min-width:521px ){ /* tablet&PC */
#gn012000000 h2,
#gn012000000 h3,
#gn012000000 dt	{
	font-family:"游明朝", YuMincho,serif;
}
	
#gn012000000 #main .box_b {
	background: url(../../../img/usr/goods/gn012000000/bg_model.png) no-repeat top left;
	padding: 10px 40px 0 370px;
}

#gn012000000 #color .box_w {
	padding: 20px 0;
}

#gn012000000 #p_2 .fleft {
	width: 390px;
}
	
#gn012000000 #p_2 .fright {
	width: 483px;
}
	
#gn012000000 #p_3 .fleft {
	width: 441px;
}
	
#gn012000000 #p_3 .fright {
	width: 333px;
}

#gn012000000 .pc_block {
	display: block;
}

#gn012000000 .sp_display {
	display: none;		
}

}

@media screen and ( max-width:520px ){/* SP */
#gn012000000 h2 {/* 絶対必要 */
	padding: 0;
	background-color: transparent;
}

#gn012000000 {
	font-size: 14px;
	line-height: 1.6em;
}
	
#gn012000000 #main,
#gn012000000 #color,
#gn012000000 #point,
#gn012000000 #model {
	margin-bottom: 50px;
}

#gn012000000 h2,
#gn012000000 h3,
#gn012000000 dt	{
	font-family: 'Noto Serif JP', serif;
}	
	
#gn012000000 h2 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 1.7em;
}

#gn012000000 #main .box_b,
#gn012000000 #p_1,
#gn012000000 #p_2,
#gn012000000 #p_3,
#gn012000000 #p_4,
#gn012000000 #p_5 {
	border: #19b8cb 1px solid;
}
	
#gn012000000 #main .box_b {
	padding: 10px 10px 0;
}

#gn012000000 dt {
	font-size: 20px;
	font-weight: 400;
}

#gn012000000 #main dl,
#gn012000000 #main dt {
	margin-bottom: 10px;
}
	
#gn012000000 #main img {
	width: 50%;		
}
	
#gn012000000 #color h2:before {
	width: 80px;
	height: 80px;
	left: 50%;
	top: 0;
	margin-top: 0;
	margin-left: -40px;
}
	
#gn012000000 #color h2 {
	padding-left: 0;
	padding-top: 85px;
	margin-bottom: 10px;
	text-align: center;
}
	
#gn012000000 h3 {
	font-size: 20px;
	line-height: 1.6em;
}
	
#gn012000000 #point h3 {
	padding: 10px;
}
	
#gn012000000 #point dt {
	line-height: 1.6em;
}
	
#gn012000000 #p_1,
#gn012000000 #p_2,
#gn012000000 #p_3,
#gn012000000 #p_4 {
	margin-bottom: 25px;
}
	
#gn012000000 #p_1 h3:before {
	width: 45px;
	height: 36px;
	left: 10px;
	margin-top: -18px;
}

#gn012000000 #p_1 h3 {
	padding-left: 75px;
}
	
#gn012000000 #p_2 h3:before {
	width: 63px;
	height: 39px;
	left: 10px;
	margin-top: -19px;
}

#gn012000000 #p_2 h3 {
	padding: 0 0 0 93px;
}

#gn012000000 #p_3 h3:before {
	width: 60px;
	height: 41px;
	left: 10px;
	margin-top: -20px;
}

#gn012000000 #p_3 h3 {
	padding: 0 0 0 90px;
}
	
#gn012000000 #p_4 h3:before {
	width: 66px;
	height: 40px;
	left: 10px;
	margin-top: -20px;
}

#gn012000000 #p_4 h3 {
	padding-left: 96px;
}
	
#gn012000000 #p_5 h3:before {
	width: 66px;
	height: 42px;
	left: 10px;
	margin-top: -21px;
}

#gn012000000 #p_5 h3 {
	padding: 0 0 0 96px;
}
	
#gn012000000 #point .inner {
	padding: 10px;
}

#gn012000000 #p_2 .fleft {
	width: 126px;
}
	
#gn012000000 #p_2 .fright {
	width: 155px;
}
	
#gn012000000 #p_3 .fleft {
	width: 150px;
}
	
#gn012000000 #p_3 .fright {
	width: 113px;
}

#gn012000000 .sp_block {
	display: block;
}
	
#gn012000000 .pc_display {
	display: none;		
}
	
}