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

#gn01311263 #intro,
#gn01311263 .box,
#gn01311263 #movie_1,
#gn01311263 #movie_2 {
	margin-bottom: 100px;
}

#gn01311263 #intro p:first-child {
	font-size: 36px;
	background: url(../../../img/usr/goods/gn01311263/arrow.png) no-repeat;
	background-position: 200px bottom;
	padding-bottom: 100px;
}

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

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

#gn01311263 #intro .fix div {
	width: 660px;
}
	
#gn01311263 h2 {
	color: #eb2f7f;
	font-size: 60px;
	line-height: 1.2em;
	margin-top: 30px;
	margin-bottom: 30px;
}

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

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

#gn01311263 .box .contents {
	background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 30px 0;
    padding: 10px;
}

#gn01311263 .box .fea-box {
    width: 33%;
    margin-bottom: 20px;
    padding: 30px 8px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#gn01311263 #story h3,
#gn01311263 #specs h3,
#gn01311263 #colors h3,
#gn01311263 #way_3 h3 {
	text-align: center;
	margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

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

#gn01311263 #specs h4.mb {
	margin-bottom: 50px;
}

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

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

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

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

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

#gn01311263 #specs .fea img:last-child {
	margin-top: 80px;
}

#gn01311263 #specs .link,
#gn01311263 #way_3 .link {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

#gn01311263 #specs .link a,
#gn01311263 #way_3 .link a,
#gn01311263 .others li a {
	color: #448aff;
	text-decoration: underline;
}

#gn01311263 #colors .fea {
	text-align: center;
}

#gn01311263 #way_3 .fea {
	text-align: center;
}

#gn01311263 #way_3 h4 span {
	display: inline-block;
	background-color: #eb2f7f;
	color: #ffffff;
	padding: 5px 10px;
	margin-bottom: 15px;
}

#gn01311263 #way_3 .fea div:first-child,
#gn01311263 #way_3 .fea div:nth-child(2) {
	margin-bottom: 50px;
}

#gn01311263 #movie_1,
#gn01311263 #movie_2 {
	text-align: center;
}

#gn01311263 #movie_1 iframe {
	width: 904px;
	height: 508px;
}

#gn01311263 #movie_1 p,
#gn01311263 #movie_2 p {
	font-size: 14px;
	line-height: 1.6em;
}

#gn01311263 #movie_2 h5,
#gn01311263 .others h5 {
	margin-bottom: 10px;
}

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

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

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

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

}

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

#gn01311263 #intro,
#gn01311263 .box,
#gn01311263 #movie_1,
#gn01311263 #movie_2 {
	margin-bottom: 50px;
}

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

#gn01311263 #intro .fix img {
	width: 30%;
}

#gn01311263 #intro .fix div {
	width: 70%;
}
	
#gn01311263 h2 {
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 10px;
}

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

#gn01311263 .box {
	padding: 10px;
}

#gn01311263 .box .contents {
	background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 30px 0;
    padding: 10px;
}

#gn01311263 .box .fea-box {
    width: 48%;
    margin-bottom: 5px;
    padding: 20px 5px;
    text-align: center;
}

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

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

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

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

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

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

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

#gn01311263 .fea {
	padding: 10px;
}

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

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

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

#gn01311263 #story h3,
#gn01311263 #specs h3,
#gn01311263 #colors h3,
#gn01311263 #way_3 h3 {
	margin-bottom: 15px;
}
	
#gn01311263 #story .fea {
	font-size: 14px;
}

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

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

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

#gn01311263 #story .voice_s {
	padding: 10px;
	margin: 10px 0;
}
	
#gn01311263 #specs h4 {
	margin-top: 10px;
	line-height: 1.3em;
}
	
#gn01311263 #specs h4.mb {
	margin-bottom: 20px;
}
	
#gn01311263 #specs .fea .fix:after {
	content: "";
	clear: both;
	display: block;
}

#gn01311263 #specs .fea .fix img {
	float: left;
	width: 50%;
}
	
#gn01311263 #specs .fea .fix p {
	float: left;
	width: 50%;
	margin-top: 20px;
}
	
#gn01311263 #specs .note,
#gn01311263 #way_3 .note {
	font-size: 12px;
	margin-bottom: 10px;
}
	
#gn01311263 #specs ul li {
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 10px;
	margin: 10px 5px;
}
	
#gn01311263 #specs .fea img:last-child {
	margin-top: 50px;
}
	
#gn01311263 #specs .link,
#gn01311263 #way_3 .link	{
	font-size: 14px;
	margin-top: 5px;
}
	
#gn01311263 #way_3 h4 {
	margin-bottom: 5px;
	line-height: 1.4em;
}
	
#gn01311263 #way_3 h4 span {
	margin-bottom: 10px;
}

#gn01311263 #way_3 .fea div:first-child,
#gn01311263 #way_3 .fea div:nth-child(2) {
	margin-bottom: 30px;
}
	
#gn01311263 #movie_1 iframe {
	width: 100%;
	height: auto;
}
	
#gn01311263 #movie_1 p,
#gn01311263 #movie_2 p {
	font-size: 11px;
	line-height: 1.6em;
}
	
#gn01311263 #movie_2 video {
	width: 100%;
	height: auto;
}
	
#gn01311263 .others li {
	margin-bottom: 10px;
}

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

}