/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

		コンテンツ用

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/******************************************************************************************
		コンテンツ
******************************************************************************************/


.contsArea{
}

.contsArea .conts_loop{
}

.contsArea .conts_loop .blocks{
	padding-top: 35px;
}

.contsArea .conts_loop .blocks .blocks_in{
}

/* 背景で囲む */
.contsArea .conts_loop .blocks.bg_on{
	padding-top: 50px;
}

.contsArea .conts_loop .blocks.bg_on .blocks_in{
	padding: 50px 0 50px 0;
}

.contsArea .conts_loop .blocks.bg_on .blocks_in .blocks_inner{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* グレー/白 */
.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in{
	padding: 50px 0 50px 0;
	background-color: #f3f3f3;
}
.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in .blocks_inner{
	background-color: #fff;
	padding: 15px 30px 30px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* グレー/なし */
.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in{
	padding: 20px 0 20px 0;
	background-color: #f3f3f3;
}
.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in .blocks_inner{
	padding: 15px 0px 30px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 色選択/色選択 */
.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in{
	padding: 50px 0 50px 0;
}
.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in .blocks_inner{
	padding: 15px 30px 30px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* 色選択/なし */
.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in{
	padding: 20px 0 20px 0;
}
.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in .blocks_inner{
	padding: 15px 0px 30px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* ドット/白 */
.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in{
	padding: 50px 0 50px 0;
	background-repeat: repeat;
}
.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in .blocks_inner{
	background-color: #fff;
	padding: 15px 30px 30px 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* ドット/なし */
.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in{
	padding: 20px 0 20px 0;
	background-repeat: repeat;
}
.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in .blocks_inner{
	padding: 15px 0px 30px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


@media screen and (max-width: 1220px){
	.contsArea .conts_loop .blocks.bg_on .blocks_in{
	}
	/* グレー/白 */
	.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in .blocks_inner{
	}
	/* グレー/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in .blocks_inner{
	}
	/* 色選択/色選択 */
	.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in .blocks_inner{
	}
	/* 色選択/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in .blocks_inner{
	}
	/* ドット/白 */
	.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in .blocks_inner{
	}
	/* ドット/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in{
		padding-left: 10px;
		padding-right: 10px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in .blocks_inner{
	}
}
@media screen and (max-width: 640px){
	.contsArea .conts_loop .blocks{
		padding-top: 15px;
	}
	/* 背景で囲む */
	.contsArea .conts_loop .blocks.bg_on{
		padding-top: 30px;
	}
	/* グレー/白 */
	.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_gray.bgin_white .blocks_in .blocks_inner{
		padding: 15px 15px 30px 15px;
	}
	/* グレー/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_gray .blocks_in .blocks_inner{
	}
	/* 色選択/色選択 */
	.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_color.bgin_color .blocks_in .blocks_inner{
		padding: 15px 15px 30px 15px;
	}

	/* 色選択/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_color .blocks_in .blocks_inner{
	}
	/* ドット/白 */
	.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_dotted.bgin_white .blocks_in .blocks_inner{
		padding: 15px 15px 30px 15px;
	}
	/* ドット/なし */
	.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.contsArea .conts_loop .blocks.bg_on.bg_dotted .blocks_in .blocks_inner{
	}
}


/*-----------------------------------------
各コンテンツ
-----------------------------------------*/
.contsArea .conts_loop .blocks .blocks_in .blocks_inner .conts{
	padding-top: 15px;
}


/*-----------------------------------------
h2
-----------------------------------------*/
.h2Area{
	display: block;
	text-align: center;
}

.h2Area h2{
	display: inline-block;
	text-align: left;
	line-height: 1.3em;
	font-size: 30px;
}

.h2Area.left{
	text-align: left;
}

.h2Area.left h2{
	text-align: left;
}

.h2Area.right{
	text-align: right;
}

.h2Area.right h2{
	text-align: right;
}

.h2Area.center{
	text-align: center;
}

.h2Area.center h2{
	text-align: center;
}

@media screen and (max-width: 640px){
	.h2Area h2{
		line-height: 1.5em;
		font-size: 25px;
		letter-spacing: 0.1em;
	}
}

/*-----------------------------------------
h3
-----------------------------------------*/
.h3Area{
	display: block;
	text-align: center;
}

.h3Area h3{
	display: inline-block;
	text-align: left;
	line-height: 1.5em;
	font-size: 22px;
}

.h3Area.left{
	text-align: left;
}

.h3Area.left h3{
	text-align: left;
}

.h3Area.right{
	text-align: right;
}

.h3Area.right h3{
	text-align: right;
}

.h3Area.center{
	text-align: center;
}

.h3Area.center h3{
	text-align: center;
}

@media screen and (max-width: 640px){
	.h3Area h3{
		line-height: 1.5em;
		font-size: 20px;
		letter-spacing: 0.1em;
	}
}

/*-----------------------------------------
text
-----------------------------------------*/
.textArea{
	display: block;
	text-align: center;
}

.textArea p{
	display: inline-block;
	text-align: left;
	line-height: 1.7em;
}

.textArea p img{
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1em;
}

.textArea.radius p img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.textArea.cw100 p{
	width: 100%;
}

.textArea.cw100 p img{
	width: 100%;
}

.textArea.cw900 p img{
	width: 900px;
}

.textArea p a{
	text-decoration: underline;
}

.textArea p .tag_red{
	color: #ff0000;
}

.textArea.left{
	text-align: left;
}

.textArea.left p{
	text-align: left;
}

.textArea.right{
	text-align: right;
}

.textArea.right p{
	text-align: right;
}

.textArea.center{
	text-align: center;
}

.textArea.center p{
	text-align: center;
}

@media screen and (max-width: 920px){
	.textArea.cw900 p img{
		width: 100%;
	}
}



/*-----------------------------------------
2カラム
-----------------------------------------*/
.contsArea .conts_loop .blocks .blocks_in .blocks_inner .conts.clum2_loop{
	padding-top: 0;
}

.contsArea .conts_loop .blocks.bg_on .blocks_in .blocks_inner .conts.clum2_loop{
}

.clum2_loop ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.clum2_loop li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 49%;
	padding-top: 15px;
	margin-right: 2%;
}

.clum2_loop li:nth-child(2n+2){
	margin-right: 0;
}

.clum2_loop li .box{
	display: block;
	width: 100%;
	color: #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.clum2_loop li .box .imgArea{
	display: block;
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.clum2_loop .radius li .box .imgArea{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.clum2_loop li .box .textArea{
	text-align: center;
	padding-top: 8px;
}

.clum2_loop li .box .textArea p{
	display: inline-block;
	text-align: left;
}

.clum2_loop .left li .box .textArea{
	text-align: left;
}

.clum2_loop .left li .box .textArea p{
	text-align: left;
}

.clum2_loop .right li .box .textArea{
	text-align: right;
}

.clum2_loop .right li .box .textArea p{
	text-align: right;
}

.clum2_loop .center li .box .textArea{
	text-align: center;
}

.clum2_loop .center li .box .textArea p{
	text-align: center;
}

.clum2_loop li .box .textArea a{
	text-decoration: underline;
}

.clum2_loop li .box .textArea .tag_red{
	color: #ff0000;
}

@media screen and (min-width: 920px){
	.clum2_loop li a.box:hover{
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
}
@media screen and (max-width: 920px){
	.clum2_loop li .box .imgArea{
		height: 200px;
	}
}
@media screen and (max-width: 640px){
	.clum2_loop li .box .imgArea{
		height: 150px;
	}
}
@media screen and (max-width: 500px){
	.clum2_loop li .box .imgArea{
		height: 130px;
	}
}
@media screen and (max-width: 400px){
	.clum2_loop li .box .imgArea{
		height: 110px;
	}
}



/*-----------------------------------------
3カラム
-----------------------------------------*/
.contsArea .conts_loop .blocks .blocks_in .blocks_inner .conts.clum3_loop{
	padding-top: 0;
}

.contsArea .conts_loop .blocks.bg_on .blocks_in .blocks_inner .conts.clum3_loop{
}

.clum3_loop ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.clum3_loop li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 32%;
	padding-top: 15px;
	margin-right: 2%;
}

.clum3_loop li:nth-child(3n+3){
	margin-right: 0;
}

.clum3_loop li .box{
	display: block;
	width: 100%;
	color: #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.clum3_loop li .box .imgArea{
	display: block;
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.clum3_loop .radius li .box .imgArea{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.clum3_loop li .box .textArea{
	text-align: center;
	padding-top: 8px;
}

.clum3_loop li .box .textArea p{
	display: inline-block;
	text-align: left;
}

.clum3_loop .left li .box .textArea{
	text-align: left;
}

.clum3_loop .left li .box .textArea p{
	text-align: left;
}

.clum3_loop .right li .box .textArea{
	text-align: right;
}

.clum3_loop .right li .box .textArea p{
	text-align: right;
}

.clum3_loop .center li .box .textArea{
	text-align: center;
}

.clum3_loop .center li .box .textArea p{
	text-align: center;
}

.clum3_loop li .box .textArea a{
	text-decoration: underline;
}

.clum3_loop li .box .textArea .tag_red{
	color: #ff0000;
}

@media screen and (min-width: 920px){
	.clum3_loop li a.box:hover{
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
}
@media screen and (max-width: 920px){
	.clum3_loop li .box .imgArea{
		height: 200px;
	}
}
@media screen and (max-width: 640px){
	.clum3_loop li .box .imgArea{
		height: 150px;
	}
}
@media screen and (max-width: 500px){
	.clum3_loop li .box .imgArea{
		height: 130px;
	}
}
@media screen and (max-width: 400px){
	.clum3_loop li .box .imgArea{
		height: 110px;
	}
}


/*-----------------------------------------
4カラム
-----------------------------------------*/
.contsArea .conts_loop .blocks .blocks_in .blocks_inner .conts.clum4_loop{
	padding-top: 0;
}

.contsArea .conts_loop .blocks.bg_on .blocks_in .blocks_inner .conts.clum4_loop{
}

.clum4_loop ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.clum4_loop li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 23.5%;
	padding-top: 15px;
	margin-right: 2%;
}

.clum4_loop li:nth-child(4n+4){
	margin-right: 0;
}

.clum4_loop li .box{
	display: block;
	width: 100%;
	color: #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.clum4_loop li .box .imgArea{
	display: block;
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.clum4_loop .radius li .box .imgArea{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.clum4_loop li .box .textArea{
	padding-top: 8px;
}

.clum4_loop li .box .textArea p{
	display: inline-block;
	text-align: left;
}

.clum4_loop .left li .box .textArea{
	text-align: left;
}

.clum4_loop .left li .box .textArea p{
	text-align: left;
}

.clum4_loop .right li .box .textArea{
	text-align: right;
}

.clum4_loop .right li .box .textArea p{
	text-align: right;
}

.clum4_loop .center li .box .textArea{
	text-align: center;
}

.clum4_loop .center li .box .textArea p{
	text-align: center;
}

.clum4_loop li .box .textArea a{
	text-decoration: underline;
}

.clum4_loop li .box .textArea .tag_red{
	color: #ff0000;
}

@media screen and (min-width: 920px){
	.clum4_loop li a.box:hover{
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
}

@media screen and (max-width: 920px){
	.clum4_loop li{
		width: 49%;
	}
	.clum4_loop li:nth-child(4n+4){
		margin-right: 2%;
	}
	.clum4_loop li:nth-child(2n+2){
		margin-right: 0;
	}
}
@media screen and (max-width: 450px){
	.clum4_loop li .box .imgArea{
		height: 170px;
	}
}

/*-----------------------------------------
2カラム表
-----------------------------------------*/
.clum2_lists{
}

.clum2_lists ul{
}

.clum2_lists li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.clum2_lists li:nth-child(1){
	border-top: solid 1px #ddd;
}

.clum2_lists li .left{
	padding: 15px;
	background-color: #f7f7f7;
	width: 25%;
	font-weight: bold;
	border-right: dotted 1px #ddd;
}

.clum2_lists li .right{
	padding: 15px;
	width: 75%;
}

@media screen and (max-width: 640px){
	.clum2_lists li .left{
		width: 40%;
	}
	.clum2_lists li .right{
		width: 60%;
	}
}
@media screen and (max-width: 500px){
	.clum2_lists li{
		display: block;
	}
	.clum2_lists li .left{
		width: 100%;
		border: none;
		border-bottom: dotted 1px #ddd;
	}
	.clum2_lists li .right{
		width: 100%;
		border: none;
	}
}

/*-----------------------------------------
左画像+右説明文
-----------------------------------------*/
.left_img_right_text_loop{
}

.left_img_right_text_loop ul{
}

.left_img_right_text_loop li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.left_img_right_text_loop li .left{
}

.left_img_right_text_loop li .right{
	flex: 1;
	padding-left: 50px;
}

.left_img_right_text_loop li .right a{
	text-decoration: underline;
}

@media screen and (max-width: 920px){
	.left_img_right_text_loop li .right{
		padding-left: 30px;
	}
}






/*-----------------------------------------
区切り線
-----------------------------------------*/
.line_blocks{
	width: 100%;
	height: 1px;
}

/*-----------------------------------------
空白挿入
-----------------------------------------*/
.space_blocks{
	width: 100%;
}

.space_blocks.type1{
	height: 50px;
}

.space_blocks.type2{
	height: 30px;
}

.space_blocks.type3{
	height: 30px;
}

.space_blocks.type4{
	height: 15px;
}

.space_blocks.type5{
	height: 10px;
}

@media screen and (max-width: 640px){
	.space_blocks.type1{
		height: 30px;
	}
	.space_blocks.type2{
		height: 30px;
	}
	.space_blocks.type3{
		height: 15px;
	}
	.space_blocks.type4{
		height: 10px;
	}
	.space_blocks.type5{
		height: 5px;
	}
}


/******************************************************************************************

******************************************************************************************/