@charset "utf-8";

/* --------------------------------------------------------------------------------

	Yumeya common.css for touch device
	----------------------------------------------------------------------------
	
	reset & common styles
	YUMEYA Corp.
	

	
	----------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	リセット
-------------------------------------------------------------------------------- */
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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
body{
	position:relative;
	max-width:800px;
	margin:0 auto;
	line-height:1.5;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	max-width:100%;
	height:auto;
	border:none;
	-ms-interpolation-mode:bicubic;
	vertical-align:text-bottom;
}
a img{
	border:none;
	vertical-align:text-bottom;
}



h1,h2,h3,h4,h5,h6,p{
	margin:0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}


a{
    -webkit-tap-highlight-color:rgba(0,0,0,0.1);
	tap-highlight-color:rgba(0,0,0,0.8);
	color:#000;
}

a:active,
a:visited{
	color:#000;
}

input{
	-webkit-border-radius:100%;
	border-radius:0;
}
input, select{
	vertical-align:middle;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul.ul{
	list-style:disc;
	padding:0 0 0 1.5em;
}
ol.ol{
	list-style:decimal;
	padding:0 0 0 1.75em;
}

/********** プレースホルダー **********/
::-webkit-input-placeholder{
	color:#000;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}



.common {
	/*font-size: 2.88vw;*/
	font-size: 3.4vw;
}
.common a {
	color:#000;
}
.common * {
	box-sizing: content-box;
}

/* --------------------------------------------------------------------------------
	FS2_layout_body
-------------------------------------------------------------------------------- */
#FS2_layout_body{
	background:#fff;
}

/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header-sp{
	border-bottom:solid 0.2rem #333;
	background:#fff;
}

/********** 2次会の虎 **********/
#header-sp h1{
	float:left;
	width:55%;
}

#header-sp h1 img{
	vertical-align:bottom;
}

/********** メニュー＆カテゴリー **********/
#header-sp .h-menu{
	position:relative;
	float:right;
	width:45%;
	z-index:1000;
}

#header-sp .h-menu .open-close-contents{
	display:none;
	position:absolute;
	width:150%;
	right:0;
	margin:0.2rem 0 0;
	background:#ededed;
}
#header-sp .h-menu ul{
	position:relative;
	margin:0;
	border-top:solid 1px #999;
}
#header-sp .h-menu ul li{
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
#header-sp .h-menu ul li a{
	position:relative;
	display:block;
	padding:6% 10% 6% 6%;
	border-bottom:solid 1px #999;
	font-weight:bold;
	font-size:4.1vw;
	color:#000;
	background:url(/sp/images/common/f-icon-arr.png) no-repeat 96% 50%;
	background-size:0.8em auto;
	text-decoration: none;
}
#header-sp .h-menu ul li ul{
	width:100%;
	position:absolute;
}
#header-sp .h-menu ul li a:after{
	position: absolute;
	top:45%;
	right:3.5%;
	margin:-1em 0 0 1em;
	letter-spacing:-0.05em;
	line-height:2;
}
#header-sp .h-menu ul li:last-child a{
	display:block;
}

/********** 開閉の検索 **********/
#header-sp .h-menu form{
	padding:3% 3% 0;
}
#header-sp .h-menu form div{
	padding:0 0 3%;
}
#header-sp .h-menu form div:nth-child(5){
	padding:0 0 7%;
}
#header-sp .h-menu form input[type=text]{
	width:90%;
	padding:1% 0;
	border-radius:0.5em;
	font-size:120%;
	border: 2px solid #767676;
	box-sizing: border-box;
}
#header-sp .h-menu form select{
	width:80%;
	margin:0 2% 0 0;
	font-size:120%;
}
#header-sp .h-menu form input[type=submit]{
	width:40%;
	height:9vw;
	line-height:100%;
	border-radius:0.5rem;
	border:solid 1px #005dbc;
	color:#fff;
	font-size:4.7vw;
	font-weight:bold;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007bf7+90,005ebb+100 */
	background: #007bf7; /* Old browsers */
	background: -moz-linear-gradient(top, #007bf7 90%, #005ebb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#007bf7), color-stop(100%,#005ebb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #007bf7 90%,#005ebb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bf7', endColorstr='#005ebb',GradientType=0 ); /* IE6-9 */
}


/********** ヘッダーの検索 **********/
#header-sp .search *{
	box-sizing: border-box;
}
#header-sp .search form{
	padding:3.5% 1.5%;
}
#header-sp .search .search-box div{
	float:left;
	width:72%;
}
#header-sp .search .search-box div input[type=text]{
	width:100%;
	padding:0;
	line-height:100%;
	border-radius:0.5rem;
	height:9vw;
	border: 2px solid #767676;
}
#header-sp .search .search-box div:nth-child(2){
	float:right;
	width:25%;
}
#header-sp .search .search-box div:nth-child(2) input[type=submit]{
	width:100%;
	height:9vw;
	border-radius:0.5rem;
	border:solid 1px #005dbc;
	color:#fff;
	font-size:4.7vw;
	font-weight:bold;
	background: #007bf7; /* Old browsers */
	background: -moz-linear-gradient(top, #007bf7 90%, #005ebb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#007bf7), color-stop(100%,#005ebb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #007bf7 90%,#005ebb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #007bf7 90%,#005ebb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bf7', endColorstr='#005ebb',GradientType=0 ); /* IE6-9 */
}



/********** お知らせ **********/
#header-sp .h-oshirase .img-oshirase{
	text-align:center;
	margin:3vw 0;
}
#header-sp .h-oshirase .txt-oshirase{
	border:1px solid #FF0000;
	margin:3vw 0;
	padding:2%;
	line-height:1.2;
	text-align:center;
}


/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer-sp{
	padding:3% 0 16%;
	font-size:70%;
	background:#fff;
}


/********** メニュー **********/
#footer-sp .f-menu ul li{
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
#footer-sp .f-menu ul li a{
	position:relative;
	display:block;
	padding:3% 10% 3% 3%;
	border-bottom:solid 1px #999;
	font-weight:bold;
	font-size:4.1vw;
	color:#000;
	background:url(/sp/images/common/f-icon-arr.png) no-repeat 96% 50%;
	background-size:0.8em auto;
}

/********** 仲間たち **********/
#footer-sp .nakamatachi-box{
	padding:2%;
	background:#fff;
	display: flex;
	flex-wrap: wrap;
}
/*2列*/
/*#footer-sp .nakamatachi-box .bnr{
	width:48%;
	margin:0 4% 2% 0;
}
#footer-sp .nakamatachi-box .bnr:nth-child(2n){
	margin:0 0 2%;
}*/
/*3列*/
#footer-sp .nakamatachi-box .bnr{
	width:32%;
	margin:0 2% 2% 0;
}
#footer-sp .nakamatachi-box .bnr:nth-child(3n){
	margin:0 0 2%;
}

#footer-sp .nakamatachi-box .bnr a img{
	margin:0 0 1vw;
	vertical-align:bottom;
}


/********** ナビゲーション **********/
#footer-sp .f-nav{
	padding:5% 0 2%;
	text-align:center;
}
#footer-sp .f-nav a{
	color:#333;
}

/********** 表示切替 **********/
#footer-sp .btn-device-select{
	padding:3%;
	text-align:center;
	background:#f4f4f4;
	font-size:120% !important;
	text-shadow:none !important;
	background:#ededed;
}

#footer-sp .btn-device-select{
	text-align:center;
	color:#333;
}
#FS2_footer #footer-sp .FS2_SystemNav_btnPC {
	cursor: pointer !important;
	color: white !important;
	width: auto !important;
	margin: 0 !important;
	color: #fff !important;
	padding: 0 !important;
	background: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-weight: normal !important;
	color:#333 !important;
}
#footer-sp .smartphone{
	color:#333;
}

/********** フッターナビ **********/
#footer-sp .fix-nav{
	max-width:800px;
	margin:0 auto;
	position:fixed;
	bottom:0;
	z-index:500;
}
#footer-sp .fix-nav ul li{
	float:left;
	width:20%;
}
#footer-sp .fix-nav ul li a{
	display:block;
}
#footer-sp .fix-nav ul li img{
	display:block;
}

/********** コピーライト **********/
#footer-sp .copyright{
	padding:1% 0;
	text-align:center;
	color:#bbb;
	font-size:80%;
	background:#333;
	background-size:auto 100%;/* 高さ100%を基準に */
}



#btn-page-top {
	max-width:800px;
	width:100%;
    position: fixed;
    bottom: 15%;
	z-index:500;
}
#btn-page-top a {
	float:right;
    display: block;
	position:relative;
    width: 20%;
    right: 1em;
}
#btn-page-top a:hover {
    text-decoration: none;
    background: #999;
}