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

/*-- clearfix --*/

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/*画像2つ並び*/

.pic01,
.pic01_2 {
	width:100%;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.pic01 li,
.pic01_2 li{
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic01 li li{
	width: 100%;
	text-align:left;
	margin-bottom: 0;
}

.pic01 li:nth-child(2n+1){padding-right:10px;}
.pic01 li:nth-child(2n+2){padding-left:10px;}
.pic01 li img{max-width:100%; width:100%;}

.pic01 li li:nth-child(2n+1){padding-right: 0px;}
.pic01 li li:nth-child(2n+2){padding-left: 0px;}
.pic01 li li img{max-width:100%; width:100%;}

.pic01_2 li:nth-child(2n+1){padding-right:10px;}
.pic01_2 li:nth-child(2n+2){padding-left:10px;}
.pic01_2 li img{max-width:100%; width:100%;}

.pic01_2 li li:nth-child(2n+1){padding-right: 0px;}
.pic01_2 li li:nth-child(2n+2){padding-left: 0px;}
.pic01_2 li li img{max-width:100%; width:100%;}


/*画像3つ並び*/

.pic02{
	width:100%;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.pic02 li{
	width:33.333333%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic02 li:nth-child(3n+1){padding-right:20px;}
.pic02 li:nth-child(3n+2){padding:0 10px;}
.pic02 li:nth-child(3n+3){padding-left:20px;}
.pic02 li img{max-width:100%; width:100%;}


/*画像4つ並び*/

.pic03{
	width:100%;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.pic03 li{
	width:25%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic03 li:nth-child(4n+1){padding-right:10px;}
.pic03 li:nth-child(4n+2){padding:0 7px 0 3px;}
.pic03 li:nth-child(4n+3){padding:0 3px 0 7px;}
.pic03 li:nth-child(4n+4){padding-left:10px;}
.pic03 li img{max-width:100%; width:100%;}

/*画像5つ並び*/

.pic04{
	width:100%;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.pic04 li{
	width:20%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic04 li:nth-child(5n+1){padding-right:24px;}
.pic04 li:nth-child(5n+2){padding:0 18px 0 6px;}
.pic04 li:nth-child(5n+3){padding:0 12px;}
.pic04 li:nth-child(5n+4){padding:0 6px 0 18px;}
.pic04 li:nth-child(5n+5){padding-left:24px;}
.pic04 li img{max-width:100%; width:100%;}

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

.pic03 li{
	width:50%;
}
.pic03 li:nth-child(4n+1){margin-bottom:20px; padding:0 10px 0 0;}
.pic03 li:nth-child(4n+2){margin-bottom:20px; padding:0 0 0 10px;}
.pic03 li:nth-child(4n+3){padding:0 10px 0 0;}
.pic03 li:nth-child(4n+4){padding:0 0 0 10px;}

}

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

.pic01 li{
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:none;
	padding: 0 !important;
	margin-bottom: 20px;
}
.pic01 li img{
	width:100% !important;
}

.pic01_2 li{
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic01_2 li li{
	width: 100%;
	text-align:left;
	margin-bottom: 0;
}

.pic01_2 li:nth-child(2n+1){padding-right:10px;}
.pic01_2 li:nth-child(2n+2){padding-left:10px;}
.pic01_2 li img{max-width:100%; width:100%;}

.pic01_2 li li:nth-child(2n+1){padding-right: 0px;}
.pic01_2 li li:nth-child(2n+2){padding-left: 0px;}
.pic01_2 li li img{max-width:100%; width:100%;}

.pic02 li{
	width:100%;
	margin-bottom:20px;
	padding:0 !important;
}

.pic02_2 li{
	width:33.333333%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.pic02_2 li:nth-child(3n+1){padding-right:10px;}
.pic02_2 li:nth-child(3n+2){padding:0 5px;}
.pic02_2 li:nth-child(3n+3){padding-left:10px;}
.pic02_2 li img{max-width:100%; width:100%;}


.pic03 li{
	width:100%;
	margin-bottom:20px;
	padding:0 !important;
}
    
.pic04 li:nth-child(odd){
    width: 50%;
    float: left;
    padding: 0 15px 15px 0;
}
.pic04 li:nth-child(even){
    width: 50%;
    float: left;
    padding: 0 0 15px 15px;
}

}

@media only screen and (min-width: 769px) {
    .ho769{
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .hu768{
        display: none;
    }
}