/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

html{
	height:100%;
}

body{width:100%;
	height:100%;
text-align : center;
background-color: #fff462;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
font-size: auto;
line-height: 1.6em;
letter-spacing:1px;
 font-weight: normal;
 background-image:url(../lib/bg.png);
background-size:100%; 
background-repeat:  repeat; 
}

ul{
	list-style:none;
}

p {
 font-weight:normal;

}

p.ttle {
 margin-left:0px;

}

p.clr {clear:both;
 font-weight:normal;

}

div:after{  
     content: ".";   
     display: block;   
     visibility: hidden;   
     height: 0.1px;   
     font-size: 0.1em;   
     line-height: 0;   
     clear: both;   
}  

h1{	margin-bottom:20px;
	font-size:1.6em;
	line-height:1.6em;
}

h2{
	margin-top:0px;
	margin-bottom:20px;
	padding-left:20px;
	font-size:1.4em;
	line-height:1.4em;
	color:#F06;
	background-image:url(../members/images/bg_ttle.gif);
	background-repeat:no-repeat,no-repeat;
	background-position:0px 10px;
}

h3{	padding-left:36px;
padding-bottom:8px;
	font-size:1.2em;
	line-height:1.4em;
background-image:url(../lib/bg_umbrl.jpg);
	background-repeat:no-repeat,no-repeat;
	background-position:0px 0px;
	border-bottom:solid 1px #666666;
}


/*各ページ*/


#container{
	position: relative;
width: 100%;
	height: auto !important;
		height: 100%;
		min-height: 100%;
		
}

article{clear:both;
}

header{
width:100%;
height:auto;
text-align:center;
}

header img{
width:100%;
height:auto;
}

/*スマホ改行*/
.sma{
        display: block;
    }

/**/
nav{
	display: flex;
    flex-direction: column;
	  width: 100%;

height:auto;
margin:10px auto 20px auto;
background-color:#ffffff;
}

.flex{
   width: 100%;
  height: auto;
  padding:10px 0px;
color:#ffffff;
  text-align: center;
  vertical-align: center;
  font-size: 1.2em;
text-decoration:none;
}

.flex a{
color:#ffffff;
text-decoration:none;
}
.flex a:hover{
color:#fff222;
  text-align: center;
background-color:none;
text-decoration:none;
}



/**/
#bdy{
	width: 100%;
	height:100%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 200px;
	text-align:center;
	background-color:#FFFFFF;
}
	
	
#stg{
width: 95%;
height:auto;
margin-right:auto;
margin-left:auto;
padding-top:40px;
padding-bottom:20px;
	text-align:left;
	}
	
		
.stg-cntr{
width: 100%;
height:auto;
margin-left:auto;
margin-right:auto;
padding-bottom:40px;
	text-align:center;
background-color:#FFFFFF;	
	}
	
	
footer{clear:both;
		width: 100%;
		height: 160px;
		margin:auto;
	background-color:#FFCC00;
		border-top: solid 1px #FFCC55;
		color:#ffffff;
		position: absolute;
		bottom: 0;
		left: 0;	
	}

/*ボタン*/
 .btn{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676D7;
  color: #fff;
 margin:8px 20px 8px 0px;
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn:hover {
  background: #1d49aa;
}
 
 .btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

 .btn2{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #EE2358;
  color: #fff;
	 margin:8px 20px 8px 0px;
	
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn2:hover {
  background: #D30A2C;
}
 
 .btn2:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

 .btn3{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #999999;
  color: #ffffff;
	 margin:8px 20px 8px 0px;
	
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn3:hover {
  background: #D30A2C;
}
 
 .btn3:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

/*フォント*/
#ftxt{
	width:95%;
	height:auto;
	margin:10px auto;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	color:#000000;
	}
	#ftxt img{vertical-align: none;}		
	
.sred{
	color:#FF0000;
}

.ftxtb{
	font-size:1.2em;
	font-weight:bold;
}

/*フォントウエイト*/
	.txtl{font-size:1.4em;
	}
	.txtb{font-weight:bold;
	}
	.txtr{color:#F30;
	}

/*フォントポジション*/
		.txtsl30{margin-left:0px;
	}

/*テキストボックス*/

.grting{text-align:center;
	margin:0px 20px 0px 20px;
}


.infobx{clear:both;
width:auto;
font-size:1.2em;
}

/*イベント*/

/*テーブル*/

/*リスト*/
	
	dl#ent{
	width:100%;
		
	line-height:20px;
	}
	dt{
		height:auto;
		clear:left;
    float:none;
	width:auto;
	}

	dd{height:auto;
	}


	
/*画像*/
p.img3{
}

p.img3-2{display:none;
}

	
figure{
		width:100%;
		height:auto;
			line-height:1em;
		margin-bottom:20px;
	}
	
	figure img{
		width:100%;
		height:auto;
	}
	figure.yoko{
	
		float:none;
	}
		figure.yoko img{
		width:100%;
		height:auto;
	}
	
figcaption{
	
		font-size:1em;
	}
	

	.img-r{float:none;
	}
	
	.spl40b30{margin-left:0px;
	margin-bottom:0px;
	}
	.cw1{
	width:auto;
	}
	
	.rs1{
	margin-right:0px;
	}
	
	.ls1{
	margin-left:0px;
	}
	
	figure.lctn-r{
		float:none;
	}
	
	.akil30{
		margin-left:0px;
	}
	
p.clr {display:none;

}