@charset "utf-8";
/* CSS Document */

.for_smp{display:none;}
.for_pc,.for_smp2{display:block;}

.left_img{float:left;margin-top:20px;}
.button{width:1100px;padding: 0px;margin-left: auto;margin-right: auto;}
.button ul{display:flex;margin: 0px;padding: 0px;justify-content: space-between!important;flex-wrap: wrap;}
.button li{list-style-type:none;flex:1;width:33.3%;}
.button li img{width:100%;height:auto;}
.gallery{width:950px;display:block;float:right;}

.flex{display:flex;justify-content: space-between!important;flex-wrap: wrap;padding-left:0px;margin-left:10px;}
.flex li{list-style-type:none;}


@media screen and (max-width: 1100px) {
	.resp_img{width:100%;height:auto;}
	.for_pc{display:none;}
	.for_smp,.dor_smp2{display:block;}
	
	.gallery,.button{float:none!important;margin-left: auto;margin-right: auto;width:100%!important;}	
	
}

@media screen and (max-width: 480px) {
	.flex li img{width:100px;}
	.button ul{flex-direction: column;}
	.for_pc{display:none;}
	.for_smp2{display:none;}
	.for_smp{display: block;}
	.button li{width:100%;}
}