@charset "utf-8";

body{overflow-y: scroll;
	background: rgba(0,0,0,1.00);}

.bg_all{width: 100%;
	height: 100vh;
	background: url("../img/bg1.jpg");
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
	position: fixed; top: 0; left: 0;
	z-index: 0;
	display: none;}

.bg_filter{width: 100%;
	height: 100%;
	background: url("../img/bg_filter1.png");
	background-repeat: repeat;
	position: fixed; top: 0; left: 0;
	z-index: 0;
	display: none;}

#container{width: 100%;
	min-width: 1200px;
	margin: 0 auto;}

.menu{width: calc(100% - 20px);
	height: 40px;
	padding: 5px 10px;
	background: rgba(0,0,0,0.70);
	overflow: hidden;
	display: none;
	position: fixed; top: 0;
	z-index: 3;}

.menubtn{height: 40px;
	margin-right: 10px;
	float: left;}
	
.menubtn:hover{opacity: 0.7;}

.main{width: 100%;
	position: relative;
	padding-top: 50px;
	z-index: 1;}


.contents_box{width: 1000px;
	margin: 0 auto;
	background: rgba(0,0,0,0.80);
	border: rgba(140,98,57,1.00) solid 1px;}

.contents_box_top,.contents_box_bottom{width: 100%;
	height: 10px;
	background: rgba(140,98,57,1.00);}

.contents_box_title{width: calc(100% - 20px);
	height: 50px;
	margin: 0 auto;
	text-align: center;
	border-bottom: rgba(198,156,109,0.50) solid 1px;}

.contents_box_inner{width: calc(100% - 20px);
	padding: 20px 10px;}

footer{width: 100%;
	padding: 20px 0;
	text-align: center;
	background: rgba(0,0,0,0.90);
	position: relative;
	z-index: 1;
	display: none;}

.footer_link{font-size: 16px;
	color: rgba(140,98,57,1.00);}

.footer_link a{color: rgba(140,98,57,1.00);}

.footer_link a:hover{color: rgba(255,126,0,1.00);}

.sns_link{display: inline-block;
	padding: 20px 0;}

.sns_link img{height: 30px;}

.copyright{text-align: center;
	font-size: 12px;
	color: rgba(255,255,255,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:14px;
}
	
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-14px; 
}

.gotop{width:60px;
	height:60px;
	position:fixed; bottom:10px; right:10px;
	z-index:3;}

.gotop img{width: 100%;}

/* ～736 */
@media screen and ( max-width:736px )
{
.bg_all{width: 100%;
	height: 100vh;
	background: url("../img/bg1_sp.jpg");
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
	position: fixed; top: 0; left: 0;
	z-index: 0;
	display: none;}

.bg_filter{width: 100%;
	height: 100%;
	background: url("../img/bg_filter2.png");
	background-repeat: repeat;
	position: fixed; top: 0; left: 0;
	z-index: 0;
	display: none;}

#container{width: 100%;
	min-width: 320px;
	margin: 0 auto;}
	
.sp_menu{display: none;}
	
.contents_box{width: 90%;
	max-width: 400px;
	margin: 0 auto;
	background: rgba(0,0,0,0.80);
	border: rgba(140,98,57,1.00) solid 1px;}

.contents_box_title{width: calc(100% - 20px);
	height: 30px;
	padding-bottom: 5px;
	margin: 0 auto;
	text-align: center;
	border-bottom: rgba(198,156,109,0.50) solid 1px;}

.contents_box_title img{width: auto;
	height: 100%;}

.contents_box_inner{width: calc(100% - 20px);}

.footer_link{font-size: 14px;
	color: rgba(140,98,57,1.00);}
	
.copyright{text-align: center;
	font-size: 10px;
	color: rgba(255,255,255,1.00);}
}