@charset "utf-8";
/* 【共通】header---------------------------------------------------------------- */
.header_icon {
	background-image : url("/smartphone/sweets/okashi-land/products/common/images/header_bg.png");
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0 auto 0.1em auto;
}
.header_icon img {
	width: 40%;
	margin: 0 auto 0 2%;
}
#header_nav {
	text-align: center;
}
#header_nav img {
	width: 31.25%;
}
.products_h1 {
	width: 95.875%;
	margin: 0 auto;
}
/* ----------- */
/* index */
/* ----------- */

#index {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: -moz-linear-gradient(left top, #90d7f7,  #a3def9 95%,  #cfecf9 36%,  #cfecf9 20%,  #ecf7fc);
	background: -webkit-gradient(linear, left top, left bottom, from(#90d7f7),  color-stop(0.95, #a3def9),  color-stop(0.36, #cfecf9),  color-stop(0.2, #cfecf9),  to(#ecf7fc));
	background: linear-gradient(left top, #90d7f7,  #a3def9 95%,  #cfecf9 36%,  #cfecf9 20%,  #ecf7fc);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: bottom;
	color: #4e4c4b;
	-webkit-text-size-adjust: none;
}
#index article {
	width: 100%;
	padding: 5px 5px 30px 5px;
	box-sizing: border-box;
}
#index #coffee-area {
	background: url(/smartphone/sweets/okashi-land/products/coffeebeat/images/coffee_bg_01.png) repeat-y 0 0;
	background-size: 100%;
	padding: 10px 10px;
}
#index #coffee-area img {
	vertical-align: bottom;
}
#index #coffee-inner {
	padding: 5px;
}
#index .coffee-wallpaper .wallpaper-btn {
	background: url(/smartphone/sweets/okashi-land/products/coffeebeat/images/coffee_bg_02.png) no-repeat 0 0;
	background-size: 100%;
	height: 160px;
	text-align: center;
}
#index .coffee-wallpaper .wallpaper-btn li {
	margin-bottom: 7px;
}
#index .coffee-movie .movie {
	background: url(/smartphone/sweets/okashi-land/products/coffeebeat/images/coffee_bg_03.png) no-repeat 0 0;
	background-size: 100%;
	height: 208px;
	text-align: center;
}
/*レシピ導線*/
#index .recipe {
	margin-bottom: 5%;
}
#index .recipe .recipe_inner {
	background-image: url(/smartphone/sweets/okashi-land/products/coffeebeat/images/coffee_recipe_bg.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	padding: 4% 4% 0 2.5%;
}
#index .recipe ul {
	margin-bottom: 4%;
}
#index .recipe ul li {
	float: left;
	width: 49%;
}
#index .recipe ul li:nth-child(2) {
	float: right;
}
#index .recipe ul li img {
	width: 100%;
}
/* ----------- */
/* tab */
/* ----------- */


#tab {
	width: 100%;
	box-sizing: border-box;
}
#tab ul {
	display: table;
	width: 100%;
}
#tab ul li {
	display: table-cell;
	/* 上のみ角丸 */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 50%;
	text-align: center;
	border-top: 6px solid #000;
	box-sizing: border-box;
}
#tab ul li img {
	vertical-align: bottom;
}
#tab ul li#tab_marble {
	border-right: #cfecf9 solid 1px;
}
#tab ul li#tab_coffee_beat span, #tab ul li#tab_marble span {
	display: block;
	text-indent: -9999px;
}
#tab ul li#tab_coffee_beat {
	border-left: #cfecf9 solid 1px;
	background-color: #feda77;
}

/*
li#tab-kinoko-on{
	background-color: #FFF;
	}

li#tab-kinoko-off{
	background-color: #fff100;
	}

li#tab-apollo-on{
	background-color: #FFF;
	}

li#tab-apollo-off{
	background-color: #ea62a0;
	}
*/