@charset "euc-jp";
/* ----------------------
 * common
 *---------------------- */
* {
	margin: 0;
	padding: 0;
}
html{
	-webkit-text-size-adjust: 100%;
}
img {
	border: 0px;
	vertical-align: bottom;
}
body {
	color: #170900;
	background: #000;
	text-align: center;
	font-family : "¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, Gothic, sans-serif;
}
.contents_bg {
	width: 100%;
	/* max-width: 640px; */
	margin: 0 auto;
	background: url(../images_sp/common/main_bg.jpg) repeat-y;
	background-size:100%;
}
.wrapper {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.footer_img {
	width: 100%;
	max-width: 640px;
	height: 90px;
}
.menu_img {
	float: left;
	margin-bottom: 10px;
	width: calc(100% - 85px);
	margin-left: 10px;
}
.cate_gototop {
	width: 98%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 15px;
}
/* ----------------------
 * common
 *---------------------- */



/* ----------------------
 * background
 *---------------------- */
.top_bg {
	width: 100%;
	background:url(../images_sp/top/top_bg.jpg) no-repeat;
	background-size:100%;
}
.top_bg2 {
	width: 100%;
	background:url(../images_sp/top/top_bg.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * background
 *---------------------- */



/* ----------------------
 * header
 *---------------------- */
.header {
	background:url(../images_sp/top/top_title_bg.jpg) no-repeat center top;
	width: 100%;
	max-width: 640px;
	aspect-ratio: 16/7;
	background-size:100%;
	margin: 0 auto;
}
.header2 {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}
#contents_title .header2 {
	background:url(../images_sp/common/top_title_bg.jpg) no-repeat center top;
	background-size:100%;
}
/* ----------------------
 * header
 *---------------------- */


 
/* ----------------------
 * title
 *---------------------- */
.top_title {
	text-align:	center;
	/* height: 100%; */
	/* width: 100%; */
	background-repeat: no-repeat;
	background-size:100%;
}
/* ----------------------
 * title
 *---------------------- */



/* ----------------------
 * icon
 *---------------------- */
[class^="icon"]{
	height: 75px;
	width: 75px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	overflow: hidden;
	float: left;
}
.icon0 {background-image: url(../images_sp/common/icon0.gif)}
.icon1 {background-image: url(../images_sp/common/icon1.gif)}
.icon2 {background-image: url(../images_sp/common/icon2.gif)}
.icon3 {background-image: url(../images_sp/common/icon3.gif)}
.icon4 {background-image: url(../images_sp/common/icon4.gif)}
.icon5 {background-image: url(../images_sp/common/icon5.gif)}
.icon6 {background-image: url(../images_sp/common/icon6.gif)}
.icon7 {background-image: url(../images_sp/common/icon7.gif)}
.icon8 {background-image: url(../images_sp/common/icon8.gif)}
.icon9 {background-image: url(../images_sp/common/icon9.gif)}
.icon10 {background-image: url(../images_sp/common/icon10.gif)}
.icon11 {background-image: url(../images_sp/common/icon11.gif)}
.icon12 {background-image: url(../images_sp/common/icon12.gif)}
.icon13 {background-image: url(../images_sp/common/icon13.gif)}
.icon14 {background-image: url(../images_sp/common/icon14.gif)}
.icon15 {background-image: url(../images_sp/common/icon15.gif)}
.icon16 {background-image: url(../images_sp/common/icon16.gif)}
.icon17 {background-image: url(../images_sp/common/icon17.gif)}
.icon18 {background-image: url(../images_sp/common/icon18.gif)}
.icon19 {background-image: url(../images_sp/common/icon19.gif)}
.icon20 {background-image: url(../images_sp/common/icon20.gif)}
.icon21 {background-image: url(../images_sp/common/icon21.gif)}
.icon22 {background-image: url(../images_sp/common/icon22.gif)}
.icon23 {background-image: url(../images_sp/common/icon23.gif)}
.icon24 {background-image: url(../images_sp/common/icon24.gif)}
.icon25 {background-image: url(../images_sp/common/icon25.gif)}
.icon26 {background-image: url(../images_sp/common/icon26.gif)}
.icon27 {background-image: url(../images_sp/common/icon27.gif)}
.icon28 {background-image: url(../images_sp/common/icon28.gif)}
.icon29 {background-image: url(../images_sp/common/icon29.gif)}
.icon30 {background-image: url(../images_sp/common/icon30.gif)}
.icon31 {background-image: url(../images_sp/common/icon31.gif)}
.icon32 {background-image: url(../images_sp/common/icon32.gif)}
.icon33 {background-image: url(../images_sp/common/icon33.gif)}
.icon34 {background-image: url(../images_sp/common/icon34.gif)}
.icon35 {background-image: url(../images_sp/common/icon35.gif)}
/* ----------------------
 * icon
 *---------------------- */



/* ----------------------
 * price
 *---------------------- */
.price_box{
	text-align: right;
}
.price_box2{
	text-align: right;
	margin-right: 15px;
}
.price_box3{
	text-align: right;
	margin-bottom: 5px;
}
/* ----------------------
 * price
 *---------------------- */



/* ----------------------
 * menu_button
 *---------------------- */
a.btn1 {
	background: url(../images_sp/common/btn1.jpg) no-repeat;
	width: 100%;
	aspect-ratio: 21/5;
	/* height: 50px; */
	float: left;
	background-size:100%;
}
a.btn2 {
	background: url(../images_sp/common/btn2.jpg) no-repeat;
	width: 100%;
	aspect-ratio: 21/5;
	/* height: 50px; */
	float: left;
	background-size:100%;
}

/*-----------------------*/
a.btn1:hover,a.btn2:hover{
	background-position: bottom;
}
/*-----------------------*/

.Layer1 {
	width: 50%;
	aspect-ratio: 21/5;
	/* height: 50px; */
	float: left;
}
.Layer2 {
	width: 50%;
	/* height: 25px; */
	float: left;
}
.btn_box {
	width: 66%;
	/* height: 50px; */
	margin: 0 auto;
	text-align: center;
}
/* ----------------------
 * menu_button
 *---------------------- */



/* ----------------------
 * Yahoo
 *---------------------- */
.ya_info_top {
	width: 270px;
	margin-top: 20px;
	margin-left: 25px;
	color: #C90;
	font-size: 96%;
	font-weight: bold;
	line-height: 136%
}
.ya_info_box {
	text-align: left;
	margin: 0 25px;
}
/* ----------------------
 * Yahoo
 *---------------------- */



/* ----------------------
 * pack
 *---------------------- */
.pack_top {
	width: 100%;
	aspect-ratio: 16/5;
	/* height: 220px; */
	background: url(../images_sp/top/pack_top.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * pack
 *---------------------- */



/* ----------------------
 * new
 *---------------------- */
/* ichioshi------ */
.ichi_top {
	width: 100%;
	aspect-ratio: 128/39;
	background: url(../images_sp/top/ichi_top.jpg) no-repeat;
	background-size:100%;
}
/* ichioshi------ */

.new_top {
	width: 100%;
	aspect-ratio: 128/39;
	background: url(../images_sp/top/new_top.jpg) no-repeat;
	background-size:100%;
}
.new_center_top {
	width: 100%;
	aspect-ratio: 128/15;
	background: url(../images_sp/top/new_center_top.jpg) no-repeat;
	background-size:100%;
}
.new_bg {
	width: 100%;
	margin: 0;
	background: url(../images_sp/top/new_bg.jpg) repeat-y;
	background-size:100%;
}
.new_bt {
	width: 100%;
	aspect-ratio: 640/101;
	background: url(../images_sp/top/new_bt.jpg) no-repeat;
	background-size:100%;
}
.new_box {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
/* ----------------------
 * new
 *---------------------- */

 

/* ----------------------
 * attention
 *---------------------- */
.at_top {
	width: 100%;
	aspect-ratio: 16/5;
	background: url(../images_sp/top/at_top.jpg) no-repeat;
	background-size:100%;
}
.at_top2 {
	width: 100%;
	aspect-ratio: 16/5;
	background: url(../images_sp/top/at_top2.jpg) no-repeat;
	background-size:100%;
}
.at_bg {
	width: 100%;
	background: url(../images_sp/top/new_bg.jpg) repeat-y;
	background-size:100%;
}
.at_bt {
	width: 100%;
	aspect-ratio: 640/101;
	/* height: 100px; */
	background: url(../images_sp/top/new_bt.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * attention
 *---------------------- */



/* ----------------------
 * free
 *---------------------- */
.free_top {
	width: 100%;
	aspect-ratio: 31/13;
	/* height: 250px; */
	background: url(../images_sp/top/free_top.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * free
 *---------------------- */



/* ----------------------
 * category 1
 *---------------------- */
.cate_top1 {
	width: 100%;
	aspect-ratio: 32/11;
	background: url(../images_sp/top/cate_top1.jpg) no-repeat;
	background-size:100%;
}
.cate_sp_top1 {
	width: 100%;
	aspect-ratio: 16/1;
	background: url(../images_sp/top/cate_sp_top1.jpg) no-repeat;
	background-size:100%;
}
.cate_sp_bg1 {
	width: 100%;
	margin-bottom: -1px;
	background: url(../images_sp/top/cate_sp_bg1.jpg) repeat-y;
	background-size:100%;
}
.cate_sp_bt1 {
	width: 100%;
	aspect-ratio: 160/13;
	background: url(../images_sp/top/cate_sp_bt1.jpg) no-repeat;
	background-size:100%;
}
.cate_bg1 {
	width: 100%;
	background: url(../images_sp/top/cate_bg1.jpg) repeat-y;
	background-size:100%;
}
.cate_bt1 {
	width: 100%;
	aspect-ratio: 640/81;
	background: url(../images_sp/top/cate_bt1.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * category 1
 *---------------------- */



/* ----------------------
 * category 2
 *---------------------- */
.cate_top2 {
	width: 100%;
	aspect-ratio: 32/11;
	background: url(../images_sp/top/cate_top2.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * category 2
 *---------------------- */



/* ----------------------
 * category 3
 *---------------------- */
.cate_top3 {
	width: 100%;
	aspect-ratio: 32/11;
	background: url(../images_sp/top/cate_top3.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * category 3
 *---------------------- */



/* ----------------------
 * category_common
 *---------------------- */
.cate_sp_box {
	margin: 0 20px;
	text-align: left;
}
/* ----------------------
 * category_common
 *---------------------- */
 


/* ----------------------
 * next
 *---------------------- */
.next_top {
	width: 320px;
	height: 100px;
	background: url(../images_sp/top/next_top.jpg) no-repeat;
	background-size:100%;
}
/* ----------------------
 * next
 *---------------------- */



/*---------------------------
 * clearfix
 *---------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*---------------------------
 * clearfix
 *---------------------------*/

.icon0 span,
.icon1 span,
.icon2 span,
.icon3 span,
.icon4 span,
.icon5 span,
.icon6 span,
.icon7 span,
.icon8 span,
.icon9 span,
.icon10 span,
.icon11 span,
.icon12 span,
.icon13 span,
.icon14 span,
.icon15 span,
.icon16 span,
.icon17 span,
.icon18 span,
.icon19 span,
.icon20 span,
.icon21 span,
.icon22 span,
.icon23 span,
.icon24 span,
.icon25 span,
.icon26 span,
.icon27 span,
.icon28 span,
.icon29 span,
.icon30 span,
.icon31 span,
.icon32 span,
.icon33 span,
.icon34 span,
.icon25 span {
	position:relative;
	z-index:-1;
}

.empty_box {
	height: 30px;
}

br {letter-spacing: 0;}

p {
    background: url(../images_sp/common/spacer.gif);
}

.use_pc {
	display: none;
}