@charset "utf-8";

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

	Yumeya common.css for touch device
	----------------------------------------------------------------------------
	
	reset & common styles
	Copyright (c) YUMEYA Corp. All rights reserved.
	
	----------------------------------------------------------------------------
	
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	リセット
-------------------------------------------------------------------------------- */
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{
	line-height:1.5;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:80%;
	color:#333;
}
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;
}

@media screen and (min-width: 0px) and (max-width: 349px){
	body{
		font-size:80%;
	}
}
@media screen and (min-width: 350px) and (max-width: 599px){
	body{
		font-size:100%;
	}
}
@media screen and (min-width: 600px) and (max-width: 999px){
	body{
		font-size:120%;
	}
}

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:#333;
}

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;
}

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

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

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

/********** ヘッダーメッセージ **********/
#header .h-message{
	padding:0.3% 1.5%;
	color:#000;
	background:#eee;
	font-size:80%;
}
.red {
	
color:#ff0000;	
}
/********** ロゴ **********/
#header h1{
	float:left;
	width:72%;
}

/********** ボタン **********/
#header .h-btns{
	float:right;
	width:28%;
}

/********** ナビゲーション **********/
#header .h-nav ul{
	padding:0 0 4%;
}
#header .h-nav ul li{
	float:left;
	width:20%;
}


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


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

/********** アイテムから探す **********/
#footer .item-search .heading{
	padding:2%;
	font-weight:normal;
	font-size:120%;
	color:#fff;
	background:#000;
}
#footer .item-search ul{
	border-right:dotted 1px #7c7c7c;
	border-bottom:dotted 1px #7c7c7c;
}
#footer .item-search ul li{
	float:left;
	width:33.33%;
}
#footer .item-search ul li:nth-child(3n+1){
	clear:both;
}
#footer .item-search ul li a{
	display:block;
	border-top:dotted 1px #7c7c7c;
	border-left:dotted 1px #7c7c7c;
}

/********** ボタン、ナビゲーション **********/
#footer .btns-menu{
	padding:2.6% 0 0;
	background:#f4f4f4;
}

/********** ボタン **********/
#footer .f-btns{
	padding:0 0 0 2%;
}
#footer .f-btns ul li{
	float:left;
	width:31%;
	margin:0 2% 0 0;
}
#footer .f-btns ul li:last-child{
	padding:0;
}

/********** メニュー **********/
#footer .f-menu{
}
#footer .f-menu ul li{
	border-bottom:dotted 1px #aaa;
}
#footer .f-menu ul li:last-child{
	border:none;
}
#footer .f-menu ul li a{
	display:block;
	padding:2% 2.5%;
}

/********** ナビゲーション **********/
#footer .f-nav ul{
	padding:0 0 4%;
}
#footer .f-nav ul li{
	float:left;
	width:20%;
}

#footer .f-sms ul{
	padding:0 14% 4%;
}
#footer .f-sms ul li{
	float:left;
	width:21%;
	margin:0 2%;
}


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

#footer .btn-device-select{
	text-align:center;
	color:#333;
}
#footer .btn-device-select .heading{
	padding:0 5% 0 0;
}
#FS2_footer #footer .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;
}


/********** システムナビゲーション **********/
#FS2_footer + #FS2_SystemNav{display:none;}

/********** 非表示 **********/
.FS2_Utility1_container{
	display:none;
}
.FS2_Utility2_container{
	display:none;
}