@charset "shift_jis";

.inner{
	width:100%;
}
h2{
	margin-bottom:15px;
}
h2 img{
	width:auto;
	height:13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■注意
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.caution{
	margin:20px 15px 0 15px;
}
.caution div{
	padding:10px 10px 0 35px;
	background-size:18px auto;
	background-position: 10px 12px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.caution p{
	font-size:13px;
	line-height:1.7;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■商品情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.commodity{
	padding:15px 12px 6px 12px;
}
.commodity ul{
	padding:0;
	margin:0 -3px;
}
.commodity ul li{
	margin-right:0;
	width:25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 3px;
	vertical-align:top;
}
.commodity ul li a{
	width:90px;
	height:90px;
	border-radius:150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
	border:1px solid #eb0001;
	box-shadow:rgba(189, 189, 189, 0.24) 1px 1px 0px 2px;
	-webkit-box-shadow:rgba(189, 189, 189, 0.24) 1px 1px 0px 2px;
	-moz-box-shadow:rgba(189, 189, 189, 0.24) 1px 1px 0px 2px;
}
.commodity ul li img{
	margin-top:19px;
	display:inline-block;
}
@media screen and (max-width: 375px) {
	.commodity ul li a{
		width:78px;
		height:78px;
	}
	.commodity ul li img{
		margin-top:13px;
	}
}
@media screen and (max-width: 320px) {
	.commodity ul li a{
		width:70px;
		height:70px;
	}
	.commodity ul li img{
		margin-top:9px;
	}
}
.commodity ul li p{
	font-size:11px;
	padding:10px 0 12px 0;
	height:18px;
	line-height:1.3;
	vertical-align:middle;
}
.commodity ul li:nth-child(2) p{
	padding:8px 0 5px 0;
	height:30px;
}
.commodity ul li a p span{
	background:none;
	padding-left:0;
}
.commodity .inner{
	position:static;
}
.commodity p.btn{
	position:static;
	margin-top:15px;
	text-align:center;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■レシピ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.recipe{
	background:url(../../img/sp/index/bk_recipe.png) repeat center top;
	background-size:320px auto;
	padding:15px 15px 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recipe h2{
	margin-top:0;
}
.recipe .week{
	float:none;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:auto;
	padding:0 13px 16px 13px;
	margin-bottom:11px;
}
.recipe .week img.w_osusume{
	top:-32px;
	left:-10px;
	width:57px;
	height:auto;
}
.recipe .week img.photo{
	margin:15px 0 0 0;
	float:left;
	width:143px;
	height:auto;
}
.recipe .week img.kado{
	top:11px;
	left:146px;
	width:15px;
	height:auto;
}
.recipe .week p{
	font-size:13px;
}
.recipe .week p.txt{
	margin-left:10px;
	padding-left:145px;
}
.recipe .week a p span{
	margin-left:0;
	margin-top:21px;
	background-position:5px 6px;
	display:inline-block;
}
.recipe .osusume{
	float:none;
	width:100%;
	height:auto;
	position:relative;
	overflow:visible;
	padding-bottom:10px;
}
.recipe .osusume .title{
	padding-top:12px;
	margin-bottom:11px;
}
.recipe .osusume .title img.spCont{
	margin:0 7px;
	display:inline-block;
}
.recipe .osusume .title img{
	width:auto;
	height:26px;
}
.recipe .osusume ul.rank{
	padding-left:12px;
}
.recipe .osusume ul.rank li{
	width:33.33%;
	margin-right:0;
	padding-right:12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recipe .osusume ul.rank a p{
	background-position:left 5px;
}
.recipe .osusume ul.rank li img.rank{
	top:-8px;
	left:50%;
	margin-left:-7px;
	width:15px;
	height:auto;
}
.recipe .osusume ul.rank li img.photo{
	margin-bottom:7px;
	width:100%;
	height:auto;
}
.recipe .osusume form{
	height:29px;
	margin:0 14px 15px 14px;
	clear:both;
}
.recipe .osusume form input[type="text"]{
	width:66%;
	font-size:14px;
	padding:0 0 0 14px;
	height:29px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.recipe .osusume form input[type="image"]{
	width:auto;
	height:31px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.recipe .osusume dl{
	padding-left:15px;
	padding-right:90px;
}
.recipe .osusume dl dt{
	float:none;
	margin-bottom:5px;
}
.recipe .osusume dd ul{
	padding-right:0;
}
.recipe .osusume ul li{
	margin-right:10px;
	margin-bottom:5px;
}
.recipe .osusume dd ul li a{
	background-position:left 4px;
}
.recipe .inner{
	height:auto;
}
.recipe p.btn{
	position:static;
	margin-top:14px;
	margin-bottom:13px;
	text-align:center;
}
.recipe img.chara{
	bottom:0;
	right:-13px;
	width:107px;
	height:auto;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■info_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.info_area{
	width:100%;
	padding:18px 15px 15px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.info_area h2 img{
	width:auto;
	height:15px;
}
.info_area .news{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.info_area .news h2 img{
	width:auto;
	height:14px;
}
.info_area .right{
	float:none;
	width:100%;
}
.info_area p.btn{
	padding-top:15px;
}
.info_area p.btn a{
	width:187px;
	padding:8px 0;
}


.info_area .news .box{
	padding-bottom:15px;
}

.info_area .news dl{
	height:285px;
}
.info_area .news dt,
.info_area .news dd{
	padding:0 15px;
} 
.info_area .news dd a{
	background-position:left 5px;
}
.info_area .news p.btn{
	padding-left:50%;
}
.info_area .news p.btn a{
	margin-left:-92px;
}
.info_area .news .tabCont{
	display: none;
}
.info_area .news .new{
	display:block;
}
.info_area .news .box ul li a{
	font-weight:bold;
}
.info_area .right h2{
	padding:14px 0 12px 90px;
}
.info_area .right .info,
.info_area .right .approach{
	border:1px solid #dbdbdb;
	border-radius:5px;
	padding-top:15px;
}
.info_area .right .box{
	padding:0;
	border:none;
	position:relative;
	overflow:visible;
}
.info_area .right .box img{
	float:none;
	width:62px;
	height:auto;
	position:absolute;
	top:-58px;
	left:15px;
}
.info_area .right .box ul{
	float:none;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px dotted #dbdbdb;
	border-bottom:none;
}
.info_area .right .box ul li{
	float:left;
	padding:10px 0 10px 8px;
	width:45%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px dotted #dbdbdb;
	border-right:1px dotted #dbdbdb;
	border-top:none;
}
.info_area .right .box ul li a{
	width:100%;
	padding-left:18px;
}
.info_area .right .box ul li:nth-child(2n){
	width:55%;
	border-right:none;
}
.info_area .right .approach .box ul li:nth-child(3),
.info_area .right .box ul li:last-child{
	width:45%;
	border-bottom:none;
}
.info_area .right .box ul li.spCont a{
	background:url(../../img/arrow03.png) no-repeat 3px 5px;
	background-size:5px auto;
}

.info_area .info{
	margin-bottom:20px;
}
.info_area .info h2{
	padding-right:15px;
}
.info_area .info h2 a{
	display:block;
	background:url(../../img/icon_blank.png) no-repeat 74px 5px;
	background-size:13px auto;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■メインスライド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main_img{
	padding-bottom:35px;
	overflow:hidden;
	background-color:#f9f9f9;
}
.wideslider{
	display: none!important;
}
.spWideslider {
	display: block!important;
    height:auto;
	overflow:visible;
	display: none;
}
.spWideslider ul li img{
	width:100%;
	height:auto;
} 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
	width:100%;
	height:auto;
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background:none;}
.slider_next {background:none;}

.slider_prev,
.slider_next{
	opacity: 0.35 !important;
}
 
.pagination {
    bottom: -28px;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 10px;
    width: 10px;
    height: 10px;
    background: #ccc;
	border-radius:5px;
}
.pagination a.active{
    background: #e90003;
}
 
/* =======================================
    ClearFixElements
======================================= */
.spWideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.spWideslider ul {
    display: inline-block;
    overflow: hidden;
}