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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

.red{
	color:#D71717;
	}
.yellow{
	color:#FF9800;
	}
.green{
	color:#83BC00;
	}
.orange{
	color:#FB5B00;
	}
.blue{
	color:#529DF0;
	}
.purple{
	color:#b75ced;
	}
.online{
	color:#1476e2;
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pc */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (min-width: 801px){

	#read {
		text-align: center;
		font-weight: bold;
		margin-top: 50px;
	}

/*	dfp導入 表示時に.pr相当の装飾を施す指定　※バックスラッシュで半角記号をエスケープ	*/
	#google_ads_iframe_\/22012434\/studyjapan_Branding_banner_0__container__ {
		text-align:center;
		background-color: #FEF8F8;
		padding-top:40px;
		padding-bottom:40px;
		border-top:1px solid #D1D1D1;
		border-bottom:1px solid #D1D1D1;
	}
/*	dfp導入 ここまで */

/*	dfp導入に伴う封印
	.pr{
		text-align:center;
		background-color: #FEF8F8;
		padding-top:40px;
		padding-bottom:40px;
		border-top:1px solid #D1D1D1;
		border-bottom:1px solid #D1D1D1;
		}
		.pr img{
			width:800px;
			}
dfp導入に伴う封印 ここまで */

	.fair_section{
		width:1070px;
		margin:auto;
		}
		.fair_section > div.fair_wrap:nth-of-type(odd){
			float:left;
			width:480px;
			clear:both;
			}
		.fair_section > div.fair_wrap:nth-of-type(even){
			float:right;
			width:480px;
			}

.fair_wrap{
	margin-top:80px;
	}
.fair_wrap	.column2 > div:nth-of-type(1){
	width:41%;
	float:left;
	}
.fair_wrap	.column2 > div:nth-of-type(2){
	width:54%;
	float:right;
	}
	.fair_wrap	.column2 > div img{
		width:100%;
		}

	.fair_wrap .mail-area {
		padding: 10px 0px;
    font-weight: bold;
    text-align: end;
		}
	.fair_wrap .mail-area a,
	.fair_wrap .mail-area a::before,
	.fair_wrap .mail-area a::after {
			cursor:pointer;
			display:inline-block;
			color:#00A0E9;
			font-weight:bold;
			text-decoration:underline;
  }
	.where{
		/* font-size:186%; */
		font-size:168%;
		font-weight:bold;
		border-bottom:1px solid #D1D1D1;
		padding-bottom:5px;
		margin-bottom:5px;
		}
		.where span{
			font-size:55%;
			margin-left:0.5em;
			}
	.data{
		font-size:280%;
		font-weight:bold;
		letter-spacing:-0.08em;
		}
		.data span{
			font-size:70%;
			margin-left:0.1em;
			}
	.time{
		font-size:145%;
		font-weight:bold;
		letter-spacing:-0.08em;
		margin-top:-0.5em;
		margin-bottom:15px;
		}
	
	.school_list{
		padding:30px 15px 35px;
		background-color:#F8F8F8;
		box-sizing:border-box;
		display:none;
		}
		.school_list > dl{
			margin-bottom:35px;
			}
		.school_list > dl dt{
			text-align:center;
			font-weight:bold;
			font-size:120%;
			padding-bottom:10px;
			border-bottom:1px solid #D1D1D1;
			}
		.school_list > dl dd:not(:nth-of-type(1)){
			border-top:1px dotted #D1D1D1;
			}
		.school_list > dl dd{
			margin-top:10px;
			padding-top:10px;
			}
			.school_list > dl dd a{
				color:#00A0E9;
				display:inline-block;
				position:relative;
				padding-left:15px;
				}
				.school_list > dl dd a::before{
					content:"";
					position:absolute;
					background-image:url(/img/common/sp/arrow.png);
					left:0;
					top:0.5em;
					width:4px;
					height:6px;
					background-size:cover;
					}
			.school_list > dl dd span{
				display:inline-block;
				position:relative;
				padding-left:15px;
				}
				.school_list > dl dd span::before{
					content:"";
					position:absolute;
					background-image:url(/img/common/sp/arrow.png);
					left:0;
					top:0.5em;
					width:4px;
					height:6px;
					background-size:cover;
					}
		.btn_sanka,
		.btn_fair{
			text-align:center;
			display:block;
			color:#fff!important;
			font-weight:bold;
			font-size:17px;
			padding:10px 5px 8px; 
			border-radius:5px;
			box-sizing:border-box;
			box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			/* -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6); */
			transition:500ms;
			}
			.btn_sanka:hover{
				opacity:0.6;
				transition:500ms;
				}
			.btn_red{background-color:#D71717;}
			.btn_yellow{background-color:#FF9800;}
			.btn_green{background-color:#83BC00;}
			.btn_orange{background-color:#FB5B00;}
			.btn_blue{background-color:#529DF0;}
			.btn_purple{background-color:#b75ced;}
			.btn_online{background-color:#1476e2;}

			.btn_fuyo{
				color:#000!important;
				box-shadow: none;
				padding:0;
				}
			.btn_jyunbi{
				border:1px solid #D71717;
				box-shadow: none;
				color:#D71717!important;
				}
			.btn_shuryo{
				background-color:#ccc;
				box-shadow: none;
				}

	.school_list.open{
		margin-top:15px;
		}
	.btn_close{
		text-align:center;
		}
		.btn_close a{
			cursor:pointer;
			display:inline-block;
			margin-top:20px;
			color:#00A0E9;
			font-weight:bold;
			text-decoration:underline;
			padding-right:15px;
			position:relative;
			}
		.btn_close a::before{
			content:"";
			position:absolute;
			background-image:url(/img/common/sp/arrow_top.png);
			right:0;
			top:50%;
			margin-top:-2px;
			width:9px;
			height:5px;
			background-size:cover;
			}
	.btn_open{
		text-align:center;
		}
	.btn_open span{
		display:inline-block;
		margin-top:20px;
		cursor:pointer;
		color:#00A0E9;
		font-weight:bold;
		text-decoration:underline;
		padding-right:15px;
		position:relative;
		}
		.btn_open span::before{
			content:"";
			position:absolute;
			background-image:url(/img/common/sp/arrow_bottom.png);
			right:0;
			top:50%;
			margin-top:-2px;
			width:9px;
			height:5px;
			background-size:cover;
			}
	.join_school{
		text-align:center;
		}
	.join_school span{
		display:inline-block;
		margin-top:20px;
		cursor:pointer;
		color:#00A0E9;
		font-weight:bold;
		text-decoration:underline;
		padding-right:15px;
		position:relative;
		}
	.join_school span::before{
		content:"";
		position:absolute;
		background-image:url(/img/common/sp/arrow_bottom.png);
		right:0;
		top:50%;
		margin-top:-2px;
		width:9px;
		height:5px;
		background-size:cover;
		}
	.school_list.schedule p{
		font-size:18px;
		text-align:center;
		font-weight:bold;
		padding:0px 0px 10px 0px;
		border-bottom:1px solid #E4E4E4;
		}
	.school_list.schedule li{
		text-align:center;
		list-style-type:none;
		padding:10px;
		border-bottom:1px dotted #EEEEEE;
		}
		.schedule_sp {
			display:none;
		}

	.movie_container {
		margin-top: 20px;
		text-align: center;
	}
	.movie_container img {
		margin-bottom: 20px;
		width:560px;
	}
	.movie_link {
		font-weight:bold;
		text-decoration:underline;
	}
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sp */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (max-width: 800px){

#read {
	text-align: center;
	font-weight: bold;
	padding: 0% 5% 5% 5%;
}

	.pr{
		text-align:center;
		}

.fair_section{
	margin-top:20px;
	}
.fair_section > div.fair_wrap{
	border-top:1px solid  #D1D1D1;
	padding-top:30px;
	}

.fair_wrap{
	padding:30px 10px;
	}

.fair_wrap	.column2 > div:nth-of-type(1){
	width:41%;
	float:left;
	}
.fair_wrap	.column2 > div:nth-of-type(2){
	width:54%;
	float:right;
	}
	.fair_wrap	.column2 > div img{
		width:100%;
		}
    .fair_wrap .mail-area {
      padding: 10px 0px;
      font-weight: bold;
      text-align: center;
      }
    .fair_wrap .mail-area a,
    .fair_wrap .mail-area a::before,
    .fair_wrap .mail-area a::after {
        cursor:pointer;
        display:inline-block;
        color:#00A0E9;
        font-weight:bold;
        text-decoration:underline;
    }
	.where{
		/* font-size:186%; */
		font-size:160%;
		font-weight:bold;
		border-bottom:1px solid #D1D1D1;
		padding-bottom:5px;
		margin-bottom:5px;
		}
		.where span{
			font-size:55%;
			margin-left:0.5em;
			}
	.data{
		font-size:280%;
		font-weight:bold;
		letter-spacing:-0.08em;
		}
		.data span{
			font-size:70%;
			margin-left:0.1em;
			}
	.time{
		font-size:145%;
		font-weight:bold;
		letter-spacing:-0.08em;
		margin-top:-0.5em;
		margin-bottom:15px;
		}

	.school_list{
		padding:30px 15px 35px;
		background-color:#F8F8F8;
		box-sizing:border-box;
		display:none;
		}
		.school_list > dl{
			margin-bottom:35px;
			}
		.school_list > dl dt{
			text-align:center;
			font-weight:bold;
			font-size:120%;
			padding-bottom:10px;
			border-bottom:1px solid #D1D1D1;
			}
		.school_list > dl dd:not(:nth-of-type(1)){
			border-top:1px dotted #D1D1D1;
			}
		.school_list > dl dd{
			margin-top:10px;
			padding-top:10px;
			}
			.school_list > dl dd a{
				color:#00A0E9;
				display:inline-block;
				position:relative;
				padding-left:15px;
				}
				.school_list > dl dd a::before{
					content:"";
					position:absolute;
					background-image:url(/img/common/sp/arrow.png);
					left:0;
					top:0.5em;
					width:4px;
					height:6px;
					background-size:cover;
					}
		.btn_sanka,
		.btn_fair{
			text-align:center;
			display:block;
			color:#fff!important;
			font-weight:bold;
			font-size:16px;
			padding:10px 5px 8px; 
			border-radius:5px;
			box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6);
			/* -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.6); */
			transition:500ms;
			}
			.btn_sanka:hover{
				opacity:0.6;
				transition:500ms;
				}
			.btn_red{background-color:#D71717;}
			.btn_yellow{background-color:#FF9800;}
			.btn_green{background-color:#83BC00;}
			.btn_orange{background-color:#FB5B00;}
			.btn_blue{background-color:#529DF0;}
			.btn_purple{background-color:#b75ced;}
			.btn_online{background-color:#1476e2;}

			.btn_fuyo{
				color:#000!important;
				box-shadow: none;
				padding:0;
				}
			.btn_jyunbi{
				border:1px solid #D71717;
				box-shadow: none;
				color:#D71717!important;
				}
			.btn_shuryo{
				background-color:#ccc;
				box-shadow: none;
				}
	.school_list.open{
		margin-top:15px;
		}
	.btn_close{
		text-align:center;
		}
		.btn_close a{
			cursor:pointer;
			display:inline-block;
			margin-top:20px;
			color:#00A0E9;
			font-weight:bold;
			text-decoration:underline;
			padding-right:15px;
			position:relative;
			}
		.btn_close a::before{
			content:"";
			position:absolute;
			background-image:url(/img/common/sp/arrow_top.png);
			right:0;
			top:50%;
			margin-top:-2px;
			width:9px;
			height:5px;
			background-size:cover;
			}
	.btn_open{
		text-align:center;
		}
	.btn_open span{
		display:inline-block;
		margin-top:20px;
		cursor:pointer;
		color:#00A0E9;
		font-weight:bold;
		text-decoration:underline;
		padding-right:15px;
		position:relative;
		}
		.btn_open span::before{
			content:"";
			position:absolute;
			background-image:url(/img/common/sp/arrow_bottom.png);
			right:0;
			top:50%;
			margin-top:-2px;
			width:9px;
			height:5px;
			background-size:cover;
			}
	.join_school{
		text-align:center;
		}
	.join_school span{
		display:inline-block;
		margin-top:20px;
		cursor:pointer;
		color:#00A0E9;
		font-weight:bold;
		text-decoration:underline;
		padding-right:15px;
		position:relative;
		}
	.join_school span::before{
		content:"";
		position:absolute;
		background-image:url(/img/common/sp/arrow_bottom.png);
		right:0;
		top:50%;
		margin-top:-2px;
		width:9px;
		height:5px;
		background-size:cover;
		}
	.school_list.schedule {
		padding:30px 6px 35px!important;
	}
	.school_list.schedule p{
		font-size:14px;
		text-align:center;
		font-weight:bold;
		padding:0px 0px 10px 0px;
		border-bottom:1px solid #E4E4E4;
		}
	.school_list.schedule li{
		text-align:center;
		list-style-type:none;
		padding:5px 0px;
		border-bottom:1px dotted #EEEEEE;
		}
		.schedule_sp {
			display:block;
		}
	.movie_container {
		margin-top: 10px;
		text-align: center;
	}
	.movie_container img {
		opacity: 1;
		margin-bottom: 20px;
		width:80%;
	}
	.movie_link {
		font-weight:bold;
		text-decoration:underline;
	}
}