@charset "shift_jis";

.inner{
	width:980px;
	margin:0 auto;
}
h2{
	text-align:center;
	margin-bottom:37px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■注意
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.caution{
	margin-top:29px;
}
.caution div{
	border:2px solid #e61713;
	padding:20px 35px 10px 73px;
	background:url(../img/index/icon_caution.png) no-repeat 22px 16px;
	width:868px;
	margin:0 auto;
}
.caution p{
	font-size:14px;
	line-height:1.9;
}
.caution p a{
	text-decoration:underline;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■商品情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.commodity{
	padding:45px 0 60px 0;
	overflow:hidden;
	position:relative;
}
.commodity ul{
	overflow:hidden;
	border-radius:10px;
	text-align:center;
}
.commodity ul li{
	margin-right:36px;
	display:inline-block;
}
.commodity ul li:last-child{
	margin-right:0;
}
.commodity ul li a{
	background-color:#fff;
	width:212px;
	height:212px;
	border-radius:106px;
	text-align:center;
	display:block;
	border:2px solid #eb0001;
	box-shadow:rgba(189, 189, 189, 0.24) 2px 2px 0px 3px;
	-webkit-box-shadow:rgba(189, 189, 189, 0.24) 2px 2px 0px 3px;
	-moz-box-shadow:rgba(189, 189, 189, 0.24) 2px 2px 0px 3px;
}
.commodity ul li img{
	margin-top:19px;
	border-radius:106px;
}
.commodity ul li p{
	font-size:15px;
	padding-top:10px;
	margin-bottom:0;
}
.commodity ul li a p span{
	display:inline-block;
	color:#333;
}
.commodity .inner{
	position:relative;
}
.commodity p.btn{
	position:absolute;
	top:0;
	right:0;
}
.commodity img.commodity_img{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:484px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■レシピ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.recipe{
	background-image:url(../img/index/bk_recipe_l.png),url(../img/index/bk_recipe_r.png),url(../img/index/bk_recipe.jpg);
	background-repeat:no-repeat,no-repeat,repeat-x;
	background-position:left bottom,right top,top center;
	padding:60px 0 0 0;
	overflow:hidden;
}
.recipe h2{
	margin-top:6px;
}
.recipe .week{
	background-color:#fff;
	float:left;
	width:250px;
	height:367px;
	padding:0 20px;
	position:relative;
}
.recipe .week img.w_osusume{
	position:absolute;
	top:-55px;
	left:-54px;
	z-index:10;
}
.recipe .week img.photo{
	margin:35px 0 20px 0;
}
.recipe .week img.kado{
	position:absolute;
	top:27px;
	right:13px;
}
.recipe .week p{
	font-size:16px;
	margin-bottom:0;
}
.recipe .week a p span{
	background:url(../img/arrow03.png) no-repeat 5px 8px;
	background-size:5px auto;
	padding-left:15px;
	display:inline-block;
	margin-left:-5px;
	line-height:1.5;
}
.recipe .osusume{
	float:right;
	width:670px;
	height:367px;
	background-color:#fff;
}
.recipe .osusume{
	overflow:hidden;
}
.recipe .osusume .title{
	text-align:center;
	padding-top:13px;
	margin-bottom:19px;
}
.recipe .osusume .title img{
	vertical-align:middle;
}
.recipe .osusume .title img.pcCont{
	margin:0 16px 0 20px;
}
.recipe .osusume ul.rank{
	padding-left:23px;
}
.recipe .osusume ul.rank li{
	float:left;
	width:106px;
	margin-right:24px;
	position:relative;
}
.recipe .osusume ul.rank li:last-child{
	margin-right:0;
}
.recipe .osusume ul.rank li img.rank{
	position:absolute;
	top:-10px;
	left:43px;
}
.recipe .osusume ul.rank li img.photo{
	border-radius:5px;
	margin-bottom:10px;
}
.recipe .osusume ul.rank a p{
	background:url(../img/arrow03.png) no-repeat left 6px;
	background-size:5px auto;
	padding-left:10px;
	display:inline-block;
	line-height:1.5;
}
.recipe .osusume form{
	border-radius:5px;
	height:37px;
	margin:0 0 12px 24px;
	clear:both;
}
.recipe .osusume form input{
	border:none;
	vertical-align:middle;
}
.recipe .osusume form input[type="text"]{
	width:402px;
	font-size:14px;
	vertical-align:middle;
	padding:0 0 0 14px;
	border:1px solid #cbcbcb;
	height:37px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.recipe .osusume form input[type="image"]{
	padding-right:7px;
	background-color:#e61713;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.recipe .osusume dl{
	overflow:hidden;
	padding-left:26px;
}
.recipe .osusume dl dt{
	font-weight:bold;
	background:url(../img/index/recipe_word.png) no-repeat left center;
	background-size:20px auto;
	padding-left:28px;
	margin-right:8px;
	float:left;
}
.recipe .osusume dd ul{
	overflow:hidden;
	padding-right:105px;
}
.recipe .osusume dd ul li a{
	background:url(../img/arrow03.png) no-repeat left 8px;
	background-size:5px auto;
	padding-left:10px;
}
.recipe .osusume ul li{
	float:left;
	margin-right:12px;
}
.recipe .inner{
	position:relative;
	height:481px;
}
.recipe p.btn{
	position:absolute;
	top:0;
	right:10px;
}
.recipe img.chara{
	position:absolute;
	bottom:0;
	right:-77px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■info_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.info_area{
	overflow:hidden;
	clear:both;
	width:980px;
	margin:0 auto;
	padding:47px 0 15px 0;
}
.info_area h2{
	text-align:left;
	margin-bottom:13px;
}
.info_area .news{
	float:left;
	width:476px;
}
.info_area .right{
	float:right;
	width:477px;
}
.info_area p.btn{
	padding-top:17px;
	clear:both;
	margin-bottom:0;
}
.info_area p.btn a{
	text-align:center;
	width:210px;
	background:url(../img/arrow03.png) no-repeat 15px center #fff;
	background-size:5px auto;
	padding:9px 0;
	border:1px solid #c4c4c4;
	color:#e61713;
	display:block;
	border-radius:5px;
	text-decoration:none;
}

.info_area .news .box{
	border:1px solid #dbdbdb;
	border-radius:5px;
	padding-bottom:16px;
}
.info_area .news .box ul{
	overflow:hidden;
}
.info_area .news .box ul li{
	float:left;
	text-align:center;
	width:50%;
}
.info_area .news .box ul li.tab_new{
	border-right:1px solid #dbdbdb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.info_area .news .box ul li a{
	padding:12px 0;
	display:inline-block;
	width:100%;
	text-decoration:none;
	background-color:#ffedec;
	border-bottom:1px solid #dbdbdb;
}
.info_area .news .box ul li a.active{
	background-color:#fff;
	border:none;
}
.info_area .news .box ul li.tab_new a{
	border-top-left-radius:5px;
}
.info_area .news .box ul li.tab_ir a{
	border-top-right-radius:5px;
}

.info_area .news dl{
	clear:both;
	height:305px;
	overflow:auto;
}
.info_area .news dt,
.info_area .news dd{
	padding:0 5px 0 20px;
}
.info_area .news .box dt{
	padding-top:12px;
	padding-bottom:6px;
	border-top:1px dotted #dbdbdb;
}
.info_area .news .box dt:first-child{
	border-top:none;
}
.info_area .news dd{
	margin-bottom:16px;
}
.info_area .news dt span{
	background-color:#000;
	font-size:11px;
	color:#fff;
	margin-left:10px;
	border-radius:5px;
	padding:1px 0;
	width:93px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}
.info_area .news dt span.cam{
	background-color:#66bb55;
}
.info_area .news dt span.rec{
	background-color:#f5a800;
}
.info_area .news dt span.pro{
	background-color:#f67799;
}
.info_area .news dt span.oth{
	background-color:#a0a0a0;
}
.info_area .news dd a{
	background:url(../img/arrow03.png) no-repeat left 7px;
	background-size:6px auto;
	padding-left:12px;
	display:inline-block;
}
.info_area .news p.btn{
	border-top:1px dotted #dbdbdb;
	padding-left:130px;
}
.info_area .news .tabCont{
	display: none;
}
.info_area .news .new{
	display:block;
}

.info_area .right .box{
	border:1px solid #dbdbdb;
	border-radius:5px;
	padding:19px 18px;
	overflow:hidden;
}
.info_area .right .box img{
	float:left;
}
.info_area .right .box ul{
	overflow:hidden;
	float:right;
	border-bottom:1px dotted #dbdbdb;
	width:296px;
}
.info_area .right .box ul li{
	float:left;
	border-top:1px dotted #dbdbdb;
	padding:10px 0 10px 3px;
	width:125px;
}
.info_area .right .box ul li:nth-child(2n){
	width:160px;
}
.info_area .right .box ul li:last-child,
.info_area .right .approach .box ul li:nth-child(3){
/*	width:286px;*/
}
.info_area .right .box ul li a{
	background:url(../img/icon_blank.png) no-repeat left 5px;
	background-size:11px auto;
	padding-left:17px;
	display:inline-block;
}

.info_area .right p.btn a{
	padding-left:17px;
}

.info_area .info{
	margin-bottom:28px;
}
.info_area .info span{
	float:right;
	margin-top:-5px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■メインスライド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slide{
	position: relative;
}
.slide .leftNav,
.slide .rightNav{
	background: #fff;
	opacity:0.35;
	filter: alpha(opacity=35);
	-ms-filter: "alpha( opacity=35 )";
}
.slide a.leftNav:hover,
.slide a.rightNav:hover{
	opacity:0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha( opacity=20 )";
}
.arrow-left,
.arrow-right{
	position: absolute;
	z-index: 200;
	top: 206px;
	cursor: pointer;
}
.arrow-left{left: 50%; margin: 0 0 0 -555px;}
.arrow-right{right: 50%; margin: 0 -555px 0 0;}

.thumb_arrow {
	width: 980px;
	margin: 492px auto 0;
}
.thumb_prev {
	width: 18px;
	height: 52px;
	float: left;
}
.thumb_next {
	width: 18px;
	height: 52px;
	float: right;
}
.thumb_prev:hover,
.thumb_next:hover {
	cursor: pointer;
}

.spWideslider{
	display: none!important;
}
.wideslider{
	display: block!important;
}
.wideslider,
.spWideslider {
    width: 100%;
    height: 567px;
    text-align: left;
    position: relative;
    overflow: hidden;
	background-color:#f6f6f6;
}

.wideslider ul,
.wideslider ul li,
.spWideslider ul,
.spWideslider ul li{
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;

}
/*
.thumb .pt {
	border: 1px solid #f00;
}
.thumb .nt {
	border: 1px solid #f0f;
}
*/
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/index/arrow_back.png) no-repeat right 30px center;}
.slider_next {background: #fff url(../img/index/arrow_next.png) no-repeat 30px center;}

.slider_prev,
.slider_next{
	opacity: 0.35 !important;
}

.pagination {
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 876px;
    height: 68px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 200;
}

.pagination a {
    margin:0;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after,
.spWideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul ,
.spWideslider ul {
    display: inline-block;
    overflow: hidden;
}

.wideslider ul.thumb,
.spWideslider ul.thumb {
    width: 10000px;
}
.wideslider ul.thumb li,
.spWideslider ul.thumb li{
	padding-top:3px;
}
.wideslider ul.thumb li a,
.spWideslider ul.thumb li a{
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
	margin:0 8px;
}
.wideslider ul.thumb li a.active,
.spWideslider ul.thumb li a.active{
	border:2px solid #ea0101;
	margin:-3px 6px 0 6px;
}
.wideslider ul.thumb li a.active img,
.spWideslider ul.thumb li a.active img{
	border:1px solid #f79999;
}