@media screen and (max-width : 768px){ 
#section_useful{
	position:relative;
	z-index:2;
}
#section_useful .inner{
	margin:0 auto;
	position:relative;
	
}
#section_useful h1{
	text-align:left;
	padding:50vw 10vw 0;
	margin:0;
}
#section_useful h1 img{
	width:70vw;
}
#section_useful .btn_useful{
	position:absolute;
	/*top:176vw;*/
	top: 4px;
	left:10vw;
	
	margin:0;
	z-index:2;
	
}
#section_useful .btn_useful a{
	display:inline-block;
	margin-right:6vw;
}
#section_useful .btn_useful img{
	height:8vw;
}

#section_useful .btn_preview{
	position:absolute;
	/*top:176vw;*/
	top: 14px;
	right:11vw;
	z-index:2;
	
}
#section_useful .btn_preview a{
	display:inline-block;
}

#section_useful .btn_preview a img{
	height:7vw;
}
#section_useful .title{
	position:absolute;
	top:30vw;
	left:0;
	width:100%;
	text-align:center;
	
	margin:0;
	
}
#section_useful .title img{
	margin:0 auto;
	width:20vw;
}
#section_useful .img_scroll{
	position:absolute;
	
	left:50%;
	margin-left:-20px;
	top:175vw;
	z-index:5;
	opacity:0;
	transition: all 0.2s;
}
#section_useful .img_scroll.show{
	opacity:1;
}
#section_useful .img_scroll img{
	width:10vw;
}
/*--  --*/
.f_wrap{
	margin:10vw 0 0;
	overflow:hidden;
}
.f_wrap .clm_l{
	padding:0 10vw;
}
.f_wrap .clm_r{
	padding:0 10vw;
}
.clm_l ul{
	border:solid 2px rgba(255,255,255,0.8);
	border-radius:5px;
	padding:4vw 2vw 4vw 6vw;
}
.clm_l ul li a{
	color:#fff !important;
	font-size:12px;
	line-height:30px;
}
.clm_l ul li a span{
	width:12px;
	height:12px;
	border-radius:2px;
	background:#fff;
	display:inline-block;
	margin-right:12px;
	
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.clm_l ul .li01 a span{
	background:none;
	border:solid 3px #fff;
}
.clm_l ul .li02 a span{	background:#509EAE;}
.clm_l ul .li03 a span{	background:#E79491;}
.clm_l ul .li04 a span{	background:#5BB6F2;}
.clm_l ul .li05 a span{	background:#EAA117;}
.clm_l ul .li06 a span{	background:#917CAC;}
.clm_l ul .li07 a span{	background:#98B23F;}
/*--  --*/
#section_useful .content.hide{
	opacity:0;
	pointer-events:none;
}
.f_wrap .clm_r{
	margin-top:25vw;
}
.f_wrap .clm_r ul{
	
}
.f_wrap .clm_r ul li{
}
/* グリッドレイアウトのコンテナ */
.grid {
  position: relative;
}
 
/* アイテム */
.item {
  display: block; /* 必須 */
  position: absolute; /* 必須 */
  z-index: 1;
	margin-bottom:20px;
}
.item img{
	width:100%;
}
/* _________________________________________ */
.menu_sp{
	width:100%;
	height:60px;
	position:fixed;
	top:56px;
	left:0;
	background:rgba(0,0,0,0.5);
	opacity:0;
	transition: all 0.2s;
	z-index:3;
}
.menu_sp.show{
	opacity:1;
}
.menu_sp img {
	width:35px;
	display:block;
	margin:12px auto 0;
}
/*--  --*/
.menu_sp_list{
	position:fixed;
	top:110px;
	margin-top:6vw;
	left:0;
	opacity:0;
	transition: all 0.2s;
	height:0;
	width:100%;
	padding:0 10vw;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.menu_sp_list.show{
	opacity:1;
	z-index:6;
	height:auto;
}
.menu_sp_list .btn_close img {
	width:30px;
	display:block;
	margin:0 auto 0;
}
#section_useful .menu_sp_list .title{
	position:static;
	padding-top:5vw;
	padding-bottom:5vw;
}
#section_useful .menu_sp_list .btn_useful{
	position:static;
	margin-top:3vw;
}
/* _________________________________________ */



#contents_footer_navigation,
#footer-sp,
#l-action-router,
#l-auto-local-footer {
	position:relative;
	z-index:10;
}
#footer-sp{
	background-color:#fff;
}

/* _________________________________________　bg slide */
.bg p span {
	width:100%;
}
}