/* スマホだけに適用するCSS */
div.article_field img{
	margin: 1em auto !important;
	width: 100% !important;
	display: block;
}


/********* dropzone  *********/
.dropzone {
	padding: 5px 5px !important;
}
	.dropzone .dz-preview {
		margin: 5px !important;
	}
		.dropzone .dz-preview .dz-image {
		}
/********* dropzone  *********/

/* ############### detail page ############### */
div.detailBox{
}

	div.note_wrap{
		padding-left: 1em;
		padding-top: 5em;
		position: relative;
	}
	div.note_wrap:before{
		top: 0.2em;
		font-size: 4rem;
		right: 0;
		left: 0;
		margin-top: 0;
		text-align: center;

	}



	div.detailBox div.school_header {
	}
			div.detailBox div.school_header:before {
				padding-top: 45%;
			}

	/* カテゴリリンク */
	div.selection_item_wrap{
	}

	div.selection_items{
		width: auto;
		display: block;
	}


			div.detailBox > div.photo_wrap > ul > li{
				width: calc((100% / 2) - 1%);
			}
			div.detailBox > div.photo_wrap > ul > li.img_size_3,
			div.detailBox > div.photo_wrap > ul > li.img_size_4,
			div.detailBox > div.photo_wrap > ul > li.img_size_5,
			div.detailBox > div.photo_wrap > ul > li.img_size_6{
				width: calc((100% / 2) - 1%);
			}



	/* 国籍のグラフ */
	div.detailBox div.graph_wrap{
		width: 100%;
	}


	/* お問合せボタン */
	div.detailBox p.contact_button{
		margin-left: 0;
		margin-right: 0;
	}



/* レビュー投稿用ボタン */
div.review_button_wrap{
}
	div.review_button_wrap ul {
	}
	div.review_button_wrap ul li{
		margin-left: 0;
		margin-right: 0;
	}

/********* admin top edit delete button *********/
div.admin_edit_btn{
	position: absolute;
	top: 0;
	left: 36%;
	margin-top: 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}




/********* Photo management thumbnail and checkbox *********/
div.thumb_checkbox_wrap {
}
	div.thumb_checkbox_wrap ul {
	}
	div.thumb_checkbox_wrap ul li {
		margin: 1%;
		width: 31%;
	}



/* ############### Course List ############### */
div.course_wrap{
}
	div.course_wrap > div.course_content_wrap{
	}
		div.course_wrap > div.course_content_wrap > h4{
		}

		/* 授業料 DL */
		ul.tuition {
		}
			ul.tuition > li{
				width: 50%;
			}





/* ############### school list ############### */
div.index_school_wrap{
}
	div.index_school_wrap > ul.school_list{
	}
	div.index_school_wrap > ul.school_list > li{
		padding-top: 16em;
	}

	/* 画像 右サイド */
	div.index_school_wrap > ul.school_list > li > div.index_school_photo{
		width: 100%;
		height: 15em;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
		div.index_school_wrap > ul.school_list > li > div.index_school_photo:before{
		}
		div.index_school_wrap > ul.school_list > li > div.index_school_photo * img{
			width: 150%;
			height: auto;
		}

	div.index_school_wrap > ul.school_list > li > div.index_school_content{
		width: auto;
		display: block;
	}
	div.index_school_wrap > ul.school_list > li * h2{
		z-index: 2;
		margin-top: 0;
		position: absolute;
		text-align: center;
		line-height: 1.2em;
		top: 1em;
		left: 0;
		width: 100%;
	}
	div.index_school_wrap > ul.school_list > li * h2 > a{
		display: block;
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		background-color: rgba(237,237,237,0.75);
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}
		div.index_school_wrap > ul.school_list > li * h2 > a:hover{
		}




/* ############### レビュー平均用 ############### */
div.reviews_avg_wrap{
}
	div.reviews_avg_wrap > div.reviews_view{
	}
	div.reviews_avg_wrap > div.reviews_view:before{
	}
	div.reviews_avg_wrap > div.reviews_view > div.stars {
	}
	div.reviews_avg_wrap > div.reviews_view > div.stars > label {
	}
	div.reviews_avg_wrap > div.reviews_view > div.stars span{
		float: none;
		display: block;
	}



/* ############### レビュー公開用 ############### */
div.reviews_view_wrap{
}
div.reviews_view{
}


/* ############### レビュー編集用 ############### */
div.reviews_form:first-of-type{
	margin-top: 1em;
}
div.reviews_form{
	margin-top: 1em;
	position: static;
	padding-left: 0;
}
	div.reviews_form:before{
		font-size: 90%;
		width: auto;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-align: left;
	}
	div.reviews_form > div.stars{
	}

		div.reviews_form > div.stars > input{
		}
		div.reviews_form > div.stars > label {
			line-height: 1.2em;
		}
		div.reviews_form > div.stars > input:checked ~ label:before {
		}
		div.reviews_form > div.stars > input.star5:checked ~ label:before {
		}
		div.reviews_form > div.stars > input.star1:checked ~ label:before {
		}
		div.reviews_form > div.stars > label:hover{
		}
		div.reviews_form > div.stars > label:before{
		}