@charset "UTF-8";

/* html */
html{
	overflow-y:scroll;
}

button, input, optgroup, select, textarea {
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-seri !important;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/* #skipNavi */
#skipNavi{
	position:absolute;
	left:-9999px;
	top:0;
}

/* .headerArea */
div#header.headerArea{
	position:relative;
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic','游ゴシック体','YuGothic',メイリオ,Meiryo,sans-seri;
	font-size:14px;
	background:#fff;
	min-height:0;
	width:100%;
	border:0;
	padding:0;
	border-top:4px solid #ff0000;
}
div#header.headerArea:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	height:1px;
	background:#e2e2e2;
	visibility:visible;
}
.headerArea .headerAreaIn{
	max-width:1102px;
	margin:0 auto;
	padding:0 10px;
	-webkit-box-sizing:unset;
	-moz-box-sizing:unset;
	box-sizing:unset;
}
.headerArea .headerAreaIn .logoArea{
	float:left;
}
.headerArea .headerAreaIn .logoArea .logo{
	margin:0!important;
	border:0;
	padding:0;
	margin:0;
}
.headerArea .headerAreaIn .logoArea .logo a{
	display:block;
	line-height:0;
}
.headerArea .headerAreaIn .logoArea .logo a img{
	width:100%;
	height:auto;
}
/** .subNavigationArea **/
.headerArea .headerAreaIn .subNavigationArea ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.headerArea .headerAreaIn .subNavigationArea ul li{
}
.headerArea .headerAreaIn .subNavigationArea ul li a{
	text-decoration:none;
	color:#000;
}
/** .navigationArea **/
.headerArea .headerAreaIn .navigationArea{
}
.headerArea .headerAreaIn .navigationArea ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.headerArea .headerAreaIn .navigationArea ul li{
	text-align:center;
}
.headerArea .headerAreaIn .navigationArea ul li a{
	text-decoration:none;
	color:#000;
}
.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button{
	padding-inline-start: 0;
	padding-inline-end: 0;
}
@media screen and (min-width:1024px){
	.headerArea .headerAreaIn .topBar{
		position:relative;
		padding-top:23px;
	}
	.headerArea .headerAreaIn .subNavigationArea{
		position:absolute;
		bottom:0;
		right:0;
	}
	.headerArea .headerAreaIn .subNavigationArea ul{
		display:block;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li{
		float:left;
		margin-right:28px;
		font-size:15px;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li:last-child{
		margin-right:0;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a{
		display:inline-block;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a:hover{
		text-decoration:underline;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.onlineshop{
		padding-left:18px;
		background:url(/common/images/2017/pc/icon_gnavi_secure.png) no-repeat 0 10%;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.text{
		padding-left:18px;
		background:url(/common/images/2017/pc/icon_gnavi_text.png) no-repeat 0 10%;
	}
	.headerArea .headerAreaIn .subNavigationArea ul li a.external{
		padding-right:18px;
		background: url(/common/images/2017/icon_link_external-red.png) no-repeat 100% 50%;
		-webkit-background-size: .9em .8em;
		background-size: .9em .8em;
	}
	div#header.headerArea .navigationArea.fixed{
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		width:100%;
		background:#fff;
	}
	div#header.headerArea .navigationArea.fixed .navigationMenu{
		width:100%;
		max-width:1102px;
		padding:0 10px;
		margin:0 auto;
	}
	.headerArea .headerAreaIn .logoArea .logo a{
		width:304px;
	}
	.headerArea .headerAreaIn .navigationArea{
		position:relative;
		padding:25px 0 20px;
	}
	.headerArea .headerAreaIn .navigationArea ul{
		display:table;
		width:100%;
	}
	.headerArea .headerAreaIn .navigationArea ul li{
		display:table-cell;
		font-size:17px;
		vertical-align:middle;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu01{
		width:10.8%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu02{
		width:12.6%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu03{
		width:14.2%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu04{
		width:10%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu05{
		width:16%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu06{
		width:12%;
	}
	.headerArea .headerAreaIn .navigationArea ul li.pcMenu07{
		width:24.4%;
	}
	.headerArea .headerAreaIn .navigationArea ul li a{
		display:block;
		width:100%;
		padding:6px 0;
	}
	.headerArea .headerAreaIn .navigationArea ul li a.active,
	.headerArea .headerAreaIn .navigationArea ul li a:hover,
	.headerArea .headerAreaIn .navigationArea ul li a:active{
		color:#e60012;
		opacity:1;
		filter:alpha(opacity=100);
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn{
		margin:0;
		width:275px;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox{
		position:relative;
		margin:0;
		border-bottom:1px solid #666;
		padding:0 33px 0 3px;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox input{
		border:none;
		width:100%;
		font-size:14px;
		padding:8px 0;
		-moz-box-sizing:unset;
		box-sizing:unset;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button{
		position:absolute;
		bottom:6px;
		right:3px;
		width:27px;
		height:27px;
		border:0;
		background:transparent url(/common/images/2017/header_search-red.png) no-repeat 0 0;
		vertical-align:top;
		pointer-events:auto;
		cursor:pointer;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button img{
		width:27px;
		height:27px;
		vertical-align:text-top;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn{
		display:none;
	}
	.pcHide{
		display:none!important;
	}
}
@media screen and (max-width:1023px){
	.headerArea .headerAreaIn .topBar{
		position:relative;
		z-index:1;
		margin-right:50px;
	}
	.headerArea .headerAreaIn .subNavigationArea{
		display:none;
	}
	.headerArea .headerAreaIn img{
		max-width:none;
		width:auto;
	}
	.headerArea .headerAreaIn{
		position:relative;
		width:96%;
		padding:19px 2%;
	}
	.headerArea .headerAreaIn .logoArea .logo a{
		width:207px;
	}
	.headerArea .headerAreaIn .navigationArea{
		position:absolute;
		top:0;
		right:0;
		width:100%;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn{
		float:right;
		cursor:pointer;
		position:relative;
		width:24px;
		height:29px;
		margin:19px 18px 0 0;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn span{
		position:absolute;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn .menuText{
		bottom:0;
		left:2px;
		display:block;
		height:5px;
		width:22px;
		background:url(/common/images/2017/sp/icon_menu_text.png) no-repeat 100% 100%;
		-webkit-background-size: 22px 5px;
		background-size: 22px 5px;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn span.line{
		width:21px;
		height:3px;
		background:#e60012;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		right:1px;
		transition:all .4s;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn span.line:nth-of-type(1){
		top:6px;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn span.line:nth-of-type(2){
		bottom:11px;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn.active span.line:nth-of-type(1){
		-webkit-transform:translateY(20px) rotate(-45deg);
		transform:translateY(20px) rotate(-45deg);
		top:-10px;
	}
	.headerArea .headerAreaIn .navigationArea .spMenuBtn.active span.line:nth-of-type(2){
		-webkit-transform:translateY(-20px) rotate(45deg);
		transform:translateY(-20px) rotate(45deg);
		bottom:-4px;
	}
	.headerArea .headerAreaIn .navigationArea ul{
		display:none;
		position:absolute;
		top:100%;
		left:0;
		z-index:100000;
		width:100%;
		padding-bottom:35px;
		background:#fff;
	}
	.headerArea .headerAreaIn .navigationArea ul li{
		font-size:128.57%;
		padding:20px 0;
	}
	.headerArea .headerAreaIn .navigationArea ul li.imgBtn.shop{
		position:relative;
		padding:40px 0;
		margin:20px 0 0;
	}
	.headerArea .headerAreaIn .navigationArea ul li.imgBtn.shop:before{
		position:absolute;
		left:50%;
		top:0;
		content:'';
		display:block;
		width:24px;
		height:2px;
		margin-left:-12px;
		background:#e2e2e2;
	}
	.headerArea .headerAreaIn .navigationArea ul li.imgBtn.shop a{
		padding-left:24px;
		background:url(/common/images/2017/header_icon_shop.png) no-repeat 0 0;
		-webkit-background-size:20px 20px;
		background-size:20px 20px;
	}
	.headerArea .headerAreaIn .navigationArea ul li.imgBtn.text{
		display:none;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox{
		position:relative;
		width:65%;
		margin:0 auto;
		padding:2px 65px 2px 7px;
		border:1px solid #e2e2e2;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox input{
		border:0;
		height:39px;
		padding:0;
		width:100%;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button{
		position:absolute;
		top:2px;
		right:2px;
		border:0;
		min-width:39px;
		height:39px;
		border:0;
		background:#e60012 url(/common/images/2017/header_search.png) no-repeat 50% 50%;
		-webkit-background-size:17px 17px;
		background-size:17px 17px;
		vertical-align:top;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		pointer-events:auto;
		cursor:pointer;
	}
	.headerArea .headerAreaIn .navigationArea .searchBtn .searchBox button img{
		width:17px;
		height:17px;
		vertical-align:text-top;
	}
	.spHide{
		display:none!important;
	}
}

@media screen and (min-width:768px){
	.spNavigationArea{
		display:none!important;
	}
}
@media screen and (max-width:767px){
	.spNavigationArea .navigationMenu{
		display:table;
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		width:100%;
	}
	.spNavigationArea .navigationMenu li{
		display:table-cell;
		width:33.33%;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding:8px;
	}
	.spNavigationArea .navigationMenu li a{
		display:inline-block;
		padding-top:29px;
		font-size:10px;
		color:#000;
		text-decoration:none;
	}
	.spNavigationArea .navigationMenu li a.products{
		background:url(/common/images/2017/sp/icon_sub_gnavi01.png) no-repeat 50% 5px;
		-webkit-background-size:30px 16px;
		background-size:30px 16px;
	}
	.spNavigationArea .navigationMenu li a.data{
		background:url(/common/images/2017/sp/icon_sub_gnavi02.png) no-repeat 50% 0;
		-webkit-background-size:20px 21px;
		background-size:20px 21px;
	}
	.spNavigationArea .navigationMenu li a.recipe{
		background:url(/common/images/2017/sp/icon_sub_gnavi03.png) no-repeat 50% 0;
		-webkit-background-size:24px 21px;
		background-size:24px 21px;
	}
	.spNavigationArea .navigationMenu li a.inquiry{
		background:url(/common/images/2017/sp/icon_sub_gnavi04.png) no-repeat 50% 7px;
		-webkit-background-size:22px 14px;
		background-size:22px 14px;
	}
	.spNavigationArea .navigationMenu li a.company{
		background:url(/common/images/2017/sp/icon_sub_gnavi05.png) no-repeat 50% 0;
		-webkit-background-size:16px 20px;
		background-size:16px 20px;
	}
	.spNavigationArea .navigationMenu li a.shopping{
		background:url(/common/images/2017/sp/icon_sub_gnavi06.png) no-repeat 50% 0;
		-webkit-background-size:20px 21px;
		background-size:20px 21px;
	}
}

/* .clearfix */
.headerArea .cf::before,
.headerArea .cf::after{
	content:" ";
	display:table;
}
.headerArea .cf::after{
	clear:both;
}
.headerArea .cf{
	*zoom:1;
}
.spNavigationArea .cf::before,
.spNavigationArea .cf::after{
	content:" ";
	display:table;
}
.spNavigationArea .cf::after{
	clear:both;
}
.spNavigationArea .cf{
	*zoom:1;
}

/* for old contents */
#main.tvcm_detail .inner{
	clear:both;
	overflow:hidden;
}