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

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}
.mb200{margin-bottom: 200px;}
.mb250{margin-bottom: 250px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}


.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}

.font08{font-size:0.8rem;}
.font09{font-size:0.9rem;}
.font10{font-size:1rem;}
.font11{font-size:1.1rem;}
.font12{font-size:1.2rem;}
.font13{font-size:1.3rem;}
.font14{font-size:1.4rem;}
.font15{font-size:1.5rem;}
.font16{font-size:1.6rem;}
.font18{font-size:1.8rem;}
.font20{font-size:2rem;}
.font24{font-size:2.4rem;}
.font30{font-size:3rem;}
.font38{font-size:3.8rem;}

.alignC{text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}

/* layout
============================================= */

/* box  */
.box50{max-width:50%;margin-left: auto;margin-right: auto;}
.box60{max-width:60%;margin-left: auto;margin-right: auto;}
.box70{max-width:70%;margin-left: auto;margin-right: auto;}
.box80{max-width:80%;margin-left: auto;margin-right: auto;}
.box90{max-width:90%;margin-left: auto;margin-right: auto;}
.box960{max-width:960px;margin-left: auto;margin-right: auto;}

@media screen and (max-width: 768px) {
	.box50,.box60,.box70,.box80,.box90,.box960 {
		width: 100%;
	}
}

/* 横並び inline-block */
.box-inlineblock {
	letter-spacing: -.40em;
}

.box-inlineblock .child {
	display: inline-block;
	letter-spacing: normal;
	width: 33%;
	vertical-align: top;
}

.box-inlineblock.rows2 .child {
	width: 49%;
	margin-right: 2%;
}
.box-inlineblock.rows2 .child:nth-child(2n) {
	margin-right: 0;
}

.box-inlineblock.rows3 .child {
	width: 32%;
	margin-right: 2%;
}
.box-inlineblock.rows2 .child:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width: 480px) {
	.box-inlineblock .child {
		display: block;
	}
	
	.box-inlineblock.rows2 .child {/* 2列 */
		width: auto;
		margin-right: 0;
	}
	
	.box-inlineblock.rows3 .child {/* 3列 */
		width: auto;
		margin-right: 0;
	}
}

/* 横並び flex */
[class^="box-flex-"] {
	display: flex;
	justify-content: space-between;
}
.box-flex-2 div { width: 49%;}
.box-flex-3 div { width: 32%;}
.box-flex-4 div { width: 24%;}
[class^="box-flex-"] >img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 768px) {
	.box-flex-2 div,.box-flex-3 div,.box-flex-4 div {
		width: auto;
	}
}

/* 2列横並び （サムネイル） */
.box-thumbnail {
	display: flex;
}

.box-thumbnail .fix_wide {
	flex-shrink: 0;
}

.box-thumbnail .auto_wide {
	width: 100%;
}

.box-thumbnail div:nth-child(1) {
	margin-right: 20px;
}

@media screen and (max-width: 768px) {	
	.box-thumbnail div:nth-child(1) {
		margin-right: 10px;
	}
	
	.box-thumbnail .fix_wide {
		flex-shrink: 1;
	}
}

@media screen and (max-width: 480px) {
	.box-thumbnail {
		display: block;
	}
}