@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: #000; color: #CCC; font-size: 12px; letter-spacing: 0.05em; }
#sp_menu{
	display:none;
}

hr { display: none; }
ul { list-style: none; }
section, nav, article, footer { display: block; }

/*リンク設定
----------------------------------------------*/
a { color: #FFF; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
a:hover { color: #b60005; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: none !important; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

/*テキスト選択色
----------------------------------------------*/
::selection { background: #E2EFE6; }
::-moz-selection { background: #E2EFE6; }

/*ページ設定
----------------------------------------------*/
#page { width: 100%; margin: 0 auto; }

/*フォント
----------------------------------------------*/
.future{
	font-family: "futura-pt", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.future_b{
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.kaku{
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.kaku_b{
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	font-style: normal;
}
#hum{
	display:none;
}
#sp_menu .close{
	color:#fff;
	font-size:50px;
	position:fixed;
	top:0px;
	right:10px;
}
/*フッター
----------------------------------------------*/
footer { width: 100%; text-align: center; 	font-family: "hiragino-kaku-gothic-pron", sans-serif;font-weight: 300;font-style: normal;}
#footout { position: relative; top: 170px; margin-top: -120px; }
#footline { background: url(../img/common/bg_pink.svg) repeat-x; width: 100%; height: 70px; position: relative; z-index: 999; }
#footin { background: #b60005; position: relative; z-index: 999; padding: 80px 0; }
#footin p { margin-bottom: 10px; font-size: 10px; color: #000; line-height: 1.8; }

#footsale { background: url(../img/common/sale.png) no-repeat; width: 700px; height: 30px; text-indent: -9999px; margin: 0 auto 10px; }
.footbn {  width: 700px; margin: 0 auto 50px; display: flex; justify-content: center; }
.footbn li{margin:10px;}
#footvita { width: 960px; margin: 0 auto; text-align: right; }
#sp_menu{
	display:none;
}
.bottom_area .end_banner{
	position:relative;
	z-index:99;
	margin-top:-360px;
	margin-bottom:180px;
}
.bottom_area .end_banner img{
	max-width:1000px;
}
/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
スマホ用に対応させたいな……
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 768px) {
	#hum{
		display:block;
		position:fixed;
		top:10px;
		right:10px;
		z-index:999;
	}
	#hum img{
		width:50px;
	}
	img { max-width: 95%; height: auto; width /***/:auto; margin: 0 auto; }
	#sp_menu{
		position:fixed;
		right:0;
		top:0;
		width:30%;
		display:none;
		font-family: "Pirata One", system-ui;
		font-weight: 400;
		background:rgba(0,0,0,0.9);
		line-height:50px;
		font-size:20px;
		z-index:9999;
		padding:30px;
		color:#666;
		text-align:left;
	}
	#sp_menu .dot{
		position:relative;
		left:20px;
		top:-5px;
	}
	.bottom_area .end_banner{
		margin-top:-50vw;
		margin-bottom:30vw;
	}
	.bottom_area .end_banner img{
		max-width:1000px;
	}

	/*ページ設定
	----------------------------------------------*/
	#page { width: 100%; overflow-x:hidden;}
	
	/*メニュー
	----------------------------------------------*/
	
	/*フッター
	----------------------------------------------*/
	#footin { padding: 10px; }
	.footbn{width:100%;display:block;margin:auto;}
	#footout { top: 80px; margin-top: -80px; }
	#footsale { width: 100%; height: auto; padding-bottom: 4.28571%; background-size: contain; }
	#footbn { width: 220px; display: block; }
	#footvita { width: 100%; }
}

@media screen and (max-width: 500px) {
	.bottom_area .end_banner{
		margin-top:-55vw;
		margin-bottom:30vw;
	}
	.bottom_area .end_banner img{
		max-width:1000px;
	}

}