/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 980px) and (max-width: 1024px) {

.w_area{
padding:0 20px;}

.sp_top_slide{
display:none;}



}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 641px) and (max-width: 979px) {


.photos_p_img_left_img_area{
width:100%;
float:none;
padding:0;}

.photos_p_img_left_txt_area{
width:100%;
float:none;}

.w_area{
padding:0 20px;}

.sp_top_slide{
display:none;}




.posts_partial_square_blog_date{
	flex:0 1 50%;
	max-width:50%;
}

.posts_partial_square_button{
	flex:0 1 50%;
	max-width:50%;
}

.posts_partial_square_body{
	height:70px;
}




/*----------------------topのimgの上にロゴ--------------------*/
.sp_topimg_logo_png{
	height:auto;
	width:80%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:60;
}

.sp_topimg_logo_png img{
	position:relative;
	max-width:100%;
	object-fit:scale-down;
}





}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_yoko  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 480px) and (max-width: 640px) {


.pc_movie{
display:none;}

.index_menu_area{
	display:none;
}

.sp_top_slide{
display:block;
width:100%;
height:100vh;
z-index:50;
position:relative;}

.sp_top_slide .swiper-container{
min-width:100%;
min-height:100vh;
width:100%;
height:100vh;
z-index:50;
position:relative;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}


.swiper-slide img{
width:100%;
height:100vh;
object-fit:cover;
}


.photos_p_img_left_img_area{
width:100%;
float:none;
padding:0;}

.photos_p_img_left_txt_area{
width:100%;
float:none;}

.w_area{
padding:0 20px;}

.header_menu{
padding:10px 5px;}




.photos_column3_box_title_area{
	display:block;
}

.photos_column3_box_title,
.photos_column3_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}

.photos_column3_view_all{
	width:60%;
}


.photos_column3_index_box_title_area{
	display:block;
}

.photos_column3_index_box_title,
.photos_column3_index_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}


.photos_column3_view_box{
	display:block;
	margin:30px 0;
}

.photos_column3_view_img{
	max-width:100%;
}

.photos_column3_view_detail{
	max-width:100%;
	margin:0;
}








.posts_partial_square_area{
	display:block;
}

.posts_partial_square_box{
	display:flex;
	max-width:100%;
	margin:30px 0 0 0;
	flex-wrap:nowrap;
}

.posts_partial_square_box a{
	flex:0 1 20%;
	max-width:20%;
}

.posts_partial_square_detail{
	flex:0 1 80%;
	max-width:80%;
	padding:0 0 0 20px;
}

.posts_partial_square_title h2{
	font-size:1.6rem;
	height:auto;
	margin:10px 0 15px 0;
}

.posts_partial_square_body{
	display:none;
}

.posts_partial_square_r_vm_area{
	display:flex;
	justify-content:space-between;
}

.posts_partial_square_button a{
	max-width:100%;
}

.posts_square_view_all{
	width:60%;
}








ul.catalogs_column3_box li{
	flex:1 0 48%;
	max-width:48%;
	margin:10px 1%;
}


ul.catalogs_column3_index_box li{
	flex:1 0 48%;
	max-width:48%;
	margin:0 1% 30px 1%;
}





/*----------------------topのimgの上にロゴ--------------------*/
.sp_topimg_logo_png{
	height:auto;
	width:80%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:60;
}

.sp_topimg_logo_png img{
	position:relative;
	max-width:100%;
	object-fit:scale-down;
}




}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_tate  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 479px) {

.pc_movie{
display:none;}

.index_menu_area{
	display:none;
}

.sp_top_slide{
display:block;
width:100%;
height:100vh;
z-index:50;
position:relative;}

.sp_top_slide .swiper-container{
min-width:100%;
min-height:100vh;
width:100%;
height:100vh;
z-index:50;
position:relative;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}


.swiper-slide img{
width:100%;
height:100vh;
object-fit:cover;
}



.photos_p_img_left_img_area{
width:100%;
float:none;
padding:0;}

.photos_p_img_left_txt_area{
width:100%;
float:none;}

.w_area{
padding:0 20px;}

.header_menu{
padding:10px 5px;}

.posts_index_flex{
display:block;}

.posts_left_area{
flex:0 0 100%;
max-width:100%;}

.posts_right_area{
flex:0 0 100%;
max-width:100%;}


/*---------------ページ間のスペースを狭くする 2018_1012--------------*/
.photos_p_img_upper,
.photos_slide,
.photos_p_img_left{
padding:40px 0 0 0;}

.photos_p_img_upper_link{
	padding:0 0 40px 0;
	margin:0;
}






.photos_column3_box_title_area{
	display:block;
}

.photos_column3_box_title,
.photos_column3_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}

.photos_column3_view_all{
	width:60%;
}



.photos_column3_index_box_title_area{
	display:block;
}

.photos_column3_index_box_title,
.photos_column3_index_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}



.photos_column3_view_box{
	display:block;
	margin:30px 0;
}

.photos_column3_view_img{
	max-width:100%;
}

.photos_column3_view_detail{
	max-width:100%;
	margin:0;
}











.catalogs_column3_box_title_area{
	display:block;
}

.catalogs_column3_box_title,
.catalogs_column3_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}

.catalogs_column3_view_all{
	width:60%;
}



.catalogs_column3_index_box_title_area{
	display:block;
}

.catalogs_column3_index_box_title,
.catalogs_column3_index_box_readmore{
	border:1px solid #222222;
	max-width:100%;
	font-size:1.2rem;
}



.catalogs_column3_view_box{
	display:block;
	margin:30px 0;
}

ul.catalogs_column3_view_img{
	max-width:100%;
}

.catalogs_column3_view_detail{
	max-width:100%;
	margin:0;
}










.posts_partial_square_area{
	display:block;
}

.posts_partial_square_box{
	display:flex;
	max-width:100%;
	margin:30px 0 0 0;
	flex-wrap:nowrap;
}

.posts_partial_square_box a{
	flex:0 1 20%;
	max-width:20%;
}

.posts_partial_square_detail{
	flex:0 1 80%;
	max-width:80%;
	padding:0 0 0 20px;
}

.posts_partial_square_title h2{
	font-size:1.6rem;
	height:auto;
	margin:10px 0 15px 0;
}

.posts_partial_square_body{
	display:none;
}

.posts_partial_square_r_vm_area{
	display:flex;
	justify-content:space-between;
}

.posts_partial_square_button a{
	max-width:100%;
}

.posts_square_view_all{
	width:60%;
}










ul.catalogs_column3_box li{
	flex:1 0 48%;
	max-width:48%;
	margin:10px 1%;
}


ul.catalogs_column3_index_box li{
	flex:1 0 48%;
	max-width:48%;
	margin:0 1% 30px 1%;
}










/*----------------------topのimgの上にロゴ--------------------*/
.sp_topimg_logo_png{
	height:auto;
	width:80%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:60;
}

.sp_topimg_logo_png img{
	position:relative;
	max-width:100%;
	object-fit:scale-down;
}





}