@charset "utf-8";
/* CSS Document */

/*------------ WRAPPER ------------*/
.content_inner{
	padding:0 10px;
	box-sizing:border-box;
	width:100%;
}

/*------------ HEADER ------------*/

/*------------ NAVI ------------*/
#top #gnav{
	margin-bottom:7px;
}
#top #gnav li{
	width:33.3%;
	float:left;
	text-align:center;
	background-color:#b40014;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	box-sizing:border-box;
}
#top #gnav li:nth-child(3n){
	border-right:none;
}
#top #gnav li img{
	height:65px;
	width:auto;
}


/*------------ TOP ------------*/
#top #contents { margin:0; }

#top .ttl_line{
	border-top:2px solid #b40014;
	text-align:center;
	padding:5px 0 8px;
}
#top .ttl_line img{
	height:11px;
}
#top #mov{
	padding-bottom:18px;
}
#top #mov li{
	width:49%;
	float:left;
}
#top #mov li:last-child{
	float:right;
}
#top #mov .pic{
	width: 100%;
	padding-bottom:5px;
}
/*
#top #mov .pic iframe{
	width: 100% !important;
	height: 100% !important;
}*/
#top #mov .pic a {
	display:block;
	width: 100% !important;
}
#top #mov .pic img{
	width: 100% !important;
}

#top #mov .subttl{
	color:#b70013;
}
#top .btn_more{
	border:1px solid #b40014;
	display:block;
	text-align:center;
	padding:15px;
	margin-top:5px;
}
#top .btn_more img{
	height:12px;
}
#top .ttl_cnt{
	padding:0 15px 5px;
	/*background-image:url(../images/sp/top/ttl_line.gif);*/
	background-image:url(../images/top/ttl_line.gif);
	background-repeat:repeat-x;
	background-position:0 15px;
	background-size: auto 1px;
}
#top .ttl_cnt img{
	height:20px;
}
#top #recipe{
	padding-bottom:20px;
}
#top #recipe li{
	width:33%;
	float:left;
	box-sizing:border-box;
}
#top #recipe li img{
	width:100%;
}
#top #recipe li:nth-child(1){
	padding-right:1%;
}
#top #recipe li:nth-child(2){
	padding-right:0.5%;
	padding-left:0.5%;
}
#top #recipe li:nth-child(3){
	padding-left:1%;
}

#top #recipe li a {
	display:block;
	color: #ffffff;
	text-decoration:none;
	width: 100%;
	font-size:9px;
}
#top #recipe li a img {
	display:block;
}
#top #recipe li a span {
	display:block;
	padding: 3px;
	background:#b1010e;
}

#top #lineup{
	padding-bottom:20px;
}
#top #lineup li{
	float:left;
	width:49%;
	box-sizing:border-box;
	padding-bottom:5px;
}
#top #lineup li img{
	width:100%;
}
#top #lineup li:nth-child(even){
	float:right;
}
#top #lineup li:nth-child(odd){
	clear:both;
}
#top #bnr_list1 li{
	float:left;
	width:49%;
	box-sizing:border-box;
	padding-bottom:5px;
}
#top #bnr_list1{
	padding-bottom:20px;
}
#top #bnr_list1 li img{
	width:100%;
}
#top #bnr_list1 li:nth-child(even){
	float:right;
}
#top #bnr_list1 li:nth-child(odd){
	clear:both;
}
#top #bnr_list1 li a:nth-child(even){
	/*margin-top:5px;*/
	display:block;
}
#top #bnr_list2 li{
	float:left;
	width:49%;
	box-sizing:border-box;
}
#top #bnr_list2{
	padding-bottom:5px;
}

#top #bnr_list2 div.full{
	padding-bottom:12px;
}
#top #bnr_list2 div.full img{
	width:100%;
}
#top #bnr_list2 li img{
	width:100%;
}
#top #bnr_list2 li:nth-child(even){
	float:right;
}
#top #bnr_list2 li:nth-child(odd){
	clear:both;
}
#top #bnr_list2 li a:nth-child(even){
	/*margin-top:5px;*/
	display:block;
}
#top #bnr_list3 li{
	float:left;
	width:66%;
	box-sizing:border-box;
	padding-bottom:5px;
}
#top #bnr_list3{
	/*padding-bottom:20px;*/
}
#top #bnr_list3 li img{
	width:100%;
}
#top #bnr_list3 li:nth-child(even){
	float:right;
	width:32.3%;
}
#top #bnr_list3 li:nth-child(odd){
	clear:both;
}
#top #bnr_list3 li a:nth-child(even){
	margin-top:5px;
	display:block;
}
#top #btm_bnr ul {
	margin: 10px 10px 0;
}
#top #btm_bnr ul li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
#top #btm_bnr ul li:nth-child(4),
#top #btm_bnr ul li:nth-child(5){
	width : -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
}
#top #btm_bnr ul li:nth-child(4){
	padding-right: 5px;
}
#top #btm_bnr ul li:nth-child(5){
	padding-left: 5px;
}
#top #btm_bnr ul li a {
	display: block;
}
#top #btm_bnr ul li a img {
	display: block;
	width: 100%;
	height: auto;
}

#top #news{
	padding-bottom:20px;
}
#top #news .date{
	float:left;
}
#top #news .icon{
	float:left;
	padding-left:10px;
	padding-top:5px;
}
#top #news .icon img{
	width:32px;
}
#top #news .body a{
	color:#000;
}
#top #news li{
	padding-bottom:10px;
}
#top #sns{
	padding-bottom:6px;
}

#top #sns_list dt {
	margin-bottom: 0;
}
#top #sns_list dt img{
	width:auto;
	height: 11px;
}

#top #sns li{
	width:32%;
	float:left;
	padding-right:1%;
	box-sizing:border-box;
}
#top #sns li img{
	width:100%;
}
#top #sns li:nth-child(2){
	width:29%;
}
#top #sns li:nth-child(3){
	width:39%;
	padding-right:0;
}
#top .pagetop{
	text-align:right;
	padding-top:15px;
}
#top .pagetop img{
	width:75px;
}





/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.t_center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

/*-------- COMMON --------*/

.pic{
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}


/* list wp-pagenavi
------------------------------ */
.page_list .wp-pagenavi span {
	margin: 0 10px 0 10px;
	width: 24px;
	height: 24px;
	line-height: 26px;
	color: #b2000e;
	border: solid 1px #b2000e;
	display: inline-block;
}
.page_list .wp-pagenavi span.extend {
	border: none;
	color: #000;
	margin: 0;
}

.page_list .wp-pagenavi a {
	margin: 0 10px 0 10px;
	background: #b2000e;
	width: 24px;
	height: 24px;
	line-height: 26px;
	color: #fff;
	border: solid 1px #b2000e;
	display: inline-block;
	text-decoration: none;
}

.page_list .wp-pagenavi a:hover {
	background: #fff;
	color: #b2000e;
}


/* cycloneslider
------------------------------ */
#slide {
	margin-bottom: 24px;
}

#cycloneslider-spmain-1 {
	margin-bottom: 0;
}
#cycloneslider-spmain-1 .cycloneslider-pager {
	bottom: -18px !important;
}
#cycloneslider-spmain-1 .cycloneslider-pager span {}

#cycloneslider-spmain-1 .cycloneslider-prev, #cycloneslider-spmain-1 .cycloneslider-next {
}
#cycloneslider-spmain-1 .cycloneslider-prev {
}
#cycloneslider-spmain-1 .cycloneslider-next {
}
#cycloneslider-spmain-1 .cycloneslider-prev .arrow {
}
#cycloneslider-spmain-1 .cycloneslider-next .arrow {
}

/* バナー代替・テキストリンク */
.links_text {
	position:relative;
	background: #FFE4E6;
	text-align: left;
	color: #b2000e;
	padding: 40px 10px 5px;
	margin: 0 10px 20px;
}
.links_text:after {
	position:absolute;
	top: 12px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #b2000e;
}
#links_sp_product.links_text:after {
	content: "ブランド・コラボサイト";
}
#links_sp_recipe.links_text:after {
	content: "スペシャルレシピページ";
}
.links_text li a {
	display: block;
	position:relative;
	padding: 8px 16px 8px 8px;
	border: solid 1px #eeeeee;
	background: #ffffff;
	margin-bottom: 10px;
	text-decoration: none;
}
.links_text li a:after {
	content: "▶";
	color: #b2000e;
	position:absolute;
	top: calc(50% - 8px);
	right: 10px;
	opacity: 0.8;
}

/* バナーリンク */
.links_bnr {
	position:relative;
	margin: 0 10px 20px;
}
.links_bnr li {
	margin-bottom: 10px;
	width: 100%;
}
.links_bnr li a ,
.links_bnr li a img{
	display: block;
}
.links_bnr li a img{
	width: 100%;
	height: auto;
}

/* SNS */
#links_sns{
	border-top: solid 3px #b5120b;
	position:relative;
	width: 100%;
	padding: 40px 0 13px 0;
}
#links_sns:before{
	content: '';
	width: 70%;
	height: 20px;
	left: 15%;
	top: 10px;
	background: url('../images/ttl_sns.png') center top no-repeat;
	background-size: contain;
	position: absolute;
}

#links_sns ul {
	text-align: center;
}
#links_sns ul li {
	box-sizing: border-box;
	display: inline-block;
	width: 15%;
	text-align: center;
}
#links_sns ul li a {
	display: inline-block;
	width: 86%;
	height: 86%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-color: #aaaaaa;
	border-radius: 50%;
}
#links_sns ul li a:hover {
	background-color: #FF7171;
}
#links_sns ul li a.sns-t { background-image: url("../images/top-sp/tiktok_96_96.png");}
#links_sns ul li a.sns-x { background-image: url("../images/top-sp/x_96_96.png");}
#links_sns ul li a.sns-i { background-image: url("../images/top-sp/instagram_96_96.png");}
#links_sns ul li a.sns-y { background-image: url("../images/top-sp/youtube_96_96.png");}