@charset "utf-8";

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}



/* GENERAL */

html {
    overflow-y:scroll;
    }

body {
	color: #000;
	font: 14px/1.4 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font: 15px/1.5 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background:url(../images/bg-main.gif) repeat;
}
a {
	color:#000;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}
a img {vertical-align: bottom;}

#wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0px 50px 30px 50px;
	overflow: hidden;
}

/* header*/

ul#header{
	width: 980px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
}
ul#header li.head-left{
	width: 720px;
	padding: 20px 0px 5px 0px;
	float: left;
	text-align: left;
}
ul#header li.head-left img{
	margin:0px 470px 0px 0px;
}
.serch{
	width:260px;
	margin-bottom:10px;
}
ul#header li.head-right{
	width: 260px;
	padding: 13px 0px 10px 0px;
	float: left;
	text-align: right;
}

ul#navi{
	width: 980px;
	list-style: none;
	padding: 0px 0px 42px 0px;
}
ul#navi li{
	float:left;
}


/* SIDE */

#side{
	width:250px;
	float:right;
	text-align:left;
	overflow:hidden;
	color:#666;
}
#side a{
	color:#666;
}
ul#side-info{
	width: 218px;
	list-style: none;
	background: url(../images/bg-side.gif) repeat-x #e0edf3;
	padding: 22px 16px 47px 16px;
	position: relative;
	margin: 0px 0px 28px 0px;
	z-index: 0;
}
ul#side-info li{
	z-index: 2;
	padding: 0px 0px 5px 0px;
}
ul#side-info li.title{
	font-weight: bold;
	margin-top: 15px;
}
ul#side-info li.text{
	padding: 0px 0px 10px 0px;
	overflow: hidden;

}
ul#side-info li.text img.photo-side-left{
	float: left;
	margin: 0px 5px 0px 0px;
	overflow: hidden;
}
ul#side-info li.next{
	background: url(../images/bg-next.png);
	text-align: right;
	line-height: 1.0;
	margin: 10px 0px 23px 0px;
}
ul#side-info img.side-matsu{
	position:absolute;
	width:142px;
	height:149px;
	bottom:0px;
	left:100px;
}
#side img.banner{
	margin-bottom:30px;
	z-index:1;
}
	
/* Footer */


#footer{
	width: 100%;
	text-align: center;
	height: 100%;
	background: url(../images/bt-foot.png) repeat-x;
	font-size:13px;
}
#footer a{
	color: #71a7be;
}

.anounce{
	width: 980px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 60px 0px 0px 0px;
	color: ##71a7be;
}

#page-top {
	width:255px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
}
.address{
	width: 400px;
	text-align: left;
	float: left;
	color: #71a7be;
}
.link{
	width: 580px;
	text-align: right;
	float: right;
}

.form-length{
	width:500px;
	height:300px;
}

/* 共通 */

.flo-r{ float: right; }
.flo-l{ float: left; }

.mgn-t15{ margin-top: 15px; }
.mgn-t40{ margin-top: 40px; }
.mgn-t50{ margin-top: 50px; }
.mgn-t120{ margin-top: 120px; }
.mgn-t160{ margin-top: 160px; }

.mgn-r0,img.mgn-r0,li.mgn-r0{ margin-right:0px;}
.mgn-r5{ margin-right:5px; }
.mgn-r10{ margin-right:10px; }
.mgn-r15{ margin-right:15px; }
.mgn-r20{ margin-right:20px; }
.mgn-r25{ margin-right:25px; }
.mgn-r30{ 	margin-right: 29px;}
.mgn-r34{ margin-right:34px; }
.mgn-r40{ margin-right:40px; }
.mgn-r65{ margin-right:65px;}
.mgn-r70{ margin-right:70px;}
.mgn-r75{ margin-right:75px;}
.mgn-r120{ margin-right:120px; }
.mgn-r150{ margin-right: 150px; }
.mgn-r200{ margin-right: 200px; }
.mgn-r370{ margin-right:370px;}

.mgn-b5{ margin-bottom:5px;}
.mgn-b10{ margin-bottom:10px;}
.mgn-b15{ margin-bottom:15px;}
.mgn-b20{ margin-bottom:20px;}
.mgn-b30{ margin-bottom:30px;}
.mgn-b35,.mgn-b35 p{ margin-bottom:35px;}
.mgn-b40{ margin-bottom:40px;}
.mgn-b45{ margin-bottom:45px;}
.mgn-b50{ margin-bottom:50px;}
.mgn-b55{ margin-bottom:55px;}
.mgn-b60{ margin-bottom:60px;}
.mgn-b70{ margin-bottom:70px;}
.mgn-b75{ margin-bottom:75px;}
.mgn-b80{ margin-bottom:80px;}
.mgn-b100{ margin-bottom:100px;}
.mgn-b170{ margin-bottom:170px;}
.mgn-b200{ margin-bottom:200px;}

.mgn-l20{ margin-left: 20px; }
.mgn-l50{ margin-left: 50px; }
.mgn-l85{ margin-left: 85px; }
.mgn-l130{ margin-left: 130px; }
.mgn-l270{ margin-left: 270px; }


/* FLOAT CLEAR */
#wrapper,
ul#header,
ul#navi,
#contents,
ul#knownoh-nou,
ul#sonota,
ul#knownoh-club,
ul#knownoh-lesson,
.bnr-lesson,
ul#side-info,
.anounce,
.clearfix{
	zoom: 1;
}
#wrapper:after,
ul#header:after,
ul#navi:after,
#contents:after,
ul#knownoh-nou:after,
ul#sonota:after,
ul#knownoh-club:after,
ul#knownoh-lesson:after,
.bnr-lesson:after,
ul#side-info:after,
.anounce:after,
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
.for-sp,.sp-lesson{ display: none; }
@media screen and (max-device-width: 720px) {
body {-webkit-text-size-adjust: 100%;
}
.for-pc{ display: none; }
.for-sp,.sp-lesson{ display: inherit; }

#wrapper{
	width: 90%;
	margin: 0 auto;
	padding: 0 5% 10% 5%;
	overflow: hidden;
}

/* HEADER*/
#header{
	margin-bottom: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #666;
}
#header h1{
	width: 100%;x
}
#header h1 img{
	width: 60%;
	height: auto;
}
.head-main{
	width: 100%;
	height:auto;
	margin-bottom: 20px;
}

.drawer-hamburger {
  border: 0;
  background: 0;
  position: absolute;
  display: block;
  top: 5px;
  right: 0;
  padding: 15px 20px;
  width: 20px;
  height: 50px;
  background-color: transparent;
  border: 0;
  z-index: 90;
  outline: 0; }
.drawer-hamburger:hover {
    cursor: pointer; }

#header a span.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px; }
#header a span.drawer-hamburger-icon, #header a span.drawer-hamburger-icon:before, #header a span.drawer-hamburger-icon:after {
	height: 3px;
	width: 100%;
	border-radius: 1px;
	background-color: #000;
	-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#header a span.drawer-hamburger-icon:before, #header a span.drawer-hamburger-icon:after {
    position: absolute;
    content: " ";
    top: -10px;
    left: 0; }
#header a span.drawer-hamburger-icon:after {
    top: 10px; }
#header a span.drawer-open .drawer-hamburger-icon {
    background-color: transparent; }


#header #menuIcon { left:16px; }
#header #searchIcon { right:16px;}


/* -remodal- */
 .remodal-wrapper  { text-align:left!important; height: 100%;}
 .remodal  { padding:60px 4% 140px; background-color:#fafafa; font-size:13px;}
 .remodal a { text-decoration:none;
	display:block;
	background:url(/common/sp/mod_icon_arrow_navy.png) no-repeat right center;
	background-size:4px auto;}

  .remodal .remodal-close, .remodal .remodal-close:hover { display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background:url(https://www.thecovernippon.jp/images/mod_icon_close.png) no-repeat 0 16px;
    background-size:16px;
}
 .remodal-wrapper h2 {
	 width: 100%;
	 padding: 20px 0 10px;
    margin-bottom: 60px;
	font-size:18px; 
	font-weight:bold;
	text-align: center;
}
 .remodal-wrapper h3 { font-size:15px; font-weight:bold; margin:2em 0 0.5em;}
 .remodal-wrapper h3.firstChild { margin-top:12px; font-size:13px;}
 .remodal-wrapper h4 { margin-bottom:0.2em; padding:0.7em 0.8em; background-color:#eee; font-size:14px; font-weight:bold; }
 .remodal-wrapper h4 span { font-size:12px;}
 .remodal-wrapper ul li ul li { line-height:1; 
	margin:1em 0 ; padding:0.2em 1.2em 1em 1em; 
	border-bottom:1px dotted #ddd;}
 .remodal-wrapper ul li ul li:last-child { border-bottom:none;}

 .remodal-wrapper .remodal a.remodal-cancel {
display:block;
width:100%;
margin:40px auto 0 auto;
padding:5px 0;
border: 1px solid #004898;
background: #fafafa;
font-size:13px;
color:#004898;
text-align: center;
 -webkit-border-radius: 0px; 
 border-radius: 0px;
 }

/* SIDE */

#side{
	display:none;
}
	
/* Footer */


#footer{
	width: 100%;
	text-align: center;
	color: #71a7be;
	font-size: 14x;
	background:#c6e2ed;
	padding-bottom: 50px;
	overflow:hidden;
}
#footer a{
	color: #71a7be;
}

.anounce{
	width: 90%;
	margin: 0px auto;
	position: relative;
	text-align: left;
	overflow: hidden;
	padding: 60px 0px 0px 0px;
}

#page-top {
	display:none;
}
.address{
	width: 100%;
	text-align: left;
	margin-bottom: 50px;
	font-size: 14px;
}
.link{
	width: 100%;
	font-size: 10px;
}

.form-long{
	width:500px;
	height:400px;
}



}