@charset "utf-8";

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

	Yumeya common.css for touch device
	----------------------------------------------------------------------------
	
	reset & common styles
	YUMEYA Corp.
	
	@import '/css/common-device.css';
	@import '/css/fs-device.css';
	@import '/css/group-device.css';
	@import '/css/item-device.css';
	
	----------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */

*{
	box-sizing: content-box;
}


/* --------------------------------------------------------------------------------
	リセット
-------------------------------------------------------------------------------- */
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;
border: 0;
font: inherit;
vertical-align: baseline;
font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
/*
font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
position: relative;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}
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;
}
a{
	outline:none;
	color:#000;
}
img{
	max-width: 100%;
	height: auto;
}


/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
body{
	background: url(/images/common/bg02-sp.jpg) repeat-y 0 121vw;
	background-size:100%;
	position: relative;
    z-index: 1000;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.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:#999;
}

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

/* --------------------------------------------------------------------------------
	アンカーポイントの調整
-------------------------------------------------------------------------------- */
.ancpoint{
	margin-top: -52vw;
    padding-top: 52vw;
}


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


/* --------------------------------------------------------------------------------
	header-sp
-------------------------------------------------------------------------------- */

#header{
	padding: 2.4vw 0 0;
	position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
	margin: 0 auto 2em;
	background: #c8e5ff;
}

.oshirase {
    /*display: none;*/
}

@media only screen and (max-width: 799px){

#header.fix {
    top: -148px;
	
}
}

@media only screen and (max-width: 415px){

#header.fix {
    top: -79px;
}
}

@media only screen and (max-width: 376px){

#header.fix {
    top: -71px;
}
}


#header a:link,
#header a:visited,
#header a:hover,
#header a:active{
	text-decoration:none;
	color: #000;
}


/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
	margin-top: -52vw;
    padding-top: 52vw;
	
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	margin-top:52vw;
	
}

#main a:link,
#main a:visited,
#main a:hover,
#main a:active{
	text-decoration:none;
	color: #000;
}



/* --------------------------------------------------------------------------------
	footer-sp
-------------------------------------------------------------------------------- */

#footer{
}

#footer .f-corp{
	text-align: center;
}