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,img,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 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/
body {
	letter-spacing:0;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	font-style: normal;
	line-height: 1.5;
	font-weight: normal;
	font-variant: normal;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFF;
}


footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666;
	background-color: rgba(255,255,255,0.60);
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 14px;
	margin-top:40px;
}

footer p {
	font-size: 120%;
	font-weight: bolder;
	color: #333;
	line-height: 1.2;
	padding: 0 10px;
}

footer a {
	color: #0CF;
	text-decoration: underline;
}


      #contents {
		  box-sizing: border-box;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background:#2469A9;
        color: white;
        font-size: 12px;
        line-height: 1.3;
        margin: 25px auto 0 auto;
        padding: 10px 10px;
        vertical-align: middle;
		 max-width: 800px;
		  width: 100%;
      }
      #contents h2{
        padding: 10px 0px;
        font-size: 13px;
		border: 1px #FFFFFF solid;
      }
	 
      #contents h3{
        padding: 20px 0 6px 0;
        font-size: 12px;
      }


#f-navi{
	text-align: center;
	margin: 15px 5px;
}

#f-navi ul{
	font-size:0;
	line-height:1.0em;
	
	margin-bottom:10px;
}

#f-navi ul li{
	display:inline-block;
	margin: 0 0 0.6em 0;
	font-size:0.75rem;
	line-height:1.0em;
}

#f-navi li::after{
	content: '｜';
	box-sizing: border-box;
	padding:0 5px;
}

#f-navi li:last-child:after{
	content: '  ';
}

#f-navi ul li a{
	color:#333;
}	 	 





h1 {
	padding: 0px;
	margin:0;
	font-size: 14px;
	line-height: 30px;
	font-weight: nomal;
	color: #FFFFFF;
	background-color:rgba(0,0,0,0.57);
	width:100%;
	text-align:center;
}

.post {
	text-align: center;
	color: #000;
	font-size: 75%;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	clear: both;
}

.post a {
	color: #00C6FF;
	text-decoration: underline;
}





	
.ninsyou {
	margin:10px auto;
	overflow:hidden;	
	width:100%;
	box-sizing: border-box;
	background-image:none;
    background-repeat:no-repeat;
    background-position:left top;
	color: #000;
	clear: both;
	padding: 0 0px;
}
.kin20 {width: 10%; float: left; margin: 0;	box-sizing: border-box;
	
}
.ninsyou p {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 90%;
	color: #ffffff;
	clear: none;
	text-align: left;
	margin-left: 0%;
	padding: 0 0 0 15px;
	font-size: 13px;
	line-height: 16px;
	}
.ninsyou p a {
	color: #ffffff;
	display: block;
	text-decoration: none;	
}
.ninsyou p a:hover {
	color: #ffffff;
	display: block;
	text-decoration: underline;
}


.enter {
	width: 100%;
	max-width: 640px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	box-sizing: border-box;

}
.enter div {
	line-height: 0;
	margin-bottom: 5px;
}

.enter img{
	width: 100%;
}



body{
	background-repeat: no-repeat;
	background-position:center top;
	background-attachment:fixed;
	max-width:1920px;
	margin:0 auto;
	background-image: url(../images/back01.jpg);
	}
	
	header img{
	width: 100%;
}


	.backg{
	background-image: url(../images/index01.png);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:center 35px;
	margin:0 auto;
	}





@media screen and (max-width:480px) {
.main1{
	display: none;
	}
h1{display: none;}

footer {
	font-size: 11px;
	line-height: 16px;
	color: #6A6969;
	padding-top: 10px;
	padding-bottom: 14px;
	margin-top:25px;
}	
footer p {
	font-size: 12px;
	font-weight: bolder;
	color: #6A6969;
	line-height: 16px;
	padding: 0 10px;
}
	
	
body{background-image: none;

	}
	
	
	
.box{ background-color:rgba(255,255,255,0.00) !important; padding:0; margin:0;}
	
	
header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	max-width: 640px;
	z-index: 10;

}
.enter {
	max-width: 640px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	overflow: hidden;
	padding: 0 10px;
	box-sizing:border-box;
	z-index: 20;

}

.backg {
position: relative;
  z-index: 1;
}

.backg::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: url("../images/back01.jpg");
  background-size: cover;
	background-attachment:fixed;
	max-width:1920px;
	background-position: center top;
  opacity: 0.15; /* ← ここで透明度を調整 */
  z-index: -1;
}	
	
.ninsyou {
	margin:10px auto;
	overflow:hidden;	
	width:100%;
	box-sizing: border-box;
	background-image:none;
    background-repeat:no-repeat;
    background-position:left top;
	color: #000;
	clear: both;
	padding: 0 20px;
}
.kin20 {width: 10%; float: left; margin: 0;	box-sizing: border-box;
	
}
.ninsyou p {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 90%;
	color: #6A6969;
	clear: none;
	text-align: left;
	margin-left: 0%;
	padding: 0 0 0 15px;
	font-size: 11px;
	line-height: 16px;
	}
.ninsyou p a {
	color: #4C4C4C;
	display: block;
	text-decoration: none;	
}
.ninsyou p a:hover {
	color: #6A6969;
	display: block;
	text-decoration: underline;
}
}

@media screen and (min-width:481px) {
	
.main2{
	display: none;
	}
	
	
body{
	background-size: cover;
	
	}
.box{ background-color:rgba(255,255,255,0.00) !important; padding-top:0; margin-top:0;}
header {
	margin-top: 250px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	width: 450px;

}
	
	.backg{
	background-image: url(../images/index01.png);
	background-size: 150%;
	background-repeat:no-repeat;
	background-position:center 35px;
	margin:0 auto;

	}

.enter {
	width: 450px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.ninsyou {
max-width: 450px;}

}







@media screen and (min-width:880px) {
body{
	background-size: cover;
	}
header {
	margin-top: 300px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	width: 540px;
}
.backg{
	background-size:auto;

	}
	
.enter {
	width: 480px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

}