@charset "utf-8";

/* ======================================================
 * case_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
====================================================== */

@media only screen and (max-width: 767px) {
	
	.sp_Only { display: block!important; }
	.pc_Only { display: none!important; }
	.sp549px_Blo { display: none!important; }
	
	.sp_mt80 { margin-top: 80px!important; }
	
.mt60 { margin-top: 60px; }
	
	.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

	.calendar_contents {
		overflow: hidden;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
	}
	.calendar_inner {
		position: relative;
		padding: 20px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	
	.pageHead .heading-lv1_01 {
		position: relative;
		max-width: 767px;
    margin: 0 auto;
		
	}
	.pageHead .heading-lv1_01 .heading_title02 {
    color: #fff;
    font-size: 2.3rem;
		padding: 20px 20px;
		line-height: 1.3em;
  }
	.pageHead .heading-lv1_01 .heading_title02 span {
		display: block;
		font-size: 1.4rem;
		line-height: 1.5em;
	}
	.One_schollName {
		font-size: 25px;
		line-height: 1.0em;
		margin-top: 40px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.One_schollName span {
		display: block;
		font-size: 16px;
		
	}
	.BoxBig, .BoxSmall {
		overflow: hidden!important;
		
	}
	.BoxBig {
		position: relative;
		width: 100%;
		overflow: hidden!important;
		margin: 0!important;
		padding: 0!important;
	}
	ul.slider {
		width: 100%!important;
		
	}
	ul.slider li img {
		text-align: center;
		width: 100%!important;
		max-width: 1000px;
		margin: 0 auto;
	}
	.BoxSmall {
		margin-top: 30px;
	}
	ul.thumbnail, ul.slider {
		position: relative;
		width: 100%;
		max-width: 1000px;
	}
	ul.thumbnail li img {
		float: left;
		width: 9.1%;
		height: auto;
		padding-right: 1%;
		padding-bottom: 1.5%;
	}
	ul.thumbnail li img.padR_0 {
		padding-right: 0%!important;
	}
	ul.thumbnail li:hover {
		cursor: pointer;
		opacity: .7;
	}
	.Intro {
		margin-top: 60px;
	}
		.Intro p {
			font-size: 1.5rem;
			line-height: 2em;
		}
	.MapURL {
		text-align: center;
		margin: 60px auto;
	}
	.MapURL img {
		display: block;
		float: left;
		width: 35%;
		max-width: 350px!important;
		border: 1px solid #999;
	}
	.MapURL p {
		line-height: 1.5em;
		float: none;
		width: 100%;
		padding-left: 0%;
		margin-top: -0.7em;
	}
	.MapURL span {
		display: block;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	.MapURL a[target="_blank"] {
    background: url("../img/com_ic004.png")no-repeat 100% 50%;
    padding-right: 20px;
	}
	.MapURL a {
		overflow-wrap: break-word;
		color: #333;
		text-decoration: none;
	}
	.MapURL a:hover {
		color: #2288bb;
		text-decoration: underline;
	}
	.navi_school_01 {
		vertical-align: middle;
	}
	.navi_school_01 p {
		display: inline-block;
		vertical-align: middle;
	}
	.navi_school_01 p.keisai {
		font-size: 20px;
		line-height: 1.3em;
	}
	
	.rightSet {
		position: relative;
		float: none;
		width: 100%;
	}
	.navi_school_01 a {
		float: right;
	}
	.rightSet a p.return:hover {
		color: #2288bb;
	}
	.navi_school_01 p.iconHome:hover {
		opacity: .7;
	}
	.navi_school_01 p.keisai, .navi_school_01 p.return {
		color: #333;
	}
	.navi_school_02 {
		margin-top: 30px;
	}
	.navi_school_02, .navi_One ul {
		position: relative;
		/*width: 100%;
		max-width: 1000px;*/
	}
	.navi_One li, .navi_One a li {
		color: #333;
		/*float: left;*/
		padding: 5px 20px;
		border: 1px solid #333;
		/*width: 27.5%;
		margin-right: 2%;*/
		text-align: center;
		margin-bottom: 20px;
	}
	.navi_One li.padR_0, .navi_One a li.padR_0 {
		margin-right: 0!important;
	}
	.navi_One a {
		text-decoration: none;
	}
	
	.navi_One a li:hover {
		background-color: #2288bb;
		color: #fff;
		font-weight: bold;
		border: 1px solid #2288bb;
	}
	.current_navi {
		background-color: #333;
		color: #fff!important;
		font-weight: bold;
	}
	
	
	.navi_One li.padR_0, .navi_One a li.padR_0 {
		margin-right: 0!important;
	}

}
@media only screen and (max-width: 549px) {
	
	.calendar_inner {
		max-width: 549px;
		padding: 15px;
		overflow: hidden!important;
	}
	.sp549px_Blo { display: block!important; }
	
	/*--------*/
	.MapURL img {
		display: block;
		float: none;
		width: 100%;
		max-width: 350px!important;
		margin: 0 auto;
	}
	.MapURL p {
		line-height: 1.5em;
		float: none;
		width: 100%;
		text-align: center;
		padding-left: 0%;
		margin-top: 2em;
	}

	
	.slick-prev:before {
		content: url("../img/arrow-left_sm_sp.png")!important;
		
	}
	.slick-next:before {
		content: url("../img/arrow-right_sm_sp.png")!important;
		
		
	}
	.slick-prev {
		left: -5px!important;
	}
	.slick-next {
		right: -5px!important;
	}
	.slick-next.slick-disabled::before {
		content: url("../img/arrow-first_sm_sp.png")!important;
	}
}