@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}

a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
-webkit-text-size-adjust: none;
background:#e2f4fe!important;  color:#333;  text-align: center;
}


/* !Layout
	max-width: 100%;
---------------------------------------------------------- */
html {
	overflow-y: scroll;
	font-size: 62.5%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {

	height: auto;
}






/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
text-decoration:underline;transition:all .3s; 
}

a:hover img{ opacity: 0.7;  transition:all .3s;  }



/* レイアウト
*****************************************************/
#contents, .inner{ margin:0 auto; }
#contents{ max-width:1500px; ;text-align:center; osition: relative;top: -18px; padding:0px 20px} 
#contents{margin:0px 5px;}
section { margin:0px 0px 20px 0px ;
background: #fff; border-radius: 5px  ; -ms-border-raduis: 5px;
} 
div#home-contents{ width: calc(100% - 300px);}

#sidebar{ float:right; width:300px; padding:0px 0px 10px 20px; }
.osirase {width:280px;float:right;}



@media only screen and (max-width: 768px){
#contents{ text-align:center; margin:0px 5px; padding:0px}
div#home-contents{ width: 100%;}
#sidebar{width:100%;}
}



/* ヘッダーborder:#000 1px solid; 
*****************************************************/

#header { background:#fff;  }

@media only screen and (max-width :768px){
#header img { width:100%; height:auto!important }
}



/* タイポグラフィ
*****************************************************/
h2.title{
border-radius: 5px 5px 0px 0px ;-ms-border-raduis: 5px 5px 0px 0px ;
}
h2.title , h3.title{
background:#595656; padding:3px 10px 3px 10px; font-size:15px; color:#fff;
}

h3.title{margin:0!important;}
@media only screen and (max-width: 768px){
h2.title , h3.title { font-size:13px; padding:5px 10px 5px 10px;}
}


/* お知らせ　
*****************************************************/
.osirase {width: calc(30% - 20px);float:right;}


@media only screen and (max-width: 768px){
.osirase{width:100%!important;}
}

.news { display:inline-block;text-align:left;padding:10px; font-size:12px ;overflow-wrap: break-word;word-break: break-all }
.news a {  overflow-wrap: break-word;word-break: break-all }

@media only screen and (max-width: 768px){
.news { font-size:11px }

}
.osirase2{max-width:1000px;margin:20px 5px ;}
.top .osirase2{display:none}

/* フッター
*****************************************************/


.footer { text-align:center;  padding-top:20px; }


.footer img{ height:100% }
.footer a{ float:left; margin:10px; border:1px solid #dcdcdc; 
width:240px;height:80px; }

@media only screen and (min-width: 790px){
.footer { width:790px;text-align:center; }
}
@media only screen and (max-width: 789px){
.footer { padding-top:0px; }
.footer { width:520px;text-align:center;}

}
@media only screen and (max-width: 520px){
.footer { width:360px;padding-top:0px; }
.footer a{  width:160px;height:55px; }
}

.footer_link { background:#595656; color:#fff; padding:20px ; clear:both; margin-top:50px ; display:block}
.footer_link a{ color:#fff; word-break: keep-all;;}


.footer_link a:nth-child(1):after,
.footer_link a:nth-child(2):after,
.footer_link a:nth-child(3):after {content:" | ";margin-left:5px;margin-right:5px;  }



@media only screen and (max-width: 480px){
.footer_link { padding: 10px ; }
.footer_link p { width:80%;text-align:center;}
.footer_link p a{padding:6px ; }

}


.hide{display:none;}

/* PC用
------------------------------------------------------------*/

@media only screen and (min-width: 601px){






/* PSチャンネル
*****************************************************/
.channel { padding:0px 20px 20px 20px ; }
.channel iframe { width:100% ; min-height:180px; margin-top:20px; }

@media only screen and (max-width: 800px){
.channel iframe { width:100% ; height:100px; margin-top:20px; }
	
}
@media only screen and (max-width: 600px){
.channel iframe { width:100% ; height:100% ; min-height:250px; margin-top:20px; }
	
}


/* トピックス
*****************************************************/


.topics{text-align:center; padding:10px ; width:100%;}
.topics li a:hover { opacity: 0.7; transition:all .4s }
.topics li:nth-child(5)  {text-align:left ;font-size:12px }

@media only screen and (min-width: 901px){

.topics li {padding:3px; }
.topics li {float:left;}

.topics img{ margin-bottom:6px;width:100%;}
.topics li:nth-child(1)  { width:26.1%;  margin-bottom:10px; }
.topics li:nth-child(2)  { width:17.4%;  }
.topics li:nth-child(3)  { width:21.8%;  }
.topics li:nth-child(4)  { width:17.7%;  }
.topics li:nth-child(5)  { width:17%; text-align:left ;padding-left:5px}

}


@media only screen and (min-width: 601px) and (max-width:900px) {
.topics li {padding:3px; }
.topics li {float:left;}

.topics img{ margin-bottom:6px;width:100%;}
.topics li:nth-child(1)  { width:39.9%;  }
.topics li:nth-child(2)  { width:26.7%;  }
.topics li:nth-child(3)  { width:33.3%;}
.topics li:nth-child(4)  { width:25%;  clear:left  }
.topics li:nth-child(5)  { width:75%; }

}


@media only screen and (max-width: 600px){
.topics img  {width:235px;margin-bottom:10px;}

/*
.topics li:nth-child(4) { width:30%;float:left;margin-left:6vw}
.topics li:nth-child(5) { width:55%;float:right;margin-right:6vw}

.topics li:nth-child(4),
.topics li:nth-child(5)  {margin-top:3vw ; margin-bottom:4vw ;}
*/
}






@media only screen and (max-width: 770px){
.sitemap01 { display: none;}
}

.sitemap { width: 100%; text-align:center; background:#eee;}

.sitemap01 li, .sitemap01 p{ text-align:left; }
.sitemapBox01:nth-child(1) {width:62%;padding-left:3vw }
.sitemapBox01:nth-child(2) {width:24% }
.sitemapBox01:nth-child(3) {width:14% }


.sitemapBox01:nth-child(1) .sitemapList01:nth-child(2) {width:31% ;}
.sitemapBox01:nth-child(1) .sitemapList01:nth-child(3) {width:37% ;}


.sitemap01 {
	max-width: 1080px;
	margin: auto;
	padding: 20px 0 0 0px;
	overflow: hidden;
}
	.sitemapBox01 {
		float: left;white-space:nowrap;
		overflow: hidden;
	}
		.sitemapBox01 .title01 {
			clear: both;
			margin-bottom: 5px;
			font-weight: bold;
			font-size: 16px;
			font-size: 1.6rem;
		}
		.sitemapBox01 .title02 {
			margin-bottom: 2px;
			font-weight: bold;
			font-size: 13px;
			font-size: 1.3rem;
		}
			.sitemapList01 {
				float: left;
				padding-right: 10px;
			}
				.sitemapLink01 {}

					.sitemapLink01 ul {
						margin-bottom: 20px;
						font-size: 13px;
						font-size: 1.3rem;
					}
						.sitemapLink01 li {
							position: relative;
							margin-bottom: 2px;
							padding-left: 9px;
						}
						.sitemapLink01 li:before {
							content: "";
							position: absolute;
							top: 5px;
							left: 0;
							width: 5px;
							height: 7px;
							background: url(https://skygarden.shogakukan.co.jp/sol/img/ico_arrow_r02.png) 0 0 no-repeat
						}