*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	color:#444;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
html {
}

body {
	font-size:14px;
	line-height:20px;
　　-webkit-overflow-scrolling: touch;
}

.mobileonly {display:none;}
.pconly {display:block;}


/*配置fixedのためアンカー位置がずれる対策*/
a.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}

/*Android Chrome フォントサイズが大きくなってしまう対策*/
#contents main *{
    max-height: 100%;
}

/*色*/
/*-------------------------------------*/
a:hover {color:#eec44f;}
/*ヘッダー*/
header {background:#0074C9;}
header h1 {color:#fff;}
header nav ul li {background: rgba(0,0,0,0.6);}
/*トップイメージ*/
#topimage h1 {color:#fff;text-shadow:0 0 10px #000;}
#topimage #dateplace {color:#fff;text-shadow:0 0 6px #000;}
/*コンテンツ*/
#contents #idx li a{color:#7e6b32;}
#contents #idx li a:hover{color:#eec44f;}
#contents main section h3,#contents main section h3 span {color:#404b5e;}
/*フッター*/
footer {background:#0074C9;}
footer h3,footer p,footer li,footer a{color:#fff;}
/*単位の注意書き*/
main section .tani{background:#CEE3CE;}
/*申込の流れ*/
#contact section .step {background: #e5eeee;}
/*ボタン*/
a.regist1{background:#369;border-color:#369;}
a.regist2{background:#399;border-color:#39C;}
/*注意書き*/
#contents main section .attention{color:#c02020;}
#contents main section .attentionb{font-weight:bold;color:#c02020;}


/*ヘッダー*/
/*-------------------------------------*/
img.menubtn {
	display:none;
}
header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:80px;
	z-index:1;
}
header section {
	width:1080px;
	margin:0 auto;
}
header #toplogo {
	background:url(img/toplogo.png);
    width:580px;
	height:80px;
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
}
header #toplogo h1 {
	text-align:left;
	font-size:24px;
	line-height:34px;
	margin:8px 20px;
}
/*
header #toplogo h1 br {
	display:none;
}
*/
header nav ul {
	float:right;
	margin:5px 0;
}
header nav ul li {
	display:block;
	width:75px;
	height:50px;
	text-decoration:none;
	text-align:center;
	margin:10px;
	float:left;
	border-radius:2px;
}
header nav ul li a {
	display:block;
	font-size:11px;
	line-height:1.4em;
	color:#fff;
	text-decoration:none;
	padding:20px 0;
}
header nav ul li:hover {
	opacity:0.7;
	height:55px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
header nav ul li a:hover {
	padding:22px 0;
	color:#fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}


/*トップ画像*/
/*-------------------------------------*/
#topimage {
	position:relative;
	top:80px;
	width:100%;
	padding:50px;
	background:url(img/ssccphoto.jpg) no-repeat left 50%; 
	background-size:cover; 
	text-align:center; 
}
#topimage h1 {
	font-size:42px;
	line-height:55px;
	font-weight:normal;
}
#topimage h1 span {
	font-size:32px;
    margin:0 10px;
    color:#fff;
    text-shadow: none;
    background: #00456d;
    border-radius: 3px;
    padding:4px 8px 0 8px;
}
#topimage #dateplace {
	font-size:20px;
	line-height:50px;
	padding:10px 0;
}

/*サイドメニュー　スマホ用*/
/*-------------------------------------*/
#sidenav {
	display:none;
}


/*スライドメニューOpen時に*/
/*main,footterをスライドするための括り*/
/*-------------------------------------*/
#contents {
	width:100%;
}

#contents #base {
	width:1080px;
	margin:0 auto;
}

/*サイドメニュー スマホ用*/
/*-------------------------------------*/
#sidenav {
	display:none;
}

/*目次*/
/*-------------------------------------*/
#contents #idx {
	display:block;
	position:relative;
	top:80px;
	float:left;
	width:250px;
	padding:15px 30px;
	z-index:0;
}
#contents #idx li{
	list-style:none;
	font-size:16px;
	line-height:1.4em;
	margin:15px 0;
	border-bottom:1px dotted #ccc;
}
#contents #idx li a{
	text-decoration:none;
}


/*メインコンテンツ*/
/*-------------------------------------*/
#contents main {
	position:relative;
	top:80px;
	background:#fff;
	overflow:auto;
	border:1px #fff solid; /*これ入れると謎のぞき穴が無くなるので*/
}

#contents main article {
	margin:10px 15px 30px;
}

#contents main section {
	overflow:auto;
	margin-bottom:10px;
	background: rgba(255,255,255,0.3);
	background:#fff;
	padding:15px 25px;
}
#contents main section h3 {
	font-size:30px;
	line-height:1.4em;
	font-weight:normal;
}
#contents main section h3 span{
	font-size:15px;
	line-height:1.4em;
}
#contents main section p {
	font-size:14px;
	padding: 10px;
}



/*概要*/
#contents main section #gaiyoul {
	float:left;
}
#contents main section #gaiyour {
	float:right;
}
#contents main section .tani{
	padding:10px 15px;
	width:500px;
	border-radius:2px;
}
#contents main section #gaiyoul p{
	padding:7px 10px;
	line-height:1.3em;
}


/*テーブル*/
table {
	margin:15px 0 ;
	border-collapse:collapse;
	border-spacing: 0;
}
table td, table th {
	padding:5px;
	border:1px solid #999;
	text-align:left;
}

/*箇条書き*/
#contents main ul.disc li {
	list-style:disc;
	margin:10px 0 10px 25px;
}
#contents main ul.kome li {
	list-style:none;
	margin:10px 0 10px 10px;
    padding-left: 1em;
    text-indent: -1em;
}
#contents main ul.kome li:before {
  content: "※";
}


/*プログラム*/
#program section {
	font-size:14px;
	line-height:1.4em;
}
#program section .session {
	clear:both;
	overflow:auto;
	margin:10px 0 50px 0;
	line-height:1.8em;
}
#program section .session h4 {
	font-size:18px;
	line-height:1.4em;
	font-weight:bold;
	padding:0 3px;
	border-bottom:1px solid #999;
}	
#program section .session dl {
	clear:both;
	margin:10px 0 10px 20px;
}
#program section .session dt {
	width:310px;
	float:left;
}
#program section .session dd {
	width:auto;
	float:left;
}

/*お申込み*/
#contact {
	clear:both;
	overflow:auto;
}
#contact section .step {
	position: relative;
	display: inline-block;
	margin:20px 0 0 0;
	padding: 7px 7px 7px 10px;
	width: 100%;
	border-radius:2px;
}
#contact section .step:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 80px;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 20px solid #ccc;
}
#contact section .sl:before {
	border:none;
}


#contact section .step ul {
	list-style-position:outside;
	list-style-type:disc;
}
#contact section .step li {
	margin:0 0 0 35px;
}

#contact iframe {
	width:320px;
	height:240px;
}


/*お申込みボタン*/
a.regist1,
a.regist2 {
	margin:15px 0px;
	display:block;
	width:450px;
	padding:10px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	line-height:1.4em;
	border-radius:2px;
	border:1px solid;
}
a.regist1:hover,
a.regist2:hover {
	opacity:0.7;
}




/*リンク*/
/*-------------------------------------*/
#link h4{
	font-size:14px;
	line-height:1.4em;
	font-weight:bold;
	padding:0 3px;
	border-bottom:1px solid #999;
	margin:10px 0 0 0;
}

#link p{
	margin:0 0 30px 10px;
}




/*フッター*/
/*-------------------------------------*/
footer {
	position:relative;
	top:80px;
}
footer section {
	width:1080px;
	margin:0 auto;	
	padding:10px;
	font-size: 12px;
	overflow:auto;
}
footer h3 {
	line-height:25px;
}
footer #mtoi,
footer #ktoi{
	float:left; 
	text-align:left;
	padding:10px;
}
footer #mtoi ul,
footer #ktoi ul{
	width:auto;
}
footer ul{
	float:right;
	padding:10px 0;
	text-align:right;
}
footer li{
	display:inline;
	padding:10px;
	font-size: 11px;
}
footer li:after{
	content:"　　|";
}
footer li:last-child::after{
	content:"";
}
footer li a{
	text-decoration:none;
}
footer #logo {
	float:right;
	background:url(img/sscclogo.png);
	background-repeat:no-repeat;
	margin:15px 10px 0 0;
	width:305px;
	height:50px;
}
footer #copyright{
	clear:both;
	text-align:right;
	padding:50px 10px 0 0;
}

@media only screen and (max-width: 1080px){
	
/*ヘッダー (max-width: 1080px)*/
/*-------------------------------------*/
header {
	width:100%;
	padding:0;
	z-index: 5;
}
header section {
	width:100%;
}
header #toplogo {
	width:420px;
	background-size:cover;
}
header #toplogo h1 {
	line-height:26px;
	margin:15px 20px;
    font-size: 20px;
}
header #toplogo h1 br {
	display:inline;
}

/*メインコンテンツ (max-width: 1080px)*/
/*-------------------------------------*/
#contents #base {
	width:100%;
}

/*概要*/
#contents main section #gaiyour {
	float:left;
}
#contents main section .tani{
	width:auto;
}


/*プログラム*/
#program section .session dl {
	margin:8px 5px;
}
#program section .session dt {
	width:100%;
}
#program section .session dd {
	width:100%;
	padding:0 0 0 15px;
}


/*フッター (max-width: 1080px)*/
/*-------------------------------------*/
footer section {
	width:100%;
}
footer ul{
	float:none;
	text-align:left;
}
footer #mtoi{
	clear:both;
}
footer #logo {
	clear:both;
	float:left;
	margin:15px 10px 0 5px;
}
footer #copyright{
	padding:50px 5px 10px 5px;
}

}



@media only screen and (max-width: 920px){
.mobileonly {display:block;}
.pconly {display:none;}

/*ヘッダー (max-width: 920px)*/
/*-------------------------------------*/
header {
	height:50px;
}
header #toplogo {
	height:50px;
	width:460px;
}
header #toplogo h1 {
	width:450px;
	font-size:17px;
	margin:15px 10px;
}
header #toplogo h1 br {
	display:none;
}
header nav ul {
	display:none;
}
img.menubtn {
	display:block;
	float:right;
	margin:7px;
	cursor: pointer;
	z-index: 4;
}


/*トップ画像 (max-width: 920px)*/
/*-------------------------------------*/
#topimage {
	top:50px;
	padding:20px 35px;
}
#topimage h1 {
	font-size:28px;
	line-height:38px;
}
#topimage h1 span {
	font-size:24px;
}
#topimage #dateplace {
	font-size:16px;
	line-height:26px;
	padding:10px 0;
}

/*サイドメニュー スマホ用 (max-width: 920px)*/
/*-------------------------------------*/
#sidenav {
	display:block;
	width:295px;
	float:right;
	position:relative;
	top:50px;
	z-index: 1;
}
#sidenav ul li {
	display:block;
	margin:10px;
	background:#999;
}
#sidenav ul li a {
	display:block;
	padding:10px;
	width:100%;
	text-decoration:none;
	color:#fff;
}
#sidenav ul li:hover {
	opacity:0.7;
}

/*スライドメニューOpen時に*/
/*main,footterをスライドするための括り*/
/*-------------------------------------*/
#contents {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 2;
}

/*スライドメニューOpen時に*/
/*#contentsを暗くする*/
/*-------------------------------------*/
.overlay {
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 3;
}
.side-open .overlay {
	visibility: visible;
	cursor: pointer;
	background: rgba(0,0,0,.7);
}
.side-open .overlay,
.side-open #contents {
	-webkit-transform: translate(-300px, 0);
	transform: translate(-300px, 0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

/*メインコンテンツ (max-width: 920px)*/
/*-------------------------------------*/
#contents #base {
	width:100%;
}
#contents #idx {
	display:none;
}
#contents main {
	padding:0;
	top:50px;
}
#contents main section {
	margin:0;
	padding:15px 0px;
}
#contents main section h3 {
	font-size:18px;
}
#contents main section p {
	padding: 0px;
}

/*お申込みボタン*/
a.regist1,
a.regist2 {
	width:100%;
	padding:10px;
	font-size:16px;
}

/*フッター (max-width: 920px)*/
/*-------------------------------------*/
footer {
	top:50px;
}
	
}

@media only screen and (max-width: 520px){

/*トップ画像 (max-width: 520px)*/
/*-------------------------------------*/
header #toplogo {
	width:280px;
	background-size:cover;
}
header #toplogo h1 {
	width:280px;
	font-size:14px;
	line-height:19px;
	margin:7px 10px;
}
header #toplogo h1 br {
	display:inline;
}

/*フッター (max-width: 520px)*/
/*-------------------------------------*/

footer ul{
	width:100%;
}
footer li{
	display:block;
	width:100%;
	padding:10px;
	text-align:left;
	font-size: 14px;
}
footer li:after{
	content:"";
}
footer #copyright{
	text-align:left;
	padding:50px 5px 10px 10px;
}


/*お申込み*/
#contact .video{
	padding:75% 0 0 0;
	position:relative;
	margin-bottom: 10px;;
}
#contact iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
}