@charset "utf-8";

html{
	min-width:0;
	-webkit-text-size-adjust: none;
}

body{
	background:none;
	background-color:#f5f5f5;
	-webkit-text-size-adjust:100%;
}

img{
	width:100%!important;
}

#header1{
	width:100%;
	height:auto;
	background-color:#fff;
	overflow:visible;
	margin:0 0 3px 0;
}
#header1 .logo{
	width:auto;
	float:none;
}
#header1 .logo img{
	width:auto!important;
	height:40px;
}
#header1 .txt,
#header1 .social{
	display:none;
}
footer .social{
	width:auto;
	height:35px;
	display:block;
	margin:10px 10px 0 10px;
	float:left;
}

#header2{
	width:100%;
	padding:0;
}
.page_top #header2{
	margin-bottom:10px;
}

#header2 dl{
	width:100%;
	float:none;
	margin-bottom:0;
}
.page_top #header2 dl dt{
	display:block;
}
.page_top #header2 dt a{
	background-color:#ff5a98;
	color:#444;
	text-decoration:none;
	text-align:center;
	padding:4px 0;
	margin-bottom:10px;
	display:block;
}
#header2 dd{
	display:none;
}
.page_top #header2 dd{
	display:block;
	width:210px!important;
	margin:10px auto 0 auto!important;
}
.page_top #header2 dd.txt{
	width:96%!important;
	margin:0 auto;
}
.page_top #header2 dd.btn{
	display:none;
}
.page_top #header2 dd.bn{
	display:none;
}
.page_top p.bn{
	display:none;
}
.page_top p.sp_bn{
	display:block;
}

header dl.sp_hdr_img{
	display:block;
}
header dl.sp_hdr_img dt{
	display:none;
}
header dl.sp_hdr_img dd{
	width:210px;
	margin:10px auto;
}
.page_top #header2 dd.btn{
	width:60px!important;
	position:static;
}

#about_btn,
#anq_btn{
	display:none!important;
}

.f_gnav_wpr{
	display:none;
}
header .gnav_wpr{
	margin-top:0;
	position:relative;
	display:block;
}
.gnav{
	width:100%;
	padding:4px;
	margin:0 0 0 0;
	background-color:#fafafa;
}

header .gnav{
	margin-top:0;
}
.gnav li{
	width:50%;
	margin:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	text-align:left;
}
.gnav li.home img,
.gnav li.list img{
	display:block!important;
}
.gnav li.home a,
.gnav li.list span{
	width:auto;
	height:auto;
	background:none!important;
}
.gnav_in_wpr{
	display:none;	
}
header .gnav_in_wpr{
	display:none;
}

.gnav_in_wpr{
	width:100%;
	background:url(../images/sp_gnav_arw.png) 80% top no-repeat;
	-moz-background-size:auto 10px;
	background-size:auto 10px;
	padding-top:10px;	
}

.gnav_in_wpr .pc{
	display:none;
}
.gnav_in_wpr .sp{
	display:block;
}
header .gnav_in_wpr{
	margin-top:0;
}
.gnav_in_wpr2,
.about_nav .gnav_in_wpr2{
	width:100%;
	background-color:#444;
	padding:3px 0 18px 0;
	margin-bottom:10px;
}
.gnav_in_wpr3{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.gnav_in{
	width:100%;
	float:none;
	margin:0 auto;
	display:inline;
}
.gnav_in li{
	width:80%;
	background:url(../images/sp_gnav_line.png) left bottom repeat-x;
	-moz-background-size:auto 1px;
	background-size:auto 1px;
	margin:0 auto;
}
.gnav_in li a,
.gnav_in li span{
	width:auto;
	height:26px!important;
	background-position:left bottom;
	background-repeat:no-repeat;
	-moz-background-size:auto 40px;
	background-size:auto 40px;
	display:block;
	color:#d2d2d2;
	font-size:92%;
	line-height:150%;
	padding:14px 0 0 25px!important;
	text-decoration:none;
}
.gnav_in li a br{
	display:none;
}
.gnav_in li.gnav1 a,
.gnav_in li.gnav1 a:hover{
	background-image:url(../images/sp_gnav_01.png);
}
.gnav_in li.gnav2 a,
.gnav_in li.gnav2 a:hover{
	background-image:url(../images/sp_gnav_02.png);
}
.gnav_in li.gnav3 a,
.gnav_in li.gnav3 a:hover{
	background-image:url(../images/sp_gnav_03.png);
}
.gnav_in li.gnav4 a,
.gnav_in li.gnav4 a:hover,
.gnav_in li.gnav4 span{
	background-image:url(../images/sp_gnav_04.png)!important;
}
.gnav_in li.gnav5 a,
.gnav_in li.gnav5 a:hover{
	background-image:url(../images/sp_gnav_05.png);
}
.gnav_in li.gnav6 a,
.gnav_in li.gnav6 a:hover{
	background-image:url(../images/sp_gnav_06.png);
}
.gnav_in li.gnav7 a,
.gnav_in li.gnav7 a:hover,
.gnav_in li.gnav7 span{
	background-image:url(../images/sp_gnav_07.png)!important;
}
.gnav_in li.gnav8 a,
.gnav_in li.gnav8 a:hover{
	background-image:url(../images/sp_gnav_08.png);
}
.gnav_in li.gnav9 a,
.gnav_in li.gnav9 a:hover,
.gnav_in li.gnav9 span{
	background-image:url(../images/sp_gnav_09.png);
}
.gnav_in li.gnav10 a,
.gnav_in li.gnav10 a:hover{
	background-image:url(../images/sp_gnav_10.png);
}
.gnav_in li.gnav11 a,
.gnav_in li.gnav11 a:hover{
	background-image:url(../images/sp_gnav_11.png);
}
.gnav_in li.gnav12 a,
.gnav_in li.gnav12 a:hover{
	background-image:url(../images/sp_gnav_12.png);
}
.gnav_in li.gnav13 a,
.gnav_in li.gnav13 a:hover{
	background-image:url(../images/sp_gnav_13.png);
}
.gnav_in li.gnav13 a,
.gnav_in li.gnav13 a:hover{
	background-image:url(../images/sp_gnav_13.png);
}
.gnav_in li.gnav14 a,
.gnav_in li.gnav14 a:hover{
	background-image:url(../images/sp_gnav_14.png);
}
#content .ttl{
	width:100%;
	overflow:inherit;
	border-top:1px #a7a7a7 solid;
	padding:10px 0 0 0;
	margin:5px 0;
}
#content h1{
	width:100%;
	height:auto;
	float:none;
	font-size:117%;
	line-height:150%;
	font-weight:bold;
	position:static;
	padding-bottom:7px;
	margin:0;
	text-align:center;
	border-bottom:1px #a7a7a7 solid;
}
#content h1 img{
	width:40px!important;
	display:block;
	margin:0 auto 3px auto;
}
#content .subject_list{
	width:100%;
	overflow:hidden;
	float:none;
}

#content .subject_list ul.l{
	width:49%;
	float:left;
}
#content .subject_list ul.r{
	width:49%;
	float:right;
}
#content .subject_list li{
	height:auto;
	padding:5px 0 0 0!important;
	border-bottom:1px #a7a7a7 solid;
	font-size:0;
	line-height:0;
}
#content .subject_list ul li.first{
	padding-top:0;
	border-bottom:1px #a7a7a7 solid;
}
#content .subject_list li img{
	width:135px!important;
	height:auto;
}

#content{	
	width:auto;
	margin:0 4px;
}

footer{
	width:100%;
	padding-bottom:40px;
	margin:0 auto;
}
footer:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
footer dl{
	width:auto;
	background-color:#fff;
	overflow:hidden;
	border-bottom:1px #c4c4c4 solid;
	padding:10px;
	margin:0 4px 4px 4px;
}
footer dl dt{
	width:15%;
	margin:10px 0 0 0;
	background-color:#CCC;
}
footer dl dd{
	width:80%;
	float:right;
	margin-right:0;
	display:inline;
}
footer dl dd span.h{
	font-size:117%;
	line-height:150%;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}
footer dl dd span.txt{
	color:#999;
	font-size:100%;
	line-height:135%;
	display:block;
}
footer dl dd span.fs{
	font-size:100%;
	line-height:105%;
	position:relative;
	top:-0.3em;
}
#content .product_attent{
	margin-top:0;
}
#content .cont1 dl.detail .fs{
	font-size:84%;
	line-height:125%;
	display:block;
	margin-top:2px;
}
#content .cont2 dl.detail .fs{
	font-size:84%;
	line-height:125%;
	margin-top:10px;
}
#content .cont1 dl.detail_p07{
	background:none;
	height:auto;
}
#content .cont1 dl.detail dd.prof{
	font-size:100%;
	line-height:150%;
	border-bottom:1px #ccc solid;
	padding:20px 0;
}
#fnav{
	width:auto;
	overflow:none;
	margin:0 4px;
}
#fnav li{
	width:100%;
	margin-bottom:4px;
}
#copy{
	letter-spacing:-1px;
	margin:0 10px;
	clear:both;
}

a{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#content .movie{
	width:100%;
	position:relative;
	padding-top:75%;
	margin-bottom:4px;	
}
#content .movie iframe{
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
}
#content .cont1{	
	width:100%;
	margin-bottom:4px;
}
#content .cont2_wpr{
	margin-bottom:0;
}
#content .cont2{
	width:100%;
	margin-bottom:4px;
}
#content .cont1 .l,
#content .cont2 .l{	
	width:100%;
	float:none;
}
#content .cont1 .r,
#content .cont2 .r{	
	width:100%;
	float:none;	
}
#content .cont_movie .l,
#content .cont_movie .r{	
	width:100%;
}
#content .movie_in{
	width:100%;
	position:relative;
	padding-top:75%;
	margin-bottom:4px;	
}
#content .movie_in iframe{
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
}

#content .cont1 .r{
    width:100%;
	height:160px;
	position:relative;
	overflow:hidden;
    margin:0 auto;
}
#content .cont1 .r .in{
	width:auto;
	float:left;

}

#content .apri_h{
	font-size:100%;
	line-height:150%;
	text-align:center;
	margin-bottom:10px;
}
#content .cont5,
#content .cont6,
#content .cont7{
	background:none!important;
}
#content .cont5 dl.sp_none,
#content .cont6 dl.sp_none,
#content .cont7 dl.sp_none{
	display:none;
}
#content .cont5 a,
#content .cont6 a{
	width:100%;
	min-height:0;
	height:auto;
	position:static;
	background-color:#fff;
	border-bottom:1px #c4c4c4 solid;
	float:left;
	padding:10px 0;
	margin-left:0;
	margin-bottom:4px;
	display:inline;
}
#content .cont5 a.first,
#content .cont6 a.first,
#content .cont7 a.first{
	margin-left:0;
}
#content .cont5 dl dt{
	background:url(../images/line_gray2.gif) center bottom no-repeat;
	-moz-background-size:auto 2px;
	background-size:auto 2px;
	font-size:100%;
	line-height:150%;
	padding-bottom:8px;
	margin-bottom:7px;
}
#content .cont6 dl dt,
#content .cont7 dl dt{
	font-size:100%;
	line-height:150%;
	letter-spacing:-1px;
	font-weight:normal;
}
#content .cont5 dl dd.sh{
	font-size:100%;
	line-height:150%;
	margin-bottom:8px;
}
#content .cont5 dl dd.pic,
#content .cont6 dl dd.pic{
	width:72%;
	margin:0 auto;
}
#content .cont7 dl dd.pic{
	width:80%;
	margin:0 auto;
}
#content .cont5 dl dd.txt,
#content .cont6 dl dd.txt{
	width:80%;
	font-size:100%;
	line-height:125%;
	text-align:center;
	margin:9px auto;
	padding:0;
}
#content .cont7 dl dd.pic{
	padding-bottom:0;
}
#content .cont5 dl dd.link,
#content .cont6 dl dd.link,
#content .cont7 dl dd.link{
	width:auto;
	position:static;
	text-align:right;
	margin:0 11px 0 0;
}
#content .cont7 dl dd.link{
	margin-top:8px;
}
#content p.attent{
	text-align:left;
	margin-bottom:10px;
}


#sp_slider_wpr{
position:relative;
width:100%;
height: 220px;
}

#sp_slider{
position:relative;
width:100%;
height: 220px;
overflow:hidden;
}

#sp_slider_in{
position: absolute;
top: 0;
left: 0;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
padding:0px;
margin:0px;
width: 1600px;
height: 220px;
-webkit-transform: translate3d(0px,0px,0px); 
}

#sp_slider_in .in{
float:left;
display:inline;
margin:0 5px;
}

#sp_slider_in img{
padding:0px;
margin:0px;
width: 100%;
-webkit-transform: translate3d(0px,0px,0px); 
}




#content .cont1 .prev,
#content .cont1 .next{
	width:15px;
	display:block;
	position:absolute;
	top:35%;
}
#content .cont1 .prev{
	left:10px;
}
#content .cont1 .next{
	right:10px;
}

#content .cont1 .l .in{
	background-image:none;
	height:auto;
}
#content .cont2 .l{
	height:auto;
}
#content .cont2 .r{
	height:auto;
}
#content .cont1 .in{
	margin-bottom:4px;
}

#content .cont1 .social_btn{
	display:none;
}
#content .social_btn02{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#content .social_btn02 li{
	width:50%;
	float:right;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	margin:0;
}
#content .social_btn02 li a{
	width:auto;
	height:auto;
	background:none!important;
}
#content .social_btn02 li img{
	display:block;
}

#content .social_btn02 li.pdf_btn2,
#content .social_btn02 li.pdf_btn5,
#content .social_btn02 li.pdf_btn11{
	display:none;
}
#content .sp_pdf_btn{
	display:block;
	margin-bottom:2px;
}
#content .sp_social{
	display:block;
}

#content .about_cont{
	background-color:#fff;
	border-bottom:1px #c4c4c4 solid;
	padding:25px 20px;
	margin:13px 0 4px 0;
}
#content .about_cont dt{
	background:url(../images/line_pink.gif) center bottom no-repeat;
	font-size:0;
	line-height:0;
	padding-bottom:25px;
	margin-bottom:15px;
	text-align:center;
}
#content .about_cont dt img{
	width:66%!important;
	height:auto;
}
#content .about_cont dd{
	font-size:117%;
	line-height:150%;
}

#content .cont1 dl.detail,
#content .cont2 dl.detail{
	padding:20px;
}
#content .cont1 dl.detail dt,
#content .cont2 dl.detail dt,
#content .about_cont dt{
	-moz-background-size:auto 2px;
	background-size:auto 2px;
	font-size:117%;
	line-height:130%;
	padding-bottom:18px;
	margin-bottom:18px;
}
#content .cont1 dl.detail dd,
#content .cont2 dl.detail dd{
	font-size:117%;
	line-height:150%;
}
#content .cont2_wpr dl.detail dd.apri_dd{
	position:static;
	margin:15px 0 0 0;
}
#content dl.detail dd.wpdl{
	display:none;
}
#content .cont2 dl dt.gray_arw{
	background-image:url(../images/line_gray.gif);
}
#content .cont2 dl dt.green_arw{
	background-image:url(../images/line_green.gif);
}
#content .cont2 dl dt.yellow_arw{
	background-image:url(../images/line_yellow.gif);
}
#content .cont2 dl dt.bluegreen_arw{
	background-image:url(../images/line_bluegreen.gif);
}
#content .cont2 dl dt.pink_arw{
	background-image:url(../images/line_pink.gif);
}
#content .cont2 dl dt.orange_arw{
	background-image:url(../images/line_orange.gif);
}
#content .cont2 dl dt.blue_arw{
	background-image:url(../images/line_blue.gif);
}
#content .cont2 dl dt.lightblue_arw{
	background-image:url(../images/line_lightblue.gif);
}
#content .cont2 dl dt.purple_arw{
	background-image:url(../images/line_purple.gif);
}

#content .product_wpr{
	margin:0;
	clear:both;	
}
#content .product_h{
	font-size:100%;
	line-height:150%;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}
#content .product_h .h{
	font-size:117%;
	display:block;
	margin-bottom:3px;
}
#content .product_h br{
	display:block;
}
#content .product1,
#content .product2,
#content .product3{
	zoom:1;
	color:#fff;
	margin-bottom:0;
}
#content .product1 dl,
#content .product2 dl,
#content .product3 dl,
#content .product1 dl.product_14a{
	width:100%!important;
	height:auto;
	background-position:0 0;
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	position:relative;
	padding:39% 0 12% 0!important;
	margin:0 0 4px 0;
}
#content .product_wpr .l,
#content .product_wpr .c,
#content .product_wpr .r{
	width:100%!important;
	float:left;
	margin:0!important;
}
#content .product1 dt,
#content .product2 dt,
#content .product3 dt{
	font-size:100%!important;
	line-height:150%!important;
	padding:0;
	margin:0 5px 0 10px!important;
}
#content .product_wpr dl dd.detail{
	position:static;
	margin:10px 0 0 10px;
}
#content .product_wpr .price a{
	width:auto;
	padding:5px 15px;
	border-bottom:4px #fff solid;
}
#content .product_wpr .product1 .price a{
	border-bottom:none;
}
#content .product_wpr dl.product_14a{
	background-image:url(../images/sp_product14a.png)!important;
}
#content .product_wpr dl.product_13a{
	background-image:url(../images/sp_product13a.png)!important;
}
#content .product_wpr dl.product_11a{
	background-image:url(../images/product11a_sp.png)!important;
}
#content .product_wpr dl.product_13{
	background-image:url(../images/sp_product13.png)!important;
}
#content .product_wpr dl.product_11{
	background-image:url(../images/sp_product11.png)!important;
}
#content .product_wpr dl.product_21{
	background-image:url(../images/sp_product21.png)!important;
}

#content .sp_none{
	display:none;
}

/****** top ******/

#content .top_cate{
	width:100%;
	overflow:hidden;
	margin-bottom:4px;
	display:table;
}
#content .top_cate img{
	display:none;
}
#content .top_cate img.sp{
	display:block!important;
}
#content .top_cate li{
	display:table-cell;
	float:none;
	vertical-align:top;
}
#content .top_cate li.cate_scean{
	width:76.5%;
	text-align:right;
}
#content .top_cate li.cate_all{
	width:22.8%;
	text-align:right;
}

#content #tnav1{
	width:100%;
	height:auto;
	background:none!important;
	margin:0 auto 5px auto;
	display:table;
}

#content #tnav1_in,
#content #tnav2_in{
	width:auto;
	height:auto;
	background:none;
}
#content #tnav1 dt,
#content #tnav2 dt{
	width:60px;
	height:auto;
	background:none!important;
	margin:0 auto 5px auto;
	text-align:center;
	position:static!important;
}
#content #tnav1 dd{
	width:33.3%;
	height:auto;
	background:none!important;
	margin:0;
	float:left;
	display:inline;
	display:table-cell;
	text-align:center;
	position:static!important;
}
#content #tnav1 dd img{
	width:98%!important;
}
#content #tnav1 dd .pc,
#content #tnav2 dd .pc{
	display:none;
}
#content #tnav1 .sp,
#content #tnav2 .sp{
	display:block;
}
#content #tnav2{
	width:100%;
	height:auto;
	background:none!important;
	font-size:0;
	line-height:0;
	margin:0 auto;
	display:table;
	margin-bottom:10px;
}
#content #tnav2 dd{
	width:25%!important;
	height:auto;
	background:none!important;
	margin:0;
	float:left;
	display:inline;
	display:table-cell;
	text-align:center;
	position:static!important;
}
#content #tnav2 dd img{
	width:98%!important;
}

#content #top_cont{
	width:auto;
	height:auto;
	margin-bottom:0;
}
#content #top_cont #loader{
	width:40px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-20px;
}
#content #top_cont div.top_cont_01,
#content #top_cont div.top_cont_02,
#content #top_cont div.top_cont_03,
#content #top_cont div.top_cont_04,
#content #top_cont div.top_cont_05,
#content #top_cont div.top_cont_06,
#content #top_cont div.top_cont_07,
#content #top_cont div.top_cont_08,
#content #top_cont div.top_cont_09,
#content #top_cont div.top_cont_10,
#content #top_cont div.top_cont_11,
#content #top_cont div.top_cont_12,
#content #top_cont div.top_cont_13,
#content #top_cont div.top_cont_14{/*追加2014-02-14*/
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
	margin-bottom:4px;
}
#content #top_cont div.top_cont_06,
#content #top_cont div.top_cont_07{
	width:49%;
}
#content #top_cont div .txt{
	width:100%;
}
#content #top_cont div .icon{
	width:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
	text-align:center;
}
#content #top_cont div .arw{
	width:20%;
	position:absolute;
	bottom:0;
	right:0;
}
#content #top_cont .hover{
	display:none!important;
}
#content .top_bn{
	margin-bottom:10px;
}

#content #top_cont {
	height:1000px;
}


#content #top_cont .box_in{
	opacity:0;
}

#content .cont_txt{	
	width:auto;
	background-color:#fff;
	border-bottom:1px #c4c4c4 solid;
	padding:10px;
	font-size:100%;
	line-height:150%;
	margin:0 0 4px 0;
	text-align:center;
}

#content .page4_cont{
	margin-bottom:10px;
}
#content .page4_cont .h{
	font-size:100%;
	text-align:left;
	padding:10px;
}
#content .page4_cont .h span{
	font-size:100%;
}
#content .page4_cont .h br{
	display:block;
}
#content .page4_cont .l,
#content .page4_cont .r{
	width:100%;
	float:none;
}
#content .page4_cont .r{
	float:right;
}

/** 追加131001 **/

#content .cont3 {
	width:auto;
	padding:10px;
	margin-bottom: 4px;
}

#content .cont3 p {
	margin: 0;
	text-align: left;
}

#content .cont3 p.page4_txt{
	padding-top:0!important;
}
#content .cont4 {
	width:auto;
	padding:15px;
	text-align: left;
	margin-top: 4px;
}

#content .cont4 .fl{
	width:20%!important;
	margin-right:10px;
}
#content .cont4 br.sp_none{
	display:none;
}

#top_bn_pc {
	display: none;
}

#top_bn_sp {
	margin-top: 4px;
}

#content .cont3 .fr{
	display:none;
}
#content .cont3 .fl{
	width:30%!important;
	display:block;
}
#content .cont3 br{
	display:none;
}



/** 追加131018 **/

/* NAVIGATION */
.sp_nav { display:block; margin: 0 0 10px; }
.pc_nav { display:none; }

#fnav .fnav3 {
	margin-top: 5px;
	text-align: center;
}
#fnav .fnav3 img {
	width: 90% !important;
}

.overlay,
.modal{
	display:none!important;
}

.hl01 {
	height: auto !important;
	top: 0 !important;
	margin: 0 !important;
}
.hl01 img {
	padding: 0;
	float:none;
}
.pc.column_wrapper {
	display: none;
}
.sp.column_wrapper {
	display: block;
}
.column_description {
	padding: 0px 30px 30px !important;
}
.column_description  .column_left,
.column_description  .column_right {
	width: 100% !important;
}
.column_description  .column_right p {
	margin: 0;
	padding: 30px 0 0;
	line-height: 26px;
	background: url(../images/usage14_sp_dotted.jpg) top repeat-x;
}
.column_description .column_left {
	min-height: 190px;
	background: url(../images/usage14_pic_03_sp.jpg) no-repeat;
	background-size: 100%;
}
.column_description .column_left p {
	width: 75% !important;
	padding: 10% 0 20px;
	line-height: 22px;
}
.column_left,
.column_right {
	float: none;
}
#level01,
#level02 {
	margin: 0 0 10px !important;
}
.level_header {
	margin: 0 0 0px;
}
.nav_level h2.sp { display: block; }
.nav_level h2.pc { display: none; }
.nav_level h2.sp {
	margin: 55px 0 15px;
	font-size: 30px;
	color: #666;
	text-align: center;
	line-height: 34px;
}

.sp.h_level {
	max-width: 22%;
	display:block;
	margin: 25px auto;
}
.sp.h_level img{
}
.pc.h_level {
	display:none;
}
.h_line {
	margin: 0 auto;
	position: static;
	font-size:170%;
	text-align: center;
	line-height: 30px;
}
.sp.h_line {
	display: block;
}
.pc.h_line {
	display: none;
}
.clip_area {
	width: 100%;
	height: auto;
	padding-top: 60%;
	margin-left: 0 !important;
	float: none !important;
	position: relative;
}
.clip_area iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.level_wrapper {
	padding: 0 30px 30px;
}
.level_description_area {
	width: 100% !important;
	float: none !important;
}
.level_description {
	margin: 30px 0 30px !important;
	font-size: 130%;
	line-height: 23px;area_addr
}
.products_area {
	padding-bottom: 20px;
}
#level01 .products_area {
	border-bottom: 2px solid #f5a236;
}
#level02 .products_area {
	border-bottom: 2px solid #4e7bb5;
}
#level03 .products_area {
	border-bottom: 2px solid #d85873;
}
#level03 {
	margin: 0 0 50px !important;
}
.products_figure {
	margin: 0 0 10px;
}
.products_description {
	font-size: 120% !important;
	line-height: 20px;
}
.products_01 {
}
.products_02 {
}
.products_03 {
}
.sp.products_figure {
	display:block;
}
.pc.products_figure {
	display:none;
}

.sp.event_txt { display: block; }
.pc.event_txt { display: none; }
.sp.event_txt img { width: 80% !important; }
.cont_event {
	width: 100% !important;
	box-sizing: border-box;
	margin: 0 0 30px !important;
}
.event_area {
	width: auto;
	padding: 0 30px;
}
.event_area a {
	margin-right: 0 !important;
	margin-bottom: 30px;
	padding-bottom: 10px;
	display: block;
	background: url(../images/usage14_sp_dotted.jpg) bottom repeat-x;
}
.event_area a.last_child {
	margin-bottom: 0;
	padding-bottom: 0px;
	background: none;
}
.event_area a:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.event_info {
	padding: 0 15px;
	font-size: 23px;
}
.area_addr {
	font-size: 20px;
	line-height: 30px;
}
.area_pic {
	width: 45%;
	margin-right: 5% !important;
	float: left;
}
.area_wrapper {
	width: 50%;
	float: left;
}
.area_name {
	margin-bottom: 10px !important;
}

#gift_area.sp { display:block; }
#gift_area.pc { display:none; }

#gift_area.sp {
	margin: -15px auto 0;
	position: relative;
}
.gift_title {
	width: 90%;
	position: absolute;
	top: 10%;
	left: 5.5%;
}
.gift_wallpaper {
	width: 90%;
	position: absolute;
	top: 30%;
	left: 5.5%;
}
.sp .gift_text {
	width: 100%;
	position: absolute;
	bottom: 17%;
	font-size: 140%;
	line-height: 20px;
	text-align: center;
}
.sp .questionnaire {
	width: 90%;
	position: absolute;
	bottom: 4%;
	left: 5.5%;
}

#level03 .cont4 {
	padding: 10px 18px 0 !important;
}
.pc.cont4 {
	display: none;
}
.sp.cont4 {
	display: none;
}
.sp640.cont4 {
	display: block;
}
.sp640.cont4 .intro_figure {
	width: 156px;
	float: left;
}
.sp640.cont4 .intro_description {
	width: 396px;
	float: left;
	font-size: 14px;
}
.sp640.cont4 .intro_name {
	font-size: 16px;
	margin: 0 0 26px;
}
.sp.intro_figure { display:block; }
.pc.intro_figure { display:none; }
.first_cont4 {
	position: relative;
	margin-bottom: 10px !important;
}
.first_cont4 .intro_figure {
	width: 20%;
	padding: 12px 0 0;
	height: auto;
	float: left;
}
.first_cont4 .intro_figure:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.first_cont4 .intro_name {
	margin: 0 0 2px;
}
.first_cont4 .intro_description {
	padding: 10px 0 20px;
	width: 76%;
	float: left;
	overflow: hidden;
	font-size: 16px;
	line-height: 22px;
}
.movie_info {
	padding: 15px 30px !important;
	position: relative;
}
.movie_info .intro_figure {
	width: 150px;
	margin: 30px auto 30px;
	float: none !important;
}
.movie_info .intro_description {
	width: 100%;
	font-size: 20px;
	line-height: 28px;
}
.movie_info .intro_name {
	position: absolute;
	top: 10px;
	left: 20px;
}
.movie_info .pc.info_title { display: none; }
.movie_info .sp.info_title { display: block; }
.movie_info .info_title {
	text-align: center;
	margin: 20px 0 0;
	font-size: 26px;
	line-height: 36px;
}
.movie_info .fs18 {
	font-size: 20px !important;
}

@media only screen and (max-width : 320px) {
	.nav_level h2.sp {
		margin: 30px 0 10px;
		font-size: 20px;
		line-height: 26px;
	}

	.event_area {
		padding: 0 20px;
	}
	.event_info {
		font-size: 130%;
	}
	.area_name {
		margin: -4px 0 10px !important;
		font-size: 110% !important;
	}
	.area_addr {
		font-size: 100%;
		line-height: 14px;
	}
	.sp.h_level {
		max-width: 35%;
		display: block;
		margin: 25px auto;
	}
	.sp .gift_text {
		bottom: 15.6%;
		font-size: 100%;
		line-height: 13px;
	}
	.sp.cont4 {
		display: block;
	}
	.sp640.cont4 {
		display: none;
	}

	.movie_info .intro_figure {
		margin: 20px auto 20px !important;
	}
	.first_cont4 .intro_name {
		font-size: 100%;
	}
	.first_cont4 .intro_description {
		font-size: 100%;
		line-height: 20px;
	}
	.movie_info .info_title {
		font-size: 15px;
		line-height: 26px;
	}
	.movie_info .intro_description {
		font-size: 100%;
		line-height: 20px;
		margin: 0 !important;
	}
	#level03 {
		margin: 0 0 30px !important;
	}
}