@charset "utf-8";

/* 基本 ********************************************************************* */
*{
	color: #333;
	letter-spacing: 0.05em;
	font-size: 18px;
	}

html{
	font-size: 100%; /* 16px */
	}

body{
     font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

/* FONT ********************************************************************* */

/*
 * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
 * http://font.gloomy.jp/honoka-mincho-dl.html（"ほのか明朝"配布元のURL）
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/

@font-face {
  font-family: 'MyHonoka';
  src: url('../fonts/font_1_honokamin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/font_1_honokamin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/font_1_honokamin.woff') format('woff'), /* Modern Browsers */
       url('../fonts/font_1_honokamin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.honoka{
	font-family:MyHonoka;
	}




/* 共用スタイル ========================================== */

.clearfix:after{
    content: " ";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;
	}

/*a:hover img{
opacity:0.55;
filter:alpha(opacity=55);
-ms-filter: "alpha( opacity=55 )";
border: 0;
}
*/

/* リンクボタン */
a{
	text-decoration: none;
	border-bottom: 1px dashed #999;
	}

a.button{
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	border: 1px solid #999;
	color: #45433f;
	background-color: #fff;
	text-decoration: none;
	padding: 0.5em 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	margin: 0.5em auto;
	line-height: 120%;
	cursor: pointer;
	font-family: "foundation-icons";
	}

a.button:hover{
	border: 1px solid #999;
	color: #999;
	}

a.close{
	width: 50%;
	}


/* スマホファースト *********************************************************** */

@media(max-width:599px){ /* ～599px スマホ用のみ*/

.for_pc{
	display: none;
	}

}


/* メインメニュー ======================================== */

/* メニューボタン */
div.cat_bar{
	position: fixed;
	bottom: 0;
	bottom: 35px;
	left: 50%;
	width: 11em;
	margin-left: -5.5em;
/*	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;*/
	border-radius: 10px;
	cursor: pointer;
	}


div.cat_bar span{
	display: block;
	color: #ffffff;
	font-weight: bold;
	padding: 0.45em 0 0.3em 0;
	text-align: center;
	line-height: 100%;
	font-size: 20px;
	}

div.cat_bar div.flip{
	position: absolute;
	top: -10px;
	left: 50%;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;  
	-moz-border-radius: 15px;
	margin-left: -15px;
	text-align: center;
	font-size: 10px;
	z-index: -1;
	padding-top: 2px;
	letter-spacing: 0;
	}

/*.base{
	width: 100%;
	height: 25px;
	position: fixed;
	bottom: 0;
	left: 0;
}
*/


.CURRY{
	background-color: #ab930a;
	color: #c7ac0b;
	}

	.CURRY span, .CURRY i.genericon-menu{
		color: #c7ac0b;
		}

.PICT{
	background-color: #545454;
	color: #858585;
	}

	.PICT span, .PICT i.genericon-menu{
		color: #858585;
		}

.HANDSIGN{
	background-color: #6094c7;
	color: #74b2f0;
	}

	.HANDSIGN span, .HANDSIGN i.genericon-menu{
		color: #74b2f0;
		}

.FOOD{
	background-color: #ff7300;
	color: #ffa257;
	}

	.FOOD span, .FOOD i.genericon-menu{
		color: #ffa257;
		}

.ANIMAL{
	background-color: #599663;
	color: #6cb879;
	}

	.ANIMAL span, .ANIMAL i.genericon-menu{
		color: #6cb879;
		}

.others{
	background-color: #de1784;
	color: #ff61b7;
	}

	.others span, .others i.genericon-menu{
		color: #ff61b7;
	}


/* スライダー部分 */
div.menu{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	padding-bottom: 25px;
	}

div.menu div.slick-track{
	display: none;
	background-color: rgba(255,255,255,1);
	}

div.menu div.slider a{
	display: block;
	border: none;
	margin: 10px auto 10px auto;
	text-align: center;
	color: #333;
	line-height: 100%;
	margin: 20px 100px 0 100px;
	}

div.menu div.slider img{
	display: block;
	margin: 0 auto -12px auto;
	width: 80%;
	}


.border_CURRY div.slick-track{
	border-top: 3px solid #ab930a;
	border-bottom: 3px solid #ab930a;
	}


.border_PICT div.slick-track{
	border-top: 3px solid #545454;
	border-bottom: 3px solid #545454;
	}


.border_HANDSIGN div.slick-track{
	border-top: 3px solid #6094c7;
	border-bottom: 3px solid #6094c7;
	}


.border_FOOD div.slick-track{
	border-top: 3px solid #ff7300;
	border-bottom: 3px solid #ff7300;
	}


.border_ANIMAL div.slick-track{
	border-top: 3px solid #599663;
	border-bottom: 3px solid #599663;
	}


.border_others div.slick-track{
	border-top: 3px solid #de1784;
	border-bottom: 3px solid #de1784;
	}

/* スライダー矢印 */

div.menu div.bar span.arrow{
	display: block;
	position: absolute;
	top: 85px;
	color: #bcbcbc;
	font-size: 20px;
	}

div.menu div.bar span.left{
	left: 15px;
	float: left;
	-ms-filter: "FlipH";  
	-moz-transform: scaleX(-1);  
	-o-transform: scaleX(-1);  
	-webkit-transform: scaleX(-1);  
	transform: scaleX(-1);  
	filter: FlipH;
	}

div.menu div.bar span.right{
	right: 15px;
	float: right;
	}


/* スライダー下バー部分 */
div.menu div.bar{
	display: none;
	background-color: #fff;
	text-align: center;
	}


div.menu div.bar i{
	font-size: 55px;
	color: #bcbcbc;
	line-height: 100%;
	margin-bottom: -7px;
	cursor: pointer;
	}

div.menu div.bar a{
	display: block;
	position: absolute;
}

div.menu div.bar a.site_id{
	left: 8px;
	bottom: 9px;
	bottom: 34px;
	border: none;
	}


div.menu div.bar a.site_id img{
	display: block;
	width: 40px;
	}

div.menu div.bar a.help{
	right: 0px;
	bottom: 7px;
	bottom: 32px;
	border: none;
	}

div.menu div.bar a.help i{
	font-size: 48px;
	}

/* 背景 */
div.menu div.menu_bg{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background-color: rgba(0,0,0,0.6);
	overflow: hidden;
	display: none;
	z-index: -1;
	}



/* TOTOPボタン ======================================== */
a.totop{
	display: block;
	text-align: center;
	border-bottom: none;
	position: fixed;
	bottom: 30px;
	right:10px;
	border-radius: 23px;
	-webkit-border-radius: 23px;  
	-moz-border-radius: 23px;
	width: 46px;
	height: 46px;
	padding-top: 6px;
	}

a.totop i{
	font-size: 35px;
	}

a.totop i.totop_CURRY{
	color: #c7ac0b;
	}

a.totop i.totop_PICT{
	color: #858585;
	}


a.totop i.totop_HANDSIGN{
	color: #74b2f0;
	}


a.totop i.totop_FOOD{
	color: #ffa257;
	}


a.totop i.totop_ANIMAL{
	color: #6cb879;
	}


a.totop i.totop_others{
	color: #ff61b7;
}


/* TO Thumnailボタン ======================================== */
a.tothum{
	display: block;
	text-align: center;
	border-bottom: none;
	position: fixed;
	bottom: 30px;
	left:10px;
	border-radius: 23px;
	-webkit-border-radius: 23px;  
	-moz-border-radius: 23px;
	width: 46px;
	height: 46px;
	padding-top: 4px;
	padding-left: 2px;
	}

a.tothum i{
	font-size: 35px;
	}

a.tothum i.tothum_CURRY{
	color: #c7ac0b;
	}

a.tothum i.tothum_PICT{
	color: #858585;
	}


a.tothum i.tothum_HANDSIGN{
	color: #74b2f0;
	}


a.tothum i.tothum_FOOD{
	color: #ffa257;
	}


a.tothum i.tothum_ANIMAL{
	color: #6cb879;
	}


a.tothum i.tothum_others{
	color: #ff61b7;
}


/* メールフォーム（ヘッダー部分）========================= */
div.form_header{
	text-align: center;
	padding-top: 20px;
	}

div.form_header h1{
	text-align: center;
	font-size: 24px;
	border: 1px solid #000;
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
	}

div.form_header img{
	display: block;
	width: 45%;
	margin: 0 auto 30px auto;
	}

div.form_flow{
	text-align: center;
	margin: 40px 0 20px 0;
	font-family: "foundation-icons";
	}

div.form_flow > span{
	border: 1px solid #efefef;
	padding: 10px 7px;
	color: #000;
	}

div.form_flow > span > span{
	color: #666;
	}


div.form_flow > span > span.send{
	font-size: 24px;
	vertical-align: middle;
	}

div.form_flow > span > span.red{
	color: #ff0000;
	}

div.form_flow span.this{
	background-color: #efefef;
	}




/* SNSボタン ============================================= */
div.sns{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

	div.item div.sns{
		width: 75%;
		margin: 1em auto 0 auto;
		}

div.sns img{
	width: 20%;
	margin: 0 1%;
	}

div.sns a{
	border: none;
	}
	

/* メインコンテンツ ====================================== */
div.main{
	max-width: 600px;
	margin: 0 auto;
	}

div.contents{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	}

/* トップページ =========================================== */

div.top{
	width: 84.3%;
	margin-top: 11.4%;
	margin-left: auto;
	margin-right: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 115%;
	font-size: 17px;
	color: #333;
	}

div.top h1{
	width: 70.4%;
	margin: 0 auto;
	}

div.top h1 img{
	width: 100%;
	}

div.top span.url{
	display: block;
	text-align: center;
	padding: 1.5em 0;
	}

/* お知らせ */
div.top div.welcome_text{
	text-align: center;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	padding: 1em 0 0 0;
	}
	
div.top div.welcome_text span{
	display: block;
	margin-bottom: 1em;
	}

div.top div.welcome_text a{
	border: none;
	}

/* 日付 */
div.top div.date_time{
	text-align: center;
	border-bottom: 1px dashed #333;
	padding: 1em 0;
	}

/* 領収書明細 */
div.top table{
	width: 99%;
	}

div.top table.list{
	margin: 1.3em auto 0.3em auto;
	}

div.top td{
	vertical-align: top;
	width: 70%;
	}

div.top td.num{
	width: 5%;
	}
	
div.top td.price{
	text-align: right;
	width: 25%;
	}

div.top td.name{
	overflow: hidden;
	}

div.top td.name a.new{
	background-color: #ffc9e3;
	}

div.top table.list td.price{
	padding-bottom: 1em;
	}

div.top table.total{
	margin: 0 auto;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	}

div.top table.total td{
	vertical-align: middle;
	}

div.top table.total td.subtotal{
	padding-top: 1em;
	padding-bottom: 1em;
	}

div.top div.total{
	width: 99%;
	margin: 0.9em auto 3em auto;
	}

div.top div.total span{
	display: block;
	width: 49.5%;
	}

div.top div.total span.left{
	font-size: 28px;
	float: left;
	}

div.top div.total span.right{
	font-size: 28px;
	float: right;
	text-align: right;
	}

div.top table a{
	border: none;
	}

/* オススメコンテンツ */
div.top a.recommend{
	display: block;
	border: 2px solid #333;
	margin: 2em 0;
	}


div.top a.recommend span.title{
	display: block;
	width: 100%;
	text-align: center;
	background-color: #333;
	padding: 1.2% 0 1% 0;
	}

div.top a.recommend span.title img{
	width: 85%;
	}


div.top a.recommend > div{
	margin: 0.3em;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-weight: bold;
	}


div.top a.recommend div span{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	margin: 0.2em 0 0.3em 0;
	line-height: 105%;
	}

div.top a.recommend div img{
	width: 38%;
	float: right;
	margin-left: 1%;
	}
	
	
/* フッター */

div.top div.foot{
	border-top: 1px dashed #333;
	padding-top: 20px;
	}

div.top div.foot img.bar_code{
	display: block;
	width: 100%;
	margin: 10px 0 2em 0;
	}

div.top div.foot > span{
	display: block;
	width: 48%;
	letter-spacing: 0;
	}

div.top div.foot span.no{
	float: left;
	font-size: 14px;
	}

div.top div.foot span.no span{
	letter-spacing: 0;
	font-size: 18px;
	}

div.top div.foot span.time{
	float: right;
	font-size: 18px;
	text-align: right;
	} 




/* アイテムページ ========================================= */

div.item{
	text-align: center;
	}

div.item div.catch{
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: auto;
	height: auto;
	margin: 1em auto 0 auto;
	font-size: 36px;
	font-size: 48px;
	font-family: "MyHonoka";
	line-height: 1.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: left;
	}


div.item h1{
	font-size: 28px;
	text-align: center;
	font-weight: normal;
	font-family: "MyHonoka";
	line-height: 1.2em;
	margin-bottom: 1.5em;
	}

div.item h1 label{
	font-size: 28px;
	/*border-bottom: 1px dashed #999;*/
	color: #0093da;
	cursor: pointer;
	}

div.item h1 span{
	display: block;
	font-size: 22px;
	}

div.item div.text{
	width: 80%;
	margin: 1em auto 0 auto;
	border-top: 2px dotted #666;
	border-bottom: 2px dotted #666;
	texta-lign: center;
	padding-bottom: 1em;
	}

div.item div.text p{
	display: inline-block;
	text-align: left;
	width: auto;
	margin: 2em auto;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 20px;
	}

div.item div.text p a{
	border: none;
	color: #0093da;
	font-size: 20px;
	}

div.item div.text div{
	font-size: 20px;
	}

div.item div.text div#take-text{
	width: 90%;
	margin: 1em auto;
	line-height: 150%;
	text-align: left;
	}

div.item div.text div#take-text a{
	font-size: 20px;
	border: none;
	color: #0093da;
	}

div.item div.text img.sub_con_img{
	display: block; 
	margin: 2em auto 1em auto; 
	width: 85%;
	}

/* スライダー・開閉パネル */

/* パネル */
input#check {
  display: none;
}
div.item label.button{
	display: block;
	width: 75%;
	margin: 1em auto;
	cursor: pointer;
	display: block;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}

div.item label.button img{
	width: 100%;
	}


div.panel {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  /* height: 0;閉じた状態からスタート */
  height: auto; /* 開いた状態からスタート */
  overflow: hidden;
  position: relative;
}

input#check:checked + .panel {
  height: auto; /* クリックで開く */
  /* height: 0; クリックで閉じる */
  width: 90%;
  margin: 10px auto;
  padding: 0;
}


/* 閉じるボタン */
div.panel label.close{
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	-webkit-border-radius: 17px;  
	-moz-border-radius: 17px;
	background-color: rgba(255,255,255,0.8);
	background-color: #ccc;
	font-size: 30px;
	padding-top: 3px;
	color: #999999;
	color: #fff;
	cursor: pointer;
	/*border: 2px solid #ededed;*/
	text-align: center;
	}


/* スライダー */
div.panel div.slick-track div.item_img img{
	width: 100%;
	margin: 0 auto;
	}


/* 購入ページボタン */
div.panel div.slick-track div.item_img a.clubt{
	display: block;
	width: 109px;
	margin: 5px auto 10px auto;
	border: 1px solid #7ab5e6;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	text-align: center;
	}

div.panel div.slick-track div.item_img a.clubt img{
	display: block;
	width: 70px;
	margin: 5px 5px 0 -3px;
	float: right;
	}

div.panel div.slick-track div.item_img a.clubt i{
	color: #7ab5e6;
	font-size: 31px;
	display: block;
	float: left;
	}


/* 矢印 */
div.panel span.arrow{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	color: #bcbcbc;
	font-size: 20px;
	}

div.panel span.left{
	left: 0;
	float: left;
	-ms-filter: "FlipH";  
	-moz-transform: scaleX(-1);  
	-o-transform: scaleX(-1);  
	-webkit-transform: scaleX(-1);  
	transform: scaleX(-1);  
	filter: FlipH;
	}

div.panel span.right{
	right: 0;
	float: right;
	}


/* prev、nextボタン */
a.prev_next{
	position: fixed;
	/*top: 50%;*/
	bottom: 20%;
	margin-top: -48px;
	width:100px;
	height:100px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border: none;
	}

a.prev{
	left: -68px;
	}

a.next{
	right: -68px;
	}

a.prev_next span{
	display: block;
	position: absolute;
	top: 50%;
	font-size: 30px;
	margin-top: -0.5em;
	line-height: 100%;
	}

a.next span{
	left: 5px;
	}

a.prev span{
	right: 5px;
	-ms-filter: "FlipH";  
	-moz-transform: scaleX(-1);  
	-o-transform: scaleX(-1);  
	-webkit-transform: scaleX(-1);  
	transform: scaleX(-1);  
	filter: FlipH;
	}

.color_CURRY{
	background-color: #ab930a;
	}

	.color_CURRY span{
		color: #c7ac0b;
		}

.color_PICT{
	background-color: #545454;
	}

	.color_PICT span{
		color: #858585;
		}

.color_HANDSIGN{
	background-color: #6094c7;
	}

	.color_HANDSIGN span{
		color: #74b2f0;
		}

.color_FOOD{
	background-color: #ff7300;
	}

	.color_FOOD span{
		color: #ffa257;
		}

.color_ANIMAL{
	background-color: #599663;
	}

	.color_ANIMAL span{
		color: #6cb879;
		}

.color_others{
	background-color: #de1784;
	}

	.color_others span{
		color: #ff61b7;
		}

/* サムネ表示 */
div.item div.thumnail{
	width: 75%;
	margin: 0 auto;
	padding-top: 35px;
	}

div.item div.thumnail a{
	border: none;
	}

div.item div.thumnail img{
	margin: 0.2%;
	float: left;
	width: 32.9%;
	}


/* アイテムリスト */
ul.list{
	border-top: 1px dotted #ccc;
	width: 80%;
	margin: 40px auto;
	list-style: none;
	text-align: left;
	}

ul.list li{
	border-bottom: 1px dotted #ccc;
	}

ul.list li a{
	display: block;
	width: 100%;
	border: none;
	padding: 0.3em 0.6em 0.15em 0.6em;
	padding: 0 0.6em;
	font-size: 16px;
	}

ul.list li a img{
	width: 1.3em;
	vertical-align: -60%;
	margin: 0.5em 0.3em 0.5em 0;
	}

ul.list li a img{
	width: 1.1em;
	vertical-align: -72%;
	margin: 0.7em 0.4em 0.7em 0;
	}



/* ヘルプページ */
div.help{ 
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(255,255,255,1);
	}

div.help div.inner{
	margin: 5% auto 0 auto;
	width: 90%;
	height: 88%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

div.help div.inner h2,
div.help div.inner h3{
	font-size: 18px;
	text-align: center;
	background-color: #ededed;
	padding: 0.3em 0 0.2em 0;
	margin-bottom: 0.3em;
	line-height: 120%;
	}


div.help div.inner h3 span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	}
	
	
div.help div.inner p{
	font-size: 14px;
	margin-bottom: 1.5em;
	text-align: center;
	}

div.help div.inner p a,
div.help div.inner p b{
	font-size: 14px;
	}

div.help div.inner p.caution{
	border: 1px solid #bcbcbc;
	padding: 0.5em 0.7em;
	text-align: left;
	}


div.help div.inner p img{
	width: 80%;
	border: 1px solid #dedede;
	}
	
div.help th{
	width: 6em;
	line-height: 130%;
	background-color: #ededed;
	padding: 1em 0;
	font-size: 14px;
	}

div.help table{
	margin-bottom: 1.5em;
	}

div.help th a{
	font-size: 14px;
	}

div.help td{
	font-size: 14px;
	padding: 1em 0.5em;
	text-align: left;
	}

div.help td a{
	font-size: 14px;
	}

/* 閉じるボタン */
div.help a.close{
	display: block;
	height: 5%;
	height: 50px;
	margin: 0 auto 25px auto;
	text-align: center;
	border: none;
	}

div.help a.close i{
	color: #bcbcbc;
	font-size: 45px;
	}


/* フッター */

div.item div.foot{
	width: 85%;
	margin: 40px auto;
	/*border-top: 1px dashed #333;*/
	padding-top: 15px;
	}


div.item div.foot img{
	width: 100%;
	display: block;
	margin: 0 auto;
	}


div.item div.foot img.bar_code{
	margin-top: -20px;
	}

div.item div.foot img.link_pd{
	display: block;
	width: 30%;
	margin: 10px auto 2em auto;
	}

@media(min-width:600px){ /* 600px～959px 小型タブレット用 */

/* 共用 */
a.button{
	font-size: 18px;
	}


div.item div.sns{
	width: 60%;
	}


/* メールフォーム（ヘッダー部分）========================= */
div.form_header img{
	display: block;
	width: 30%;
	}



/* メールフォーム（ヘッダー部分）========================= */
div.form_header img{
	display: block;
	width: 25%;
	}

/* メインメニュー ========================================== */

div.menu div.slider a{
	margin: 20px 260px 0 260px;
	}

div.menu div.slider img{
	display: block;
	margin: 0 auto -12px auto;
	width: 80%;
	}


/* スライダー矢印 */

div.menu div.bar span.arrow{
	top: 50%;
	margin-top: -1em;
	font-size: 30px;
	}


/* アイテムページ ======================================= */

/* ヘルプページ */
div.help div.inner{
	padding: 0 15%;
	}


}


@media(min-width:900px){ /* 900px～1200px PC用 */

/* メールフォーム（ヘッダー部分）========================= */
div.form_header img{
	display: block;
	width: 20%;
	}


/* メインメニュー ========================================== */

div.menu div.slider a{
	margin: 20px 350px 0 350px;
	}

div.menu div.slider img{
	display: block;
	margin: 0 auto -12px auto;
	width: 70%;
	}


/* スライダー矢印 */

div.menu div.bar span.arrow{
	top: 50%;
	margin-top: -1em;
	font-size: 30px;
	}

/* アイテムページ ======================================= */

/* ヘルプページ */
div.help div.inner{
	height: 84%;
	}


}


@media(min-width:1200px){ /* 1200px～ 大型ディスプレイ用 */


}