@charset "utf-8";
#gn01304295 {
	color: #000000;	
	font-size: 24px;
	margin-top: 60px;
	line-height: 1.6em;
}

#gn01304295 #intro,
#gn01304295 .box {
	margin-bottom: 100px;
}

#gn01304295 #intro p:first-child {
	font-size: 36px;
	background: url(../../../img/usr/goods/gn01304295/arrow.png) no-repeat;
	background-position: 200px bottom;
	padding-bottom: 100px;
}
	
#gn01304295 h2 {
	color: #eb2f7f;
	font-size: 60px;
	line-height: 1.2em;
	margin-bottom: 30px;
}

#gn01304295 h2 span {
	font-size: 36px;
	display: block;
}

#gn01304295 .box {
	background-color: #fce5ef;
	padding: 30px;
}

#gn01304295 .heading {
	background: url(../../../img/usr/goods/gn01304295/arrow_h.png) no-repeat;
	background-position: 215px bottom;
	padding-bottom: 90px;
	margin-bottom: 30px;
}

#gn01304295 .heading div p {
	display: inline-block;
	font-size: 30px;
	background-color: #eb2f7f;
	color: #ffffff;
	padding: 5px 10px;
	margin-bottom: 20px;
}

#gn01304295 h3 {
	font-size: 50px;
	line-height: 1.2em;
}
	
#gn01304295 #p_1 .heading div {
	background: url(../../../img/usr/goods/gn01304295/p1.png) no-repeat;
	background-position: left center;
	padding-left: 210px;
}

#gn01304295 #p_2 .heading div {
	background: url(../../../img/usr/goods/gn01304295/p2.png) no-repeat;
	background-position: left center;
	padding: 40px 0 40px 210px;
}

#gn01304295 #p_3 .heading div {
	background: url(../../../img/usr/goods/gn01304295/p3.png) no-repeat;
	background-position: left center;
	padding-left: 210px;
}

#gn01304295 #p_4 .heading div {
	background: url(../../../img/usr/goods/gn01304295/p4.png) no-repeat;
	background-position: left center;
	padding-left: 210px;
}

#gn01304295 #p_5 .heading div {
	background: url(../../../img/usr/goods/gn01304295/p5.png) no-repeat;
	background-position: left center;
	padding: 25px 0 25px 210px;
}

#gn01304295 .fea {
	background-color: #ffffff;
	padding: 30px;
}

#gn01304295 .mb {
	margin-bottom: 30px;
}

#gn01304295 h4 {
	color: #eb2f7f;
	font-size: 36px;
	margin-bottom: 15px;
}

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

#gn01304295 .fea .fix div {
	margin-top: 150px;		
}

#gn01304295 #p_2 .fea {
	text-align: center;
}

#gn01304295 #p_2 .fea h4 {
	margin-top: 15px;		
}

#gn01304295 #story h3,
#gn01304295 #specs h3,
#gn01304295 #atten h3,
/*#gn01304295 #colors h3,*/
#gn01304295 #way h3 {
	text-align: center;
	margin-bottom: 30px;
}

#gn01304295 #story .fea {
	font-size: 18px;
}

#gn01304295 h5 {
	color: #eb2f7f;
	font-size: 30px;
}

#gn01304295 #story h5 {
	margin-top: 50px;
}

#gn01304295 #story .voice_a {
	background-color: #eff5fb;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0;
}

#gn01304295 #story .voice_a dt {
	color: #1663ba;
}

#gn01304295 #story .voice_b {
	background-color: #e9fcef;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0;
}

#gn01304295 #story .voice_b dt {
	color: #0aa83e;
}

#gn01304295 #story .voice_s {
	background-color: #fdeef5;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0;
}

#gn01304295 #story .voice_s dt {
	color: #eb2f7f;
}

#gn01304295 #specs .fea {
	text-align: center;
}

#gn01304295 #specs .fea .fix {
	margin-top: 30px;
}

#gn01304295 #specs .note {
	font-size: 18px;
	margin-bottom: 20px;
}

#gn01304295 #specs ul {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
}

#gn01304295 #specs ul li {
	background-color: #eb2f7f;
	border-radius: 8px;
	color: #ffffff;
	font-size: 36px;
	padding: 10px 15px;
	margin: 15px 8px;
}

#gn01304295 #specs .bdr {
	border: 1px solid #eb2f7f;
}

#gn01304295 #atten .fea {
	text-align: center;
}

#gn01304295 #atten h4.bg {
	margin-top: 60px;
	background: url(../../../img/usr/goods/gn01304295/arrow_b.png) no-repeat;
	background-position: center bottom;
	padding-bottom: 80px;

}

#gn01304295 #atten .box_g {
	background-color: #f6f6f6;
	border-radius: 15px;
	padding: 30px;
	text-align: left;
}

#gn01304295 #atten .box_g div {
	margin-top: 60px;
}

#gn01304295 #atten ul li {
	display: inline-block;
	background-color: #ffffff;
	border-radius: 8px;
	border: 1px solid #eb2f7f;
	color: #eb2f7f;
	font-size: 36px;
	padding: 10px 15px;
	margin: 0 5px 20px;
}

#gn01304295 #atten .name {
	margin-top: 20px;
	font-size: 30px;
}

#gn01304295 #atten .detail {
	margin-top: 30px;
	font-size: 36px;
}

#gn01304295 #atten .detail a,
#gn01304295 .others li a {
	color: #448aff;
	text-decoration: underline;
}

/*
#gn01304295 #colors .fea {
	text-align: center;
}
*/

#gn01304295 #way .fea {
	text-align: center;
}

#gn01304295 #way .bdr {
	border: 1px solid #c6c4c5;
}

#gn01304295 .others li {
	margin-bottom: 15px;
}

#gn01304295 .others li span {
	display: block;
	font-size: 18px;
	text-indent: 1.5em;
}

@media screen and ( min-width:521px ){ /* tablet&PC */
#gn01304295 #intro .fix:after {
	content: "";
	clear: both;
	display: block;
}

#gn01304295 #intro .fix div,
#gn01304295 #intro .fix img {
	float: left;
}

#gn01304295 #intro .fix div {
	width: 434px;
}
		
.pc_block {
	display: block;
}
	
#gn01304295 .fea .fix:after {
	content: "";
	clear: both;
	display: block;
}

#gn01304295 .fea .fix img {
	float: left;
}
	
#gn01304295 .fea .fix div {
	float: right;
	width: 350px;
}
	
#gn01304295 #p_5 .fea .fix div {
	margin-top: 100px;		
}
	
#gn01304295 #specs .fea .fix {
	padding: 30px 0 0 186px;		
}
	
#gn01304295 #specs .fea .fix p {
	float: left;
	width: 400px;
	margin-top: 50px;
}
	
#gn01304295 #specs ul {
	margin-bottom: 30px;
}
	
#gn01304295 #atten .fea .fix div {
	float: left;
}
	
#gn01304295 #atten .fea .fix div {
	width: 465px;
	margin-left: 30px;
}

}

@media screen and ( max-width:520px ){/* SP */
#gn01304295 h2 {/* 絶対必要 */
	padding: 0;
	background-color: transparent;
}
	
#gn01304295 {
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#gn01304295 #intro,
#gn01304295 .box {
	margin-bottom: 50px;
}

#gn01304295 #intro p:first-child {
	font-size: 18px;
	background-size: 40px;
	background-position: 50px bottom;
	padding-bottom: 40px;
}

#gn01304295 h2 {
	font-size: 30px;
	margin-bottom: 10px;
}

#gn01304295 h2 span {
	font-size: 18px;
}

#gn01304295 .box {
	padding: 10px;
}

#gn01304295 .heading {
	background-size: 40px;
	background-position: 105px bottom;
	padding-bottom: 40px;
	margin-bottom: 15px;
}

#gn01304295 .heading div p {
	font-size: 16px;
	padding: 0 5px;
	margin-bottom: 0;
}

#gn01304295 h3 {
	font-size: 22px;
}
	
#gn01304295 #p_1 .heading div {
	background-size: 90px;
	padding-left: 100px;
}

#gn01304295 #p_2 .heading div {
	background-size: 90px;
	padding: 25px 0 25px 100px;
}

#gn01304295 #p_3 .heading div {
	background-size: 90px;
	padding-left: 100px;
}

#gn01304295 #p_4 .heading div {
	background-size: 90px;
	padding-left: 100px;
}

#gn01304295 #p_5 .heading div {
	background-size: 90px;
	padding: 15px 0 15px 100px;
}

#gn01304295 .fea {
	padding: 10px;
}

#gn01304295 .mb {
	margin-bottom: 10px;
}

#gn01304295 .fea .fix {
	text-align: center;
}
	
#gn01304295 #p_1 .fea img,
#gn01304295 #p_2 .fea img,
#gn01304295 #p_3 .fea img,
#gn01304295 #p_4 .fea img,
#gn01304295 #p_5 .fea img,
#gn01304295 #way .fea img,
#gn01304295 #specs .fea img {
	width: 80%;		
}
	
#gn01304295 .fea .fix div {
	margin-top: 10px;		
}
	
#gn01304295 h4 {
	font-size: 20px;
	margin-bottom: 0;
}

#gn01304295 #p_2 .fea h4 {
	margin-top: 10px;		
}

#gn01304295 #story h3,
#gn01304295 #specs h3,
#gn01304295 #atten h3,
/*#gn01304295 #colors h3,*/
#gn01304295 #way h3 {
	margin-bottom: 15px;
}
	
#gn01304295 #story .fea {
	font-size: 14px;
}

#gn01304295 h5 {
	font-size: 18px;
}

#gn01304295 #story h5 {
	margin-top: 20px;
}
	
#gn01304295 #story .voice_a {
	padding: 10px;
	margin: 10px 0;
}

#gn01304295 #story .voice_b {
	padding: 10px;
	margin: 10px 0;
}

#gn01304295 #story .voice_s {
	padding: 10px;
	margin: 10px 0;
}
	
#gn01304295 #specs h4 {
	margin-top: 10px;
	line-height: 1.3em;
}

#gn01304295 #specs .note {
	font-size: 12px;
	margin-bottom: 10px;
}
	
#gn01304295 #specs ul li {
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 10px;
	margin: 10px 5px;
}

#gn01304295 #atten h4 {
	margin-top: 10px;
}
	
#gn01304295 #atten h4.bg {
	margin-top: 30px;
	background-size: 40px;
	padding-bottom: 40px;
	margin-bottom: 10px;
}

#gn01304295 #atten .fea .fix:after {
	content: "";
	clear: both;
	display: block;
}

#gn01304295 #atten .fea .fix img {
	float: left;
	width: 40%;
}
	
#gn01304295 #atten .fea .fix div {
	float: left;
	width: 60%;
}
	
#gn01304295 #atten .box_g {
	border-radius: 10px;
	padding: 15px;
}	
	
#gn01304295 #atten .box_g div {
	margin-top: 0;
}
	
#gn01304295 #atten .mb {
	margin-bottom: 15px;
}	
	
#gn01304295 #atten ul li {
	border-radius: 5px;
	font-size: 14px;
	padding: 0 5px;
	margin: 0 2px 5px;
}
	
#gn01304295 #atten .name {
	margin-top: 5px;
	font-size: 12px;
}

#gn01304295 #atten .detail {
	margin-top: 5px;
	font-size: 14px;
}
	
#gn01304295 #way h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}
	
#gn01304295 .sp_block {
	display: block;
}
	
#gn01304295 .others li {
	margin-bottom: 10px;
}

#gn01304295 .others li span {
	font-size: 14px;
}

}