@charset "UTF-8";
/* foundation */
@import url(/form/common/css/modules/foundation/base.css);
/* setting */
@import url(/form/common/css/modules/setting/variable.css);
/* layout */
@import url(/form/common/css/modules/layout/contents-wrap.css);
/* @import url(/form/common/css/modules/layout/Heading-area.css); */
/* component */
@import url(/form/common/css/modules/object/component/address-search.css);
/* @import url(/form/common/css/modules/object/component/anchor-link.css); */
@import url(/form/common/css/modules/object/component/breadcrumb.css);
@import url(/form/common/css/modules/object/component/button.css);
/* @import url(/form/common/css/modules/object/component/category.css); */
@import url(/form/common/css/modules/object/component/checkbox.css);
@import url(/form/common/css/modules/object/component/error.css);
/* @import url(/form/common/css/modules/object/component/figure.css); */
@import url(/form/common/css/modules/object/component/form-status.css);
@import url(/form/common/css/modules/object/component/heading.css);
@import url(/form/common/css/modules/object/component/link.css);
@import url(/form/common/css/modules/object/component/list.css);
/* @import url(/form/common/css/modules/object/component/narrow-down.css); */
/* @import url(/form/common/css/modules/object/component/pagination.css); */
@import url(/form/common/css/modules/object/component/radio.css);
/* @import url(/form/common/css/modules/object/component/search.css); */
@import url(/form/common/css/modules/object/component/select.css);
/* @import url(/form/common/css/modules/object/component/sns.css); */
/* @import url(/form/common/css/modules/object/component/sort.css); */
/* @import url(/form/common/css/modules/object/component/tab.css); */
/* @import url(/form/common/css/modules/object/component/table.css); */
@import url(/form/common/css/modules/object/component/tag.css);
@import url(/form/common/css/modules/object/component/text-field.css);
@import url(/form/common/css/modules/object/component/text.css);
@import url(/form/common/css/modules/object/component/textarea.css);
@import url(/form/common/css/modules/object/component/upload.css);
/* @import url(/form/common/css/modules/object/component/video.css); */
/* @import url(/form/common/css/modules/object/component/kv.css); */
/* project */
/* @import url(/form/common/css/modules/object/project/allergy-wrap.css); */
/* @import url(/form/common/css/modules/object/project/anchor-wrap.css); */
@import url(/form/common/css/modules/object/project/button-group.css);
/* @import url(/form/common/css/modules/object/project/card-group.css); */
/* @import url(/form/common/css/modules/object/project/card.css); */
@import url(/form/common/css/modules/object/project/checkbox-wrap.css);
/* @import url(/form/common/css/modules/object/project/definition-list.css); */
/* @import url(/form/common/css/modules/object/project/download-wrap.css); */
@import url(/form/common/css/modules/object/project/form-table.css);
/* @import url(/form/common/css/modules/object/project/heading-wrap.css); */
@import url(/form/common/css/modules/object/project/input-wrap.css);
/* @import url(/form/common/css/modules/object/project/link-list.css); */
@import url(/form/common/css/modules/object/project/link-wrap.css);
@import url(/form/common/css/modules/object/project/list.css);
/* @import url(/form/common/css/modules/object/project/modal.css); */
@import url(/form/common/css/modules/object/project/narrow-down-wrap.css);
/* @import url(/form/common/css/modules/object/project/news-list.css); */
@import url(/form/common/css/modules/object/project/privacy.css);
/* @import url(/form/common/css/modules/object/project/product-list.css); */
/* @import url(/form/common/css/modules/object/project/product-wrap.css); */
@import url(/form/common/css/modules/object/project/radio-wrap.css);
@import url(/form/common/css/modules/object/project/readbox.css);
/* @import url(/form/common/css/modules/object/project/recipe.css); */
/* @import url(/form/common/css/modules/object/project/search-area.css); */
/* @import url(/form/common/css/modules/object/project/slider.css); */
@import url(/form/common/css/modules/object/project/text-with-image.css);
@import url(/form/common/css/modules/object/project/text-wrap.css);
/* @import url(/form/common/css/modules/object/project/allergy-category.css); */
@import url(/form/common/css/modules/object/project/link-group.css);
/* @import url(/form/common/css/modules/object/project/tag-group.css); */
/* @import url(/form/common/css/modules/object/project/navi.css); */
/* @import url(/form/common/css/modules/object/project/useful.css); */
/* utility */
@import url(/form/common/css/modules/object/utility/display.css);
@import url(/form/common/css/modules/object/utility/font-weight.css);
/* page */
/* @import url(/form/common/css/page/404.css); */
@import url(/form/common/css/page/form.css);
/* @import url(/form/common/css/page/top.css); */
/* @import url(/form/common/css/page/usersvoice.css); */
@import url(/form/common/css/header.css);
@import url(/form/common/css/footer.css);

/* base */
/** body **/
body{
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic',メイリオ,Meiryo,sans-seri;
	position:relative;
}

/** a **/
.mainContents a{
	color:#e60012;
	text-decoration:none;
}
.mainContents a:hover .txt,
.mainContents a:hover .date,
.mainContents a:hover{
	text-decoration:underline;
}

/** list **/
/*** ul ***/
ul.normal{
list-style-type:disc;
padding-left:1em;
}

/** img **/
.headerArea img,
.footerArea img,
.mainContents img{
	vertical-align:top;
}
.mainContents a:hover img{
	opacity:.7;
	filter:alpha(opacity=70);
}

/** figure **/
.mainContents figure{
	text-align:center;
	overflow:hidden;
	margin:0 0 1.2em;
}
.mainContents .spice_meter{
	clear: both;
	max-width: 260px;
	margin: 0 auto;
}
.mainContents .grayBorder{
	padding:50px 15px;
	border:1px solid #ddd;
}
.mainContents figure figcaption{
	text-align:left;
	margin-top:.4em;
	font-size:93.33%;
}
@media screen and (max-width:767px){
	.mainContents figure figcaption{
		font-size:78.57%;
	}
	.mainContents .spice_meter{
		clear: both;
		max-width: 100%;
	}
}
.mainContents figure img{
	max-width:100%;
	height:auto!important;
}
.mainContents figure.maxHeight250 img{
	max-height:250px;
}
.mainContents figure img.max70{
	max-width:70%;
}

/** input **/
.mainContents input[type="text"]{
	padding:10px;
	max-width:100%;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.mainContents .withSelect input[type="text"]{
	width:20em;
}

/** select **/
.mainContents select{
	padding:5px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}

/* .localNavi */
.localNavi{
	background:rgba(255, 255, 255, .95);
}
.localNavi .localNaviIn ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.localNavi .localNaviIn .localNaviFixedArea{
	display:none;
}
@media screen and (min-width:768px){
	.localNavi{
		width:100%;
		border-bottom:1px solid #e2e2e2;
		font-size:14px;
	}
	.localNavi .localNaviIn{
		max-width:1112px;
		margin:0 auto;
	}
	.localNavi .localNaviIn .localNaviDropArea .localNaviHeadText{
		display:none;
	}
	.localNavi .localNaviIn .localNaviDropArea ul{
		display:block;
		overflow:hidden;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li{
		display:inline;
		margin-right:8px;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li a{
		color:#333;
		text-decoration:none;
		display:inline-block;
		padding:8px;
		margin:8px 0;
		white-space:nowrap;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li a:hover,
	.localNavi .localNaviIn .localNaviDropArea ul li a:active{
		color:#999;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li a.current{
		color:#e60012;
		font-weight:bold;
	}
}
@media screen and (max-width:767px){
	.localNavi{
		position:absolute;
		top:66px;
		left:0;
		width:100%;
		font-size:16px;
	}
	.localNavi.fixed{
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	.localNavi .localNaviIn{
		position:relative;
	}
	.localNavi .localNaviIn .localNaviFixedArea{
		position:relative;
		display:block;
	}
	.localNavi .localNaviIn .localNaviFixedArea .currentSection{
		font-size:106.25%;
		font-weight:bold;
		margin:0;
		padding:12px 8px 12px 53px;
	}
	.localNavi .localNaviIn .localNaviFixedArea .currentSection p{
		width:100%;
		margin:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.localNavi .localNaviIn .localNaviFixedArea .localNaviBtn{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		width:45px;
		height:45px;
		cursor:pointer;
		margin:0;
		background:#e60012 url(/common/images/2017/icon_menu.png) no-repeat 50% 50%;
		-webkit-background-size:27px 27px;
		background-size:27px 27px;
	}
	.localNavi.open .localNaviIn .localNaviFixedArea .localNaviBtn{
		background:#e60012 url(/common/images/2017/icon_menu_close.png) no-repeat 50% 50%;
		-webkit-background-size:27px 27px;
		background-size:27px 27px;
	}
	.localNavi .localNaviIn .localNaviDropArea{
		position:absolute;
		top:100%;
		left:0;
		z-index:10;
		width:100%;
		display:none;
		overflow:hidden;
		padding:7px 0 0;
		background:rgba(255, 255, 255, .95);
	}
	.localNavi .localNaviIn .localNaviDropArea .localNaviHeadText{
		width:96%;
		margin:0 2%;
		border-bottom:1px solid #e2e2e2;
		padding:18px 6px;
		font-weight:bold;
	}
	.localNavi .localNaviIn .localNaviDropArea ul{
		padding-bottom:15px;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li{
		width:96%;
		margin:0 2%;
		border-bottom:1px solid #e2e2e2;
	}
	.localNavi .localNaviIn .localNaviDropArea ul li a{
		display:block;
		width:auto;
		color:#333;
		padding:18px 6px;
		font-weight:bold;
		text-decoration:none;
		background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 95% 50%;
		-webkit-background-size:8px 13px;
		background-size:8px 13px;
	}
	/** .QATit **/
	.localNavi.QATit .localNaviIn .localNaviFixedArea .currentSection {
		padding: 12px 8px 12px 53px;
	}
	.localNavi.QATit .localNaviIn .localNaviFixedArea .currentSection p{
		position: relative;
		padding-left: 25px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-overflow: clip;
		white-space:normal;
	}
	.localNavi.QATit .localNaviIn .localNaviFixedArea .currentSection p::before{
		position: absolute;
		content: "";
		display: block;
		top: 0px;
		left: 0px;
		width: 19px;
		height: 17px;
		background: url(/common/images/2017/icon_qa_q.png) no-repeat 0 0;
		-webkit-background-size: 19px 17px;
		background-size: 19px 17px;
	}
}

/* keyvisualArea */
.keyvisualArea{
	max-width:100%;
	margin:0 0 10px;
	overflow:hidden;
}
.keyvisualArea .keyvisualAreaIn{
	position:relative;
	height:auto!important;
	width:100%;
	max-width:1136px;
	margin:0 auto;
}
.keyvisualArea .keyvisualAreaIn ul .cover{
	position:absolute;
	top:0;
	width:500%;
	height:100%;
	background:rgba(255, 255, 255, .8);
}
.keyvisualArea .keyvisualAreaIn ul .cover.prev{
	left:-500%;
}
.keyvisualArea .keyvisualAreaIn ul .cover.next{
	right:-500%;
}
.keyvisualArea .keyvisualAreaIn ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.keyvisualArea.notready .keyvisualAreaIn ul{
	position:relative;
	overflow:hidden;
}
.keyvisualArea .keyvisualAreaIn ul::after{
	content:'.';
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.keyvisualArea.notready .keyvisualAreaIn ul li{
	position:absolute;
}
.keyvisualArea.notready .keyvisualAreaIn ul li:first-child{
	position:static;
}
.keyvisualArea .keyvisualAreaIn ul li img{
	max-width:100%;
	height:auto!important;
	vertical-align:top;
}
/** slick **/
.keyvisualArea .keyvisualAreaIn .slick-list{
	overflow:visible;
}

@media screen and (min-width:768px){
	.keyvisualArea .keyvisualAreaIn .slick-slide {
		margin: 0 12px;
		border-radius: 12px;
		overflow: hidden;
	}
}

.keyvisualArea .keyvisualAreaIn .slick-slide a img {
	transition: 0.2s all;
}

@media screen and (min-width: 768px) {
	.keyvisualArea .keyvisualAreaIn .slick-slide a:hover img {
		transform: scale(1.05) !important;
	}
}
/*** .customArrow ***/
.keyvisualArea .keyvisualAreaIn .customArrow{
	position:absolute;
	top:50%;
	z-index:10;
	width:24px;
	height:44px;
	margin-top:-36px;
	padding:16px;
	cursor:pointer;
}

.keyvisualArea .keyvisualAreaIn .customArrow.slick-prev{
		left: -14px;
    width: 36px;
    height: 36px;
    border: solid 2px #FF8D1A;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    box-sizing: border-box;
		transform: translate(-50% , 50%);
}
.keyvisualArea .keyvisualAreaIn .customArrow.slick-prev::after{
    content: '';
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
	right: 13px;
    transform: translateY(-50%);
	background: url(/form/common/images/icon_arrow_prev.svg) no-repeat center center / contain;
}
.keyvisualArea .keyvisualAreaIn .customArrow.slick-next{
		right: -14px;
    width: 36px;
    height: 36px;
    border: solid 2px #FF8D1A;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    box-sizing: border-box;
		transform: translate(50% , 50%);
}
.keyvisualArea .keyvisualAreaIn .customArrow.slick-next::after{
	content: '';
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
	left: 13px;
    transform: translateY(-50%);
	background: url(/form/common/images/icon_arrow_next.svg) no-repeat center center / contain;
}

/*** .slick-dots ***/
.keyvisualArea .keyvisualAreaIn ul .slick-dots{
	width:100%;
	padding: 14px 0 0;
	text-align:center;
	line-height:1;
}
.keyvisualArea .keyvisualAreaIn ul .slick-dots li{
	display:inline-block;
	margin-right:.66em;
}
.keyvisualArea .keyvisualAreaIn ul .slick-dots li:last-child{
	margin-right:0;
}
.keyvisualArea .keyvisualAreaIn ul .slick-dots li a{
	display:block;
	width:44px;
	height:6px;
	background:#FF8D1A;
	border-radius:100px;
	text-decoration:none;
}

.keyvisualArea .keyvisualAreaIn ul .slick-dots li.slick-active ~ li a{
	background:#FFEAD6;
}
.keyvisualArea .keyvisualAreaIn ul .slick-dots li.slick-active a{
	background:#FFEAD6!important;
	position: relative;
}

.keyvisualArea .keyvisualAreaIn ul .slick-dots li.slick-active a::before{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	border-radius: 100px;
	height: 100%;
	width: 100%;
	background: #FFBF83;
	animation-name: fadeUpAnime;
	animation-duration:6s;
}
@keyframes fadeUpAnime{
	from {
	    width: 0;
	}

	to {
	  width: 100%;
	}
  }
@media screen and (max-width:1220px){
	.keyvisualArea .keyvisualAreaIn .customArrow.slick-prev{
		left: 0;
	}
	.keyvisualArea .keyvisualAreaIn .customArrow.slick-next{
		right: 0;
	}
}
@media screen and (max-width:1190px){
	.keyvisualArea .keyvisualAreaIn .customArrow.slick-prev{
		display: none;
	}
	.keyvisualArea .keyvisualAreaIn .customArrow.slick-next{
		display: none;
	}
}

/* spNavigationArea */
@media screen and (min-width:768px){
	.spNavigationArea{
		display:none!important;
	}
}
@media screen and (max-width:767px){
	.spNavigationArea{
		margin-bottom:15px;
	}
	.spNavigationArea .navigationMenu{
		display:table;
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		border-top:1px solid #ddd;
		width:100%;
	}
	.spNavigationArea .navigationMenu + .navigationMenu{
		border-top:0;
	}
	.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: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% 18%;
		-webkit-background-size:23px 16px;
		background-size:23px 16px;
	}
	.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;
	}
}

/* spNavigationArea2 */
@media screen and (min-width:768px){
	.spNavigationArea2{
		display:none!important;
	}
}
@media screen and (max-width:767px){
	/** ptn01 **/
	.spNavigationArea2.ptn01{
		margin-bottom:15px;
	}
	.spNavigationArea2.ptn01 .navigationMenu{
		display:table;
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		border-top:1px solid #ddd;
		width:100%;
	}
	.spNavigationArea2.ptn01 .navigationMenu + .navigationMenu{
		border-top:0;
	}
	.spNavigationArea2.ptn01 .navigationMenu li{
		display:table-cell;
		width:33.33%;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding:8px;
	}
	.spNavigationArea2.ptn01 .navigationMenu li a{
		display:block;
		padding-top:29px;
		font-size:10px;
		color:#000;
		text-decoration:none;
	}
	.spNavigationArea2.ptn01 .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;
	}
	.spNavigationArea2.ptn01 .navigationMenu li a.data{
		background:url(/common/images/2017/sp/icon_sub_gnavi02.png) no-repeat 50% 18%;
		-webkit-background-size:23px 16px;
		background-size:23px 16px;
	}
	.spNavigationArea2.ptn01 .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;
	}
	.spNavigationArea2.ptn01 .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;
	}
	.spNavigationArea2.ptn01 .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;
	}
	.spNavigationArea2.ptn01 .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;
	}
	/** ptn02 **/
	.spNavigationArea2.ptn02{
		margin-bottom:15px;
	}
	.spNavigationArea2.ptn02 .navigationMenu{
		table-layout:fixed;
		margin:0;
		padding:10px;
		list-style-type:none;
		width:100%;
		background:#f1f1f1;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.spNavigationArea2.ptn02 .navigationMenu li{
		margin-bottom:4px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li:last-child{
		margin-bottom:0;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a{
		position:relative;
		display:block;
		padding:13px 0;
		font-size:15px;
		color:#000;
		text-decoration:none;
		border:1px solid #e6e6e6;
		background:#fff;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a::after{
		position:absolute;
		top:50%;
		right:0;
		margin-top:-.4em;
		content:"";
		display:inline-block;
		padding-right:20px;
		width:.5em;
		height:.8em;
		background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
		-webkit-background-size:.5em .8em;
		background-size:.5em .8em;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a span{
		position:relative;
		display:inline-block;
		padding-left:50px;
		margin-left:15%;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a span::before{
		position:absolute;
		top:-2px;
		left:0;
		content:"";
		display:inline-block;
		width:50px;
		height:22px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.products span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi01.png) no-repeat 50% 50%;
		-webkit-background-size:30px 16px;
		background-size:30px 16px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.data span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi02.png) no-repeat 50% 50%;
		-webkit-background-size:23px 16px;
		background-size:23px 16px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.recipe span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi03.png) no-repeat 50% 50%;
		-webkit-background-size:24px 21px;
		background-size:24px 21px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.inquiry span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi04.png) no-repeat 50% 50%;
		-webkit-background-size:22px 14px;
		background-size:22px 14px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.company span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi05.png) no-repeat 50% 50%;
		-webkit-background-size:16px 20px;
		background-size:16px 20px;
	}
	.spNavigationArea2.ptn02 .navigationMenu li a.shopping span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi06.png) no-repeat 50% 50%;
		-webkit-background-size:20px 21px;
		background-size:20px 21px;
	}
	/** ptn03 **/
	.spNavigationArea2.ptn03{
		margin-bottom:15px;
	}
	.spNavigationArea2.ptn03 .navigationMenu{
		display:table;
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		width:100%;
	}
	.spNavigationArea2.ptn03 .navigationMenu + .navigationMenu{
		border-top:2px solid #fff;
	}
	.spNavigationArea2.ptn03 .navigationMenu li{
		display:table-cell;
		width:50%;
		background:#f1f1f1;
	}
	.spNavigationArea2.ptn03 .navigationMenu li:first-child{
		border-right:1px solid #fff;
	}
	.spNavigationArea2.ptn03 .navigationMenu li:last-child{
		border-left:1px solid #fff;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a{
		display:table;
		font-size:15px;
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a span{
		position:relative;
		display:table-cell;
		width:50vw;
		height:70px;
		padding-right:6%;
		text-align:right;
		vertical-align:middle;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a span::after{
		content:'';
		display:inline-block;
		width:0;
		height:0;
		border-left:5px solid transparent;
		border-top:5px solid transparent;
		border-right:5px solid #333;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.spNavigationArea2.ptn03 .navigationMenu li a.products span{
		background:url(/common/images/2017/sp/icon_sub_gnavi01-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a.recipe span{
		background:url(/common/images/2017/sp/icon_sub_gnavi02-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a.data span{
		background:url(/common/images/2017/sp/icon_sub_gnavi03-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn03 .navigationMenu li a.inquiry span{
		background:url(/common/images/2017/sp/icon_sub_gnavi04-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	/** ptn04 **/
	.spNavigationArea2.ptn04{
		margin-bottom:15px;
	}
	.spNavigationArea2.ptn04 .navigationMenu{
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.spNavigationArea2.ptn04 .navigationMenu li{
		margin-bottom:4px;
	}
	.spNavigationArea2.ptn04 .navigationMenu li:last-child{
		margin-bottom:0;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a{
		display:block;
		font-size:15px;
		color:#000;
		text-decoration:none;
		background:#f1f1f1;
		text-align:center;
		font-weight:bold;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a span{
		position:relative;
		z-index:1;
		display:inline-block;
		padding:5vw 0 5vw 23vw;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.products span{
		padding-left:23vw;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.recipe span{
		padding-left:26vw;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.data span{
		padding-left:20vw;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.inquiry span{
		padding-left:20vw;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a span::before{
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		content:'';
		width:24vw;
		height:100%;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.products span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi01-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.recipe span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi02-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.data span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi03-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	.spNavigationArea2.ptn04 .navigationMenu li a.inquiry span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi04-type3_4.png) no-repeat 0 0;
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
	}
	/** ptn05 **/
	.spNavigationArea2.ptn05{
		margin-bottom:15px;
		background:#e60012;
	}
	.spNavigationArea2.ptn05 .navigationMenu{
		display:table;
		table-layout:fixed;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:center;
		width:100%;
		padding:8px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.spNavigationArea2.ptn05 .navigationMenu + .navigationMenu{
		padding-top:0;
	}
	.spNavigationArea2.ptn05 .navigationMenu li{
		display:table-cell;
		width:33.33%;
	}
	.spNavigationArea2.ptn05 .navigationMenu li:first-child{
		border-right:4px solid transparent;
	}
	.spNavigationArea2.ptn05 .navigationMenu li:last-child{
		border-left:4px solid transparent;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a{
		position:relative;
		display:block;
		padding:44px 0 4px;
		font-size:15px;
		color:#000;
		border:1px solid #ddd;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a::after{
		position:absolute;
		bottom:2px;
		right:2px;
		content:'';
		display:inline-block;
		width:0;
		height:0;
		border-left:10px solid transparent;
		border-top:10px solid transparent;
		border-right:10px solid #e60012;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a.products{
		background:#fff url(/common/images/2017/sp/icon_sub_gnavi01-type5_6.png) no-repeat 50% 5px;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a.data{
		background:#fff url(/common/images/2017/sp/icon_sub_gnavi02-type5_6.png) no-repeat 50% 5px;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a.recipe{
		background:#fff url(/common/images/2017/sp/icon_sub_gnavi03-type5_6.png) no-repeat 50% 5px;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn05 .navigationMenu li a.inquiry{
		background:#fff url(/common/images/2017/sp/icon_sub_gnavi04-type5_6.png) no-repeat 50% 5px;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	/** ptn06 **/
	.spNavigationArea2.ptn06{
		margin-bottom:15px;
	}
	.spNavigationArea2.ptn06 .navigationMenu{
		table-layout:fixed;
		margin:0;
		padding:10px;
		list-style-type:none;
		width:100%;
		text-align:center;
		background:#e60012;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.spNavigationArea2.ptn06 .navigationMenu li{
		margin-bottom:4px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li:last-child{
		margin-bottom:0;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a{
		position:relative;
		display:block;
		padding:6px 0;
		font-size:15px;
		color:#000;
		text-decoration:none;
		border:1px solid #eee;
		font-weight:bold;
		background:#fff;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a::after{
		position:absolute;
		bottom:2px;
		right:2px;
		content:'';
		display:inline-block;
		width:0;
		height:0;
		border-left:10px solid transparent;
		border-top:10px solid transparent;
		border-right:10px solid #e60012;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a span{
		position:relative;
		display:inline-block;
		line-height:35px;
		padding-left:45px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a span::before{
		position:absolute;
		top:0;
		left:0;
		content:"";
		display:inline-block;
		width:35px;
		height:35px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a.products span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi01-type5_6.png) no-repeat 0 0;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a.data span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi02-type5_6.png) no-repeat 0 0;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a.recipe span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi03-type5_6.png) no-repeat 0 0;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
	.spNavigationArea2.ptn06 .navigationMenu li a.inquiry span::before{
		background:url(/common/images/2017/sp/icon_sub_gnavi04-type5_6.png) no-repeat 0 0;
		-webkit-background-size:35px 35px;
		background-size:35px 35px;
	}
}
.spNavigationArea .cf::before,
.spNavigationArea .cf::after{
	content:" ";
	display:table;
}
.spNavigationArea .cf::after{
	clear:both;
}
.spNavigationArea .cf{
	*zoom:1;
}
.spNavigationArea2 .cf::before,
.spNavigationArea2 .cf::after{
	content:" ";
	display:table;
}
.spNavigationArea2 .cf::after{
	clear:both;
}
.spNavigationArea2 .cf{
	*zoom:1;
}

/* .mainContents */
.mainContents{
	color:#333;
	font-size:15px;
	line-height:1.6;
}
@media screen and (min-width:768px){
	.mainContents{
		padding:0 10px;
	}
}
@media screen and (max-width:767px){
	.mainContents{
		font-size:87.5%;
	}
}
.mainContents .mainContentsIn{
	max-width:1112px;
	margin:3.5em auto 2em;
}
.mainContents .mainContentsIn:first-child{
	margin:1.5em auto 2em;
}
.mainContents .mainContentsIn:first-child:last-child{
	margin:1em auto 2em;
}
.mainContents .mainContentsIn:last-child{
	margin:6.5em auto 2em;
}
@media screen and (max-width:767px){
	.mainContents .mainContentsIn{
		max-width:none;
		width:96%;
	}
	.mainContents .mainContentsIn:first-child{
		margin-top:1em;
	}
	.mainContents .onlySP .mainContentsIn{
		margin-top:1em;
	}
}

/** ul **/
.mainContents ul{
	margin:1em 0;
	padding:0;
	list-style-type:none;
}
/*** list .normal ***/
.mainContents ul.normal{
	list-style-type:disc;
	padding-left:1.8em;
}
/*** list .discNone***/
.mainContents ul.discNone{
	list-style-type:none;
}
.mainContents ul.discNone > li{
	margin:0;
	text-indent:0;
}
/*** list .decimal ***/
.mainContents ol.decimal{
	padding-left:0;
	list-style-type:decimal;
}
.mainContents ol.decimal > li{
	margin:0 0 0 1.5em;
	text-indent:0;
}
/** img **/
.mainContents img{
	max-width:100%;
	height:auto;
}
/* module */
/** title module **/
.mainContents .ttlType1{
	padding:.17em 0 0.17em;
	margin:0 0 .35em;
	font-size:28px;
	letter-spacing:.1em;
	font-weight:normal;
}
.mainContents .ttlType2{
	position:relative;
	padding:.52em 0 .265em;
	margin:0 0 .265em!important;
	font-size:24px;
	letter-spacing:.1em;
	font-weight:normal;
}
.mainContents .ttlType2::before,
.mainContents .ttlType2::after{
	position:absolute;
	content:"";
	display:block;
	height:1px;
	top:0;
	left:0;
}
.mainContents .ttlType2::before{
	background-color:#e2e2e2;
	width:100%;
}
.mainContents .ttlType2::after{
	background-color:#E60012;
	width:120px;
}
.mainContents .ttlType2.mustRead .subText{
	display:inline-block;
	padding:.2em .3em .2em .6em;
	margin-left:.6em;
	font-size:12px;
	vertical-align:middle;
	background:#e60012;
	color:#fff;
}
.mainContents .ttlType3{
	padding:2px .8em;
	margin:1em 0 1.2em!important;
	font-size:20px;
	background:#ededed;
	letter-spacing:.1em;
	font-weight:normal;
}
.mainContents .ttlType3.noBg{
	padding:0;
	background:transparent;
}
.mainContents .ttlType4{
	margin:.8em 0;
	font-size:18px;
	font-weight:bold;
}
.mainContents .ttlType5{
	margin:.8em 0;
	font-size:16px;
	font-weight:bold;
}
.mainContents .ttlType1 a,
.mainContents .ttlType2 a,
.mainContents .ttlType3 a,
.mainContents .ttlType4 a{
	color:#333;
}
.mainContents .ttlType1 a::after,
.mainContents .ttlType2 a::after,
.mainContents .ttlType3 a::after,
.mainContents .ttlType4 a::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.5em;
	width:.66em;
	height:.75em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_box-arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.66em .75em;
	background-size:.66em .75em;
}
.mainContents .ttlType1 a.external::after,
.mainContents .ttlType2 a.external::after,
.mainContents .ttlType3 a.external::after,
.mainContents .ttlType4 a.external::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.4em;
	width:.75em;
	height:.75em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_box-external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.75em .75em;
	background-size:.75em .75em;
}
.mainContents a.withArrow,
.mainContents span.withArrow{
	color:#333;
}
.mainContents a.withArrow::after,
.mainContents span.withArrow::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.5em;
	width:.4em;
	height:.6em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.4em .6em;
	background-size:.4em .6em;
}
.mainContents .row .external .txt .cellCol::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.4em;
	width:.8em;
	height:.7em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.8em .7em;
	background-size:.8em .7em;
}
/*** .ttlWithBtn ***/
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn{
	float:left;
}
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea{
	margin:0;
}
.mainContents .searchArea{
	position:relative;
	margin:0;
}
.mainContents .searchArea .searchBox{
	border:2px solid #e2e2e2;
	padding:0 38px 0 10px;
	font-size:93.33%;
	min-height:32px;
	line-height:32px;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
}
.mainContents .searchArea dd{
	position:absolute;
	right:4px;
	top:4px;
	width:28px;
	height:28px;
	margin:0;
}
.mainContents .searchArea button{
	border:none;
	width:28px;
	height:28px;
	padding:6px;
	background:#e60012;
	vertical-align:middle;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
@media screen and (min-width:768px){
	.mainContents .ttlWithBtn{
		position:relative;
		z-index:1;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea{
		position:absolute;
		right:0;
		top:1.1em;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn{
		margin-right:12px;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn:last-child{
		margin-right:0;
	}
	.mainContents .ttlWithBtn .searchArea{
		width:240px;
	}
}
@media screen and (max-width:767px){
	.mainContents .ttlType1{
		font-size:135.71%;
		padding:.45em 0;
		margin:0 0 .45em;
	}
	.mainContents .ttlType2{
		font-size:128.57%;
		padding:.6em 0 .3em;
		margin:0 0 .3em;
	}
	.mainContents .ttlType2-2{
		padding:.8em 0;
		margin:0 -10px 1em;
		background:#f2f2f2;
		border-top:1px solid #e6e6e6;
		font-size:16px;
		text-align:center;
		border-bottom:1px solid #e6e6e6;
	}
	.mainContents .ttlType3{
		font-size:114.29%;
	}
	.mainContents .ttlType4{
		font-size:107.14%;
	}
	.mainContents .ttlWithBtn{
		margin-bottom:2em;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea{
		margin-bottom:-1em;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn{
		width:100%;
		margin-bottom:1em;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn:nth-child(2n){
		margin-right:0;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn.fullWid{
		width:100%;
		margin-right:0;
	}
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea li{
		width:100%;
	}
	.mainContents .searchArea .searchBox{
		width:100%;
	}
}

/** column module **/
.mainContents .container{
	overflow:hidden;
}
.mainContents .container + .container{
	margin-top:15px;
}
@media screen and (max-width:767px){
	.mainContents .container{
		margin:0 -6px;
		padding:0 6px;
	}
}
.mainContents .row{
	margin:0 -12px;
}
.mainContents .row .row{
	margin:0 -12px;
}
@media screen and (max-width:767px){
	.mainContents .row{
		margin:0 -6px;
	}
	.mainContents .imgTxtArea .row{
		margin:0 -6px;
	}
	.mainContents .row + .row{
		margin:0 -6px;
	}
	.mainContents .row .row{
		margin:0 -6px;
	}
}
.mainContents .col12, .mainContents .colSP12,
.mainContents .col11, .mainContents .colSP11,
.mainContents .col10, .mainContents .colSP10,
.mainContents .col9, .mainContents .colSP9,
.mainContents .col8, .mainContents .colSP8,
.mainContents .col7, .mainContents .colSP7,
.mainContents .col6, .mainContents .colSP6,
.mainContents .col5, .mainContents .colSP5,
.mainContents .col4, .mainContents .colSP4,
.mainContents .col3, .mainContents .colSP3,
.mainContents .col2_5, .mainContents .colSP2_5,
.mainContents .col2, .mainContents .colSP2,
.mainContents .col1, .mainContents .colSP1{
	position:relative;
	float:left;
	min-height:1px;
	padding:0 12px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .bnrWithBorder .col12, .mainContents .bnrWithBorder .colSP12,
.mainContents .bnrWithBorder .col11, .mainContents .bnrWithBorder .colSP11,
.mainContents .bnrWithBorder .col10, .mainContents .bnrWithBorder .colSP10,
.mainContents .bnrWithBorder .col9, .mainContents .bnrWithBorder .colSP9,
.mainContents .bnrWithBorder .col8, .mainContents .bnrWithBorder .colSP8,
.mainContents .bnrWithBorder .col7, .mainContents .bnrWithBorder .colSP7,
.mainContents .bnrWithBorder .col6, .mainContents .bnrWithBorder .colSP6,
.mainContents .bnrWithBorder .col5, .mainContents .bnrWithBorder .colSP5,
.mainContents .bnrWithBorder .col4, .mainContents .bnrWithBorder .colSP4,
.mainContents .bnrWithBorder .col3, .mainContents .bnrWithBorder .colSP3,
.mainContents .bnrWithBorder .col2_5, .mainContents .bnrWithBorder .colSP2_5,
.mainContents .bnrWithBorder .col2, .mainContents .bnrWithBorder .colSP2,
.mainContents .bnrWithBorder .col1, .mainContents .bnrWithBorder .colSP1{
	margin-bottom:.8em;
}
.mainContents .bnrWithBorder .col12 figure, .mainContents .bnrWithBorder .colSP12 figure,
.mainContents .bnrWithBorder .col11 figure, .mainContents .bnrWithBorder .colSP11 figure,
.mainContents .bnrWithBorder .col10 figure, .mainContents .bnrWithBorder .colSP10 figure,
.mainContents .bnrWithBorder .col9 figure, .mainContents .bnrWithBorder .colSP9 figure,
.mainContents .bnrWithBorder .col8 figure, .mainContents .bnrWithBorder .colSP8 figure,
.mainContents .bnrWithBorder .col7 figure, .mainContents .bnrWithBorder .colSP7 figure,
.mainContents .bnrWithBorder .col6 figure, .mainContents .bnrWithBorder .colSP6 figure,
.mainContents .bnrWithBorder .col5 figure, .mainContents .bnrWithBorder .colSP5 figure,
.mainContents .bnrWithBorder .col4 figure, .mainContents .bnrWithBorder .colSP4 figure,
.mainContents .bnrWithBorder .col3 figure, .mainContents .bnrWithBorder .colSP3 figure,
.mainContents .bnrWithBorder .col2_5 figure, .mainContents .bnrWithBorder .colSP2_5 figure,
.mainContents .bnrWithBorder .col2 figure, .mainContents .bnrWithBorder .colSP2 figure,
.mainContents .bnrWithBorder .col1 figure, .mainContents .bnrWithBorder .colSP1 figure{
	border:1px solid #ccc;
}
@media screen and (max-width:767px){
	.mainContents .col12,.mainContents .colSP12,
	.mainContents .col11,.mainContents .colSP11,
	.mainContents .col10,.mainContents .colSP10,
	.mainContents .col9,.mainContents .colSP9,
	.mainContents .col8,.mainContents .colSP8,
	.mainContents .col7,.mainContents .colSP7,
	.mainContents .col6,.mainContents .colSP6,
	.mainContents .col5,.mainContents .colSP5,
	.mainContents .col4,.mainContents .colSP4,
	.mainContents .col3,.mainContents .colSP3,
	.mainContents .col2_5,.mainContents .colSP2_5,
	.mainContents .col2,.mainContents .colSP2,
	.mainContents .col1,.mainContents .colSP1{
		padding:0 6px;
	}
	.mainContents .max3item .col12:nth-child(n + 4),.mainContents .max3item .colSP12:nth-child(n + 4),
	.mainContents .max3item .col11:nth-child(n + 4),.mainContents .max3item .colSP11:nth-child(n + 4),
	.mainContents .max3item .col10:nth-child(n + 4),.mainContents .max3item .colSP10:nth-child(n + 4),
	.mainContents .max3item .col9:nth-child(n + 4),.mainContents .max3item .colSP9:nth-child(n + 4),
	.mainContents .max3item .col8:nth-child(n + 4),.mainContents .max3item .colSP8:nth-child(n + 4),
	.mainContents .max3item .col7:nth-child(n + 4),.mainContents .max3item .colSP7:nth-child(n + 4),
	.mainContents .max3item .col6:nth-child(n + 4),.mainContents .max3item .colSP6:nth-child(n + 4),
	.mainContents .max3item .col5:nth-child(n + 4),.mainContents .max3item .colSP5:nth-child(n + 4),
	.mainContents .max3item .col4:nth-child(n + 4),.mainContents .max3item .colSP4:nth-child(n + 4),
	.mainContents .max3item .col3:nth-child(n + 4),.mainContents .max3item .colSP3:nth-child(n + 4),
	.mainContents .max3item .col2_5:nth-child(n + 4),.mainContents .max3item .colSP2_5:nth-child(n + 4),
	.mainContents .max3item .col2:nth-child(n + 4),.mainContents .max3item .colSP2:nth-child(n + 4),
	.mainContents .max3item .col1:nth-child(n + 4),.mainContents .max3item .colSP1{
		display:none;
	}
	.mainContents .max4item .col12:nth-child(n + 5),.mainContents .max4item .colSP12:nth-child(n + 5),
	.mainContents .max4item .col11:nth-child(n + 5),.mainContents .max4item .colSP11:nth-child(n + 5),
	.mainContents .max4item .col10:nth-child(n + 5),.mainContents .max4item .colSP10:nth-child(n + 5),
	.mainContents .max4item .col9:nth-child(n + 5),.mainContents .max4item .colSP9:nth-child(n + 5),
	.mainContents .max4item .col8:nth-child(n + 5),.mainContents .max4item .colSP8:nth-child(n + 5),
	.mainContents .max4item .col7:nth-child(n + 5),.mainContents .max4item .colSP7:nth-child(n + 5),
	.mainContents .max4item .col6:nth-child(n + 5),.mainContents .max4item .colSP6:nth-child(n + 5),
	.mainContents .max4item .col5:nth-child(n + 5),.mainContents .max4item .colSP5:nth-child(n + 5),
	.mainContents .max4item .col4:nth-child(n + 5),.mainContents .max4item .colSP4:nth-child(n + 5),
	.mainContents .max4item .col3:nth-child(n + 5),.mainContents .max4item .colSP3:nth-child(n + 5),
	.mainContents .max4item .col2_5:nth-child(n + 5),.mainContents .max4item .colSP2_5:nth-child(n + 5),
	.mainContents .max4item .col2:nth-child(n + 5),.mainContents .max4item .colSP2:nth-child(n + 5),
	.mainContents .max4item .col1:nth-child(n + 5),.mainContents .max4item .colSP1{
		display:none;
	}
	.mainContents .max6item .col12:nth-child(n + 7),.mainContents .max6item .colSP12:nth-child(n + 7),
	.mainContents .max6item .col11:nth-child(n + 7),.mainContents .max6item .colSP11:nth-child(n + 7),
	.mainContents .max6item .col10:nth-child(n + 7),.mainContents .max6item .colSP10:nth-child(n + 7),
	.mainContents .max6item .col9:nth-child(n + 7),.mainContents .max6item .colSP9:nth-child(n + 7),
	.mainContents .max6item .col8:nth-child(n + 7),.mainContents .max6item .colSP8:nth-child(n + 7),
	.mainContents .max6item .col7:nth-child(n + 7),.mainContents .max6item .colSP7:nth-child(n + 7),
	.mainContents .max6item .col6:nth-child(n + 7),.mainContents .max6item .colSP6:nth-child(n + 7),
	.mainContents .max6item .col5:nth-child(n + 7),.mainContents .max6item .colSP5:nth-child(n + 7),
	.mainContents .max6item .col4:nth-child(n + 7),.mainContents .max6item .colSP4:nth-child(n + 7),
	.mainContents .max6item .col3:nth-child(n + 7),.mainContents .max6item .colSP3:nth-child(n + 7),
	.mainContents .max6item .col2_5:nth-child(n + 7),.mainContents .max6item .colSP2_5:nth-child(n + 7),
	.mainContents .max6item .col2:nth-child(n + 7),.mainContents .max6item .colSP2:nth-child(n + 7),
	.mainContents .max6item .col1:nth-child(n + 7),.mainContents .max6item .colSP1{
		display:none;
	}
	.mainContents .max9item .col12:nth-child(n + 10),.mainContents .max9item .colSP12:nth-child(n + 10),
	.mainContents .max9item .col11:nth-child(n + 10),.mainContents .max9item .colSP11:nth-child(n + 10),
	.mainContents .max9item .col10:nth-child(n + 10),.mainContents .max9item .colSP10:nth-child(n + 10),
	.mainContents .max9item .col9:nth-child(n + 10),.mainContents .max9item .colSP9:nth-child(n + 10),
	.mainContents .max9item .col8:nth-child(n + 10),.mainContents .max9item .colSP8:nth-child(n + 10),
	.mainContents .max9item .col10:nth-child(n + 10),.mainContents .max9item .colSP10:nth-child(n + 10),
	.mainContents .max9item .col6:nth-child(n + 10),.mainContents .max9item .colSP6:nth-child(n + 10),
	.mainContents .max9item .col5:nth-child(n + 10),.mainContents .max9item .colSP5:nth-child(n + 10),
	.mainContents .max9item .col4:nth-child(n + 10),.mainContents .max9item .colSP4:nth-child(n + 10),
	.mainContents .max9item .col3:nth-child(n + 10),.mainContents .max9item .colSP3:nth-child(n + 10),
	.mainContents .max9item .col2_5:nth-child(n + 10),.mainContents .max9item .colSP2_5:nth-child(n + 10),
	.mainContents .max9item .col2:nth-child(n + 10),.mainContents .max9item .colSP2:nth-child(n + 10),
	.mainContents .max9item .col1:nth-child(n + 10),.mainContents .max9item .colSP1{
		display:none;
	}
	.mainContents .max12item .col12:nth-child(n + 13),.mainContents .max12item .colSP12:nth-child(n + 13),
	.mainContents .max12item .col11:nth-child(n + 13),.mainContents .max12item .colSP11:nth-child(n + 13),
	.mainContents .max12item .col10:nth-child(n + 13),.mainContents .max12item .colSP10:nth-child(n + 13),
	.mainContents .max12item .col9:nth-child(n + 13),.mainContents .max12item .colSP9:nth-child(n + 13),
	.mainContents .max12item .col8:nth-child(n + 13),.mainContents .max12item .colSP8:nth-child(n + 13),
	.mainContents .max12item .col7:nth-child(n + 13),.mainContents .max12item .colSP7:nth-child(n + 13),
	.mainContents .max12item .col6:nth-child(n + 13),.mainContents .max12item .colSP6:nth-child(n + 13),
	.mainContents .max12item .col5:nth-child(n + 13),.mainContents .max12item .colSP5:nth-child(n + 13),
	.mainContents .max12item .col4:nth-child(n + 13),.mainContents .max12item .colSP4:nth-child(n + 13),
	.mainContents .max12item .col3:nth-child(n + 13),.mainContents .max12item .colSP3:nth-child(n + 13),
	.mainContents .max12item .col2_5:nth-child(n + 13),.mainContents .max12item .colSP2_5:nth-child(n + 13),
	.mainContents .max12item .col2:nth-child(n + 13),.mainContents .max12item .colSP2:nth-child(n + 13),
	.mainContents .max12item .col1:nth-child(n + 13),.mainContents .max12item .colSP1{
		display:none;
	}
}

.mainContents .col12 > *:first-child,.mainContents .colSP12 > *:first-child,
.mainContents .col11 > *:first-child,.mainContents .colSP11 > *:first-child,
.mainContents .col10 > *:first-child,.mainContents .colSP10 > *:first-child,
.mainContents .col9 > *:first-child,.mainContents .colSP9 > *:first-child,
.mainContents .col8 > *:first-child,.mainContents .colSP8 > *:first-child,
.mainContents .col7 > *:first-child,.mainContents .colSP7 > *:first-child,
.mainContents .col6 > *:first-child,.mainContents .colSP6 > *:first-child,
.mainContents .col5 > *:first-child,.mainContents .colSP5 > *:first-child,
.mainContents .col4 > *:first-child,.mainContents .colSP4 > *:first-child,
.mainContents .col3 > *:first-child,.mainContents .colSP3 > *:first-child,
.mainContents .col2_5 > *:first-child,.mainContents .colSP2_5 > *:first-child,
.mainContents .col2 > *:first-child,.mainContents .colSP2 > *:first-child,
.mainContents .col1 > *:first-child,.mainContents .colSP1 > *:first-child{
	margin-top:0;
}
.mainContents .col12{
	width:100%;
}
.mainContents .col11{
	width:91.66666667%;
}
.mainContents .col10{
	width:83.33333333%;
}
.mainContents .col9{
	width:75%;
}
.mainContents .col8{
	width:66.66666667%;
}
.mainContents .col7{
	width:58.33333333%;
}
.mainContents .col6{
	width:50%;
}
.mainContents .col5{
	width:41.66666667%;
}
.mainContents .col4{
	width:33.33333333%;
}
.mainContents .col3{
	width:25%;
}
.mainContents .col2_5{
	width:20%;
}
.mainContents .col2{
	width:16.66666667%;
}
.mainContents .col1{
	width:8.33333333%;
}
@media screen and (max-width:767px){
	.mainContents .colSP12{
		width:100%;
	}
	.mainContents .colSP11{
		width:91.66666667%;
	}
	.mainContents .colSP10{
		width:83.33333333%;
	}
	.mainContents .colSP9{
		width:75%;
	}
	.mainContents .colSP8{
		width:66.66666667%;
	}
	.mainContents .colSP7{
		width:58.33333333%;
	}
	.mainContents .colSP6{
		width:50%;
	}
	.mainContents .catalogListArea .row .colSP6:nth-of-type(odd),
	.mainContents .productsListArea .row .colSP6:nth-of-type(odd){
		clear: both;
	}
	.mainContents .row.flex .colSP6{
		width:calc(50% - 1px);
	}
	.mainContents .colSP5{
		width:41.66666667%;
	}
	.mainContents .colSP4{
		width:33.33333333%;
	}
	.mainContents .colSP3{
		width:25%;
	}
	.mainContents .colSP2_5{
		width:20%;
	}
	.mainContents .colSP2{
		width:16.66666667%;
	}
	.mainContents .colSP1{
		width:8.33333333%;
	}
	.mainContents .pull12,
	.mainContents .pull11,
	.mainContents .pull10,
	.mainContents .pull9,
	.mainContents .pull8,
	.mainContents .pull7,
	.mainContents .pull6,
	.mainContents .pull5,
	.mainContents .pull4,
	.mainContents .pull3,
	.mainContents .pull2_5,
	.mainContents .pull2,
	.mainContents .pull1{
		right:auto;
	}
	.mainContents .push12,
	.mainContents .push11,
	.mainContents .push10,
	.mainContents .push9,
	.mainContents .push8,
	.mainContents .push7,
	.mainContents .push6,
	.mainContents .push5,
	.mainContents .push4,
	.mainContents .push3,
	.mainContents .push2_5,
	.mainContents .push2,
	.mainContents .push1{
		left:auto;
	}
}

/** .staticBnrArea **/
.mainContents .staticBnrArea{
}
.mainContents .staticBnrArea .container{
	margin-bottom:-1.4em;
}
.mainContents .staticBnrArea .container .row .col3{
	margin-bottom:1.4em;
}

/** .imgLinkArea **/
.mainContents .imgLinkArea{
}
.mainContents .imgLinkArea.withBorderTop{
	padding-top:1.4em;
	border-top:1px solid #e2e2e2;
}
.mainContents .imgLinkArea > .container > .row{
	margin-bottom:-1.4em;
}
.mainContents .imgLinkArea > .container > .row > .col12,
.mainContents .imgLinkArea > .container > .row > .col11,
.mainContents .imgLinkArea > .container > .row > .col10,
.mainContents .imgLinkArea > .container > .row > .col9,
.mainContents .imgLinkArea > .container > .row > .col8,
.mainContents .imgLinkArea > .container > .row > .col7,
.mainContents .imgLinkArea > .container > .row > .col6,
.mainContents .imgLinkArea > .container > .row > .col5,
.mainContents .imgLinkArea > .container > .row > .col4,
.mainContents .imgLinkArea > .container > .row > .col3,
.mainContents .imgLinkArea > .container > .row > .col2_5,
.mainContents .imgLinkArea > .container > .row > .col2,
.mainContents .imgLinkArea > .container > .row > .col1{
	margin-bottom:1.4em;
}
.mainContents .imgLinkArea .row article .articleTit{
	margin:0;
	font-size:100%;
	font-weight:normal;
}
.mainContents .imgLinkArea .row article .articleTit.sizeL{
	font-size:120%;
}
.mainContents .imgLinkArea .row article .articleTit a{
	color:#333;
}
.mainContents .imgLinkArea .row article .articleTit a:hover{
	text-decoration:none;
}
.mainContents .imgLinkArea .row article .articleTit a .img,
.mainContents .imgLinkArea .row article .articleTit a .txt{
	display:block;
}
.mainContents .imgLinkArea .row article .articleTit a .img{
	padding-bottom:.5em;
}
@media screen and (max-width:767px){
	.mainContents .imgLinkArea > .container > .row{
		margin-bottom:-.7em;
	}
	.mainContents .imgLinkArea > .container > .row > .col3,
	.mainContents .imgLinkArea > .container > .row > .col6{
		margin-bottom:.7em;
	}
	.mainContents .imgLinkArea .colSP12 + .colSP12{
		margin-top:0;
	}
}

/** .borderLinkArea **/
.mainContents .borderLinkArea{
	position:relative;
}
.mainContents .borderLinkArea .row article .articleTit{
	margin:0;
	font-size:100%;
	font-weight:normal;
}
.mainContents .borderLinkArea .row article .articleTit .alike,
.mainContents .borderLinkArea .row article .articleTit a{
	display:block;
	color:#333;
	padding:15px 8px;
	border:2px solid #f0f0f0;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.mainContents .borderLinkArea .row article .articleTit a:hover{
	border:2px solid #e60012;
}
.mainContents .borderLinkArea .row article .articleTit a.active{
	color:#e60012;
	font-weight:bold;
	border:2px solid #e60012;
}
.mainContents .borderLinkArea .row article .articleTit a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.mainContents .borderLinkArea .row{
	overflow:hidden;
	margin-bottom:-1em;
}
.mainContents .borderLinkArea .row .col2_5,
.mainContents .borderLinkArea .row .col3{
	margin-bottom:1em;
}
.mainContents .borderLinkArea .row article .articleTit a .img,
.mainContents .borderLinkArea .row article .articleTit a .txt{
	display:table;
	width:100%;
	text-align:center;
	table-layout:fixed;
}
.mainContents .borderLinkArea .row article .articleTit a .img{
	margin-bottom:.5em;
}
.mainContents .borderLinkArea .row article .articleTit a .cellCol{
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
.mainContents .borderLinkArea .row article .articleTit a .img .cellCol{
	max-width:160px;
	height:120px;
}
.mainContents .borderLinkArea .row article .articleTit a .img .cellCol img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.mainContents .borderLinkArea.catalogListArea .row article .articleTit a .img .cellCol img{
	max-height:120px;
}
.mainContents .borderLinkArea .borderLinkAreaToggleBtn p{
	display:none;
}
.mainContents .borderLinkArea.widthToggleBtn.SPview{
	display:none;
}

.mainContents .borderLinkArea .row article h2.articleTit2 .txt{
	color:#555;
}
@media screen and (min-width:768px){
	.mainContents .borderLinkArea .row article h2.articleTit2{
		display:table;
		width:100%;
		height:100%;
		margin:0;
		font-size:22px;
		line-height:1;
	}
	.mainContents .borderLinkArea .row article h2.articleTit2 .txt{
		overflow:hidden;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		font-weight:bold;
		background:#fff url(/common/images/2017/pc/bg-borderlink.png) no-repeat center center;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
	}
	.mainContents .borderLinkArea .row article h2.articleTit2 .txt .txtIn{
		display:inline-block;
		padding-right:15px;
	}
}
@media screen and (max-width:767px){
	.mainContents .colSPInline{
		width:auto;
	}
	.mainContents .borderLinkArea.widthToggleBtn{
		position:relative;
		overflow:hidden;
	}
	.mainContents .borderLinkArea.widthToggleBtn.PCview{
		display:none;
	}
	.mainContents .borderLinkArea.widthToggleBtn.SPview{
		display:block;
	}
	.mainContents .borderLinkArea.widthToggleBtn .row + .row{
		margin-top:1em;
		display:none;
	}
	.mainContents .borderLinkArea.widthToggleBtn .borderLinkAreaToggleBtn{
		position:absolute;
		top:0;
		right:0;
		text-align:right;
	}
	.mainContents .borderLinkArea .borderLinkAreaToggleBtn p{
		position:relative;
		display:inline-block;
		padding:8px 24px 8px 8px;
		border:2px solid #e60012;
		background:#fff url(/common/images/2017/sp/icon_show_more.png) no-repeat 90% center;
		-webkit-background-size:8px 14px;
		background-size:8px 14px;
		color:#e60012;
		text-align:center;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		margin:0;
	}
	.mainContents .borderLinkArea .row .colSPInline article .articleTit .alike,
	.mainContents .borderLinkArea .row .colSPInline article .articleTit a{
		padding:8px;
	}
	.mainContents .borderLinkArea .row .colSPInline article .articleTit a .img,
	.mainContents .borderLinkArea .row .colSPInline article .articleTit a .txt{
		display:inline-block;
	}
	.mainContents .borderLinkArea .row .colSPInline article .articleTit a .cellCol{
		display:inline-block;
		height:auto!important;
	}
}

/** .productsCatalog **/
.mainContents .productsCatalog .row{
	overflow:hidden;
	margin-bottom:-1em;
}
.mainContents .productsCatalog .row .col3,
.mainContents .productsCatalog .row .col6{
	margin-bottom:1em;
}
.mainContents .productsCatalog .row a{
	display:block;
	color:#333;
	padding:15px 8px;
	border:2px solid #f0f0f0;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.mainContents .productsCatalog .row a:hover{
	border:2px solid #e60012;
}
.mainContents .productsCatalog .row a .productsWrap{
	display:table;
	width:100%;
}
.mainContents .productsCatalog .row a .text,
.mainContents .productsCatalog .row a .img{
	display:table-cell;
	vertical-align:middle;
}
.mainContents .productsCatalog .row a .text{
	text-align:left;
	font-size:20px;
}
.mainContents .productsCatalog .row a .img{
	width: 115px;
}
.mainContents .productsCatalog .row a .img img{
	width: auto;
	height: auto;
	max-height: 96px;
	max-width: 115px;
	vertical-align: middle;
	line-height: 0;
}
.mainContents .productsCatalog .row a:hover .img img{
	opacity:1;
	filter:alpha(opacity=100);
}
@media screen and (max-width:767px){
	.mainContents .productsCatalog .row a .text{
		font-size:14px;
	}
}

/** .cmArea **/
.mainContents .cmArea .articleTit{
	font-size: 16px;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.mainContents .cmArea .articleTit{
		font-size: 14px;
		line-height: 1.7;
	}
}
.mainContents .cmArea .videoCol .colIn:nth-child(1){
	width:61.6%;
}
.mainContents .cmArea .videoCol .colIn:nth-child(2){
	width:36.4%;
}

.mainContents .cmArea .videoCol .bgPhoto {
	margin-top: 48px;
	border-radius: 6px;
}

.mainContents .cmArea .videoCol .colIn .videoColIn{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:65%;
}
.mainContents .cmArea .videoCol.active .colIn .videoColIn .BrightcoveExperience{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mainContents .cmArea .videoCol .colIn h3{
	margin-top:0;
}

@media screen and (max-width: 767px) {
	.mainContents .cmArea .videoCol .colIn h3{
		margin-top:16px;
	}
}

.mainContents .cmArea .videoCol .colIn p{
	margin:0;
}

.mainContents .cmArea .videoCol .colIn figure{
	margin: 48px 0 16px 0;
}

@media screen and (max-width: 767px) {
	.mainContents .cmArea .videoCol .colIn figure{
		margin: 32px 0 16px 0;
	}
}

.mainContents .cmArea .videoCol .tvcm_print {
	border-radius: 6px;
	overflow: hidden;
}

.mainContents .cmArea .videoCol .tvcm_print .vjs-poster {
	background-color: unset;
}
/*cmArea -- 1705リニュウアル時ジャニズ対応*/
.mainContents .cmArea .videoCol .colIn .videoColIn.tvcmIframeWrap{
	padding-bottom:0;
	padding-top:65%;
}
@media screen and (min-width:768px){
	.mainContents .cmArea .videoCol .colIn{
		float:left;
	}
	.mainContents .cmArea .videoCol .colIn:nth-child(odd){
		margin-right:1%;
	}
	.mainContents .cmArea .videoCol .colIn:nth-child(even){
		margin-left:1%;
	}
}
@media screen and (max-width:767px){
	.mainContents .cmArea .videoCol .colIn:nth-child(1){
		width:100%;
	}
	.mainContents .cmArea .videoCol .colIn:nth-child(2){
		width:100%;
	}

	.mainContents .cmArea .videoCol .bgPhoto {
		margin-top: 28px;
	}
}

/** .recipeArea **/
.mainContents .recipeArea{
}
.mainContents .recipeArea .row article .articleTit{
	margin:0;
	font-size:100%;
}
.mainContents .recipeArea .row article .articleTit a{
	display:block;
	border:2px solid #f0f0f0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#333;
}
.mainContents .recipeArea .row article .articleTit a:hover{
	border:2px solid #e60012;
}
.mainContents .recipeArea .row article .articleTit a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.mainContents .recipeArea .row .col6{
	margin-bottom:18px;
}
.mainContents .recipeArea .row article .articleTit{
	font-weight:normal;
}
.mainContents .recipeArea .row article .articleTit a .recipeWrap{
	display:block;
	padding:15px;
}
.mainContents .recipeArea .row article .articleTit a .gen{
	display:block;
	color:#e60012;
	text-align:middle;
	margin-bottom:.3em;
}
.mainContents .recipeArea .row article .articleTit a .gen .gTit{
	font-size:133.33%;
	font-weight:bold;
	vertical-align:middle;
}
.mainContents .recipeArea .row article .articleTit a .gen .gDate{
	font-size:80%;
	padding-left:10px;
	color:#666;
	font-weight:bold;
	vertical-align:middle;
}
.mainContents .recipeArea .row article .articleTit a .txt{
	display:block;
	width:100%;
	margin-bottom:.7em;
}
.mainContents .recipeArea .row article .articleTit a .img{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-top:50%;
	overflow:hidden;
	margin-bottom:.5em;
}
.mainContents .recipeArea .row article .articleTit a .img .cellCol{
	position:absolute;
	left:0;
	bottom:0;
	max-width:100%;
}
.mainContents .recipeArea .row article .articleTit a .tit{
	font-size:120%;
}

/** .newsLinkArea **/
.mainContents .newsLinkArea{
}
.mainContents .newsLinkArea .row{
	overflow:hidden;
	margin-top:-1em;
}
.mainContents .newsLinkArea .row .col12,
.mainContents .newsLinkArea .row .col11,
.mainContents .newsLinkArea .row .col10,
.mainContents .newsLinkArea .row .col9,
.mainContents .newsLinkArea .row .col8,
.mainContents .newsLinkArea .row .col7,
.mainContents .newsLinkArea .row .col6,
.mainContents .newsLinkArea .row .col5,
.mainContents .newsLinkArea .row .col4,
.mainContents .newsLinkArea .row .col3,
.mainContents .newsLinkArea .row .col2_5,
.mainContents .newsLinkArea .row .col2,
.mainContents .newsLinkArea .row .col1{
	margin-top:1em;
}
.mainContents .newsLinkArea .row article .articleTit{
	margin:0;
	font-size:100%;
	font-weight:normal;
}
.mainContents .newsLinkArea .row article .articleTit a{
	display:table;
	border:2px solid #f0f0f0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#333;
	padding:3% 4%;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .newsLinkArea .row article .articleTit a:hover{
	border:2px solid #e60012;
}
.mainContents .newsLinkArea .row article .articleTit a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.mainContents .newsLinkArea .row article .articleTit a .colIn{
	display:table;
	margin-top: 1em;
}

.mainContents .newsLinkArea .row article .articleTit a .imgCol{
	display:table-cell;
	width:170px;
	height:140px;
	padding-right:1.33em;
	vertical-align:top;
	text-align:center;
}
@media screen and (max-width:767px){
	.mainContents .newsLinkArea .row article .articleTit a .imgCol{
		width:36%;
		height:auto;
	}
}
.mainContents .newsLinkArea .row article .articleTit a .imgCol .imgColIn{
	display:table;
	width:100%;
}
.mainContents .newsLinkArea .row article .articleTit a .imgCol .img{
	display:table-cell;
	vertical-align:top;
	width:125px;
	height:125px;
}
@media screen and (max-width:767px){
	.mainContents .newsLinkArea .row article .articleTit a .imgCol .img{
		vertical-align:top;
		width:100%;
		height:auto;
	}
}
.mainContents .newsLinkArea .row article .articleTit a .imgCol .img img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.mainContents .newsLinkArea .row article .articleTit a .titCol{
	position:relative;
	overflow:hidden;
	display:table-cell;
	margin-left:1.33em;
	padding-bottom:1.6em;
}
.mainContents .newsLinkArea .row article .articleTit a .titCol .tit{
	display:block;
}
.mainContents .newsLinkArea .row article .articleTit a .titCol .txt{
	display:block;
	font-size:93.33%;
	color:#000;
}
.mainContents .newsLinkArea .row article .articleTit a .titCol .tit + .txt{
	margin-top:.8em;
}
.mainContents .newsLinkArea .row article .articleTit a:hover .titCol .txt{
	text-decoration:none;
}
.mainContents .newsLinkArea .row article .articleTit a .date{
	color:#666;
	font-size:80%;
}
@media screen and (min-width: 768px){
	.mainContents .newsLinkArea .col6:nth-child(odd) {
		clear: left;
	}
}

/** .inquiryLinkArea **/
.mainContents .inquiryLinkArea{
}
.mainContents .inquiryLinkArea .row{
	overflow:hidden;
	margin-top:-1em;
}
.mainContents .inquiryLinkArea .row .col12,
.mainContents .inquiryLinkArea .row .col11,
.mainContents .inquiryLinkArea .row .col10,
.mainContents .inquiryLinkArea .row .col9,
.mainContents .inquiryLinkArea .row .col8,
.mainContents .inquiryLinkArea .row .col7,
.mainContents .inquiryLinkArea .row .col6,
.mainContents .inquiryLinkArea .row .col5,
.mainContents .inquiryLinkArea .row .col4,
.mainContents .inquiryLinkArea .row .col3,
.mainContents .inquiryLinkArea .row .col2_5,
.mainContents .inquiryLinkArea .row .col2,
.mainContents .inquiryLinkArea .row .col1{
	margin-top:1em;
}
.mainContents .inquiryLinkArea .row article .articleTit{
	margin:0;
	font-size:100%;
	font-weight:normal;
}
.mainContents .inquiryLinkArea .row article .articleTit a{
	position:relative;
	display:table;
	border:2px solid #f0f0f0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#333;
	padding:2% 6%;
	width:100%;
}
.mainContents .inquiryLinkArea .row article .articleTit a:hover{
	border:2px solid #e60012;
}
.mainContents .inquiryLinkArea .row article .articleTit a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.mainContents .inquiryLinkArea .row article .articleTit a::after{
	position:absolute;
	top:50%;
	right:3%;
	content:"";
	display:inline-block;
	margin-top:-.43em;
	width:.53em;
	height:.86em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 0 0;
	-webkit-background-size:.53em .86em;
	background-size:.53em .86em;
}
.mainContents .inquiryLinkArea .row article .articleTit a.external::after{
	position:absolute;
	top:50%;
	right:3%;
	content:"";
	display:inline-block;
	margin-top:-.43em;
	width:.9em;
	height:.8em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
.mainContents .inquiryLinkArea .row article .articleTit a .imgCol{
	display:table-cell;
	width:146px;
	height:146px;
	padding-right:1.33em;
	vertical-align:middle;
	text-align:center;
}
.mainContents .inquiryLinkArea .row article .articleTit a .imgCol .img{
	display:table-cell;
	vertical-align:middle;
	width:146px;
	height:146px;
}
.mainContents .inquiryLinkArea .row article .articleTit a .imgCol .img img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.mainContents .inquiryLinkArea .row article .articleTit a .txtCol{
	display:table-cell;
	vertical-align:middle;
}
.mainContents .inquiryLinkArea .row article .articleTit a .txtCol .txt,
.mainContents .inquiryLinkArea .row article .articleTit a .txtCol .sub{
	display:block;
	color:#333;
}
.mainContents .inquiryLinkArea .row article .articleTit a .txtCol .txt{
	font-size:120%;
	font-weight:bold;
}
.mainContents .inquiryLinkArea .row article .articleTit a .txtCol .sub{
}

/** .btnLikeLinkArea **/
.mainContents .btnLikeLinkArea{
}
.mainContents .btnLikeLinkArea .row{
	overflow:hidden;
	margin-top:-1em;
}
.mainContents .btnLikeLinkArea .row .col12,
.mainContents .btnLikeLinkArea .row .col11,
.mainContents .btnLikeLinkArea .row .col10,
.mainContents .btnLikeLinkArea .row .col9,
.mainContents .btnLikeLinkArea .row .col8,
.mainContents .btnLikeLinkArea .row .col7,
.mainContents .btnLikeLinkArea .row .col6,
.mainContents .btnLikeLinkArea .row .col5,
.mainContents .btnLikeLinkArea .row .col4,
.mainContents .btnLikeLinkArea .row .col3,
.mainContents .btnLikeLinkArea .row .col2_5,
.mainContents .btnLikeLinkArea .row .col2,
.mainContents .btnLikeLinkArea .row .col1{
	margin-top:1em;
}
.mainContents .btnLikeLinkArea .row article .articleTit{
	margin:0;
	font-size:100%;
	font-weight:normal;
}
.mainContents .btnLikeLinkArea .row article .articleTit a{
	position:relative;
	display:table;
	border:2px solid #f0f0f0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#333;
	padding:5% 15% 5% 5%;
	width:100%;
}
.mainContents .btnLikeLinkArea .row article .articleTit a:hover{
	border:2px solid #e60012;
}
.mainContents .btnLikeLinkArea .row article .articleTit a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.mainContents .btnLikeLinkArea .row article .articleTit a::after{
	position:absolute;
	top:50%;
	right:3%;
	content:"";
	display:inline-block;
	margin-top:-.43em;
	width:.53em;
	height:.86em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 0 0;
	-webkit-background-size:.53em .86em;
	background-size:.53em .86em;
}
.mainContents .btnLikeLinkArea .row article .articleTit a.external::after{
	position:absolute;
	top:50%;
	right:6%;
	content:"";
	display:inline-block;
	margin-top:-.43em;
	width:.9em;
	height:.8em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
.mainContents .btnLikeLinkArea .row article .articleTit a .txtCol{
	display:table-cell;
	vertical-align:middle;
}
.mainContents .btnLikeLinkArea .row article .articleTit a .txtCol .txt,
.mainContents .btnLikeLinkArea .row article .articleTit a .txtCol .sub{
	display:block;
	color:#333;
}
.mainContents .btnLikeLinkArea .row article .articleTit a .txtCol .txt{
	font-size:16px;
}
.mainContents .btnLikeLinkArea .row article .articleTit a .txtCol .sub{
}

/** .noticeArea **/
.mainContents .noticeArea{
}
.mainContents .noticeArea .readMore{
	display:none;
}

/** .withImgCol **/
.mainContents .withImgCol p{
	margin:0;
}
.mainContents .withImgCol p + p{
	margin-top:1em;
}
.mainContents .withImgCol .txtR,
.mainContents .withImgCol .txtL{
	overflow:hidden;
}
.mainContents .withImgCol .imgR{
	float:right;
	margin:0 0 0 25px;
}
.mainContents .withImgCol .imgL{
	float:left;
	margin:0 25px 0 0;
}
@media screen and (max-width:767px){
	.mainContents .withImgCol.spFlat .txtR,
	.mainContents .withImgCol.spFlat .txtL,
	.mainContents .withImgCol.spFlat .imgR,
	.mainContents .withImgCol.spFlat .imgL{
		float:none;
		margin:0;
	}
}

/** .inlineLink **/
.mainContents .inlineLink{
	text-align:center;
}
.mainContents .inlineLink li{
	float:left;
	margin-right:24px;
}
.mainContents .inlineLink li:last-child{
	margin-right:0;
}
.mainContents .inlineLink li a{
	line-height:2;
	color:#333;
}
.mainContents .inlineLink li a::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	width:.8em;
	height:.5em;
	background:url(/common/images/2017/icon_link_arrow-down-red.png) no-repeat 50% 50%;
	-webkit-background-size:.8em .5em;
	background-size:.8em .5em;
}
.mainContents .inlineLink li a .new::after{
	display:inline-block;
	content:'[NEW]';
	margin-left:8px;
	color:#e60012;
}

/** .arrowLink **/
.mainContents .arrowLink{
	margin-top:0;
	margin-bottom:0;
}
.mainContents .arrowLink li{}
.mainContents .arrowLink li ul{
	margin-left:20px;
}
.mainContents .arrowLink li a{
	color:#333;
}
.mainContents .arrowLink li a::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-right:.5em;
	width:.5em;
	height:.8em;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
}
.mainContents a.external::after,
.mainContents .arrowLink li a.external::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	margin-right:.5em;
	padding-right:0;
	width:.9em;
	height:.8em;
	background:url(/common/images/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
.mainContents .articleTit a.external::after{
	content:none;
}

/* 持続可能な…自主行動宣言リンク */
.mainContents .arrowLink li{
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
.pm_sp {
	display: none;
}

@media screen and (max-width:767px) {
	.pm_pc {
		display: none!important;
	}
	.pm_sp {
		clear: both;
	}
	.pm_sp {
		display: inline-block;
	}
}

/** .leadTextLink **/
.mainContents .leadTextLink{
	font-size:120%;
	text-align:center;
}
.mainContents .leadTextLink a{
	color:#333;
}

/** .readMore **/
.mainContents .readMore{
	font-size:120%;
	text-align:center;
	color:#333;
}
.mainContents .readMore a{
	color:#333;
}
.mainContents .readMore span:hover{
	cursor:pointer;
	text-decoration:underline;
}
.mainContents .readMore a::after,
.mainContents .readMore span::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.5em;
	width:.77em;
	height:.44em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-down-red.png) no-repeat 50% 50%;
	-webkit-background-size:.77em .44em;
	background-size:.77em .44em;
}

/** .buttonArea **/
.buttonArea{
	margin:1.3em 0 0;
	overflow:hidden;
}
.buttonArea:last-child{
	margin:1.3em 0;
}
.buttonArea + .buttonArea{
	margin-top:10px;
}
.buttonArea ul{
	display:inline-block;
	margin-top:0;
	margin-bottom:-10px;
	letter-spacing: -.4em;
}
.buttonArea ul li{
	display:inline-block;
	margin-right:18px;
	margin-bottom:10px!important;
	letter-spacing: normal;
	vertical-align: bottom;
}
@media screen and (max-width:767px){
	.buttonArea ul li{
		margin-right: 0;
	}
}
.buttonArea.halfWidth ul{
	width:100%;
}
.buttonArea.halfWidth ul li{
	display:block!important;
	margin-right:0!important;
}
.buttonArea.halfWidth ul li a{
	display:block;
	width:100%!important;
}
.buttonArea ul li:last-child{
	margin-right:0;
}
.buttonArea ul li .likeLink,
.buttonArea ul li input,
.buttonArea ul li button,
.buttonArea ul li a{
	cursor:pointer;
	display:inline-block;
	text-align:center;
	padding:.8em 2.2em;
	color:#fff;
	font-weight:bold;
	letter-spacing:.1em;
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#e60012 url(/common/images/2017/icon_link_arrow-white.png) no-repeat 94% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
	vertical-align:top;
	line-height:1.6;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.buttonArea ul li a.white{
	background:#fff url(/common/images/2017/icon_link_arrow-red.png) no-repeat 95% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
	color:#333;
	border:2px solid #e60012;
}
.buttonArea ul li a.white.pcIcon{
	position:relative;
	padding:.8em 3em .8em 4em;
}
.buttonArea ul li a.white.pcIcon .btnIn::before{
	position:absolute;
	left:10px;
	top:50%;
	margin:-20px 0 0 0;
	content:"";
	display:inline-block;
	padding-right:0;
	width:54px;
	height:38px;
	background:url(/common/images/2017/icon_pc.png) no-repeat 50% 50%;
	-webkit-background-size:54px 38px;
	background-size:54px 38px;
}
.buttonArea ul li a.packageDetail,
.buttonArea.mini ul li a.packageDetail{
	padding:0 15px 0 34px;
	background:#fff url(/common/images/2017/icon_search-red.png) no-repeat 12px 50%;
}
.buttonArea ul li a.packageDetail:hover,
.buttonArea.mini ul li a.packageDetail:hover{
	background:#e60012 url(/common/images/2017/icon_search-white.png) no-repeat 12px 50%;
}
.buttonArea ul li a.allergy,
.buttonArea.mini ul li a.allergy{
	padding:0 15px 0 34px;
	background:#fff url(/common/images/2017/icon_allergy-red.png) no-repeat 12px 50%;
}
.buttonArea ul li a.allergy:hover,
.buttonArea.mini ul li a.allergy:hover{
	background:#e60012 url(/common/images/2017/icon_allergy-white.png) no-repeat 12px 50%;
}
.buttonArea ul li a.arrowbutton,
.buttonArea.mini ul li a.arrowbutton{
	text-align: left;
	padding:0 30px 0 15px;
	background:#fff url(https://housefoods.jp/common/images/2017/icon_link_box-arrow-red.png) no-repeat 95% 50%;
}
.buttonArea ul li a.arrowbutton:hover,
.buttonArea.mini ul li a.arrowbutton:hover{
	background:#e60012 url(https://housefoods.jp/common/images/2017/icon_link_box-arrow-red.png) no-repeat 95% 50%;
}
@media screen and (max-width:767px){
	.buttonArea.halfWidth ul li a.packageDetail,
	.buttonArea.mini.halfWidth ul li a.packageDetail{
		padding:0 0 0 30px;
	}
	.buttonArea.halfWidth ul li a.allergy,
	.buttonArea.mini.halfWidth ul li a.allergy{
		padding:0 0 0 30px;
	}
	.buttonArea.halfWidth ul li a.arrowbutton,
	.buttonArea.mini.halfWidth ul li a.arrowbutton{
		padding:0 0 0 30px;
	}
}

.syokuzai + .mainContents .buttonArea p.red{
	font-size: 20px;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	letter-spacing:.1em;
	border:0;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	background:#e60012 url(/common/images/2017/icon_link_arrow-white.png) no-repeat 94% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
	vertical-align:top;
	line-height:1.6;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: middle;
	position: relative;
}
.syokuzai + .mainContents .buttonArea p.red::before{
	position: absolute;
	left:19px;
	top:50%;
	margin-top: -22px;
	content: "";
	display: inline-block;
	background:#e60012 url(/common/images/2017/icon_recipe_syokuzai.png) no-repeat left 50%;
	-webkit-background-size:45px 38px;
	background-size:45px 38px;
	width: 45px;
	height: 38px;
	vertical-align: middle;
}
.syokuzai + .mainContents .buttonArea p.red a{
	color:#fff;
	display: inline-block;
	padding:.8em 3em .8em 4em;
}
.syokuzai + .mainContents .buttonArea p.red a:hover{
	text-decoration: none;
}
.syokuzai + .mainContents .buttonArea p.red:hover{
	opacity: .5;
}
@media screen and (max-width:767px){
	.syokuzai + .mainContents .buttonArea p.red{
		font-size: 16px;
	}
	.syokuzai + .mainContents .buttonArea p.red a{
		padding: .6em 2em .6em 4em;
	}
	.syokuzai + .mainContents .buttonArea p.red::before{
		-webkit-background-size:35px 30px;
		background-size:35px 30px;
		width: 35px;
		height: 30px;
		vertical-align: middle;
		margin-top: -17px;
	}
}
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li .likeLink,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li input,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li button,
.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea ul li a{
	margin-bottom:0;
}
.buttonArea ul li input[type^=radio]{
	display:none;
}
.buttonArea ul li input,
.buttonArea ul li button{
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic',メイリオ,Meiryo,sans-seri;
}
.buttonArea ul li .likeLink:hover,
.buttonArea ul li .likeLink:active,
.buttonArea ul li a:hover,
.buttonArea ul li a:active,
.buttonArea ul li input:hover,
.buttonArea ul li button:hover{
	text-decoration:none;
	opacity:.6;
	filter:alpha(opacity=60);
}
.buttonArea ul li a.disable{
	background-color:#d5d5d5;
}
.buttonArea ul li a.disable:hover,
.buttonArea ul li a.disable:active{
	opacity:1;
	filter:alpha(opacity=100);
}
.buttonArea ul li .likeLink.readmore,
.buttonArea ul li a.readmore{
	padding:.8em 2.8em .8em 1.6em;
	background:#e60012 url(/common/images/2017/icon_link_arrow-down-white.png) no-repeat 91% 50%;
	-webkit-background-size:.8em .5em;
	background-size:.8em .5em;
}
.buttonArea ul li a.download{
	background:#e60012 url(/common/images/2017/icon_link_arrow-dl-white.png) no-repeat 91% 50%;
	-webkit-background-size:.8em 1em;
	background-size:.8em 1em;
}
.buttonArea ul li a.prev,
.buttonArea ul li input.prev{
	background:#a0a0a0 url(/common/images/2017/icon_link_arrow-white-prev.png) no-repeat 5% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
}
.buttonArea ul li a.prev.red,
.buttonArea ul li input.prev.red{
	background:#e60012 url(/common/images/2017/icon_link_arrow-white-prev.png) no-repeat 5% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
}
.buttonArea ul li a.external{
	padding:.8em 2.8em .8em 1.6em;
	background:#e60012 url(/common/images/2017/icon_link_arrow-ex-white.png) no-repeat 91% 50%;
	-webkit-background-size:1em .95em;
	background-size:1em .95em;
}
.buttonArea ul li a.external::after{
	content:normal;
}
.buttonArea ul li .printBtn{
	background:#e60012 url(/common/images/2017/icon_print2-white.png) no-repeat 7% 50%;
}
.buttonArea ul li a.noArrow{
	background:#e60012;
}
.buttonArea ul li input,
.buttonArea ul li button{
	width:18.4em;
}
.buttonArea ul li .btnIn{
	display:table-cell;
	width:14em;
}
@media screen and (min-width:768px){
	.buttonArea ul li .btnIn{
		vertical-align:middle;
	}
}
@media screen and (max-width:767px){
	.buttonArea ul{
		display:block;
	}
	.buttonArea.reverse ul{
		/* 並べ方 */
		display:-webkit-box;
		display:-ms-flexbox;
		display: -webkit-flex;
		display:flex;
		/* 方向 */
		-ms-flex-direction:column-reverse;
		-webkit-flex-direction:column-reverse;
		flex-direction:column-reverse;
		/* 折り返し */
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		/* 位置揃え */
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.buttonArea.reverse ul li{
		margin:0;
	}
	.buttonArea ul li .printBtn{
		display:none;
	}
}
/*** .buttonArea.mini ***/
.buttonArea.mini ul li{
	margin-right:15px;
}
.buttonArea.mini ul li:last-child{
	margin-right:0;
}
.buttonArea.mini ul li .likeLink,
.buttonArea.mini ul li a{
	min-height:28px;
	line-height:28px;
	padding:0 2.3em 0 1.7em;
	color:#333;
	background:#fff url(/common/images/2017/icon_link_arrow-red.png) no-repeat 90% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
	border:2px solid #e60012;
	-webkit-border-radius:5000px;
	-moz-border-radius:5000px;
	border-radius:5000px;
}
.buttonArea.mini ul li .likeLink:hover,
.buttonArea.mini ul li .likeLink:active,
.buttonArea.mini ul li a:hover,
.buttonArea.mini ul li a:active{
	color:#fff;
	background:#e60012 url(/common/images/2017/icon_link_arrow-white.png) no-repeat 90% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
	opacity:1;
	filter:alpha(opacity=100);
}
.buttonArea.mini ul li .likeLink.prev,
.buttonArea.mini ul li a.prev{
	padding:0 1.7em 0 2.3em;
	background:#fff url(/common/images/2017/icon_link_arrow-red-prev.png) no-repeat 10% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
}
.buttonArea.mini ul li .likeLink.prev:hover,
.buttonArea.mini ul li .likeLink.prev:active,
.buttonArea.mini ul li a.prev:hover,
.buttonArea.mini ul li a.prev:active{
	color:#fff;
	background:#e60012 url(/common/images/2017/icon_link_arrow-white-prev.png) no-repeat 10% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
	opacity:1;
	filter:alpha(opacity=100);
}
.buttonArea.mini ul li .likeLink.pageIndicator,
.buttonArea.mini ul li .likeLink.pageIndicator:hover,
.buttonArea.mini ul li .likeLink.pageIndicator:active{
	padding:0;
	color:#333;
	background:none;
	border:0;
	cursor:default;
	border:2px solid transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.buttonArea.mini ul li .likeLink.disable,
.buttonArea.mini ul li .likeLink.disable:hover,
.buttonArea.mini ul li .likeLink.disable:active,
.buttonArea.mini ul li a.disable,
.buttonArea.mini ul li a.disable:hover,
.buttonArea.mini ul li a.disable:active{
	color:#333;
	background:#fff url(/common/images/2017/icon_link_arrow-red-prev.png) no-repeat 10% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
	border:2px solid #d5d5d5;
	cursor:default;
}
.buttonArea.mini ul li .likeLink.next.disable{
	background: #fff url(/common/images/2017/icon_link_arrow-red.png) no-repeat 90% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
}
.buttonArea.mini ul li .btnIn{
	width:auto;
}
@media screen and (min-width:768px){
	.buttonArea.mini ul{
		font-size:93.33%;
	}
}
@media screen and (max-width:767px){
	.buttonArea.mini ul{
		font-size:85.71%;
	}
	.buttonArea.mini ul li{
		float:left;
		display:inline-block;
		width:48%;
		margin-right:2%!important;
	}
	.buttonArea.mini ul li.spWid100{
		width:100%;
	}
	.buttonArea.mini ul li .likeLink,
	.buttonArea.mini ul li a{
		padding:0 6%;
		text-align:left;
	}
	.fullWid .buttonArea.mini ul li .likeLink,
	.fullWid .buttonArea.mini ul li a{
		width:100%;
		padding:0 6%;
		text-align:left;
	}
}
/*** .buttonArea.mini.type2 ***/
.buttonArea.mini.type2 ul li .likeLink,
.buttonArea.mini.type2 ul li a{
	min-height:32px;
	line-height:32px;
	color:#e60012;
	background:#f8f8f8 url(/common/images/2017/icon_link_arrow-red.png) no-repeat 94% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
	border:2px solid #ccc;
}
.buttonArea.mini.type2 ul li .likeLink:hover,
.buttonArea.mini.type2 ul li a:hover{
	color:#fff;
	background:#ccc url(/common/images/2017/icon_link_arrow-white.png) no-repeat 94% 50%;
	-webkit-background-size:.45em .7em;
	background-size:.45em .7em;
}
@media screen and (min-width:768px){
	.mainContents .ttlWithBtn .ttlWithBtnArea .ttlWithBtnAreaIn .buttonArea.mini.type2{
		margin:-2px 0 0 0;
	}
	.buttonArea.mini.type2{
		position:relative;
	}
	.buttonArea.mini.type2.withBorder{
		padding-left:14px;
	}
	.buttonArea.mini.type2.withBorder::before{
		content:'';
		position:absolute;
		left:0;
		top:4px;
		display:block;
		width:2px;
		height:30px;
		background:#e5e5e5;
		margin-right:6px;
	}
}
@media screen and (max-width:767px){
	.buttonArea.mini.type2 ul{
		font-size:114.28%;
	}
	.buttonArea.mini.type2 ul li .likeLink,
	.buttonArea.mini.type2 ul li a{
		min-height:44px;
		line-height:44px;
	}
}

/** .printBtn **/
.printBtn p{
	cursor:pointer;
	display:inline-block;
	text-align:center;
	padding:0 3.5em 0 1.7em;
	margin:0;
	color:#fff;
	font-weight:bold;
	letter-spacing:.1em;
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#fff url(/common/images/2017/icon_print-red.png) no-repeat 94% 50%;
	-webkit-background-size:1.2em 1.2em;
	background-size:1.2em 1.2em;
	vertical-align:top;
	white-space:initial;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height:28px;
	line-height:28px;
	color:#333;
	border:2px solid #e60012;
	-webkit-border-radius:5000px;
	-moz-border-radius:5000px;
	border-radius:5000px;
}
/*** withPrintBtn ***/
.withPrintBtn p{
	margin:0;
}
@media screen and (min-width:768px){
	.withPrintBtn .printBtn{
		float:right;
	}
}
@media screen and (max-width:767px){
	.withPrintBtn .printBtn{
		display:none;
	}
}

/** mapArea **/
.mapArea{
	margin:40px 0 32px;
}
@media screen and (max-width:767px){
	.mapArea{
		margin:32px 0;
	}
}
.mapArea .mapAreaIn{
	height:400px;
	width:100%;
}

/** .listWithDate **/
.mainContents dl.listWithDate{
	position:relative;
	display:inline-block;
	width:100%;
	margin:0;
	padding:15px 0;
	overflow:hidden;
	border-bottom:2px dotted #d9d9d9;
}
.mainContents dl.listWithDate.withLinkIcon a::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-right:.5em;
	width:.5em;
	height:.8em;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.5em .8em;
	background-size:.5em .8em;
}
.mainContents dl.listWithDate dt{
	width:9em;
	font-weight:bold;
	color:#666;
}
.mainContents dl.listWithDate dd{
	overflow:hidden;
	margin:0;
}
.mainContents dl.listWithDate dd.icon{
	display:inline-block;
	width:58px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
}
.mainContents dl.listWithDate dd.icon.products{
	background:url(/common/images/2017/icon_news_products.png) no-repeat 0 0;
	-webkit-background-size:58px 21px;
	background-size:58px 21px;
}
.mainContents dl.listWithDate dd.icon.recipe{
	background:url(/common/images/2017/icon_news_recipe.png) no-repeat 0 0;
	-webkit-background-size:58px 21px;
	background-size:58px 21px;
}
.mainContents dl.listWithDate dd.icon.cm{
	background:url(/common/images/2017/icon_news_cm.png) no-repeat 0 0;
	-webkit-background-size:58px 21px;
	background-size:58px 21px;
}
.mainContents dl.listWithDate dd.icon.know{
	background:url(/common/images/2017/icon_news_know.png) no-repeat 0 0;
	-webkit-background-size:58px 21px;
	background-size:58px 21px;
}
.mainContents dl.listWithDate dd.icon.etc{
	background:url(/common/images/2017/icon_news_etc.png) no-repeat 0 0;
	-webkit-background-size:58px 21px;
	background-size:58px 21px;
}
.mainContents dl.listWithDate dd .new::after{
	display:inline-block;
	content:'[NEW]';
	margin-left:8px;
	color:#e60012;
}
.mainContents dl.listWithDate dd a{
	color:#333;
}
@media screen and (min-width:768px){
	.mainContents dl.listWithDate dt{
		float:left;
	}
	.mainContents dl.listWithDate dd{
		float:left;
		padding-left:1em;
	}
	.mainContents dl.listWithDate dd.location{
		display:inline-block;
		width:9em;
	}
	.mainContents dl.listWithDate dd.dates::after{
		display:inline-block;
		content:'|';
		margin-left:1em;
	}
	.mainContents dl.listWithDate dd.dates:last-child::after{
		content:normal;
	}
}
@media screen and (max-width:767px){
	.mainContents dl.listWithDate dt{
		width:auto;
	}
	.mainContents dl.listWithDate dt{
		float:left;
	}
	.mainContents dl.listWithDate dd{
		float:left;
		display:block;
		width:100%;
		margin-top:.5em;
	}
	.mainContents dl.listWithDate dd.icon{
		margin-top:0;
		margin-left:10px;
	}
}

/** .topNewsArea **/
.mainContents .topNewsArea{
	margin:1.5em auto;
}
.mainContents .topNewsArea + .mainContentsIn{
	margin:2em auto;
}
.mainContents .topNewsArea dl{
	width:100%;
	padding:0;
	overflow:hidden;
}
.mainContents .topNewsArea dl dt{
	width:7em;
	font-size:1.33em;
	font-weight:bold;
	color:#e60012;
}
.mainContents .topNewsArea dl dt::before{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-right:.67em;
	vertical-align:top;
	background:#e60012 url(/common/images/2017/icon_attention.png) no-repeat 50% 50%;
	-webkit-background-size:.25em 1em;
	background-size:.25em 1em;
	-webkit-border-radius:5000px;
	-moz-border-radius:5000px;
	border-radius:5000px;
}
.mainContents .topNewsArea dl dd{
	overflow:hidden;
	margin:4px 0 0;
}
.mainContents .topNewsArea dl dd .arrowLink li a::before{
	content:none;
}
@media screen and (min-width:768px){
	.mainContents .topNewsArea dl dt{
		float:left;
	}
}
@media screen and (max-width:767px){
	.mainContents .topNewsArea dl{
		display:table;
	}
	.mainContents .topNewsArea dl dt{
		display:table-cell;
		vertical-align:middle;
	}
	.mainContents .topNewsArea dl dt{
		display:table-cell;
		vertical-align:middle;
	}
}

/** table **/
.mainContents .tableWrap{
	margin:0 0 30px;
	width:100%;
	overflow:hidden;
}
.mainContents .tableWrap table{
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}

/*** .type1 ***/
.mainContents .tableWrap.type1 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type1.simple table{
	border:none;
}
.mainContents .tableWrap.type1 table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
}
.mainContents .tableWrap.type1.simple table th{
	border:none;
	background:transparent;
}
.mainContents .tableWrap.type1 table th:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type1 table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	vertical-align:top;
}
.mainContents .tableWrap.type1.simple table td{
	border:none;
}
.mainContents .tableWrap.type1 table td:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type1 table th span,
.mainContents .tableWrap.type1 table td span,
.mainContents .tableWrap.type1 table th div,
.mainContents .tableWrap.type1 table td div{
	display:inline-block;
	padding:15px;
}
.mainContents .tableWrap.type1 table th span.rs_skip,
.mainContents .tableWrap.type1 table td span.rs_skip,
.mainContents .tableWrap.type1 table th span.ISI_MESSAGE,
.mainContents .tableWrap.type1 table td span.ISI_MESSAGE{
	display:inline;
	padding:0;
}
.mainContents .tableWrap.type1 table th span span,
.mainContents .tableWrap.type1 table td span span{
	display:inline-block;
	padding:0;
}
.mainContents .tableWrap.type1 table table{
	border:0;
}
.mainContents .tableWrap.type1 table table th,
.mainContents .tableWrap.type1 table table td{
	border:0;
	padding:0;
}
.mainContents .tableWrap.type1 table table tr td:first-of-type{
	border-right:1px dotted #e2e2e2;
}
@media screen and (max-width:767px){
	.mainContents .tableWrap.type1 table th,
	.mainContents .tableWrap.type1 table td{
		display:block;
		width:100%;
		border-right:0;
		border-left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .tableWrap.type1 table th span,
	.mainContents .tableWrap.type1 table td span{
		padding:12px;
	}
}
/*** .type2 ***/
.mainContents .tableWrap.type2 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type2 table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
}
.mainContents .tableWrap.type2 table th:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type2 table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	text-align:center;
	vertical-align:top;
}
.mainContents .tableWrap.type2 table td:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type2 table th span,
.mainContents .tableWrap.type2 table td span{
	display:inline-block;
	padding:15px;
}
@media screen and (max-width:767px){
	.mainContents .tableWrap.type2 table th,
	.mainContents .tableWrap.type2 table td{
		text-align:left;
	}
	.mainContents .tableWrap.type2 table + table tr:first-child th,
	.mainContents .tableWrap.type2 table + table tr:first-child td{
		border-top:0;
	}
	.mainContents .tableWrap.type2 table th span,
	.mainContents .tableWrap.type2 table td span{
		padding:12px;
	}
}
/*** .type3 ***/
.mainContents .tableWrap.type3 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type3 table th,
.mainContents .tableWrap.type3 table td{
	white-space:nowrap;
}

.mainContents .tableWrap.type3 table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
}
.mainContents .tableWrap.type3 table th:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type3 table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	vertical-align:top;
}
.mainContents .tableWrap.type3 table th span,
.mainContents .tableWrap.type3 table td span{
	display:inline-block;
	padding:15px;
}
.mainContents .tableWrap.type3 table table{
	border:0;
}
.mainContents .tableWrap.type3 table table th,
.mainContents .tableWrap.type3 table table td{
	border:0;
	padding:0;
}
.mainContents .tableWrap.type3 table table tr td:first-of-type{
	border-right:1px dotted #e2e2e2;
}
@media screen and (max-width:767px){
	.mainContents .tableWrap.type3 table{
		border-left:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
	}
	.mainContents .tableWrap.type3 table th span,
	.mainContents .tableWrap.type3 table td span{
		padding:12px;
	}
}

/*** .type4 ***/
.mainContents .tableWrap.type4 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type4 table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
}
.mainContents .tableWrap.type4 table th:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type4 table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	vertical-align:top;
}
.mainContents .tableWrap.type4 table td:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type4 table th span,
.mainContents .tableWrap.type4 table td span{
	display:inline-block;
	padding:15px;
}
@media screen and (max-width:767px){
	.mainContents .tableWrap.type4 table{
		border-left:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
	}
	.mainContents .tableWrap.type4 table th span,
	.mainContents .tableWrap.type4 table td span{
		padding:12px;
	}
}
/*** .type5 ***/
.mainContents .tableWrap.type5 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type5 table th{
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	padding:15px;
	width:160px;
}
.mainContents .tableWrap.type5 table td{
	border-top:1px solid #e2e2e2;
	vertical-align:top;
	padding:15px 0 15px 0;
}
.mainContents .tableWrap.type5 table th span,
.mainContents .tableWrap.type5 table td span{
	display:block;
}
.mainContents .tableWrap.type5 table td .tableLine{
	border-left:2px solid #e60012;
	padding-left:30px;
}
.mainContents .tableWrap.type5 table td .tableLine + .tableLine{
	padding-top:15px;
}
.mainContents .tableWrap.type5 table a.internal::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.5em;
	width:.4em;
	height:.6em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.4em .6em;
	background-size:.4em .6em;
}
.mainContents .tableWrap.type5 table a.external::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.4em;
	width:.8em;
	height:.7em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.8em .7em;
	background-size:.8em .7em;
}
.mainContents .tableWrap.type5 table .telNo{
	margin-top:.7em;
}
.mainContents .tableWrap.type5 table dl{
	display:inline-block;
}
.mainContents .tableWrap.type5 table dl dt{
	display:inline-block;
	clear:left;
	float:left;
	width:265px;
}
.mainContents .tableWrap.type5 table dl dd{
	margin-left:300px;
}
.mainContents .tableWrap.type5 table td .tableLine a.internal,
.mainContents .tableWrap.type5 table td .tableLine a.external{
	color:#333;
}
@media screen and (max-width:767px){
	.mainContents .tableWrap.type5 table{
		border-bottom:1px solid #e2e2e2;
	}
	.mainContents .tableWrap.type5 table th{
		padding:15px 10px;
		width:100px;
	}
	.mainContents .tableWrap.type5 table td{
		padding:15px 0 15px 0;
	}
	.mainContents .tableWrap.type5 table td .tableLine{
		padding-left:15px;
	}
	.mainContents .tableWrap.type5 table td .tableLine .buttonArea.mini ul li{
		 width:100%;
		 text-align:left;
	}
	.mainContents .tableWrap.type5 table td .tableLine .buttonArea.mini ul li a{
		text-align:center;
		width:auto;
	}
	.mainContents .tableWrap.type5 table .btnIn{
		line-height:1.8;
	}
	.mainContents .tableWrap.type5 table dl{
	}
	.mainContents .tableWrap.type5 table dl dt{
		display:block;
		clear:none;
		float:none;
		width:auto;
	}
	.mainContents .tableWrap.type5 table dl dd{
		display:block;
		margin-left:1em;
	}
	.mainContents .tableWrap.type5 table dl dd::before{
		content:"\30fb";
		display:inline-block;
		width:1em;
		margin-left:-1em;
	}
	.mainContents .tableWrap.type5 img{
		width:auto;
	}
}
/*** .type6 ***/
.mainContents .tableWrap.type6 table{
	width:100%;
	border-bottom:1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
}
.mainContents .tableWrap.type6 table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
}
.mainContents .tableWrap.type6 table th:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type6 table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	vertical-align:middle;
}
.mainContents .tableWrap.type6 table td:first-of-type{
	border-left:0;
}
.mainContents .tableWrap.type6 table .oneLine{
	word-break:break-all;
}
.mainContents .tableWrap.type6 table th span,
.mainContents .tableWrap.type6 table td span{
	display:inline-block;
	padding:5px 2px;
}
.mainContents .tableWrap.type6 table a{
	font-size:14px;
	font-weight:normal;
	line-height:1.2;
	color:#333;
}
.mainContents .tableWrap.type6 table a.internal::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.5em;
	width:.4em;
	height:.6em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 50% 50%;
	-webkit-background-size:.4em .6em;
	background-size:.4em .6em;
}
.mainContents .tableWrap.type6 table a.external::after{
	content:"";
	display:inline-block;
	margin-top:-.2em;
	margin-left:.4em;
	width:.8em;
	height:.7em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.8em .7em;
	background-size:.8em .7em;
}
@media screen and (min-width:768px){
	.mainContents .tableWrap.type6 table th:first-of-type{
		border-right:1px solid #e2e2e2;
	}
}

/*** .formTable ***/
.formTable{
	margin:0 0 60px;
}
.formTable .buttonArea{
	margin:0;
}
.formTable .buttonArea ul{
	margin:0;
}
.formTable .buttonArea ul li a.noArrow{
	width:auto;
	margin:0;
	padding:10px 10px;
}
.formTable input{
	border:1px solid #ccc;
	padding:15px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:button;
	appearance:button;
}
/**** mainTbl ****/
.formTable table.mainTbl{
	width:100%;
	margin-bottom:80px;
	border-top:1px dotted #ded7ce;
}
.formTable table.mainTbl th,
.formTable table.mainTbl td{
	border-bottom:1px dotted #ded7ce;
}
.formTable table.mainTbl th{
	position:relative;
	width:31%;
	padding:30px 18px;
	text-align:left;
	vertical-align:top;
}
.formTable table.mainTbl th .require{
	display:inline-block;
	border:1px solid #e60012;
	font-weight:normal;
	line-height:1;
	-webkit-border-radius:5000px;
	-moz-border-radius:5000px;
	border-radius:5000px;
	color:#e60012;
}
.formTable table.mainTbl td{
	width:69%;
	padding:15px;
}
.formTable table.mainTbl td label{
	color:#444;
	margin-right:10px;
}
.formTable table.mainTbl .inputBlock{
	display:block;
}
.formTable table.mainTbl .inputBlock + .inputBlock{
	margin-top:1em;
}
.formTable table.mainTbl .txtBlockElm{
	display:block;
	margin-top:6px;
	padding-left:1em;
	text-indent:-1em;
}
.formTable table.mainTbl .txtBlockElm + .txtBlockElm{
	margin-top:0;
}
@media screen and (min-width:768px){
	.formTable{
		font-size:16px;
	}
	.formTable .buttonArea{
		margin:0 0 0 10px;
	}
	.formTable input[type="text"]{
		min-width:300px;
	}
	.formTable table.mainTbl th .require{
		position:absolute;
		top:25px;
		right:15px;
		padding:9px 15px;
		font-size:93.75%;
	}
	.formTable table.mainTbl td.wideHeight{
		padding:35px 18px;
	}
	.formTable.confirm table.mainTbl td{
		padding:35px 18px;
	}
}
@media screen and (max-width:767px){
	.formTable input{
		padding:11px 10px;
	}
	.formTable input[type="text"]{
		min-width:100%;
	}
	.formTable .buttonArea ul li a.noArrow{
		font-size:78.57%;
	}
	.formTable table.mainTbl th .require{
		margin-left:10px;
		padding:6px 10px;
		font-size:71.42%;
		vertical-align:top;
	}
	.formTable table.mainTbl > tbody > tr > th{
		border-bottom:0;
		padding-bottom:0;
	}
	.formTable table.mainTbl th{
		padding:20px 18px;
	}
	.formTable table.mainTbl > tbody > tr > th,
	.formTable table.mainTbl > tbody > tr > td,
	.formTable table.mainTbl table.subTable.breakRows > tbody > tr > th,
	.formTable table.mainTbl table.subTable.breakRows > tbody > tr > td{
		display:block;
		width:100%;
		padding-right:0;
		padding-left:0;
	}
	.formTable table.mainTbl .spWid60{
		min-width:60% !important;
	}
	.formTable table.mainTbl .spHide{
		display:none!important;
	}
}
/**** .subTable ****/
.formTable table.mainTbl td table.subTable{
	width:100%;
	border-bottom:0;
}
.formTable table.mainTbl td table.subTable th,
.formTable table.mainTbl td table.subTable td{
	width:auto;
	padding:0;
	border-bottom:0;
}
.formTable table.mainTbl td table.subTable tr + tr th,
.formTable table.mainTbl td table.subTable tr + tr td{
	padding:15px 0 0;
}
.formTable table.mainTbl td table.subTable th{
	font-weight:normal;
	vertical-align:middle;
	white-space:nowrap;
	width:4em;
}
.formTable table.mainTbl td table.subTable th label{
	margin-right:0;
}
.formTable table.mainTbl td table.subTable td input{
	width:100%;
}

/** input style **/
/*** radio ***/
.mainContents input[type="radio"]{
	display:none;
}
.mainContents input[type="radio"] + label{
	position:relative;
	cursor:pointer;
	padding-left:1.4em;
}
.mainContents input[type="radio"] + label::before,
.mainContents input[type="radio"] + label::after{
	content:"";
	position:absolute;
	display:block;
}
.mainContents input[type="radio"] + label::before{
	top:50%;
	left:0;
	width:1em;
	height:1em;
	margin-top:-.5em;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:1px solid #ccc;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents input[type="radio"]:checked + label::after{
	top:50%;
	left:.25em;
	width:.5em;
	height:.5em;
	margin-top:-.25em;
	background:#e60012;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.mainContents input[type="radio"]:disabled + label{
	cursor:default;
}
.mainContents input[type="radio"]:disabled + label::before{
	background:#ccc;
}
/**** btnInputArea ****/
.mainContents .btnInputArea .row{
	margin-bottom:-1em;
}
.mainContents .btnInputArea .row .col12,
.mainContents .btnInputArea .row .col11,
.mainContents .btnInputArea .row .col10,
.mainContents .btnInputArea .row .col9,
.mainContents .btnInputArea .row .col8,
.mainContents .btnInputArea .row .col7,
.mainContents .btnInputArea .row .col6,
.mainContents .btnInputArea .row .col5,
.mainContents .btnInputArea .row .col4,
.mainContents .btnInputArea .row .col3,
.mainContents .btnInputArea .row .col2_5,
.mainContents .btnInputArea .row .col2,
.mainContents .btnInputArea .row .col1{
	margin-bottom:1em;
}
.mainContents .btnInputArea .inputLabel{
	display:table;
	width:100%;
	cursor:pointer;
}
.mainContents .btnInputArea .inputLabel.disable{
	cursor:default;
}
.mainContents .btnInputArea .inputLabel .inputLabelIn{
	display:table-cell;
	width:100%;
	padding:15px 10px;
	vertical-align:middle;
	border:2px solid #f0f0f0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .btnInputArea .col4 .inputLabel .inputLabelIn,
.mainContents .btnInputArea .col6 .inputLabel .inputLabelIn{
	padding:25px 10px;
}
.mainContents .btnInputArea .inputLabel.active .inputLabelIn{
	border:2px solid #e60012;
}
.mainContents .btnInputArea .inputLabelIn input[type="radio"] + label{
	display:block;
	line-height:1.2;
	pointer-events:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
/*** checkbox ***/
.mainContents input[type="checkbox"]{
	display:none;
}
.mainContents input[type="checkbox"] + label{
	position:relative;
	cursor:pointer;
	padding-left:1.6em;
}
.mainContents input[type="checkbox"] + label::before,
.mainContents input[type="checkbox"] + label::after{
	content:"";
	position:absolute;
	display:block;
}
.mainContents input[type="checkbox"] + label::before{
	top:50%;
	left:0;
	width:1em;
	height:1em;
	margin-top:-.5em;
	border:1px solid #ccc;
	background:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mainContents input[type="checkbox"]:disabled + label::before{
	background:#ccc;
}
.mainContents input[type="checkbox"]:checked + label::after{
	top:50%;
	left:.0625em;
	z-index:1;
	border-right:.125em solid #e60012;
	border-bottom:.125em solid #e60012;
	margin-top:-.8em;
	margin-left:.33em;
	width:.5em;
	height:1em;
	color:#e60012;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mainContents .btnInputArea .inputLabelIn input[type="checkbox"] + label{
	display:block;
	line-height:1.2;
	pointer-events:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
/*** textarea ***/
.mainContents textarea{
	width:100%;
	min-height:250px;
	padding:15px 10px;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:button;
	appearance:button;
}
@media screen and (max-width:767px){
	.mainContents textarea{
		min-height:180px;
	}
}

/** .dropdown **/
.dropdown{
	position:relative;
	display:inline-block;
	background:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.dropdown:before,
.dropdown:after{
	content:'';
	position:absolute;
	right:1px;
	z-index:2;
	width:2em;
	height:50%;
	background:#fff;
	pointer-events:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.dropdown:before{
	top:1px;
}
.dropdown:after{
	bottom:1px;
}
.dropdown .dropdownIn:before,
.dropdown .dropdownIn:after{
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	width:0;
	z-index:3;
	height:0;
	border:4px dashed;
	border-color:#000 transparent;
	pointer-events:none;
}
.dropdown .dropdownIn:before{
	margin-top:-7px;
	border-bottom-style:solid;
	border-top:none;
}
.dropdown .dropdownIn:after{
	border-top-style:solid;
	border-bottom:none;
}
.dropdown select{
	padding:15px 20px 15px 10px;
	border:none;
	min-width:150px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-appearance:none;
	-webkit-appearance:button;
	appearance:button;
}
.dropdown select:focus{}
select:-moz-focusring{
	color:transparent;
	text-shadow:0 0 0 #000;
}
/** .pluginArea **/
.pluginArea{
	margin-bottom:30px;
	padding:43px 42px;
	background:#f0f0f0;
}
.pluginArea .withImgCol + .withImgCol{
	margin-top:30px;
}
.pluginArea figure{
	margin-bottom:0;
}
.pluginArea p{
	margin:0;
	line-height:1.4;
}
.pluginArea p.explanationText{
	font-size:93.33%;
}
@media screen and (max-width:767px){
	.pluginArea{
		display:none;
	}
}

/** .tellCenterArea **/
.mainContents .tellCenterArea .ttlType2,
.mainContents .tellCenterArea .ttlType3{
	margin-top:0;
	margin-bottom:15px;
}
.mainContents .tellCenterArea dl{
	margin:15px 0 20px;
	font-size:120%;
}
.mainContents .tellCenterArea dl dt{
	font-weight:bold;
}
.mainContents .tellCenterArea dl dd{
	margin:0;
}
.mainContents .tellCenterArea dl dd a{
	font-size:155.55%;
	font-weight:bold;
	color:#000;
}
.mainContents .tellCenterArea dl dd span{
	display:inline-block;
}
/*** .type2 ***/
.mainContents .tellCenterArea.type2 dl dt{
	font-weight:normal;
}
.mainContents .tellCenterArea.type2 dl dd a{
	font-size:240%;
	color:#e60012;
	line-height:1.4;
}
.mainContents .tellCenterArea.type2 dl dd span{
	display:block;
	font-weight:bold;
}
@media screen and (min-width:768px){
	.mainContents .tellCenterArea dl dd a{
		cursor:default;
		pointer-events:none;
	}
}

/** news release **/
.mainContents .withSearch{
	position:relative;
	z-index:1;
}
.mainContents .withSearch .searchForm,
.mainContents .withSearch #searchForm{
	position:absolute;
	right:0;
	top:0;
}
.mainContents .withSearch .searchForm .searchArea,
.mainContents .withSearch #searchForm .searchArea{
	position:relative;
}
.mainContents .withSearch .searchForm .searchBox.long,
.mainContents .withSearch #searchForm .searchBox.long{
	width:340px;
}
.mainContents .withSearch .searchForm .searchImg,
.mainContents .withSearch #searchForm .searchImg{
	border:none;
	padding:6px;
	background:#e60012 url(/common/images/2017/header_search.png) no-repeat center center;
	-webkit-background-size:16px 16px;
	background-size:16px 16px;
	vertical-align:middle;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
@media screen and (min-width:768px){
	.mainContents .withSearch .searchForm,
	.mainContents .withSearch #searchForm{
		top:.6em;
		width:230px;
	}
	.mainContents .withSearch.type2 .searchForm,
	.mainContents .withSearch.type2 #searchForm{
		top:1.1em;
	}
	.mainContents .withSearch .searchForm .searchArea,
	.mainContents .withSearch #searchForm .searchArea{
		margin:0;
	}
}
@media screen and (max-width:767px){
	.mainContents .withSearch .searchForm,
	.mainContents .withSearch #searchForm{
		position:relative;
		left:0;
		width:100%;
		margin-top:-10px;
		margin-bottom:2em;
	}
	.mainContents .withSearch .searchForm .searchArea .searchBox,
	.mainContents .withSearch #searchForm .searchArea .searchBox{
		width:100%;
	}
}

/** houseShokuikuProject **/
.mainContents h1.houseShokuikuProject{
	background:url(/company/shokuiku/images/about-img-02.gif) no-repeat 100% top;
	padding-right:100px;
	padding-bottom:10px;
	-webkit-background-size:94px auto;
	background-size:94px auto;
}

/*** .newsYearNavi ***/
.mainContents .newsYearNavi dl dt{
	position:relative;
	float:left;
}
.mainContents .newsYearNavi dl dt:after{
	position:absolute;
	top:.2em;
	right:-1em;
	content:'';
	display:block;
	width:2px;
	height:1em;
	background:#bbb;
}
.mainContents .newsYearNavi dl dd .yearListBtn{
	cursor:pointer;
}
.mainContents .newsYearNavi dl dd .yearListBtn::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-bottom:0.15em;
	width:.6em;
	height:.4em;
	background:url(/common/images/2017/icon_link_arrow-down-red.png) no-repeat 50% 50%;
	-webkit-background-size:.6em .4em;
	background-size:.6em .4em;
}
.mainContents .newsYearNavi.active dl dd .yearListBtn::after{
	background:url(/common/images/2017/icon_link_arrow-up-red.png) no-repeat 50% 50%;
	padding-bottom:0.35em;
	-webkit-background-size:.6em .4em;
	background-size:.6em .4em;
}
.mainContents .newsYearNavi dl dd ul.yearList{
	display:none;
}
.mainContents .newsYearNavi dl dd ul.yearList li a{
	color:#444;
}
.mainContents .newsYearNavi dl dd ul.yearList li a.current{
	color:#e60012;
	font-weight:bold;
}
@media screen and (min-width:768px){
	.mainContents .newsYearNavi dl dt{
		font-size:22px;
	}
	.mainContents .newsYearNavi dl dd{
		font-size:15px;
		margin-left:7.5em;
	}
	.mainContents .newsYearNavi dl dd .yearListBtn{
		line-height:2.3em;
	}
	.mainContents .newsYearNavi dl dd ul.yearList{
		font-size:18px;
		margin-left:-20px;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li{
		float:left;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li a{
		position:relative;
		margin:0 20px;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li a::after{
		position:absolute;
		top:1px;
		right:-20px;
		content:'';
		display:block;
		width:1px;
		height:1em;
		background:#bbb;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li:last-child a::after{
		content:none;
	}
}
@media screen and (max-width:767px){
	.mainContents .newsYearNavi dl dt{
		font-size:15px;
	}
	.mainContents .newsYearNavi dl dd{
		font-size:13px;
		margin-left:6.5em;
	}
	.mainContents .newsYearNavi dl dd .yearListBtn{
		line-height:1.9em;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li{
		margin:10px 0;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li a{
		position:relative;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li:first-child a{
	}
	.mainContents .newsYearNavi dl dd ul.yearList li a::after{
		position:absolute;
		bottom:-8px;
		left:50%;
		content:'';
		display:block;
		width:16px;
		height:1px;
		margin-left:-8px;
		background:#bbb;
	}
	.mainContents .newsYearNavi dl dd ul.yearList li:last-child a::after{
		content:none;
	}
}
/*** .newsNavi ***/
.mainContents .newsNavi{
	border-top:2px solid #e2e2e2;
	border-bottom:2px solid #e2e2e2;
}
.mainContents .newsNaviIn{
	padding:25px 10px;
	text-align:center;
}
.mainContents .newsNavi ul{
	margin:0 auto;
}
.mainContents .newsNavi ul li{
	display:inline-block;
	min-width:2.5em;
	margin:0.5em 0.7em;
	font-weight:bold;
	color:#ccc;
}
.mainContents .newsNavi ul li a{
	color:#000;
}
.mainContents .newsNavi ul li a.current{
	color:#e60012;
}
@media screen and (max-width:767px){
	.mainContents .newsNaviIn{
		padding:15px 0;
		text-align:center;
	}
	.mainContents .newsNavi ul li{
		margin:0.3em;
	}
}
/*** .newsList ***/
.mainContents .newsList{
	margin:3em 0 1em;
	padding-bottom:1.5em;
	display:table;
	width:100%;
	border-bottom:1px dotted #e2e2e2;
	border-collapse:separate;
	border-spacing:10px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .newsList + .newsList{
	margin-top:1.5em;
}
.mainContents .newsList dt{
	display:table-cell;
	width:10em;
	vertical-align:middle;
}
.mainContents .newsList dd{
	display:table-cell;
	width: 130px;
	vertical-align:middle;
	text-align:center;
}
.mainContents .newsList dd img{
	max-width:130px;
	max-height:85px;
}
.mainContents .newsList dd:last-child{
	width:auto;
	text-align:left;
}
.mainContents .newsList a{
	color:#000;
}
.mainContents .newsList a.external::after,
.mainContents .noticeArea a.external::after{
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-left:0;
	width:.9em;
	height:.8em;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
.mainContents .newsList .icon{
	width:100%;
	height:auto;
	max-width:130px;
	border:1px solid #e2e2e2;
}
.mainContents .noRelease{
	font-weight:bold;
	margin:40px 0 80px;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate {
	border-top: 1px solid #e2e2e2;
	border-bottom: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate:last-child {
	border-bottom: 1px solid #e2e2e2;
}

.mainContents .noticeArea.notice {
	margin-top: 24px;
}

.mainContents .noticeArea.hp-top-news-list.notice::before {
	display: none;
}

.mainContents .noticeArea.hp-top-news-list {
	position: relative;
	margin-top: 10px;
}

.mainContents .noticeArea.hp-top-news-list.is-hiden::before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 56px;
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,1) 100%);
	z-index: 10;
}

.mainContents .noticeArea.notice .listWithDate dt {
	width: 126px;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate dt {
	font-size: 14px;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon {
	font-size: 10px;
	border-radius: 4px;
	width: 68px;
	height: 18px;
	margin-left: 16px;
	padding-left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-weight: bold;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate dd {
	font-size: 16px;
}

@media screen and (min-width: 768px) {
	.mainContents .noticeArea.hp-top-news-list .listWithDate dd {
		width: calc(100% - 126px);
		box-sizing: border-box;
	}
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon.cm {
	border: 1px solid #5FC45E;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon.recipe {
	border: 1px solid #F3CD4E;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon.products {
	border: 1px solid #e60012;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon.know {
	border: 1px solid #ff7e00;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon.etc {
	border: 1px solid #4260d0;
}

@media screen and (min-width: 768px) {
	.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon + dd {
		width: calc(100% - 230px);
	}
}

.mainContents .noticeArea.hp-top-news-list .newsList .icon{
	border:1px solid #e2e2e2;
}

.mainContents .noticeArea.hp-top-news-list .notice {
	color: #fff;
	font-size: 14px;
	background: #e60012;
	border-radius: 3px;
	min-width: 126px;
	min-height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.mainContents .hp-top-news--button {
	margin: 16px 0 32px;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate .external::after {
	position: relative;
	top: 3px;
	width: 18px;
	height: 18px;
    background: url(/form/common/images/icon_blank_red.svg) no-repeat center / 100% auto;
}


.mainContents .noticeArea.hp-top-news-list .listWithDate dd.bold {
	font-weight: bold;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate dd a[target="_blank"] {
	position: relative;
	padding-right: 10px;
}

.mainContents .noticeArea.hp-top-news-list .listWithDate dd a[target="_blank"]::after {
    display: inline-block;
    position: relative;
    content: '';
    width: 18px;
    height: 18px;
    top: 0.2em;
    right: -8px;
    background: url(/form/common/images/icon_blank_red.svg) no-repeat center center / contain;
}

@media screen and (max-width:767px){
	.mainContents .newsList,
	.mainContents .newsList dt,
	.mainContents .newsList dd{
		display:block;
		margin-left:0;
		margin-right:0;
		text-align:left;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .newsList dt{
		width:100%;
		margin-bottom:1em;
	}
	.mainContents .newsList dd{
		float:left;
		text-align:center;
		width:30%;
		padding-right:2%;
	}
	.mainContents .newsList dd:last-child{
		float:right;
		text-align:left;
		width:68%;
		padding-right:0;
	}
	.mainContents .newsList dd img{
		max-width:100%;
}
	.mainContents .newsList::before,
	.mainContents .newsList::after{
		content:" ";
		display:table;
	}
	.mainContents .newsList::after{
		clear:both;
	}
	.mainContents .newsList{
		*zoom:1;
	}

	.mainContents .noticeArea.hp-top-news-list .listWithDate dt {
		font-size: 12px;
	}

	.mainContents .noticeArea.hp-top-news-list .listWithDate .hp-top-news-icon {
		margin-top: 0;
	}

	.mainContents .noticeArea.hp-top-news-list .listWithDate dd {
		font-size: 14px;
	}

	.mainContents .noticeArea.notice .listWithDate dt {
		width: 118px;
	}

	.mainContents .noticeArea.hp-top-news-list .notice {
		min-width: 118px;
		min-height: 34px;
	}

	.mainContents .hp-top-link-wrap {
		display: block;
	}

	.mainContents .hp-top-link-wrap li {
		width: auto;
		margin-left: 0!important;
	}
}
/*** .newsDetail ***/
.mainContents.newsDetail h1{
}
.mainContents.newsDetail h2{
	padding:18px 0;
	font-size:160%;
	border-top:1px solid #e2e2e2;
	letter-spacing:.1em;
}
.mainContents.newsDetail h3{
	padding:2px .8em;
	margin-bottom:1.2em;
	font-size:133.33%;
	background:#ededed;
	letter-spacing:.1em;
}
.mainContents.newsDetail h4{
	margin:.8em 0;
	font-size:120%;
}
.mainContents.newsDetail ol{
	padding-left:0;
	list-style-type:decimal;
}
.mainContents.newsDetail ol > li{
	margin:0 0 0 1.5em;
	text-indent:0;
}
.mainContents.newsDetail p{
	margin-bottom:2em;
}
.mainContents.newsDetail p.breadcrumbs{
	margin-bottom:-60px;
}
.mainContents.newsDetail h1 + p{
	font-weight:bold;
}
.mainContents.newsDetail p.date{
	margin-bottom:1em;
}
.mainContents.newsDetail ul,
.mainContents.newsDetail ol{
	margin-bottom:3em;
}
.mainContents.newsDetail ul li ,
.mainContents.newsDetail ol li{
	margin-top:1em;
	margin-bottom:1em;
}
/**** table ****/
.mainContents.newsDetail .spTable{
	margin-bottom:1.5em;
	padding-bottom:1.5em;
}
.mainContents.newsDetail table{
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
	width:100%;
	border-bottom:1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	line-height:1.7;
	background:#fff;
	position:relative;
}
.mainContents.newsDetail table th{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	font-weight:bold;
	background:#f6f6f6;
	padding:15px;
	word-break:keep-all;
}
/* .mainContents.newsDetail table th:first-of-type{
	border-left:0;
} */
.mainContents.newsDetail table td{
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	text-align:center;
	vertical-align:top;
	padding:15px;
	word-break:keep-all;
}
/* .mainContents.newsDetail table td:first-of-type{
	border-left:0;
} */
.mainContents.newsDetail table th span,
.mainContents.newsDetail table td span{
	display:inline-block;
	padding:15px;
}
.mainContents.newsDetail .productsImage{
	margin-bottom:2em;
}
.mainContents.newsDetail .news_column1 dt{
	padding:0 20px;
}
.mainContents.newsDetail .news_column1 dd,
.mainContents.newsDetail .news_column2 dd,
.mainContents.newsDetail .news_column3 dd{
	margin:1em 0 0 0;
}
.mainContents.newsDetail .news_column2,
.mainContents.newsDetail .news_column3{
	display:table;
	border-collapse:separate;
	border-spacing:20px 0;
}
.mainContents.newsDetail .news_column2 .productsImage,
.mainContents.newsDetail .news_column3 .productsImage{
	display:table-cell;
}
.mainContents.newsDetail .news_column1 img,
.mainContents.newsDetail .news_column2 img,
.mainContents.newsDetail .news_column3 img{
	width:100%;
	height:auto;
}
.mainContents.newsDetail .news_column1 img{
	max-width:400px;
}
.mainContents.newsDetail .news_column2 img{
	max-width:330px;
}
.mainContents.newsDetail .news_column3 img{
	max-width:213px;
}
.mainContents.newsDetail .newsTop{
	display:none;
}
.mainContents.newsDetail .readbox{
	position:relative;
	height:40px;
	top:0;
}
.mainContents.newsDetail #readlinktxt{
	position:absolute;
	top:0;
	left:144px;
	z-index:2;
	margin:5px 0 0 5px;
}
@media screen and (max-width:767px){
	.mainContents.newsDetail .mainContentsIn:first-child{
		margin:2em auto;
	}
	.mainContents.newsDetail h1{
		font-size:135.71%;
	}
	.mainContents.newsDetail h2{
		font-size:128.57%;
		padding:18px 0 10px;
	}
	.mainContents.newsDetail h3{
		font-size:114.29%;
	}
	.mainContents.newsDetail h4{
		font-size:107.14%;
	}
	.mainContents.newsDetail table th,
	.mainContents.newsDetail table td{
		text-align:left;
	}
	.mainContents.newsDetail table + table tr:first-child th,
	.mainContents.newsDetail table + table tr:first-child td{
		border-top:0;
	}
	.mainContents.newsDetail table th span,
	.mainContents.newsDetail table td span{
		padding:12px;
	}
	.mainContents.newsDetail .news_column1 dt,
	.mainContents.newsDetail .news_column2 dt,
	.mainContents.newsDetail .news_column3 dt,
	.mainContents.newsDetail .news_column1 dd,
	.mainContents.newsDetail .news_column2 dd,
	.mainContents.newsDetail .news_column3 dd{
		text-align:center;
	}
	.mainContents.newsDetail .news_column1 dt{
		padding:0 10px;
	}
	.mainContents.newsDetail .news_column2,
	.mainContents.newsDetail .news_column3{
		border-spacing:10px 0;
	}
	.mainContents.newsDetail .readbox{
		display:none;
	}
}
/*** news image modal ***/
#mainContents .modal-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 9999999;
}
#mainContents .modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}
#mainContents .modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
}
#mainContents .modal-wrapper::after {
	display: inline-block;
	content: "";
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
}
#mainContents .modal-wrapper .modal-window {
	display: inline-block;
	z-index: 20;
	position: relative;
	vertical-align: middle;
}
#mainContents .modal-wrapper .modal-window img {
	max-width: calc(100vw - 100px);
	max-height: calc(100vh - 100px);
}
#mainContents a.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
}
#mainContents .modal-wrapper a.modal-close {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -40px;
	right: -40px;
	z-index: 20;
}
#mainContents .modal-wrapper a.modal-close::before,
#mainContents .modal-wrapper a.modal-close::after {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	position: absolute;
	top: 18px;
	left:0;
	background: #fff;
}
#mainContents .modal-wrapper a.modal-close::before {
	transform: rotate(-45deg);
}
#mainContents .modal-wrapper a.modal-close::after {
	transform: rotate(45deg);
}
/** .searchResultArea **/
.mainContents .searchResultArea{
	font-size:16px;
}
.mainContents .searchResultArea .searchBoxArea{

}
/** gsc custom **/
.gsc-control-cse,
.gsc-control-cse .gsc-table-result,
form.gsc-search-box,
#gsc-i-id1::-moz-placeholder,
input.gsc-input{
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic',メイリオ,Meiryo,sans-seri;
	font-size:100%!important;
}
.cse .gsc-control-cse,
.gsc-control-cse{
	padding:0!important;
}
form.gsc-search-box{
	margin-bottom:35px;
}
table.gsc-search-box{
	position:relative;
	font-size:100%;
}
table.gsc-search-box td.gsc-input{
	padding:0!important;
	font-size:100%;
}
table.gsc-search-box td.gsc-input input.gsc-input{
	border:1px solid #ccc;
	width:100%;
	padding:19px 69px 19px 22px;
	line-height:30px;
	min-height:30px;
	font-size:16px!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
}
table.gsc-search-box td.gsc-search-button{
	position:absolute;
	right:10px;
	top:10px;
	width:50px;
	height:50px;
}
table.gsc-search-box td.gsc-search-button input.gsc-search-button{
	width:100%;
	min-width:0;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	background:#e60012 url(/common/images/2017/header_search.png) no-repeat center center;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
	vertical-align:middle;
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
table.gsc-search-box .gsc-clear-button{
	display:none;
}
.gsc-above-wrapper-area{
	padding:0!important;
	margin:30px 0;
	border:none!important;
}
.gsc-thumbnail{
	display:block !important;
	min-height:100px;
	width:152px;
	margin-right:20px;
	border:1px solid #e2e2e2;
	padding:0!important;
	background:url(/common/images/2017/search_no_image.png) no-repeat 50% 50%;
	-webkit-background-size:120px 30px;
	background-size:120px 30px;
}
.gs-web-image-box, .gs-promotion-image-box{
	display:table !important;
	max-height:102px;
	width:152px!important;
	padding:0!important;
}
.gs-result a.gs-image{
	height:100px;
	width:100% !important;
	display:table-cell;
	vertical-align:middle;
	border:none;
	background:#fff;
}
.gs-web-image-box img.gs-image{
	max-height:100% !important;
	max-width:100% !important;
	border:none!important;
}
.gs-result .gs-title,
.gs-result .gs-title *{
	text-decoration:none!important;
}
.gsc-control-cse .gs-result .gs-title{
	margin-bottom:.875em;
	height:auto;
}
.gsc-control-cse .gs-result .gs-title a{
	border-bottom:1px solid #e60012;
}
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType{
	font-size:14px;
	margin-bottom:1.14em;
}
.gs-webResult .gs-snippet b,
.gs-imageResult .gs-snippet b{
	font-weight:normal;
}
.gsc-url-bottom{
	font-size:13px;
}
.gsc-url-bottom b{
	font-weight:normal;
}
.gsc-results .gsc-cursor-box{
	text-align:center;
	font-size:13px;
	margin-top:60px;
	margin-bottom:0!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
	color:#333!important;
	display:inline-block!important;
	width:2em;
	height:2em;
	line-height:2em;
	margin-right:10px!important;
	margin-bottom:10px;
	background:#fff!important;
	border:1px solid #888!important;
	text-decoration:none!important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
	color:#fff!important;
	background:#e60012!important;
	border:1px solid #e60012!important;
}
@media screen and (max-width:767px){
	.gsc-control-cse .gs-result .gs-title a{
		font-size:15px;
	}
	.gs-webResult .gs-snippet,
	.gs-imageResult .gs-snippet,
	.gs-fileFormatType{
		font-size:12px;
	}
	.gsc-url-bottom{
		font-size:11px;
	}
	table.gsc-search-box td.gsc-input input.gsc-input{
		padding:4px 40px 4px 5px;
	}
	table.gsc-search-box td.gsc-search-button{
		right:5px;
		top:5px;
		width:30px;
		height:30px;
	}
	table.gsc-search-box td.gsc-search-button input.gsc-search-button{
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
	}
	.gsc-thumbnail{
		min-height:80px;
		width:120px;
		-webkit-background-size:94px 24px;
		background-size:94px 24px;
	}
	.gs-web-image-box, .gs-promotion-image-box{
		max-height:82px;
		width:120px!important;
	}
	.gs-result a.gs-image{
		height:80px;
	}
}

/** .borderBox **/
.mainContents .borderBox{
	padding:15px;
	margin:15px 0;
	border:1px solid #ddd;
}
.mainContents .borderBox *:first-child{
	margin-top:0;
}
.mainContents .borderBox *:last-child{
	margin-bottom:0;
}
.mainContents .borderBox.yellowTheme{
	border:none;
	border:1px solid #ffe28c;
}
.mainContents .borderBox .titArea {
	margin: -1em -1em 1em;
	padding: 10px 0;
	text-align: center;
	background: #e8e8e8;
}
.mainContents .borderBox.yellowTheme .titArea{
	background: #ffe28c;
}
.mainContents .borderBox.thick{
	padding:30px;
}
.mainContents .borderBox.round{
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mainContents .borderBox.hotness{
	border:2px solid #f2eee6;
}
.mainContents .borderBox.red{
	border:3px solid #e60012;
}
.mainContents .borderBox.orange{
	border:2px solid #eb6759;
}
.mainContents .borderBox.bgRed{
	border:none;
	background:#fce5e7;
}
.mainContents .borderBox.bgGray{
	border:none;
	background:#f6f6f6;
}
.mainContents .borderBox .note{
	font-weight:bold;
	color:#e60012;
	font-size:106.66%;
}
.mainContents .borderBox .relation{
	display:table;
	width:100%;
}
.mainContents .borderBox .relation > dt{
	display:table-cell;
	width:50%;
	border-right:1px solid #ddd;
	padding-right:2em;
	vertical-align:middle;
}
.mainContents .borderBox .relation .telIcon span{
	display:inline-block;
	background:url(/common/images/2017/tit_icon_tell.png) no-repeat 0 50%;
	padding-left:34px;
	font-size:20px;
	font-weight:bold;
}
.mainContents .borderBox .relation .pcIcon span{
	display:inline-block;
	background:url(/common/images/2017/tit_icon_pc.png) no-repeat 0 50%;
	padding-left:34px;
	font-size:20px;
	font-weight:bold;
}
.mainContents .borderBox .relation .tel{
	font-size:32px;
	font-weight:bold;
}
.mainContents .borderBox .relation > dt .tellCenterArea dl dd span{
	display:inline;
}
.mainContents .borderBox .relation > dd{
	display:table-cell;
	padding-left:2em;
	margin:0;
}
@media screen and (min-width:768px){
	.mainContents .borderBox .relation .tel{
		pointer-events:none;
	}
}
@media screen and (max-width:767px){
	.mainContents .borderBox{
		padding:10px;
	}
	.mainContents .borderBox .relation dt{
		display:block;
		width:100%;
		border-right:none;
		padding-right:0;
	}
	.mainContents .borderBox .relation.spWithBorder dt{
		border-bottom:1px solid #ddd;
		padding-bottom:1em;
		margin-bottom:1em;
	}
	.mainContents .borderBox .relation dd{
		display:block;
		width:100%;
		padding-left:0;
	}
	.mainContents .borderBox .buttonArea{
		margin:20px 0 0;
	}
	.mainContents .borderBox .relation .tel,
	.mainContents .borderBox .relation .time{
		display:block;
		text-align:center;
	}
	.mainContents .borderBox .relation .telIcon,
	.mainContents .borderBox .relation .pcIcon{
		text-align:center;
	}
}

/** .rss **/
.mainContents .rss{
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px;
	margin-left:18px;
	text-indent:-9999px;
	background:#bababa url(/common/images/2017/icon_rss.png) no-repeat 50% 50%;
	-webkit-background-size:13px 13px;
	background-size:13px 13px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mainContents .rss:after{
	content:none!important;
	display:inline!important;
	margin:0!important;
	height:auto!important;
	width:auto!important;
	background:0!important;
}

@media screen and (min-width:768px){
	.mainContents .rss{
		margin-top:-5px;
	}
}
@media screen and (max-width:767px){
	.mainContents .rss{
		float:right;
	}
}

/** .tabArea **/
.tabArea .tab{
	display:table;
	width:100%;
	table-layout:fixed;
}
.tabArea .tab.cf::before,
.tabArea .tab.cf::after{
	content:normal;
}
.tabArea .tab .tabIn{
	display:table-cell;
	padding:1em 0;
	background:#ededed;
	text-align:center;
	font-size:93.33%;
	cursor:pointer;
}
.tabArea .tab .tabIn.active,
.tabArea .tab .tabIn:hover{
	color:#fff;
	background:#e60012;
}
.tabArea .tabContents{
	display:block;
}
.tabArea .tabContents.hide{
	display:none;
}

/** .tabLink **/
.tabLink .tab{
	display:table;
	width:100%;
	table-layout:fixed;
}
.tabLink .tab.cf::before,
.tabLink .tab.cf::after{
	content:normal;
}
.tabLink .tab .tabIn{
	display:table-cell;
	background:#ededed;
	text-align:center;
	font-size:93.33%;
	cursor:pointer;
	border-left:1px solid #fff;
}
.tabLink .tab .tabIn:first-child{
	border-left:none;
}
.tabLink .tab .tabIn a,
.tabLink .tab .tabIn span{
	display:block;
	padding:1em 0;
	color:#333;
	background:#ededed;
	text-align:center;
	font-size:93.33%;
	text-decoration:none;
}
.tabLink .tab .tabIn.active a,
.tabLink .tab .tabIn a:hover,
.tabLink .tab .tabIn span{
	color:#fff;
	background:#e60012;
	font-weight:bold;
}
.tabLink .tabContents{
	display:block;
}
.tabLink .tabContents.hide{
	display:none;
}

/** .dottedBorder **/
.mainContents .dottedBorder{
	border:none;
	margin:30px 0;
	border-top:2px dotted #d9d9d9;
	background-color:transparent;
}

/** shopping **/
.mainContents .shopping .main{
	margin-bottom:2em;
}
.mainContents .shopping .ttlType2{
	margin-bottom:0;
	padding-bottom:0;
}
.mainContents .shopping .tit{
	font-size:120%;
	font-weight:bold;
}
.mainContents .shopping .arrowLink{
	margin-bottom:2.5em;
}
.mainContents .shopping .arrowLink li{
	border-bottom:2px dotted #ededed;
	margin-bottom:1em;
	padding-bottom:1em;
}
.mainContents .shopping figure a{
	position:relative;
	display:block;
}
.mainContents .shopping figure .external::after{
	position:absolute;
	right:10px;
	bottom:10px;
	content:"";
	display:inline-block;
	margin-right:0;
	padding-left:0;
	width:.9em;
	height:.8em;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
@media screen and (max-width:767px){
	.mainContents .shopping .colSP12 + .colSP12{
		margin-top:3em;
	}
}

/** .floatImg **/
.mainContents .floatImg{
	width:100%;
}
.mainContents .floatImg li{
	display:table-cell;
	vertical-align:bottom;
	padding:0 10px;
}
.mainContents .floatImg.wideMargin li{
	padding:0 15px;
}
.mainContents .floatImg li:first-child{
	padding-left:0;
}
.mainContents .floatImg li:last-child{
	padding-right:0;
}

/** .txtBox **/
.mainContents .txtBox .txtBoxIn{
	float:right;
}
.mainContents .txtBox .txtBoxIn .tit{
	margin-top:0;
	line-height:1.4;
	text-align:right;
}
.mainContents .txtBox .txtBoxIn .txt{
	margin:0;
	font-size: 18px;
	line-height:1.4;
	text-align:right;
}

/** .dubbleBorderBox **/
.mainContents .dubbleBorderBoxArea .borderBox{
	text-align:center;
}
.mainContents .dubbleBorderBoxArea.red .borderBox{
	border:1px solid #e60012;
	padding:4px;
}
.mainContents .dubbleBorderBoxArea.red .borderBox .borderBoxIn{
	border:1px dotted #e60012;
	padding:25px;
}
.mainContents .dubbleBorderBoxArea .borderBox h3{
	position:relative;
	padding-bottom:19px;
	margin:0;
	font-size:133.33%;
	color:#e60012;
}
.mainContents .dubbleBorderBoxArea .borderBox h3::after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:40px;
	margin-left:-20px;
	height:1px;
	background:#e60012;
}
.mainContents .dubbleBorderBoxArea .borderBox h3 + p{
	margin-top:30px;
}
.mainContents .dubbleBorderBoxArea .borderBox p{
	font-size:113.33%;
	margin:0;
}



/** .QATit **/
.mainContents .ttlType1.QATit{
	position: relative;
	padding-left: 45px;
}
.mainContents .ttlType1.QATit::before{
	position: absolute;
	content: "";
	display: block;
	top: 10px;
	left: 5px;
	width: 30px;
	height: 27px;
	background: url(/common/images/2017/icon_qa_q.png) no-repeat 0 0;
	-webkit-background-size: 30px 27px;
	background-size: 30px 27px;
}
/** .QAMain **/
.mainContents .QAMain{
	position: relative;
	padding-left: 45px;
	margin-top: 20px;
}
.mainContents .QAMain span.r_txt{
	color: #e60012;
}
.mainContents .QAMain p.faq_note {
	display: flex;
}
.mainContents .QAMain p.faq_note_type2 {
	display: flex;
}
.mainContents .QAMain p.faq_note::before {
	content: "（＊1）";
	display: block;
	flex: none;
}
.mainContents .QAMain p.faq_note_type2::before {
	content: "（＊2）";
	display: block;
	flex: none;
}

.mainContents .QAMain p.faq_note_type2_1 {
	text-indent: -3.5em;
	padding-left: 3.5em !important;
}

.mainContents .QAMain .link{
	color: #333;
	word-break: break-all;
}
.mainContents .QAMain .link_under{
	text-decoration: underline;
}
.mainContents .QAMain .supplemental_link{
	word-break: break-all;
}

.mainContents .QAMain .faq_table_wrap {
	width: 100%;
}

.mainContents .QAMain .faq_table_wrap table p {
	margin: 0;
}

.mainContents .QAMain .faq_table_wrap table {
	border-collapse: collapse;
}
.mainContents .QAMain .faq_table_wrap .faq_table_th {
	padding: 1em;
}

.mainContents .QAMain .faq_table_wrap table .faq_table_ttl {
	text-align: left;
	margin-bottom: 1em;
}

.mainContents .QAMain .faq_table_wrap td{
	border: 1px solid #000;
	text-align: center;;
	width: 12%;
}
.mainContents .QAMain .faq_table_wrap td .table_or_answer {
	font-size: 5rem;
}
.mainContents .QAMain .faq_table_wrap th{
	border: 1px solid #000;
	width: 12%;
}

.mainContents .QAMain .faq_table_wrap th:first-child{
	width: 40%;
}

.mainContents .QAMain .faq_table_wrap .faq_table_img_wrap{
	display: flex;
	align-items: center;
}

.mainContents .QAMain .faq_table_wrap .faq_table_img_wrap_type2{
	display: flex;
	align-items: center;
	justify-content: center;
}


.mainContents .QAMain .faq_table_wrap .faq_table_img_wrap .faq_table_img_mark{
	padding: 2px;
	border: 2px solid #e60012;
	border-radius: 10%;
	margin-right: .5em;
}

.mainContents .QAMain .faq_table_wrap .faq_table_img_box {
	padding: 1em;
	border: 1px solid #000;
	border-radius: 10%;
}

.mainContents .QAMain .faq_table_wrap .faq_table_img_box p{
	margin: 0;
	margin-bottom: 1em;
}


.mainContents .QAMain .faq_table_wrap .faq_table_img_wrap .faq_table_img_item:not(:first-child){
	margin-left: 1em;
}
.mainContents .QAMain .faq_table_wrap .faq_table_img_wrap_type2 .faq_table_img_item:not(:first-child){
	margin-left: 1em;
}


.mainContents .QAMain .qa_img_wrap{
	display: flex;
	flex-wrap: wrap;
	margin: 48px 0;
}

.mainContents .QAMain .qa_img_wrap img:not(:nth-child(3n)){
	margin-right: 25px;
}
.mainContents .QAMain .qa_img_wrap img{
	margin-bottom: 25px;
}
.mainContents .QAMain .qa_img_wrap figure:not(:nth-child(3n)){
	margin-right: 25px;
}

.mainContents .QAMain .qa_img_wrap figure{
	margin-bottom: 0;
}
.mainContents .QAMain .qa_img_wrap figure img{
	margin-bottom: 0;
	margin-right: 0 !important;
}

.mainContents .QAMain .qa_img_wrap figure figcaption{
	text-align: center;
}

.mainContents .QAMain::before{
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 5px;
	width: 30px;
	height: 27px;
	background: url(/common/images/2017/icon_qa_a.png) no-repeat 0 0;
	-webkit-background-size: 30px 27px;
	background-size: 30px 27px;
}

/** .QAarea **/
.mainContents .QAarea{
	margin-bottom:20px;
}

.mainContents .QAarea .return {
	text-align: right;
}
.mainContents .QAarea .return a{

}
.mainContents .QAarea .QAareaIn{
	margin-bottom:20px;
	border:2px solid #f0f0f0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mainContents .QAarea .QAareaIn:hover{
	border:2px solid #e60012;
}
.mainContents .QAarea .QAareaIn a{
	padding:35px 28px;
	color:#333;
	display: block;
}
.mainContents .QAarea .QAareaIn a::after{
	position:absolute;
	top:50%;
	right:25px;
	content:"";
	display:inline-block;
	margin-top:-1.2em;
	width:.53em;
	height:.86em;
	vertical-align:middle;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat 0 0;
	-webkit-background-size:.53em .86em;
	background-size:.53em .86em;
}
.mainContents .QAarea .QAareaIn a:hover{
	color:#333;
	text-decoration: underline;
}

.mainContents .QAarea .readbox{
	overflow: hidden;
}
.mainContents .QAarea .readbox .rs_skip{
	display: inline-block;
	float: left;
}
.mainContents .QAarea .readbox #readlinktxt{
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
}
/*** QAareaTitSection ***/
.mainContents .QAarea .QAareaIn .QAareaTitSection .QAareaTit{
	position:relative;
	padding-left:30px;
}
.mainContents .QAarea .QAareaIn .QAareaTitSection .QAareaTit::before{
	position:absolute;
	content:"";
	display:block;
}
.mainContents .QAarea .QAareaIn .QAareaTitSection .QAareaTit::before{
	top:3px;
	left:0;
	width:19px;
	height:17px;
	background:url(/common/images/2017/icon_qa_q.png) no-repeat 0 0;
	-webkit-background-size:19px 17px;
	background-size:19px 17px;
}
.mainContents .QAarea .QAareaIn .QAareaTitSection .QAareaTit{
	margin:0;
	font-size:15px;
	font-weight:normal;
}
/*** QAareaAnswerSection ***/
.mainContents .QAarea .QAareaIn .QAareaAnswerSection{
}
.mainContents .QAarea .QAareaIn.close .QAareaAnswerSection{
	display:none;
}
.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer{
	position:relative;
	padding-left:30px;
}
.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer::before{
	position:absolute;
	content:"";
	display:block;
}
.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer::before{
	top:3px;
	left:0;
	width:19px;
	height:17px;
	background:url(/common/images/2017/icon_qa_a.png) no-repeat 0 0;
	-webkit-background-size:19px 17px;
	background-size:19px 17px;
}
.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer p:first-child{
	margin-top:0;
}
.mainContents .QAarea .videoCol{
	position:relative;
	width:50%;
	height:0;
	padding-bottom:32%;
}
.mainContents .QAarea .videoCol .BrightcoveExperience{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:767px){
	.mainContents .QAarea .readbox{
		display: none;
	}
	.mainContents .QAarea .QAareaIn a{
		padding:17px 23px 17px 14px;
	}
	.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer{
		padding-top:30px;
	}
	.mainContents .QAarea .QAareaIn .QAareaAnswerSection .QAareaAnswer::before{
		top:33px;
	}
	.mainContents .QAMain {
		padding-left: 30px;
	}
	.mainContents .QAMain::before{
		top: 3px;
		left: 5px;
		width: 19px;
		height: 17px;
		background: url(/common/images/2017/icon_qa_a.png) no-repeat 0 0;
		-webkit-background-size: 19px 17px;
		background-size: 19px 17px;
	}
	.mainContents .QAarea .QAareaIn a::after{
		right:15px;
	}
	.mainContents .QAMain .qa_img_wrap{
		flex-wrap: wrap;
		justify-content: center;
		margin: 40px 0;
	}
	.mainContents .QAMain .qa_img_wrap figure img{
		width: 100%;
	}
	.mainContents .QAMain .qa_img_wrap figure{
		margin-bottom: 10px;
	}
	.mainContents .QAMain .qa_img_wrap figure:not(:nth-child(3n)){
		margin-right: 0px;
	}
	.mainContents .QAMain .qa_img_wrap figure:not(:nth-child(2n)){
		margin-right: 10px;
	}
	.mainContents .QAMain .qa_img_wrap img{
		width: 45%;
		margin-bottom: 10px;
	}

	.mainContents .QAMain .qa_img_wrap img:not(:nth-child(3n)){
		margin-right: 0px;
	}
	.mainContents .QAMain .qa_img_wrap img:not(:nth-child(2n)){
		margin-right: 10px;
	}

	.mainContents .QAMain .faq_table_wrap {
		overflow: auto;
		white-space: nowrap;
	}
	.mainContents .QAMain .faq_table_wrap .faq_table_img_box {
		padding: .5em;
	}
	.mainContents .QAarea .videoCol{
		width:100%;
		padding-bottom:65%;
	}
}

/** attentionTxt **/
.mainContents .attentionTxt{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.mainContents .attentionTxt:before{
	content:'注';
	color:#ff0000;
	margin-right:.5em;
}

/* important */
/** text-align **/
.mainContents .txtAL{text-align:left!important;}
.mainContents .txtAC{text-align:center!important;}
.mainContents .txtAR{text-align:right!important;}
@media screen and (max-width:767px){
	.mainContents .spTxtAL{
		text-align:left!important;
	}
	.mainContents .spTxtAC{
		text-align:center!important;
	}
	.mainContents .spTxtAR{
		text-align:right!important;
	}
}

/** vertical-align **/
.mainContents .vaT{
	vertical-align:top!important;
}
.mainContents .vaM{
	vertical-align:middle!important;
}
.mainContents .vaB{
	vertical-align:bottom!important;
}

/** .txtNowrap **/
@media screen and (min-width:768px){
	.mainContents .txtNowrap{
		line-height:1;
		display:inline-block;
		word-wrap :break-word;
		overflow-wrap :break-word;
	}
	.mainContents a:hover .txtNowrap{
		text-decoration:underline;
	}
}

/** color **/
.mainContents .txtRed{
	color:#e60012!important;
}

/** font-size **/
@media screen and (min-width:768px){
	.mainContents .fzUp1{
		font-size:120%!important;
	}
}
@media screen and (max-width:767px){
	.mainContents .fzDown1{
		font-size:92.85%!important;
	}
	.mainContents .fzUp1{
		font-size:107.14%!important;
	}
}

/** font-weight **/
.mainContents .fwB{
	font-weight:bold!important;
}
.mainContents .fwN{
	font-weight:normal!important;
}

/** letter-spacing **/
.mainContents .ws1{
	letter-spacing:.1em!important;
}

/** margin **/
.mainContents .mt0{margin-top:0!important;}
.mainContents .mt20{margin-top:20px!important;}
.mainContents .mt30{margin-top:30px!important;}
.mainContents .mt40{margin-top:40px!important;}
.mainContents .mt50{margin-top:50px!important;}
.mainContents .mr0{margin-right:0!important;}
.mainContents .mtL{margin-top:88px!important;}
.mainContents .mtLR{margin-right:.5em!important;margin-left:.5em!important;}
.mainContents .mb0{margin-bottom:0!important;}
.mainContents .mb1em{margin-bottom:1em!important;}
.mainContents .pt0{padding-top:0!important;}
.mainContents .pb30{padding-bottom:30px!important;}

/** width **/
.mainContents .wid2em{width:2em!important;}
.mainContents .wid8em{width:8em!important;}
.mainContents .wid20em{width:20em!important;}
.mainContents .wid10{width:10%!important;}
.mainContents .wid15{width:15%!important;}
.mainContents .wid20{width:20%!important;}
.mainContents .wid25{width:25%!important;}
.mainContents .wid30{width:30%!important;}
.mainContents .wid35{width:35%!important;}
.mainContents .wid40{width:40%!important;}
.mainContents .wid45{width:45%!important;}
.mainContents .wid50{width:50%!important;}
.mainContents .wid55{width:55%!important;}
.mainContents .wid60{width:60%!important;}
.mainContents .wid70{width:70%!important;}
.mainContents .wid75{width:75%!important;}
.mainContents .wid80{width:80%!important;}
.mainContents .wid100{width:100%!important;}
@media screen and (max-width:767px){
	.mainContents .widSP10{width:10%!important;}
	.mainContents .widSP15{width:15%!important;}
	.mainContents .widSP20{width:20%!important;}
	.mainContents .widSP25{width:25%!important;}
	.mainContents .widSP30{width:30%!important;}
	.mainContents .widSP35{width:35%!important;}
	.mainContents .widSP40{width:40%!important;}
	.mainContents .widSP45{width:45%!important;}
	.mainContents .widSP50{width:50%!important;}
	.mainContents .widSP55{width:55%!important;}
	.mainContents .widSP60{width:60%!important;}
	.mainContents .widSP70{width:70%!important;}
	.mainContents .widSP75{width:75%!important;}
	.mainContents .widSP80{width:80%!important;}
	.mainContents .widSP100{width:100%!important;}
	.mainContents .tableWrap table .wid10{width:100%!important;}
	.mainContents .tableWrap table .wid15{width:100%!important;}
	.mainContents .tableWrap table .wid20{width:100%!important;}
	.mainContents .tableWrap table .wid25{width:100%!important;}
	.mainContents .tableWrap table .wid30{width:100%!important;}
	.mainContents .tableWrap table .wid35{width:100%!important;}
	.mainContents .tableWrap table .wid40{width:100%!important;}
	.mainContents .tableWrap table .wid45{width:100%!important;}
	.mainContents .tableWrap table .wid50{width:100%!important;}
	.mainContents .tableWrap table .wid55{width:100%!important;}
	.mainContents .tableWrap table .wid60{width:100%!important;}
	.mainContents .tableWrap table .wid70{width:100%!important;}
	.mainContents .tableWrap table .wid75{width:100%!important;}
	.mainContents .tableWrap table .wid80{width:100%!important;}
	.mainContents .tableWrap table .wid100{width:100%!important;}
	.mainContents .tableWrap.fixed table .wid10{width:10%!important;}
	.mainContents .tableWrap.fixed table .wid15{width:15%!important;}
	.mainContents .tableWrap.fixed table .wid20{width:20%!important;}
	.mainContents .tableWrap.fixed table .wid25{width:25%!important;}
	.mainContents .tableWrap.fixed table .wid30{width:30%!important;}
	.mainContents .tableWrap.fixed table .wid35{width:35%!important;}
	.mainContents .tableWrap.fixed table .wid40{width:40%!important;}
	.mainContents .tableWrap.fixed table .wid45{width:45%!important;}
	.mainContents .tableWrap.fixed table .wid50{width:50%!important;}
	.mainContents .tableWrap.fixed table .wid55{width:55%!important;}
	.mainContents .tableWrap.fixed table .wid60{width:60%!important;}
	.mainContents .tableWrap.fixed table .wid70{width:70%!important;}
	.mainContents .tableWrap.fixed table .wid75{width:75%!important;}
	.mainContents .tableWrap.fixed table .wid80{width:80%!important;}
	.mainContents .tableWrap.fixed table .wid100{width:100%!important;}
}

/** .noDispSp **/
@media screen and (max-width:767px){
	.noDispSp{
		display:none!important;
	}
}

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

@media print{
	#header,
	.localNavi,
	.socialArea,
	.footerArea{
		display:none;
	}
}

/* cmのiframe用
--------------------------*/
.tvcmIframe{
	width:auto;
	height:auto;
	margin-bottom:0;
	border:none;
}
.tvcmIframeWrap{
	position:relative;
	max-width:100%;
	display:block;
	padding-top:56.25%;
	margin-left:auto;
	margin-right:auto;
}
.tvcmIframeWrap .tvcmIframe{
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
	position:absolute;
}
.noscript_fla{
	border:2px solid #D52A2A;
	padding:10px;
	text-align:center;
	background-color:#fff;
	max-width:465px;
	margin-right:auto;
	margin-left:auto;
	box-sizing:border-box;
	line-height:1.3;
	font-size:16px;
}
.disNone{display:none !important;}
@media print{
	.tvcm_print{
		display:none;
	}
}

/*ジャニーズ対応の背景画像*/
.bgPhotoImg{
	background-repeat:no-repeat;
	background-position:left top;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}
.keyvisualArea .keyvisualAreaIn ul li .bgPhotoImg{
	height:0 !important;
	padding-top:40.467%;
}

@media screen and (max-width:767px){
	.keyvisualArea .keyvisualAreaIn ul li .bgPhotoImg{
		height:0 !important;
		padding-top:120%;
	}
}
.cmArea .bgPhoto{
	text-align:left;
}
.mainContents figure .bgPhotoImg{
	width:100%;
	height:0 !important;
	padding-top:40.5%;
}

/* dynamicReadBox */
.dynamicReadBox{
	clear:both;
	display:inline-block;
	margin:15px 0;
}
.dynamicReadBox .dynamicReadBoxBtn{
	float:left;
	margin:0;
}
.dynamicReadBox .dynamicReadBoxTxt{
	float:left;
	margin:0 0 0 15px;
}
.dynamicReadBox .dynamicReadBoxTxt a{
	display:inline-block;
}
.dynamicReadBox .dynamicReadBoxTxt a img{
	vertical-align:middle;
}
@media screen and (max-width:767px){
	.dynamicReadBox{
		display:none;
	}
}
/* TVCM */
.mainContents .row.flex{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.mainContents .row.flex{
}
.mainContents a.thumbs p{
	margin-bottom:.5em;
}
.mainContents a.thumbs p + p{
	margin-top:.5em;
}
.mainContents a.thumbs .performer{
	color:#666;
}
.mainContents a.thumbs{
	display:block;
	color:#333;
}
.mainContents a.thumbs:hover{
	text-decoration:none;
}
.mainContents a.thumbs .title{
	font-weight:bold;
}
.mainContents a.thumbs:hover .title{
	text-decoration:underline;
}
.mainContents a.thumbs figure .bgPhotoImg{
	padding-top:57.5%;
}
.mainContents a.thumbs figcaption{
	min-height:5.5em;
}
.mainContents figure span.external img{
	max-width:inherit;
	width:100%;
}
.mainContents figure span.external{
	position:relative;
	display:block;
}
.mainContents figure span.external::after{
	position:absolute;
	right:10px;
	bottom:10px;
	content:"";
	display:inline-block;
	margin-left:.5em;
	padding-right:0;
	width:.9em;
	height:.8em;
	background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
	-webkit-background-size:.9em .8em;
	background-size:.9em .8em;
}
@media screen and (max-width:767px){
	.mainContents a.thumbs figure figcaption{
		font-size:100%;
	}
}

/** .brand_banner **/
.brand_banner{
	width: 100%;
	max-width: 319px;
}
.brand_banner a{
	color: #000;
}
.brand_banner p {
    margin: 0;
}
.brand_banner a:hover{
	text-decoration: none;
}
@media screen and (max-width: 767px){
  .brand_banner{
    max-width: 298px;
  }
  *::-ms-backdrop, .brand_banner{
    max-width: 392px;
  } /* IE11 */
}


/** .slider.special **/
.mainContents .slider.special a{
	display:block;
	color:#333;
}
.mainContents .slider.special .bx-viewport{
	height:197px!important;
}
.mainContents .slider.special .bx-wrapper{
	position:relative;
	padding:0 3em;
}
.mainContents .slider.special .bx-controls{
	width:100%;
}
.mainContents .slider.special a.bx-prev ,
.mainContents .slider.special a.bx-next{
	position:absolute;
	display:inline-block;
	overflow:hidden;
	width:25px;
}
.mainContents .slider.special a.bx-prev{
	left:0;
	top:35%;
}
.mainContents .slider.special a.bx-next{
	right:0;
	top:35%;
}
.mainContents .slider.special a.bx-prev::before{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	vertical-align:text-top;
	border-top:2px solid #e60012;
	border-right:2px solid #e60012;
	-ms-transform:rotate(-135deg) translate(-6px,0px);
	-webkit-transform:rotate(-135deg) translate(-6px,0px);
	transform:rotate(-135deg) translate(-6px,0px);
}
.mainContents .slider.special a.bx-next:after{
	display:inline-block;
	content:"";
	width:.5em;
	height:.5em;
	vertical-align:text-top;
	border-top:2px solid #e60012;
	border-right:2px solid #e60012;
	-ms-transform:rotate(45deg) translate(6px,0px);
	-webkit-transform:rotate(45deg) translate(6px,0px);
	transform:rotate(45deg) translate(6px,0px);
}

/** sideLeft **/
.mainContents a.thumbs.sideLeft .date{
	margin-top:0;
	color:#666;
}
.mainContents a.thumbs.sideLeft:hover .date{
	text-decoration:none;
}
.mainContents a.thumbs .iconNew::before ,
.mainContents .imgLinkArea .row article .articleTit a .iconNew::before{
	content:"New";
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-right:5px;
	padding-right:0;
	background-color:#e60012;
	color:#fff;
	padding:0 4px;
	font-size:12px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
}
.mainContents a.thumbs.sideLeft figure{
	display:table;
	width:100%;
	text-align:left;
}
.mainContents a.thumbs.sideLeft figure .bgPhotoImg{
	display:table-cell;
	vertical-align:top;
}
.mainContents a.thumbs.sideLeft figure figcaption{
	display:table-cell;
	width:50%;
	vertical-align:top;
}
.mainContents a.thumbs.sideLeft figure figcaption p{
	margin-left:1em;
}

/* snsShareBtnArea */
.mainContents .snsShareBtnArea{
	display:table;
	width:100%;
	padding:15px 30px;
	background:#f6f6f6;
	-webkit-border-radius:10000px;
	-moz-border-radius:10000px;
	border-radius:10000px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mainContents .snsShareBtnArea p{
	display:table-cell;
	vertical-align:middle;
	width:1em;
	white-space:nowrap;
}
.mainContents .snsShareBtnArea ul{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.mainContents .snsShareBtnArea ul li{
	display:inline-block;
	margin-left:15px;
}
.mainContents .snsShareBtnArea ul li::first-child{
	margin-left:0;
}
.mainContents .snsShareBtnArea ul li a{
}
.mainContents .snsShareBtnArea ul li a img{
}
.mainContents .withSns {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	-ms-align-items:center;
	-webkit-align-items:center;
	align-items:center;
}
.mainContents .withSns .snsShareBtnArea{
	max-width: 450px;
	margin-top: 0.83em;
	margin-bottom: 1.83em;
}
@media screen and (max-width:767px){
	.mainContents .snsShareBtnArea{
		padding:15px;
	}
	.mainContents .snsShareBtnArea ul li{
		margin-left:8px;
	}
	.mainContents .withSns {
		display:block;
	}
	.mainContents .withSns .snsShareBtnArea{
		max-width: 100%;
		margin-top: 0;
	}
}

/* redBorderLinkArea */
.mainContents .redBorderLinkArea{
}
.mainContents .redBorderLinkArea ul{
	margin-bottom:-10px;
}
.mainContents .redBorderLinkArea ul li{
	margin-bottom:10px;
}
.mainContents .redBorderLinkArea ul li a{
	display:block;
	padding:15px;
	color:#333;
	font-weight:bold;
	border:2px solid #e60012;
	background:url(/common/images/2017/icon_link_arrow-red.png) no-repeat scroll 97% 50%;
	-webkit-background-size:0.5em 0.8em;
	background-size:0.5em 0.8em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.mainContents .redBorderLinkArea ul li a .icon{
	display:inline-block;
}
.mainContents .redBorderLinkArea ul li a:hover .icon{
	text-decoration:underline;
}
.mainContents .redBorderLinkArea ul li a.brandsite .icon,
.mainContents .redBorderLinkArea ul li a.recipe .icon,
.mainContents .redBorderLinkArea ul li a.tvcm .icon{
	padding-left:95px;
}
.mainContents .redBorderLinkArea ul li a.brandsite .icon{
	background:url(/common/images/2017/icon_brandsite.png) no-repeat 0 0;
}
.mainContents .redBorderLinkArea ul li a.recipe .icon{
	background:url(/common/images/2017/icon_recipe.png) no-repeat 0 0;
}
.mainContents .redBorderLinkArea ul li a.tvcm .icon{
	background:url(/common/images/2017/icon_tvcm.png) no-repeat 0 0;
}
@media screen and (min-width:768px){
	.mainContents .redBorderLinkArea ul li a .icon{
		line-height:38px;
	}
}
@media screen and (max-width:767px){
	.mainContents .redBorderLinkArea ul li a{
		padding:15px 10px;
	}
	.mainContents .redBorderLinkArea ul li a.brandsite .icon,
	.mainContents .redBorderLinkArea ul li a.recipe .icon,
	.mainContents .redBorderLinkArea ul li a.tvcm .icon{
		padding-left:50px;
	}
	.mainContents .redBorderLinkArea ul li a.brandsite .icon{
		background:url(/common/images/2017/icon_brandsite.png) no-repeat 0 0;
		-webkit-background-size:44px 19px;
		background-size:44px 19px;
	}
	.mainContents .redBorderLinkArea ul li a.recipe .icon{
		background:url(/common/images/2017/icon_recipe.png) no-repeat 0 0;
		-webkit-background-size:44px 19px;
		background-size:44px 19px;
	}
	.mainContents .redBorderLinkArea ul li a.tvcm .icon{
		background:url(/common/images/2017/icon_tvcm.png) no-repeat 0 0;
		-webkit-background-size:44px 19px;
		background-size:44px 19px;
	}
}

/* flagIcon */
.mainContents .flagIcon{
	font-size:13px;
	margin-bottom:8px;
}
.mainContents .flagIcon ul{
	margin-bottom:-8px;
	letter-spacing:-.4em;
}
.mainContents .flagIcon ul li{
	display:inline-block;
	margin:4px 10px 4px 0;
	letter-spacing:normal;
}
.mainContents .flagIcon ul li:last-child{
	margin-right:0;
}
.mainContents .flagIcon ul li span{
	display:inline-block;
	padding:3px 8px;
	background:#666;
	color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.mainContents .flagIcon ul li.new span{
	background:#e50012;
}
.mainContents .flagIcon ul li.limit span{
	background:#f19149;
}
.mainContents .flagIcon ul li.freshUp span{
	background:#009be5;
}
.mainContents .flagIcon ul li.season span{
	background:#79be62;
}
.mainContents .flagIcon ul li.newPackage span{
	background:#24c6c2;
}
.mainContents .flagIcon ul li.section_sengyo span {
    background: #2870FF;
}
.mainContents .flagIcon ul li.section_tofu span {
    background: #B58B30;
}
.mainContents .flagIcon ul li.section_chilled span {
    background: #24a397;
}

.mainContents .flagIcon ul.position {
	position: relative;
	top: -20px;
}
@media screen and (max-width:767px){
	.mainContents .flagIcon ul.position {
	margin-bottom: 40px;
	top: 0;
	left: 0;
	}
}
@media screen and (max-width:767px){
	.mainContents .flagIcon ul.position li {
	position: absolute;
  left: 0;
  top: -50px;
	}
}

/* productsInfoArea */
.mainContents .productsInfoArea{
	margin:10px 0;
}
.mainContents .productsInfoAreaTxt {
	font-size: 1.25rem;
	color: #e60012;
}
.mainContents .productsInfoArea .flagIcon{
	float:left;
}
.mainContents .productsInfoArea .flagIcon ul{
	margin-top:0;
}
.mainContents .productsInfoArea .buttonArea{
	float:right;
	margin:0;
	min-width: 150px;
}
.mainContents .productsInfoArea .buttonArea.mini ul li{
	width:auto;
}

@media screen and (min-width:768px){
	.onlySP{
		display:none!important;
	}
}
@media screen and (max-width:767px){
	.onlyPC{
		display:none!important;
	}
	.mainContents .productsInfoAreaTxt {
		font-size: 1.125rem;
	}
	.mainContents .flagIcon{
		text-align: center;
	}
	.mainContents .flagIcon ul{
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

/* companyVisual */
.companyVisual{
	position:relative;
	height:180px;
}
.companyVisual.top{
	height:279px;
}
.companyVisual.safety{
	background:url(/company/safety/images/top/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
.companyVisual.kenkyu{
	background:url(/company/kenkyu/images/top/keyvisual.png) no-repeat 50% 50%;
}
.companyVisual.disney{
	background:url(/company/culture-sports/images/top/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
.companyVisual.shokuiku{
	background:url(/company/shokuiku/images/top/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
.companyVisual.activity{
	background:url(/company/shokuiku/images/activity/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
.companyVisual.taiken{
	background:url(/company/shokuiku/images/taiken/keyvisual.png) no-repeat 50% 0;
}
.companyVisual .message{
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	max-width:1112px;
	text-align:center;
	width:85%;
}
.companyVisual .message p{
	font-size:16px;
	margin:0 0 0.67em 0;
}
.companyVisual .message h1{
	display:inline-block;
	padding-bottom:0.67em;
	color:#c11329;
	font-size:28px;
	background:url(/company/safety/images/top/keyvisual_line.png) repeat-x left bottom;
	-webkit-background-size:7px 3px;
	background-size:7px 3px;
}
.companyVisual .message h1.img{
	padding-bottom:0;
	background-image: none;
}
.companyVisual .message h1.img img{
	max-width: 100%;
	width: 100%;
}
.companyVisual .message h1 a{
	color:#c11329;
	text-decoration:none;
}
.companyVisual.disney .message h1{
	padding-bottom:0;
	color:#333;
	background:none;
	font-size: 36px;
	line-height: 1.5;
	font-weight: bold;
}
@media screen and (max-width:767px) {
	.companyVisual.disney .message h1{
    font-size: 20px;
		line-height: 1.4;
	}
}
.companyVisual.disney .message h1 a{
	color:#333;
}
.companyVisual.taiken .message{
	display:table;
	width:100%;
	max-width:1112px;
	margin:0 auto;
	text-align:left;
}
.companyVisual.taiken .message h1{
	display:table-cell;
	padding:0 90px;
	vertical-align:midle;
	padding-bottom:0;
	color:#333;
	background:none;
}
.companyVisual.taiken .message h1 img{
	max-width:100%;
	height:auto;
}
.companyVisual .message .title{
	font-size:22px;
}
.companyVisual.syokuzai{
	background:url(/recipe/syokuzai/images/top/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
.companyVisual.kihon{
	background:url(/recipe/kihon/images/keyvisual.png) no-repeat 50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
}
@media screen and (max-width:767px){
	.companyVisual.safety{
		background:url(/company/safety/images/top/keyvisual.png) no-repeat 50% 50%;
		height:110px;
	}
	.companyVisual.kenkyu{
		background:url(/company/kenkyu/images/top/keyvisual.png) no-repeat 50% 50%;
		height:110px;
	}
	.companyVisual.disney{
		background:url(/company/culture-sports/images/top/keyvisual.png) no-repeat 50% 50%;
		height:110px;
	}
	.companyVisual.shokuiku{
		background:url(/company/shokuiku/images/top/keyvisual.png) no-repeat 50% 50%;
		height:110px;
	}
	.companyVisual.activity{
		background:url(/company/shokuiku/images/activity/keyvisual.png) no-repeat 50% 50%;
		height:110px;
	}
	.companyVisual.taiken{
		background:url(/company/shokuiku/images/taiken/keyvisual_sp.png) no-repeat 68% 46%;
	}
	.companyVisual.taiken .message h1{
		padding:0 20px;
	}
	.companyVisual .message h1{
		text-align:center;
	}
	.companyVisual.top{
		height:195px;
	}
	.companyVisual .message p{
		font-size:13px;
		margin:0 0 0.67em 0;
	}
	.companyVisual .message h1{
		padding-bottom:0.67em;
		font-size:20px;
	}
	.companyVisual .message .title{
		font-size:16px;
	}
}

/* companyNavi */
.companyNavi{
	border-top:1px solid #ddd;
}
.companyNavi ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
/** pc **/
@media screen and (min-width:1024px){
	.companyNavi .companyNaviIn{
		border-bottom:1px solid #ddd;
	}
	/*** companyMainNavi ***/
	.companyNavi ul.companyMainNavi > li.active > a,
	.companyNavi ul.companyMainNavi > li:hover > a,
	.companyNavi ul.companyMainNavi > li > a:hover{
		background-color:#e60012;
	}
	.companyNavi .companySubNaviIn li.active > a{
		color:#e60012;
		font-weight:bold;
	}
	.companyNavi ul.companyMainNavi > li.active > a .cellIn,
	.companyNavi ul.companyMainNavi > li:hover > a .cellIn,
	.companyNavi ul.companyMainNavi > li > a:hover .cellIn{
		color:#fff;
	}
	.companyNavi ul.companyMainNavi{
		position:relative;
		z-index:1000;
		max-width:1112px;
		margin:0 auto;
		display:table;
		width:100%;
	}
	.companyNavi ul.companyMainNavi > li{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		border-right:1px solid #ddd;
		min-height:58px;
	}
	.companyNavi ul.companyMainNavi > li:first-child{
		border-left:1px solid #ddd;
	}
	.companyNavi ul.companyMainNavi > li{
		width:33%;
	}
	.companyNavi ul.companyMainNavi.col4 > li{
		width:25%;
	}
	.companyNavi.taiken ul.companyMainNavi > li{
		width:calc(100% / 6);
	}
	.companyNavi.safety ul.companyMainNavi > li{
		width:calc(100% / 7);
	}
	.companyNavi ul.companyMainNavi > li > a{
		display:table;
		width:100%;
		height:70px;
		text-align:center;
		color:#333;
		text-decoration:none;
		background:#fff;
	}
	.companyNavi ul.companyMainNavi > li > a > .cellIn{
		display:table-cell;
		width:100%;
		padding:15px 5px;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.companyNavi ul.companyMainNavi > li > a.external > .cellIn::after{
		content:"";
		display:inline-block;
		margin-top:-.2em;
		margin-left:.4em;
		width:.8em;
		height:.7em;
		vertical-align:middle;
		background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
		-webkit-background-size:.8em .7em;
		background-size:.8em .7em;
	}
	.companyNavi ul.companyMainNavi > li > a.external:hover > .cellIn::after{
		background:url(/common/images/2020/icon_link_external-white.png) no-repeat 50% 50%;
		-webkit-background-size:.8em .7em;
		background-size:.8em .7em;
	}
	.companyNavi ul.companyMainNavi > li.active > a .cellIn,
	.companyNavi ul.companyMainNavi > li:hover > a .cellIn{
		background-color:#e60012;
		color:#fff;
	}
	.companyNavi .menu,
	.companyNavi ul.companyMainNavi .close{
		display:none;
	}
	/*** companySubNavi ***/
	.companyNavi .companySubNavi{
		position:absolute;
		top:100%;
		left:0;
		z-index:-1;
		display:none;
		width:100%;
		font-size:14px;
		text-align:left;
	}
	.companyNavi .companySubNavi .companySubNaviIn{
		border:1px solid #ddd;
		width:90%;
		padding:10px 20px;
		margin:0 auto;
		background-color:#fff;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.companyNavi .companySubNavi ul{
		padding:0;
		width:100%;
	}
	.companyNavi .companySubNavi ul li{
		display:inline;
		margin-right:8px;
		border-right:1px solid #ddd;
	}
	.companyNavi .companySubNavi ul li:last-child{
		border-right:none;
	}
	.companyNavi .companySubNavi ul li a{
		color:#333;
		text-decoration:none;
		display:inline-block;
		padding:8px 8px 8px 0;
		margin:8px 0;
		white-space:nowrap;
	}
	.companyNavi .companySubNavi ul li a:hover,
	.companyNavi .companySubNavi ul li a:active{
		color:#999;
	}
	.companyNavi .companySubNavi ul li a.current{
		color:#e60012;
		font-weight:bold;
	}
}
/** sp **/
@media screen and (max-width:1023px){
	.companyNavi{
		border:1px solid #ddd;
		position:relative;
		width:96%;
		margin:0 auto;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		font-size:14px;
		z-index: 101;
	}
	.companyNavi .companyNaviIn{
		z-index:10;
		position:relative;
	}
	.companyNavi ul > li > a{
		display:table;
		width:100%;
		text-align:center;
		color:#333;
		text-decoration:none;
		background:#fff;
	}
	.companyNavi ul > li > a > .cellIn{
		display:table-cell;
		width:100%;
		padding:15px;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.companyNavi ul > li > a.external > .cellIn::after{
		content:"";
		display:inline-block;
		margin-top:-.2em;
		margin-left:.4em;
		width:.8em;
		height:.7em;
		vertical-align:middle;
		background:url(/common/images/2017/icon_link_external-red.png) no-repeat 50% 50%;
		-webkit-background-size:.8em .7em;
		background-size:.8em .7em;
	}
	/*** companyMainNavi ***/
	.companyNavi .companyNaviIn ul.companyMainNavi{
		position:absolute;
		left:0;
		top:0;
		max-width:auto;
		margin:0 auto;
		display:block;
		width:100%;
		background-color:#fff;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		margin-left:-1px;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li{
		display:block;
		width:100%;
		text-align:left;
		border:none;
		border-bottom:1px dotted #ddd;
		min-height:auto;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li:first-child{
		border-left:none;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.close{
		text-align:center;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.close span{
		display:inline-block;
		padding:10px 30px;
		background:url(/company/safety/images/common/icon_safety_close.png) no-repeat 50% 50%;
		background-position:calc(50% - 2.3em) 50%;
		-webkit-background-size:12px 12px;
		background-size:12px 12px;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.close:hover{
		cursor:pointer;
		background-color:#fff;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi:hover::after{
		cursor:pointer;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li > a > .cellIn{
		position:relative;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.accordionSP > a > .cellIn::after{
		position:absolute;
		right:10px;
		top:50%;
		margin-top:0;
		display:inline-block;
		content:"";
		width:.6em;
		height:.6em;
		margin-top:-1em;
		border-top:2px solid #333;
		border-right:2px solid #333;
		-ms-transform:rotate(135deg) translate(10px,0px);
		-webkit-transform:rotate(135deg) translate(10px,0px);
		transform:rotate(135deg) translate(10px,0px);
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.accordionSP.open > a{
		border-bottom:1px dotted #ddd;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.accordionSP.open > a > .cellIn::after{
		right:25px;
		margin-top:.2em;
		-ms-transform:rotate(-45deg) translate(10px,0px);
		-webkit-transform:rotate(-45deg) translate(10px,0px);
		transform:rotate(-45deg) translate(10px,0px);
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.accordionSP ul{
		padding:0 15px;
	}
	.companyNavi .companyNaviIn ul.companyMainNavi li.accordionSP ul li:last-child{
		border-bottom:0;
	}
	.companyNavi .menu{
		display:block;
		padding:15px 35px;
		margin:0;
		font-weight:bold;
		position:relative;
	}
	.companyNavi .menu:hover{
		cursor:pointer;
	}
	.companyNavi .menu::before{
		position:absolute;
		left:10px;
		top:50%;
		-ms-transform:translate(0, -50%);
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		content:"";
		display:inline-block;
		width:15px;
		height:15px;
		background:url(/company/safety/images/common/icon_safety_menu.png) no-repeat left top;
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
		margin-right:10px;
		vertical-align:middle;
	}
	.companyNavi .menu::after{
		position:absolute;
		right:10px;
		top:50%;
		-ms-transform:translate(0, -50%);
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		content:"";
		display:inline-block;
		width:17px;
		height:12px;
		background:url(/company/safety/images/common/icon_safety_arrow.png) no-repeat left top;
		-webkit-background-size:17px 12px;
		background-size:17px 12px;
		vertical-align:middle;
		-ms-transform:translate(0, -50%) rotate(-180deg);
		-webkit-transform:translate(0, -50%) rotate(-180deg);
		transform:translate(0, -50%) rotate(-180deg);
	}
	.companyNavi.open .menu::after{
		-ms-transform:translate(0, -50%) rotate(0deg);
		-webkit-transform:translate(0, -50%) rotate(0deg);
		transform:translate(0, -50%) rotate(0deg);
	}
	.companyNavi .companyNaviIn{
		display:none;
	}
	.companyNavi.open .companyNaviIn{
		display:block;
	}
	.companyNavi .close{
		display:block;
	}
	/*** companySubNavi ***/
	.companyNavi .companySubNavi{
		display:none;
	}
	.companyNavi .companySubNavi ul li > a > .cellIn::after{
		position:absolute;
		right:27px;
		top:50%;
		margin-top:0;
		display:inline-block;
		content:"";
		width:.6em;
		height:.6em;
		margin-top:-1em;
		border-top:2px solid #333;
		border-right:2px solid #333;
		-ms-transition:all .4s;
		-webkit-transition:all .4s;
		transition:all .4s;
		-ms-transform:rotate(45deg) translate(10px,0px);
		-webkit-transform:rotate(45deg) translate(10px,0px);
		transform:rotate(45deg) translate(10px,0px);
	}
	.companyNavi .companySubNavi ul li a .cellIn::after{
		width:.5em;
		height:.5em;
		margin-top:-.8em;
		border-top:2px solid #333;
		border-right:2px solid #333;
	}
	.companyNavi .companySubNavi ul li:nth-child(2) a .cellIn{
	}
	.companyNavi .companySubNavi ul li a:hover .cellIn{
	}
}

/* searchCondition */
.mainContents .searchCondition dl{
	padding:0;
}
.mainContents .searchCondition dl dt{
	font-weight:bold;
}
.mainContents .searchCondition dl dd{
	padding:0;
	margin:0;
}
.mainContents .searchCondition dl dd ul li{
	float:left;
}
.mainContents .searchCondition dl dd ul li::after{
	content:'、';
}
.mainContents .searchCondition dl dd ul li:last-child::after{
	content:'';
}
@media screen and (min-width:768px){
	.mainContents .searchCondition dl dt{
		font-size:18px;
	}
}
@media screen and (max-width:767px){
	.mainContents .searchCondition dl dt{
		font-size:15px;
	}
}

/* buttonSetArea */
.mainContents .buttonSetArea{
	margin:1.3em 0;
}
.mainContents .buttonSetArea .indicator{
	margin:.6em 0;
}
.mainContents .buttonSetArea .topLeft .buttonArea,
.mainContents .buttonSetArea .topRight .buttonArea{
	margin:0;
}
.mainContents .buttonSetArea .indicator .buttonArea.mini{
	margin:0;
}
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li{
	width:auto;
	float:none;
}
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li .likeLink,
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li a{
	padding:0 2.3em 0 1.7em;
}
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li .likeLink.prev,
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li a.prev{
	padding:0 1.7em 0 2.3em;
}
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li .likeLink.pageIndicator,
.mainContents .buttonSetArea .indicator .buttonArea.mini ul li a.pageIndicator{
	padding:0;
}
@media screen and (min-width:768px){
	.mainContents .buttonSetArea{
		position:relative;
	}
	.mainContents .buttonSetArea .topLeft{
		float:left;
	}
	.mainContents .buttonSetArea .topRight{
		float:right;
	}
}

/* dataAnchorLink */
.mainContents .dataAnchorLink .row{
	margin-bottom:-12px;
}
.mainContents .dataAnchorLink .row .col3{
	margin-bottom:12px;
}

/* display */
.mainContents .dispInline{
	display:inline!important;
}
.mainContents .dispBlock{
	display:block!important;
}
.mainContents .dispInlineBlock{
	display:inline-block!important;
}

/* videoWrap */
.mainContents .videoWrap{
	position:relative;
	height:0;
}
.mainContents .videoWrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
/* video area */
.tvcmVideoWrap{
	position:relative;
	max-width:100%;
	display:block;
	padding-top:48.25%;
	padding-bottom:8% !important;
	margin-left:auto;
	margin-right:auto;
}
.tvcmVideoWrap .tvcmVideo{
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
	position:absolute;
}
.tvcmVideo{
	width:auto;
	height:auto;
	margin-bottom:0;
	border:none;
}
.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.vjs-icon-play-circle,
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control{
	font-family: VideoJS !important;
}

@media screen and (min-width:768px){
	.mainContents .videoWrap{
		width:70%;
		padding-top:39.45%;
	}
}
@media screen and (max-width:767px){
	.mainContents .videoWrap{
		width:100%;
		padding-top:56.25%;
	}
}

/* PC/SP切り替え */
@media screen and (min-width:768px){
	.mainContents .pcOnly{
		display: block;
	}
	.mainContents .spOnly{
		display: none;
	}
}
@media screen and (max-width:767px){
	.mainContents .pcOnly{
		display: none;
	}
	.mainContents .spOnly{
		display: block;
	}
}

/* search suggest */
#suggest_frame , #suggest_frame1 {
	z-index:200000!important;
}

/* .youtube */
.mainContents .youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
	border:1px solid #e2e2e2;
}
.mainContents .youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* .stepArrow */
.mainContents .stepArrow figure{
	display: table;
	width: 100%;
	margin-bottom: 2em;
}
.mainContents .stepArrow figure > span{
	display: table-cell;
	width: 40%;
	text-align: left;
}
.mainContents .stepArrow figure > span img{
	width: calc(100% - 15px);
}
.mainContents .stepArrow figure figcaption{
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}
.mainContents .stepArrow li{
	position: relative;
}
.mainContents .stepArrow li::after{
	position: absolute;
	left:16%;
	bottom:-34px;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top: 10px solid #f00;
}
.mainContents .stepArrow li:last-child::after{
	display: none;
}
@media screen and (max-width:767px){
	.mainContents .stepArrow figure > span,
	.mainContents .stepArrow figure figcaption{
		display: block;
		width: 100%;
		font-size: 87.5%;
	}
	.mainContents .stepArrow figure > span img{
		width: 100%;
	}
	.mainContents .stepArrow li::after{
		position: absolute;
		left:50%;
		margin-left: -7px;
	}
}


/*pdf_icon*/
.mainContents .pdf_icon{
	color: #333;
}
.mainContents .pdf_icon::before{
	content:"";
	display: inline-block;
	width: 14px;
	height: 20px;
	margin:0 8px 0 0;
	vertical-align: top;
	position: relative;
	top: 3px;
	background:url(/common/images/2017/icon_pdf_red.png) no-repeat;
	background-size:14px 20px;
	color: #333;
}
@media screen and (max-width:640px) {
	.mainContents .pdf_icon:before{
		top: 0;
	}
}
/* info */

.p-info-important-wrap {
	padding: 15px 0 18px;
	border-bottom: solid 1px #D3D3D3;
}

@media screen and (max-width: 767px) {
	.p-info-important-wrap {
		padding: 24px 0;
		background: #fff;
		border-top: solid 1px #D3D3D3;
		border-bottom: none;
	}
}

.p-info-important {
	position: relative;
	max-width: 1232px;
	margin: 0 auto;
	padding: 0 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.p-info-important {
		padding: 0 24px;
		display: block;
	}
}

.p-info-important__heading {
	padding: 11px 17px;
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	background: #E60012;
	font-size: inherit;
}

@media screen and (max-width: 767px) {
	.p-info-important__heading {
		margin-bottom: 6px;
		padding: 2px 2px;
		font-size: 1rem;
	}
}

@media screen and (min-width: 768px) , print {
	.p-info-important__content {
		margin-left: 20px;
	}
}

.p-info-important__content time,
.p-info-important__content a {
	font-size: 1rem;
	line-height: 1.7;
}
@media screen and (max-width: 767px) {
	.p-info-important__content time {
		position: absolute;
		top: 1px;
		left: 132px;
	}
}

.p-info-important__content a {
	color: #333;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.p-info-important__content a {
		margin-top: 8px;
	}
}

.p-info-important__content a:hover {
	text-decoration: underline;
}

.p-info-important__content-heading span {
	font-weight: bold;
	margin-right: 0px;
}

@media screen and (max-width: 767px) {
	.p-info-important__content-heading span {
		font-size: 0.80rem;
	}
}

.mainContents .mainHeading {
	font-size: 28px;
	text-align: center;
	margin-block-start: 0;
	margin-block-end: 0;
}

.hp-button-group + .mainHeading,
.hp-slider-03 + .mainHeading {
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
	.hp-button-group + .mainHeading,
	.hp-slider-03 + .mainHeading {
		margin-top: 80px;
	}
}

.mainContents .mainBgArea {
	background-image: linear-gradient(0deg,#FFF 5%, #FFF5E6 30%, #FFF5E6 70%, #FFF 95%);
}

.mainContents.topMaincontents {
	padding: 0;
}
.mainContents.topMaincontents .mainContentsIn {
	margin: 0 auto !important;
	padding: 100px 10px;
}

@media screen and (max-width: 767px) {
	.mainContents .mainBgArea {
		background-image: linear-gradient(0deg,#FFF 0%, #FFF5E6 10%, #FFF5E6 90%, #FFF 100%);
	}

	.mainContents .mainHeading {
		font-size: 20px;
		text-align: center;
	}

	.mainContents.topMaincontents .mainContentsIn {
		margin: 0 auto !important;
		padding: 80px 0;
	}
}

.mainContents.topMaincontents .mainContentsIn .topCardWrap {
	margin-top: 48px;
}

.mainContents.topMaincontents .mainContentsIn .recipeAreaWrap + .recipeAreaWrap {
	margin-top: 80px;
}

.mainContents.topMaincontents .mainContentsIn .recipeAreaWrap .recipeTab {
	max-width: 828px;
	margin: 0 auto!important;
}

.mainContents.topMaincontents .mainContentsIn .topCardWrap .hp-card-group--4col {
	position: relative;
}

@media screen and (max-width: 767px) {
	.mainContents.topMaincontents .mainContentsIn .topCardWrap {
		margin-top: 40px;
	}

	.mainContents.topMaincontents .mainContentsIn .topCardWrap .hp-card-group--4col {
		position: relative;
	}

	.mainContents.topMaincontents .mainContentsIn .topCardWrap .hp-card-group--4col::before {
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 153px;
		background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1) 80%);
	}
}

.topFooterBnr {
	background: #F4F4F4;
	margin-bottom: -60px;
}

.mainContents.topMaincontents .topFooterBnr .mainContentsIn {
	padding-top: 80px;
}

@media screen and (max-width: 767px) {
	.mainContents.topMaincontents .topFooterBnr .mainContentsIn {
		padding: 48px 0;
	}
}

.js-tab-content {
	display: none;
}
.js-tab-content.is-active {
	display: block;
}

.top-footer-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.top-footer-banner + .top-footer-banner {
	margin-top: 32px;
}

@media screen and (max-width: 767px) {
	.top-footer-banner + .top-footer-banner {
		margin-top: 16px;
	}
}

.top-footer-banner--4col .top-footer-banner__item {
	width: 23.38%;
}

@media screen and (max-width: 767px)  {
	.top-footer-banner {
		justify-content: space-between;
	}
	.top-footer-banner--4col .top-footer-banner__item {
		width: 48.9%;
		margin: 0 0 8px;
	}

	.top-footer-banner--4col .top-footer-banner__item:last-of-type {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	.top-footer-banner--4col .top-footer-banner__item:not(:nth-of-type(4n)) {
		margin-right: 2.15%;
	}
}

.top-footer-banner__item figure {
	margin-bottom: 0;
}

.top-footer-banner--2col {
	justify-content: space-between;
}

.top-footer-banner--2col .top-footer-banner__item {
	width: 48.92%;
}

@media screen and (max-width: 767px)  {
	.top-footer-banner--2col .top-footer-banner__item {
		width: 100%;
	}

	.top-footer-banner--2col .top-footer-banner__item:not(:last-of-type) {
		margin-bottom: 24px;
	}
}

.top-footer-banner__item img {
	max-width: none;
	width: 100%;
	height: auto;
}