/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,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%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN',"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,   メイリオ,'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
	
	}
	
	
ur{list-style:none;}
li{display: inline;}




/*
全体
-------------------*/

a{text-decoration:none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	font-size:140%;
	}
a:link{color:#999999;}
a:visited{color:#999999;}
a:hover{color:#00B285;}

h2{font-size:50px;font-weight:bold;color:#999999;padding:110px 0 30px 0;display:block;width:80%;min-width:320px;margin:0 auto;border-bottom:1px solid #ccc;}


/*
form
-------------------*/

#contactform input[type="text"] {border:1px solid #dddddd;width:300px;padding:10px;border-radius:5px;}
#contactform textarea{border:1px solid #dddddd;width:300px;padding:10px;border-radius:5px;}
#contactform dt{padding:30px 0 10px 0;}

.error{color:red;display:block;padding:5px 0 0 0;font-size:12px;}


/*
index
-----------------*/

.toppage{padding:0;text-align:center;}
#toppage .index_nekoguruma_gif{max-width:147px;width:20%;margin:0 auto;}
#toppage .index_logo_a{padding:0 0 15px 0;max-width:447px;width:60%;}
#toppage  ul{padding:20px 0;}

#toppage .snslink{max-width:48px;width:8%;padding:25px 10px 0px 10px;}



#fullpage li{margin:0 5px;}

.fp-tableCell{vertical-align: top;}




/*
Schedule
-----------------*/

.live_head{font-size:30px;margin:10px 0 15px 0;display:block;}
.live_box{}
.live_box2{width:80%;min-width:320px;margin:0 auto;padding:13px 0;line-height:1.4em;border-bottom:1px solid #ccc;position: relative;}
.live_event{}
.live_taiban{}
.live_shousai{}
.live_caution{}

/*リンク*/


@media screen and (max-width: 799px) { /*指定以下の場合*/
#schedule a{font-weight:normal;}
#schedule a:link{color:#000000;text-decoration:underline;}
#schedule a:hover{color:#00B285;background-image:none;text-decoration: none;}
#schedule a:visited{color:#000000;text-decoration:underline;}
}

@media screen and (min-width: 800px) { /*指定以以上の場合　PCはアンダーラインを画像に*/
#schedule a{font-weight:normal;text-decoration: none;}
#schedule a:link{color:#000000;text-decoration: none;background-image:url(img/bg_line.png);background-repeat:repeat-x;background-position:left 0px bottom 6px;}
#schedule a:hover{color:#00B285;background-image:none;}
#schedule a:visited{color:#000000;text-decoration: none;}
}


#schedule .yoyaku{position: relative;top:-30px;right:0;width:150px;background:#dddddd;padding:5px;float:right;text-align:center;

	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	}

#schedule .yoyaku:hover{color:#fff;background:#9bd3c4;}


/* 上部内部リンクメニューデザイン */
/*リンク文字*/
#menu li {
    display:inline-block;
    margin: 10px;
    color: #000;
	font-weight:bold;
}


#menu li.active{
    color:#00B285;  
}
#menu li a{
    text-decoration:none;
}
#menu li a:last-child  {
	//margin-right:30px;
}
#menu li.active a:hover{
    color:#00B285;  
}
#menu li:hover{
   
}
#menu li a,
#menu li.active a{
    padding: 18px 0px;
    display:block;
}
#menu li.active a{
    color:#00B285; 
}
.remodal {
	padding: 0px;
	width : auto;
	min-width:500px;
	border-radius: 5px;
}

#modal-area  h1{padding:20px 0;border-bottom:3px solid #EEEEEE;background:#F8F4F4;font-weight:normal;font-size:16px;
border-radius: 5px 5px 0 0;
}

#modal-area  .formbody{padding:0 20px 20px 20px;}

#modal-area  dl{display: block;margin-bottom:15px;}
#modal-area  dt{float:left;width:150px;clear : both;text-align:left;padding:20px 0 5px 0;}
#modal-area  dd{float:left;text-align:left;padding:20px 0 5px 0; }

#modal-area  input[type="submit"] { -webkit-appearance: none; }
#modal-area  input[type="submit"] {
    vertical-align: middle;
    width: 100%;
	background:#B0E6D7;
	padding:10px;
	font-size:16px;
	border:0px;
	border-bottom: 3px solid #9BD3C4;
}


#modal-area  input[type="text"] {border:1px solid #dddddd;width:200px;border-radius:5px;padding:5px;}
#modal-area  textarea{border:1px solid #dddddd;width:200px;border-radius:5px;padding:5px;}
#modal-area  input[type="select"] {border:1px solid #dddddd;border-radius:5px;padding:5px;}



/*ヘッダ*/
#menu{
	background:#ffffff;
    position:fixed;
    top:-100px;
    left:0;
    height: 63px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin:0;
	border-bottom:1px solid #cccccc;
	display:block;
	box-shadow: 0 1px 3px #ddd;
	-moz-box-shadow:0 1px 3px #ddd;　/* Firefox用 */  
	-webkit-box-shadow:0 1px 3px #ddd;　/* Safari,Google Chrome用 */ 
}
#menu ul{
	float:right;
}
#menu img{width:300px;padding:5px 0 0 10px;}

#menu .header_logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/logo_b.png");
    background-origin: padding-box;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 320px auto;
    float: left;
    height: 70px;
    width: 350px;
}


/*
メール送信
---------------------*/

#sendmail img{margin:0 auto;padding-top:100px;width:300px;display:block;}
#sendmail .back{background:#b0e6d7;display:block;margin:0 auto;padding:10px;width:220px;text-align:center;}
#sendmail a{color:#415852;}





/*
スマホの場合
---------------------*/

@media screen and (max-width: 600px) {
	
	a{text-decoration:none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	font-size:100%;
	}
	
	#sendmail img{margin:0 auto;padding-top:40px;width:300px;display:block;}

	#menu img {
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 0;
		padding-top: 5px;
		width: 130px;
	}
	
	.live_head {font-size:20px;}
	#menu li a, #menu li.active a {
		display: block;
		padding-bottom: 18px;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 14px;

	}
	
	#menu .header_logo {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: url("img/splogo.png");
		background-origin: padding-box;
		background-position: 10px 12px;
		background-repeat: no-repeat;
		background-size: 120px auto;
		float: left;
		height: 70px;
		width: 180px;
	}
	#menu ul{
	float:right;
	padding-right:15px;
	}
	.remodal {
		 min-width: 450px;
	}
	h2{font-size: 30px;}



}