/*
 * 南日本酪農協同株式会社
 * 
 * ホーム・コンテンツ別CSS
*/


/* ホーム */

.link-bannerWarp {}
.link-bannerWarp img {}
.link-bannerWarp a {}
.link-bannerWarp a:hover {}
.link-bannerWarp a:hover img {}

.link-bannerWarp figure {
 width: 100%;
	height: 100%;
 margin: 0;
 padding: 0;
 background: #fff;
 overflow: hidden;
	position: relative;
}

.link-bannerWarp figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.link-bannerWarp figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.link-bannerWarp ul {
	padding-left: 0;
	list-style: none;
}
.link-bannerWarp ul li img {	min-width: 100%!important;}
.facebookBox {	padding: 0 4px;}

.contents-title { margin-bottom: 2.0rem;}
.contents-title h2 {
	margin-top: 0;
	margin-bottom: 0.625rem;
	font-size: 1.75rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.0;
}

.contents-title .contents-title-inner {
	font-size: 0.75rem;
	font-family: Verdana, "sans-serif";
	text-align: center;
	color: #999;
	line-height: 1.6;
}

.contents-title dt {
	margin-bottom: 0.625rem;
	font-size:1.75rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.0;
}
.contents-title dd {
	font-size: 0.75rem;
	font-family: Verdana, "sans-serif";
	text-align: center;
	color: #999;
	line-height: 1.6;
}

@media screen and (max-width:480px) {
	.link-bannerWarp {
		margin-top: 10vh;
		margin-left: 0.375rem;
		margin-right: 0.375rem;
	}
}

@media screen and (max-width:320px) {
	.link-bannerWarp {
		margin-top: 12vh;
	}
}

/* 新着情報 */

body.home .newsBox {
	padding-top: 2rem;
	margin-bottom: 2rem;
}
body.home .newsTabBox { margin-left: 0.625rem;}
body.home .newsTabBox ul {
	display: block;
	list-style: none;
	padding-left: 0;
}

body.home .newsTabBox ul li {
	float: left;
	cursor: pointer;
}

body.home .ChangeElem_Btn_Content li {
	display: block;
	width: 16.6666%;
}

body.home .ChangeElem_Btn_Content li span {
	display: block;
	background: #f8f8f8;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	text-align: center;
	line-height: 1.0;
	border-left: #e6e6e6 solid 1px;
	border-top: #e6e6e6 solid 1px;
}

body.home .rssLink a { color: #000!important;}
body.home .rssLink span {
	position: relative!important;
	border-top: #fff 1px solid!important;
	background: #fff!important;
	border-bottom: #e6e6e6 solid 1px!important;
	font-size: 0.875rem!important;
	padding-top: 1.4rem!important;
 padding-bottom: 1.4rem!important;
}

body.home .rssLink span:after {
	content: url(../img/icon-rss.png);
	margin-left: 5px;
	vertical-align: middle;
}


body.home .is-active { position: relative;}
body.home .is-active:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 10px;
	background: url(../img/square-home-tab.png) no-repeat;
	background-size: contain;
}

body.home .is-active span {
	background: #004098!important;
	color: #fff;
}

body.home .newslist-link {}
body.home .newslist-link a {
	display: block;
	border-radius: 999px;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background: #004098;
	text-align: center;
	color: #fff!important;
	line-height: 1.0;
}

body.home .newslist-link a:hover {
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.8);
	transition: 0.2s;
}

body.home .newsListBox {
	display: block;
	padding: 2.625rem 0.625rem;
	clear: both;
}

body.home .newsListBox dl {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.25rem;
}

body.home .newsListBox dl dt {
	font-weight: normal;
	font-size: 0.875rem;
	color: #999;
	float: left;
}

body.home .newsListBox dl dd {
	display: block;
	margin-left: 196px;
	/* width: 37rem; */
	/* float: left; */
	/* width : -webkit-calc(100% - 192px) ;
	width : calc(100% - 192px) ;*/	
}

.catName {
	display: inline-block;
	margin-left: 1.0rem;
 margin-right: 1.0rem;
	border-radius: 999px;
	padding: 0.6rem 1.0rem 0.5rem 1.0rem;
	line-height: 1.0;
	font-size: 0.75rem;
	background: #000;
	color: #fff;
}

.catName.productnews { background: #52be7f;}
.catName.companynews { background: #2980b9;}
.catName.important { background: #ff6666;}

.fb_page_plugin_area { width: 100%;}

@media screen and (max-width:480px) {
body.home .newsBox {
  padding-top: 2.875rem;
		margin-left: 0.375rem;
		margin-right: 0.375rem;
  margin-bottom: 0.75rem;
 }
	
body.home .newsTabBox {
		margin-bottom: 1.50rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
	}
	
body.home .newslist-link {
		margin-left: 1.25rem!important;
		margin-right: 1.25rem!important;
	}
body.home .ChangeElem_Btn_Content li {
		width: 20%;
		padding-bottom: 1.125rem;
		font-size: 0.875rem;
	}
	
body.home .ChangeElem_Btn_Content li span {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
 }
body.home .rssLink span { padding-top: 1.3rem !important;}
body.home .fb_page_plugin_area { margin-bottom: 1.25rem;}
body.home .newsListBox { padding: 0.625rem 1.25rem 0 1.25rem;}

body.home .newsListBox dl dt {
		margin-bottom: 0.375rem;
		float: none;
	}
	
body.home .newsListBox dl dd {
 max-width: 100%;
	width: 100%;
 margin-left: 0;
 float: none;
	font-size: 0.875rem;
}
	
body.home .newsListBox dd a { font-size: 0.875rem;}
	.contents-title { margin-bottom: 1.25rem;}
	.contents-title dt {
  margin-bottom: 0.625rem;
  font-size: 1.50rem;
 }
	
body.home .newsBox .contents-title {	position: relative;}
body.home .rssLink-title {
		position: absolute;
		top: 0.125rem;
		right: 0;
	}

body.home .rssLink-title a {
		font-size: 0.875rem;
		color: #000!important;
	}
	
body.home .rssLink-title a:after {
		content: url(../img/icon-rss.png);
		vertical-align: middle;
		margin-left: 5px;
	}
}


/* おすすめ商品 */

.recommendedBox {
	padding-top: 2rem;
	background: #fefbf4;
}

.recommendedThum {
	background: #fcf6e9;
	padding: 5px;
}

.recommendedThum:hover {
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	transition: 0.2s;
}

.recommendedThum dt img {
	width: 100%;
	height: auto;
}

.recommendedThum dd {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem!important;
	text-align: center;
	font-size: 0.75rem;
}
a .recommendedThum dd { color: #000;}

.goods-searchBox { margin-top: 0.75rem;}
.goods-searchBox a {
	display: block;
	padding-top: 24px;
	padding-bottom: 24px;
	background: #fcf6e9 url(../img/icon-tag.png) center right 1.125rem no-repeat;
	border-bottom: #e3ddd1 solid 3px;
	border-radius: 999px;
	text-align: center;
	color: #000!important;
	line-height: 1.0;
}

.goods-searchBox a:hover {
	margin-top: 3px;
	margin-bottom: -3px;
	border-bottom: none;
	transition: 0.3s;
}

.goods-searchform {	position: relative;}
.goods-searchform input[type="text"] {
	width: 100%;
	border: #e6e6e6 solid 1px;
	border-radius: 999px;
	background: #fff;
	font-size: 16px;
	line-height: 1.0;
	padding-top: 23px;
 padding-bottom: 23px;
	border-bottom: #e3ddd1 solid 3px;
	padding-left: 1.50rem;
}

.goods-searchform input[type="submit"] {
	position: absolute;
	top: 1.50rem;
	right: 1.50rem;
	width: 16px;
	height: 16px;
	background: url(../img/icon-search-reverse.png) no-repeat;
	text-indent: -9998px;
}

@media screen and (max-width:768px) {
 .recommendedBox {
	 padding-right: 0.625rem;
	 padding-left: 0.625rem;
	}
}

@media screen and (max-width:480px) {
	.goods-searchBox a:hover {
 	margin-top: 3px;
	 margin-bottom: 0;
	 border-bottom: none;
		transition: none;
 }

 .recommendedBox {
	 padding-top: 3.0rem;
	 padding-bottom: 3.0rem;
	}
	
	.recommendedThumBox {
		margin-left: 0.375rem;
		margin-right: 0.375rem;
	}

	.goods-searchBox {
		margin-left: 0.375rem;
		margin-right: 0.375rem;
	}
}


/* アクセスランキング */

.accessRankingBox {
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.accessRankingBox dt {
	margin-bottom: 1.0rem;
	background: url(../img/bk-ranking-border.png) bottom left repeat-x;
	font-size: 1.125rem;
	font-weight: normal;
}

.accessRankingBox dt:before {
	content: url(../img/icon-ranking.png);
	vertical-align: top;
	margin-right: 5px;
}

.accessRankingBox dd ul {
	display: block;
	overflow: hidden;
	padding: 0.5rem 0;
	list-style: none;
	font-size: 0.875rem;
}

.accessRankingBox dd ul li {
	float: left;
	margin-right: 0.5rem;
	margin-bottom: 1.0rem;
}
.accessRankingBox dd ul li:last-child { margin-right: 0;}
.accessRankingBox dd ul li a {
	padding: 0.250rem 1.0rem 0.125rem 1.0rem;
	border: #e3ddd1 solid 1px;
	border-radius: 999px;
}

@media screen and (max-width:480px) {
	.accessRankingBox {
		margin-left: 0.375rem;
		margin-right: 0.375rem;
		margin-bottom: 0;
	}
}

/* ピックアップ */

.pickupBox {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

a .pickupThum {	position: relative;}
a .pickupThum dt figure {
	display: block;
	overflow: hidden;
	transition: 0.3s;
}

a .pickupThum:hover dt figure img {
	transform: scale(1.1);
	transition: 0.3s;
}

a .pickupThum > dt {
	padding-left: 10px;
	overflow: hidden;
}

/*a .pickupThum > dt img {
	width: 100%!important;
	height: auto;
}*/

a .pickupThum > dt img {
	width: auto;
	height: 206px;
 margin: 0 auto;
}


a .pickupThum dd dl {	padding: 1.0rem 0.625rem;}
a .pickupThum dd dl dt {	font-weight: normal;}
a .pickupThum dd dl dd {
	font-size: 0.875rem;
	color: #999;
}


/* ピックアップラベル */

.label_new, .label_campaign, .label_collabo, .label_recipe, .label_renewal {
	position: absolute;
	top: 0.625rem;
	left: 0;
 display: block;
	background: url(../img/bg_label_default.png) left bottom no-repeat;
	width: 6.0rem;
	margin-bottom: 0;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.75rem!important;
	color: #fff!important;
	line-height: 1.0;
}

.label_new span, .label_campaign span, .label_collabo span, .label_recipe span, .label_renewal span {
	display: block;
	background: #999;
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.label_new {}
.label_new span {}

.label_campaign { background: url(../img/bg_label_campaign.png) left bottom no-repeat;}
.label_campaign span {	background: #ff3333;}

.label_collabo { background: url(../img/bg_label_collabo.png) left bottom no-repeat;}
.label_collabo span {	background: #cc33cc;}

.label_recipe { background: url(../img/bg_label_recipe.png) left bottom no-repeat;}
.label_recipe span {
	background: #ffba0a;
	color:#000;
}

@media screen and (max-width:768px) {
 .pickupBox {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
 }
}

@media screen and (max-width:480px) {
 .pickupBox {
  padding-top: 2.5rem;
  padding-bottom: 1.75em;
 }
	a .pickupThum dd dl { padding: 0.75rem 0;}
	a .pickupThum dd dl dt { font-size: 0.875rem;}
	a .pickupThum dd dl dd {
		margin-top: 0.625rem;
		font-size: 0.75rem;
	}
	.label_new, .label_campaign, .label_collabo, .label_recipe, .label_renewal { top: 0px;}
	/* a .pickupThum > dt { padding-left: 0;} */
	/* .label_campaign { background: url(../img/bg_label_campaign.png) left -10px bottom no-repeat;} */
	.label_collabo { background: url(../img/bg_label_collabo.png) left -10px bottom no-repeat;}
	.label_recipe { background: url(../img/bg_label_recipe.png) left -10px bottom no-repeat;}
}

/* スライダー */

.film_roll_pager { display: none;}
#header-carousel .slider-item {}
#header-carousel .slider-item .slider-linkurl {
	border: #fff solid 1px;
	border-radius: 999px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1.0rem;
	width: 340px;
	max-width: 340px;
	opacity: 0.9;
	transition: 0.2s;
}

#header-carousel .slider-item .slider-linkurl:hover {
	opacity: 1.0;
	transition: 0.2s;
}

#header-carousel .slider-item .slider-linkurl a {
	display: block;
	padding: 0.75rem 1.0rem;
	text-align: center;
	color: #fff;
	font-family: "Noto Sans Japanese", "sans-serif";
	font-weight: bold;
}

#header-carousel div img {}
.film_roll_prev, .film_roll_next {
	text-indent: -9998px;
	width: 46px!important;
	height: 46px!important;
	line-height: 46px!important;
	top: 50%!important;
	border: none!important;
	background: none!important;
}

.film_roll_prev {
	margin-top: -23px!important;
	background: url(../img/slider-btm-back.png) center center no-repeat!important;
	background-size: cover!important;
}
.film_roll_prev:hover {	background: url(../img/slider-btm-back-active.png) center center no-repeat!important;}

.film_roll_next {
	margin-top: -23px!important;
	background: url(../img/slider-btm-next.png) center center no-repeat!important;
	background-size: cover!important;
}
.film_roll_next:hover {	background: url(../img/slider-btm-next-active.png) center center no-repeat!important;}

@media screen and (max-width:768px) {
 #header-carousel .slider-item .slider-linkurl {
		margin-top: 1.25rem;
  position: static;
 }
	.film_roll_prev, .film_roll_next { top: 34% !important;}
}

@media screen and (max-width:480px) {
	#header-carousel { height: 20vh!important;}
	.film_roll_prev, .film_roll_next { top: 21% !important;}
}

@media screen and (max-width:360px) {
	.film_roll_prev, .film_roll_next { top: 16% !important;}
}

/*
.owl-prev {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: 580px;
	margin-top: 12vw;
}
.owl-next {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 580px;
	margin-top: 12vw;
}

.slider-img {
	width: 100%;
	margin: 0 auto;
}
.slider-img img {
	display: block;
	max-width: 1120px;
	height: auto;
	margin: 0 auto;
}

.slider-img span {
	position: relative;
	z-index: -1;
	display: block;
	height: 518px;
}

.slider-link {
	position: absolute;
	margin: auto;
	border: #fff solid 1px;
	border-radius: 999px;
	left: 0;
	right: 0;
	bottom: 4.0rem;
	z-index: 2;
	width: 360px;
	opacity: 0.85;
}

.slider-link:hover {
	opacity: 1.0;
	transition: 0.2s;
}

.slider-link a {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	display: block;
	font-family: "Noto Sans Japanese", "sans-serif";
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.0;
}*/


@media screen and (max-width:360px) {}

/* 商品ページ */

.section-itemHead { padding-top: 2em;}
.section-itemHead .itemPhoto {
	border: #e6e6e6 solid 1px;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

.section-itemHead .itemPhoto img {
	width: 100%;
	height: auto;
}

.section-itemHead-inner {
	display: block;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
	overflow: hidden;
	padding-bottom: 4px;
}

.change-lang {	display: inline-block;}
.change-lang ul {	padding-left: 0;}
.change-lang ul li {
	font-size: 0.75rem;
	border: #e6e6e6 solid 1px;
	border-radius: 3px;
	line-height: 29px;
	position: relative;
	width: 47px;
	float: left;
	margin-left: 8px;
	text-align: center;
}

.change-lang ul li a {
	display: block;
	line-height: 29px;
	text-align: center;
}

.bogo-language-switcher .current {
	border: #014099 solid 1px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 29px;
	background: #014099;
	color: #fff;
}

.bogo-language-switcher .current:after {
	content: url(../img/language_square.png);
	height: 6px;
	position: absolute;
	bottom: 6px;
	left: 38%;
	display: block;
}

.change-lang ul li:hover {
	border: #014099 solid 1px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 29px;
	background: #014099;
	color: #fff;
}
.change-lang ul li:hover a { color: #fff;}

.change-lang ul li:hover:after {
	content: url(../img/language_square.png);
	height: 6px;
	position: absolute;
	bottom: 6px;
	left: 38%;
	display: block;
}


.snsLink {
	list-style: none;
	padding-left: 0;
}

.snsLink {	float: right;}
.snsLink li {	float: left;}
.snsLink li {	margin-right: 0.5rem;}
.snsLink li:last-child {	margin-right: 0;}

.itemInfoBox {
	margin-left: 1.25rem;
	margin-right: 6.75rem;
}

.itemInfoBox h1 {
	margin: 0 0;
	margin-bottom: 1.0rem;
	font-weight: normal;
	font-size: 1.75rem;
}
.itemInfoBox h1 br { display: none;}

.itemInfoBox h2 {
	margin-bottom: 1.75rem;
	font-size: 1.125rem;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "sans-serif";
	color: #ff8900;
}
.itemCopy p { line-height: 1.2;}
.itemInfoText p { margin-bottom: 0.625rem;}

.itemRelationLink {
	margin-left: 1.25rem;
	margin-right: 4.6875rem;
}

.itemRelationLink a {
	display: block;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: center;
	line-height: 1.0;
	border: #004098 solid 1px;
	border-radius: 999px;
	color: #004098;
}

.linkBrand a {	background: url(../img/icon_link_right.png) center right 1.50rem no-repeat;}
.linkShop a {	background: url(../img/icon_cart.png) center right 1.50rem no-repeat;}

.itemDateBox {
}

.dateTabBox {	padding-bottom: 1.50rem;}
.dateTabBox ul {
	padding-left: 6.5rem;
	display: block;
	list-style: none;
	border-bottom: #e6e6e6 solid 1px;
}

.dateTabBox ul li {
	width: 10.25rem;
	display: inline-block;
	margin-right: -6px;
	text-align: center;
	font-size: 0.875rem;
	cursor: pointer;
}

.dateTabBox .ChangeElem_Btn {
	background: #f8f8f8;
	border-top: #e6e6e6 solid 1px;
	border-right: none;
	border-bottom: none;
	border-left: #e6e6e6 solid 1px;
	line-height: 1.0;
	padding: 0 0;
}

.itemDateBox .ChangeElem_Btn span {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
}

.itemDateBox .ChangeElem_Btn.is-active {
	background: #004098;
	border-top: #004098 solid 1px;
	border-right: none;
	border-bottom: none;
	border-left: #004098 solid 1px;
	color: #fff!important;
}

.itemDateBox .ChangeElem_Btn.is-active span:after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: url(../img/square-home-tab.png) no-repeat;
	background-size: contain;
}
.itemDateBox .ChangeElem_Btn.is-active:last-child { border-right: #004098 solid 1px;}
.itemDateBox .ChangeElem_Btn:last-child {	border-right: #e6e6e6 solid 1px;}

.itemDateInner ul { margin-left: 1.25rem;}
.itemDateInner table {
	border: none;
	width: 100%;
	font-size: 0.875rem;
}
.itemDateInner table tfoot, table thead, table tr:nth-of-type(2n) { background: none;}
.itemDateInner table td { border-right: none;}
.itemDateInner table tr:nth-of-type(2n) td { border-right: none;}

.itemDateInner table th {
	font-weight: normal;
	width: 11.25rem;
	border-bottom: #004098 solid 1px;
	white-space: nowrap;
	padding: 1em;
}

.itemDateInner table td {
	border-bottom: #e6e6e6 solid 1px;
	padding: 1em;
}


.backLink {
	padding-top: 3.0rem;
	padding-bottom: 3.0rem;
	background: #f7f8f8;
}

.backLink a {
	display: block;
	background: #004098 url(../img/icon_backlink.png) center left 1.5625rem no-repeat;
	padding: 1.250rem 0;
	border-radius: 999px;
	color: #fff!important;
	text-align: center;
}

.backLink a:hover {
	opacity: 0.9;
	transition: 0.2s;
}

.bottom-banner {
	padding-top: 5.875rem;
	padding-bottom: 5.375rem;
}
.bottom-banner a:hover img {}

.bottom-banner figure {
 width: 100%;
	height: 100%;
 margin: 0;
 padding: 0;
 background: #fff;
 overflow: hidden;
	position: relative;
}

.bottom-banner figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.bottom-banner figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

body.home .bottom-banner {	box-shadow: 0px 25px 20px -20px rgba(204,204,204,0.75) inset;}

.bottom-banner img {
	width: 100%;
	height: auto;
}

.thum-related {
	background: #fcf6e9;
 padding: 5px;
}

.thum-related dt img {
 width: 100%;
 height: auto;
}

a .thum-related dd {
 margin-top: 0.625rem;
 margin-bottom: 0.625rem !important;
 text-align: center;
 font-size: 0.75rem;
 color: #000;
}

.thum-related:hover {
 box-shadow: 0px 0px 10px 0px #cccccc;
 transition: 0.2s;
}

/* タクソノミー */

.taxonomy-contents {}
.taxonomy-contents dl {}
.taxonomy-contents dl dt {
	border: #e6e6e6 solid 1px;
	overflow: hidden;
}

.taxonomy-contents dl:hover dt img {
	transform: scale(1.05);
	transition: 0.2s;
}

.taxonomy-contents dl dd {
	margin-top: 0.625rem;
	font-size: 0.875rem;
	text-align: center;
}

@media screen and (max-width:768px) {
	
	.itemInfoBox { margin-right: 1.25rem;}
	.itemDateBox {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
	.itemDateBox .ChangeElem_Btn { width: 20%;}
	.itemDateBox ul { padding-left: 0;}
 .itemDateInner table { width: 100%;}
	
	.bottom-banner {
  padding-top: 3.0rem;
  padding-bottom: 2.375rem;
		padding-left: 0.625rem;
		padding-right: 0.625rem;
 } 
}

@media screen and (max-width:480px) {
	.section-itemHead .itemPhoto {
	 margin-left: 0.625rem;
	 margin-right: 0.625rem;
 }
	
	.itemInfoBox {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
 }
	.itemInfoBox h1 { font-size: 1.50rem;}
	.itemCopy { font-size: 1.0rem;}
	.itemInfoText { font-size: 0.875rem;}
	
	.itemRelationLink {
		margin-left: 0.625rem;
  margin-right: 0.625rem;
	}
	
	.dateTabBox {
		margin-left: -0.625rem;
		margin-right: -0.625rem;
	}
	
	.itemDateBox .ChangeElem_Btn span {
		padding-top: 0.8125rem;
		padding-bottom: 0.8125rem;
		font-size: 0.5rem;
	}	
	
	.itemDateInner table th { width: auto;}
	.backLink {
		padding-top: 1.25rem;
  padding-bottom: 1.25rem;
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
	
 .bottom-banner {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
		padding-left: 0.625rem;
		padding-right: 0.625rem;
		box-shadow: none;
 } 
}


/* アーカイブ（商品情報） */

body.post-type-archive-goods .archive-contents h2 {
	background: url(../img/icon-itemTitle.png) left center no-repeat;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 2.375rem;
}

.archive-search {
	background: #fefbf4;
	padding-top: 2rem;
}

.archive-search h2 {
	margin: 0 0 0 0;
	background: url(../img/icon-archive-search.png) left center no-repeat;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-left: 2.375rem;
	font-size: 1.125rem;
	color: #000;
}

.archive-searchList {
	display: block;
	width: 970px;
	margin: 0 auto;
}

.archive-searchList ul {
	list-style: none;
	padding-left: 0;
	margin-left: -5px;
	margin-right: -5px;
	display: block;
	overflow: hidden;
	margin-bottom: 1rem;
}

.archive-searchList li {
	margin-left: 0.3125rem;
	margin-right: 0.3125rem;
	margin-bottom: 0.625rem;
	float: left;
	width: 32%;
}

.archive-searchList ul li a {
	display: block;
	border: #e3ddd1 solid 1px;
	border-radius: 999px;
	background: url(../img/icon-archive-list-default.png) left 9px center no-repeat;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	padding-left: 3.375rem;
	padding-right: 3.375rem;
	color: #004098;
	line-height: 1.0;
	font-size: 0.875rem;
}

.archive-searchList ul li a:hover {
	background: #ccd8ea url(../img/icon-archive-list-default.png) left 9px center no-repeat;
	transition: 0.3s;
}

.archive-searchList .type_000 a { background: url(../img/icon-limited.png) left 9px center no-repeat;}
.archive-searchList .type_000 a:hover { background: #ccd8ea url(../img/icon-limited.png) left 9px center no-repeat;}
.archive-searchList .cat-item-25 a { background: url(../img/icon-limited.png) left 9px center no-repeat;}
.archive-searchList .cat-item-25 a:hover { background: #ccd8ea url(../img/icon-limited.png) left 9px center no-repeat;}

.archive-searchList .type_010 a { background: url(../img/icon-newitem.png) left 9px center no-repeat;}
.archive-searchList .type_010 a:hover { background: #ccd8ea url(../img/icon-newitem.png) left 9px center no-repeat;}
.archive-searchList .cat-item-26 a { background: url(../img/icon-newitem.png) left 9px center no-repeat;}
.archive-searchList .cat-item-26 a:hover { background: #ccd8ea url(../img/icon-newitem.png) left 9px center no-repeat;}

.archive-searchList .type_020 a { background: url(../img/icon-takuhai.png) left 9px center no-repeat;}
.archive-searchList .type_020 a:hover { background: #ccd8ea url(../img/icon-takuhai.png) left 9px center no-repeat;}
.archive-searchList .cat-item-27 a { background: url(../img/icon-takuhai.png) left 9px center no-repeat;}
.archive-searchList .cat-item-27 a:hover { background: #ccd8ea url(../img/icon-takuhai.png) left 9px center no-repeat;}

.archive-searchList .type_030 a { background: url(../img/icon-milk.png) left 9px center no-repeat;}
.archive-searchList .type_030 a:hover { background: #ccd8ea url(../img/icon-milk.png) left 9px center no-repeat;}
.archive-searchList .cat-item-28 a { background: url(../img/icon-milk.png) left 9px center no-repeat;}
.archive-searchList .cat-item-28 a:hover { background: #ccd8ea url(../img/icon-milk.png) left 9px center no-repeat;}

.archive-searchList .type_040 a { background: url(../img/icon-processing.png) left 9px center no-repeat;}
.archive-searchList .type_040 a:hover { background: #ccd8ea url(../img/icon-processing.png) left 9px center no-repeat;}
.archive-searchList .cat-item-29 a { background: url(../img/icon-processing.png) left 9px center no-repeat;}
.archive-searchList .cat-item-29 a:hover { background: #ccd8ea url(../img/icon-processing.png) left 9px center no-repeat;}

.archive-searchList .type_050 a { background: url(../img/icon-hakkou.png)left 9px center no-repeat;}
.archive-searchList .type_050 a:hover { background: #ccd8ea url(../img/icon-hakkou.png) left 9px center no-repeat;}
.archive-searchList .cat-item-30 a { background: url(../img/icon-hakkou.png)left 9px center no-repeat;}
.archive-searchList .cat-item-30 a:hover { background: #ccd8ea url(../img/icon-hakkou.png) left 9px center no-repeat;}

.archive-searchList .type_060 a { background: url(../img/icon-longlife.png)left 9px center no-repeat;}
.archive-searchList .type_060 a:hover { background: #ccd8ea url(../img/icon-longlife.png) left 9px center no-repeat;}
.archive-searchList .cat-item-31 a { background: url(../img/icon-longlife.png)left 9px center no-repeat;}
.archive-searchList .cat-item-31 a:hover { background: #ccd8ea url(../img/icon-longlife.png) left 9px center no-repeat;}

.archive-searchList .type_070 a { background: url(../img/icon-yoghourt.png) 9px center no-repeat;}
.archive-searchList .type_070 a:hover { background: #ccd8ea url(../img/icon-yoghourt.png) left 9px center no-repeat;}
.archive-searchList .cat-item-32 a { background: url(../img/icon-yoghourt.png) 9px center no-repeat;}
.archive-searchList .cat-item-32 a:hover { background: #ccd8ea url(../img/icon-yoghourt.png) left 9px center no-repeat;}

.archive-searchList .type_080 a { background: url(../img/icon-butter.png) 9px center no-repeat;}
.archive-searchList .type_080 a:hover { background: #ccd8ea url(../img/icon-butter.png) left 9px center no-repeat;}
.archive-searchList .cat-item-33 a { background: url(../img/icon-butter.png) 9px center no-repeat;}
.archive-searchList .cat-item-33 a:hover { background: #ccd8ea url(../img/icon-butter.png) left 9px center no-repeat;}

.archive-searchList .type_090 a { background: url(../img/icon-cream.png) 9px center no-repeat;}
.archive-searchList .type_090 a:hover { background: #ccd8ea url(../img/icon-cream.png) left 9px center no-repeat;}
.archive-searchList .cat-item-34 a { background: url(../img/icon-cream.png) 9px center no-repeat;}
.archive-searchList .cat-item-34 a:hover { background: #ccd8ea url(../img/icon-cream.png) left 9px center no-repeat;}

.archive-searchList .type_100 a { background: url(../img/icon-liqueur.png) 9px center no-repeat;}
.archive-searchList .type_100 a:hover { background: #ccd8ea url(../img/icon-liqueur.png) left 9px center no-repeat;}
.archive-searchList .cat-item-35 a { background: url(../img/icon-liqueur.png) 9px center no-repeat;}
.archive-searchList .cat-item-35 a:hover { background: #ccd8ea url(../img/icon-liqueur.png) left 9px center no-repeat;}

.archive-searchList .type_110 a { background: url(../img/icon-drink.png) 9px center no-repeat;}
.archive-searchList .type_110 a:hover { background: #ccd8ea url(../img/icon-drink.png) left 9px center no-repeat;}
.archive-searchList .cat-item-36 a { background: url(../img/icon-drink.png) 9px center no-repeat;}
.archive-searchList .cat-item-36 a:hover { background: #ccd8ea url(../img/icon-drink.png) left 9px center no-repeat;}

.archive-searchList .type_120 a { background: url(../img/icon-natural.png) 9px center no-repeat;}
.archive-searchList .type_120 a:hover { background: #ccd8ea url(../img/icon-natural.png) left 9px center no-repeat;}
.archive-searchList .cat-item-37 a { background: url(../img/icon-natural.png) 9px center no-repeat;}
.archive-searchList .cat-item-37 a:hover { background: #ccd8ea url(../img/icon-natural.png) left 9px center no-repeat;}

.archive-searchList .type_130 a { background: url(../img/icon-dessert.png) 9px center no-repeat;}
.archive-searchList .type_130 a:hover { background: #ccd8ea url(../img/icon-dessert.png) left 9px center no-repeat;}
.archive-searchList .cat-item-38 a { background: url(../img/icon-dessert.png) 9px center no-repeat;}
.archive-searchList .cat-item-38 a:hover { background: #ccd8ea url(../img/icon-dessert.png) left 9px center no-repeat;}

.archive-searchList .recommend-products a { background: url(../img/icon-osusume.png) 9px center no-repeat;}
.archive-searchList .recommend-products a:hover { background: #ccd8ea url(../img/icon-osusume.png) left 9px center no-repeat;}
.archive-searchList .cat-item-59 a { background: url(../img/icon-osusume.png) 9px center no-repeat;}
.archive-searchList .cat-item-59 a:hover { background: #ccd8ea url(../img/icon-osusume.png) left 9px center no-repeat;}

.archive-bottom-contents {
	background: #fefbf4;
	padding-top: 1rem;
	padding-bottom: 2rem;
}

.archive-bottom-contents h2 {
 margin: 0 0 0 0;
 background: url(../img/icon-archive-search.png) left center no-repeat;
 padding-top: 0.375rem;
 padding-bottom: 0.375rem;
 padding-left: 2.375rem;
 font-size: 1.125rem;
 color: #000;
}

.bottom-ranking h2 { background: url(../img/icon-ranking.png) left center no-repeat;}
.bottom-ranking ul {
	display: block;
 overflow: hidden;
 padding: 0.5rem 0;
 list-style: none;
 font-size: 0.875rem;
}

.bottom-ranking ul li {
	float: left;
 margin-right: 0.5rem;
 margin-bottom: 1.0rem;
}

.bottom-ranking ul li a {
	padding: 0.250rem 1.0rem 0.125rem 1.0rem;
 border: #e3ddd1 solid 1px;
 border-radius: 999px;
}

.bottom-ranking dd {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.bottom-search {}
.bottom-search p {
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
}

.bottom-search h2 { background: url(../img/icon-search-circle.png) left center no-repeat;}
.bottom-search dd {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.bottom-search #searchform {	position: relative;}
.bottom-search dd input[type="text"] {
	width: 100%;
	padding: 1.25rem 1.50rem;
	border: #fcf6e9 solid 1px;
	border-radius: 999px;
	font-size: 16px;
	box-shadow:0px 3px 0px 0px #e3ddd1;
}

.bottom-search dd input[type="submit"] {
	position: absolute;
	top: 21px;
	right: 22px;
	width: 16px;
	height: 16px;
	background: url(../img/icon-search-reverse.png);
	text-indent: -9998px;
}

.bottom-newsBox {	padding-top: 2rem;}
.bottom-newsTitle {	margin-bottom: 2.0rem;}
.bottom-newsTitle dt {
	text-align: center;
	font-size: 1.75rem;
	font-weight: normal;
	color: #000;
}

.bottom-newsTitle dd {
	text-align: center;
	font-size: 0.75rem;
	color: #999;
}

.bottom-newsBox-inner {}
.bottom-newsBox-inner dl {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.25rem;
}

.bottom-newsBox-inner dl dt {
	font-weight: normal;
 font-size: 0.875rem;
 color: #999;
 float: left;
}

.bottom-newsBox-inner dl dd {
	display: block;
 max-width: 47.0rem;
 float: left;
}


/* 生産者インタビュー */

.post-type-archive-voice .archiveHead, .voice .archiveHead {
	background: url(../img/headimg-voice.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 5.625rem;
	padding-bottom: 5.625rem;
	margin-top: 0;
 z-index: 1;
}

.post-type-archive-voice .archiveHead h1, .voice .archiveHead h1 {
	margin-bottom: 1.875rem;
	color: #fff;
}

.post-type-archive-voice .archiveHead dd, .voice .archiveHead dd {
	font-size: 1.0rem;
	color: #fff;
}

.post-type-archive-voice .archiveHead::after, .voice .archiveHead::after {
    content: "";
    background: rgba(50,38,139,0.75);
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.post-type-archive-voice .archive-contents dt {}
.post-type-archive-voice .archive-contents dd {
	padding: 1.125rem;
	border-left: #e6e6e6 solid 1px;
	border-right: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
	text-align: left;
}

.post-type-archive-voice .archive-contents dd .voice-excerpt {
 margin-bottom: 0.625rem;
	font-size: 1.0rem;
}

.post-type-archive-voice .archive-contents a dd .voice-title {
	background: url(../img/icon_link_right.png) top 4px left no-repeat;
	padding-left: 1.0rem;
	color: #333;
}

.voice .pageContents-inner {}
.voice .pageContents-inner h2 {
	padding: 3.0rem 0 2.25rem 0;
	text-align: center;
	font-size: 1.750rem;
}

@media screen and (max-width:480px) {
 .post-type-archive-voice .archiveHead dd, .voice .archiveHead dd { font-size: 0.875rem;}
	.voice .pageContents-inner h2 {
  text-align: center;
  font-size: 1.50rem;
 }
}

.archive-contents .voice dt { position: relative;}
.archive-contents .voice .newMark {
	position: absolute;
	bottom: 0;
	left: 10px;
	border: none;
	z-index: 999;	
}
.archive-contents .voice .newMark img {	border: none;}

@media screen and (max-width:480px) {
 .archive-contents .voice .newMark {
	 left: auto;
		right: 10px;
 }
}


/* お問い合わせ */

.inquiry {}
.inquiry .pageHead {
	background: url(../img/headimg-inquiry.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 5.625rem;
	padding-bottom: 5.625rem;
	margin-top: 0;
	margin-bottom: 2.5rem;
 z-index: 1;
}

.inquiry .pageHead h1 {
	margin-bottom: 1.875rem;
	color: #fff;
}

.inquiry .pageHead::after {
 content: "";
 background: rgba(50,38,139,0.75);
 opacity: 0.75;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 position: absolute;
 z-index: -1;
}

.inquiry .pageContents-inner h2 {
	padding: 2.0rem 0 1.0rem 0;
	text-align: center;
	font-size: 1.750rem;
}

.inquiry .pageContents-inner .faq-link { text-align: center;}
.inquiry .pageContents-inner .faq-link li {
	display: inline-block;
	margin-right: 1.0rem;
	background: url(../img/icon_link_right.png) top 6px left no-repeat;
}
.inquiry .pageContents-inner .faq-link li:last-child { margin-right: 0;}

.form-linkBox {}
.form-linkBox dl {
	border: #e6e6e6 solid 2px;
	border-radius: 3px;
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}

.form-linkBox dl dt {
	background: #e6e6e6;
	padding: 1.25rem;
	font-weight: normal;
	font-size: 1.125rem;
	color: #000;
}

.form-linkBox dl dt span {
	display: block;
	margin-top: 0.625rem;
	font-size: 0.875rem;
}

.form-linkBox dl dd {
	padding: 1.25rem 1.25rem 2.50rem 1.25rem;
	text-align: center;
}

.inquery-tel {
	font-family: "Noto Sans Japanese", "sans-serif";
	font-size: 2.0rem;
	font-weight: bold;
}
.inquery-tel img {
	display: inline-block;
	height: 1em;
	width: auto;
    margin-right: 5px;
    line-height: 0;
    margin-bottom: -5px;
    padding: 0;	
}
.inquery-tel span {
	font-weight: normal;
	font-size: 0.875rem;
}


.inquery-text {
	margin-bottom: 1.250rem;
	font-size: 0.75rem;
	color: #666;
}

.form-bottom {
	background: #004098;
	border-radius: 999px;
}

.form-bottom a {
	display: block;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: center;
 color: #fff;
	line-height: 1.0;
}

.form-bottom:hover {
	background: rgba(26,83,163,0.8);
	transition: 0.3s;
}

.inquiry-flow {
	border: #e6e6e6 solid 2px;
	border-radius: 999px;
	line-height: 1.0;
	overflow: hidden;
	margin-bottom: 2.50rem;
}
.inquiry-flow ul {	text-align: center;}
.inquiry-flow ul li {
	display: block;
	padding-top: 1.250rem;
	padding-bottom: 1.0rem;
	margin-bottom: 0;
	width: 25%;
	float: left;
	padding-left: 0;
	background: none;
	color: #666;
	position: relative;
}
.inquiry-flow ul li strong { color: #000;}

.inquiry-flow ul li:after {
	content: '>';
	position: absolute;
	right: 0;
	height: auto;
	color: #999;
	vertical-align: middle;
}
.inquiry-flow ul li:last-child:after {	content: '';}

.form-check {
	border: #e6e6e6 solid 2px;
	border-radius: 999px;
	padding: 2.25rem 6.0rem;
	line-height: 1.0;
	overflow: hidden;
}
.form-check:hover {	cursor: pointer;}
.form-check dt { margin-bottom: 0.625rem;}

.form-link {
	display: block;
	background: #666;
	border-radius: 999px;
	line-height: 1.0;
	text-align: center;
	color: #fff;
	position: relative;
}

.form-link a {
	color: #fff;
	font-weight: bold;
}

.form-link a:after {
	content: '\f006';
 font-family: "mfg";
	color: #fff;
	position: absolute;
	right: 2.0rem;
	vertical-align: middle;
}

.formBox {}
.formBox dl {
	display: block;
	overflow: hidden;
	border-bottom: #e6e6e6 dotted 2px;
}

.formBox dl dt {
	padding: 1.25rem;
	float: left;
	width: 240px;
	font-weight: normal;
}

.formBox dl dd {
	padding: 1.25rem;
	width: 41.0rem;
	float: left;
}

.formBox input, .formBox textarea {
	padding: 0.5rem;
	border: #e6e6e6 solid 1px;
	border-radius: 5px;
	font-size: 16px;
}
.form-check dd label:hover { cursor: pointer;}

.mwform_next .button {
 display: block;
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
 border: #004098 solid 2px;
 border-radius: 5px;
	background: #fff url(../img/icon-arrow-right.png) center right 1.25rem no-repeat;
 color: #000;
 padding: 1.0em 1.25em;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
	font-size: 1.25rem;
}

.mwform_next .button:hover {
	background: #004098 url(../img/icon-arrow-right-w.png) center right 1.25rem no-repeat;
 color: #fff;
	box-shadow: none;
}

.mwform_back, .mwform_next {
	margin-bottom:1.25rem;
	display: block;
}

.mwform_back .button {
 display: block;
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
 border: #d1111c solid 2px;
 border-radius: 5px;
	background: #fff url(../img/icon-arrow-left-red.png) center left 1.25rem no-repeat;
 color: #000;
 padding: 1.0em 1.25em;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
	font-size: 1.25rem;
}

.mwform_back .button:hover {
	background: #d1111c url(../img/icon-arrow-left-w.png) center left 1.25rem no-repeat;
 color: #fff;
	box-shadow: none;
}

#form-link-inner {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #B9B9B9;
}

#form-link-inner:hover {
	background: #55ad34;
	border-radius: 999px;
}

@media screen and (max-width:768px) {
	.inquery-tel span { display: block;}
	.formBox dl dt {
  padding: 1.25rem 1.25rem 0 1.25rem;
  float: none;
  width: 100%;
 }
	.formBox dl dd {
  float: none;
		width: 100%;
 }
	.formBox dl dd input {	width: 100%;}
	.formBox dl dd textarea {	width: 100%;}
	.formBox dl dd input[type="radio"], .formBox dl dd input[type="checkbox"] {
		width: auto;
		text-align: left;
	}
}

@media screen and (max-width:480px) {
	.inquiry .pageHead {	margin-bottom: 0;}
	.inquiry .pageContents-inner .faq-link ul { padding-left: 0;}
	.inquiry .pageContents-inner .faq-link li {
		display: block;
		text-align: left;
	}
	.inquiry .pageContents-inner h2 {
  text-align: center;
  font-size: 1.50rem;
 }
	.inquery-tel { font-size: 1.75rem;}
	.form-check {
  border-radius: 10px;
  padding: 1.25rem 2.0rem;
 }
	.inquiry-flow { display: none;}
	.formBox {
		margin-left: -1.25rem;
		margin-right: -1.25rem;
	}
	.formBox h3 {
		margin-left: 0.625rem;
		margin-right: 0.625rem;
		padding: 1.0rem 0 0 0;
	}
	.form-linkBox dl {
  margin-left: 0;
  margin-right: 0;
 }
	.formBox dl dd {
		padding: 0.5rem 1.25rem 1.25rem 1.25rem;
  float: none;
		width: 100%;
 }
	.horizontal-item {	display: block;}
	.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0!important;}
}

/* ニュース 新着リスト */

.news-list {}
.news-list dl {
	display: block;
	overflow: hidden;
	margin-bottom: 1.50rem;
	padding-bottom: 1.25rem;
	border-bottom: #e6e6e6 dashed 1px;
}
.news-list dl dt {
	float: left;
	border: #e6e6e6 solid 1px;
	margin-right: 1.25rem;
	border-radius: 5px;
	overflow: hidden;
	width: 9rem;
}
.news-list dl dd {
	float: left;
	max-width: 40rem;
}

.post-date {
	display: block;
	margin-bottom: 1.25rem;
}

a .post-day {
	color: #666;
	font-size: 0.865rem;
}

.news-list a:hover dl dt img {
	transform: scale(1.1);
	transition: 0.3s;
} 

@media screen and (max-width:768px) {
 .news-list dl dd { max-width: 18.0rem;}
}

@media screen and (max-width:480px) {
	.news-list dl dt {
  float: none;
  margin-right: 0;
		width: 100%;
 }
	.news-list dl dt img {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.post-date { margin-top: 1.25rem;}
 .news-list dl dd { max-width: 100%;}
}


/* お客様相談室 */

.support-head {
	background: #fefbf4;
	padding-top: 3.0rem;
	padding-bottom: 4.0rem;
	border-radius: 10px;
}

.support-head > h2 {
	margin: 0 0;
	padding: 0 0;
	text-align: center;
	font-size: 1.250rem;
	font-family: "Noto Sans Japanese", "sans-serif";
	font-weight: bold;
	color: #ff8900;
}

.support-catLink {}
.support-catLink ul {
	list-style: none;
	padding-left: 0;
	display: block;
	overflow: hidden;
	text-align: center;
	margin-top: 1.0rem;
}

.support-catLink ul li {
	display: inline-block;
	margin-right: 1.5rem;
	font-size: 0.875rem;
}
.support-catLink ul li:last-child { margin-right: 0;}

.support-catLink ul li a {
	background: url(../img/icon_link_right.png) left center no-repeat;
	padding-left: 1.0rem;
}

.support-archiveSearch {}
.support-archiveSearch h2 {
	padding: 0 0;
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 0;
 background: url(../img/icon-search-circle.png) left center no-repeat;
 padding-top: 1.375rem;
 padding-bottom: 1.375rem;
 padding-left: 2.375rem;
 font-size: 1.125rem;
 color: #000;
}
.support-archiveSearch dt {
	background: url(../img/bk-ranking-border.png) bottom left repeat-x;
}

.support-archiveSearch dd {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	margin-top: 1.25rem;
}

.archive-supportList {}
.faq-box-worp {
}
.faq-box {
	background: url(../img/bk-ranking-border.png) bottom left repeat-x;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}
.faq-box dt {
	background: url(../img/icon_faq_q.png) left center no-repeat, url(../img/icon_faq_open.png) right center no-repeat;
	color: #000;
	padding-top: 1.250rem;
	padding-bottom: 1.250rem;
	padding-left: 2.50rem;
	padding-right: 2.50rem;
}
.faq-box dt:hover { cursor: pointer;}
.faq-box dt.active {	background: url(../img/icon_faq_q.png) left center no-repeat, url(../img/icon_faq_close.png) right center no-repeat;}
.faq-box dd { padding-bottom: 1.25rem!important;}
.faq-box .faq-box-inner {
	background: #f7f8f8;
	border-radius: 10px;
	margin-left: 2.0rem;
	margin-right: 2.0rem;
	margin-bottom: 1.25rem;
	padding: 2.0rem;
	font-size: 0.875rem;
}
.faq-box .faq-box-inner p {
	line-height: 1.8;
	margin-bottom: 1.0rem;
}

.faq-box .faq-box-inner ul, .faq-box .faq-box-inner ol {
	margin-bottom: 0.625rem;
}


@media screen and (max-width:480px) {
 .support-head {
  padding-top: 1.5rem;
  padding-bottom: 2.0rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
 }
	.support-catLink ul {
  text-align: left;
 }
	.support-catLink ul li {
  display: block;
  margin-right: 0;
 }
	.support-catLink ul li a {
		display: block;
		padding: 0.5rem;
		padding-left: 1.0rem;
	}
	.support-archiveSearch dd {
  padding-left: 0;
  padding-right: 0;
  margin-top: 1.25rem;
 }
	.faq-box .faq-box-inner {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.25rem;
  padding: 1.0rem;
 }
}


/* キャンペーン */

.campaign-link {	margin-top: 1.25rem;}
.campaign-link a {
	background: url(../img/icon_link_right.png) center right 1.50rem no-repeat;
display: block;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
text-align: center;
line-height: 1.0;
border: #004098 solid 1px;
border-radius: 999px;
color: #004098;
}

.campaign-link a:hover {
	transition: 0.2s;
	background: #004098 url(../img/icon-ullist.png) center right 1.50rem no-repeat;
 display: block;
 padding-top: 1.25rem;
 padding-bottom: 1.25rem;
 text-align: center;
 line-height: 1.0;
 border: #004098 solid 1px;
 border-radius: 999px;
 color: #fff;
}

.youtube-title {
	margin-top: 0.625rem;
	text-align: center;
	font-size: 0.875rem;
}

.oubo-list { margin-top:1.25rem;}
.oubo-list {
	list-style: none;
	padding-left: 0;
}

.oubo-list li {
	background: url(../img/icon_link_right.png) left center no-repeat;
	padding-left: 1.0rem;
}

.promise .pageHead h1 {background: none;}
.quality .pageHead h1 {background: none;}
.technology .pageHead h1 {background: none;}
.future-and-smile .pageHead h1 {background: none;}

.youtube-channel {}
.youtube-channel a {
 display: block;
 border-radius: 999px;
 padding-top: 1.5rem;
 padding-bottom: 1.5rem;
	padding-left: 2.50rem;
	padding-right: 2.50rem;
 background: #004098;
 text-align: center;
 color: #fff !important;
 line-height: 1.6;
}

.youtube-channel a:hover {
 box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
 transition: 0.2s;
}


/* 検索結果（商品情報） */

.goods-search-list dl {
	display: block;
	overflow: hidden;
	margin-bottom: 1.50rem;
	padding-bottom: 1.25rem;
	border-bottom: #e6e6e6 dashed 1px;
}
.goods-search-list dl dt {
	float: left;
	border: #e6e6e6 solid 1px;
	margin-right: 1.25rem;
	border-radius: 5px;
	overflow: hidden;
	width: 9rem;
}
.goods-search-list dl dd {
	float: left;
	max-width: 47rem;
}

.goods-search-list a:hover dl dt img {
	transform: scale(1.1);
	transition: 0.3s;
} 

.goods-search-list a .post-title {
	color: #000;
	font-size: 1.125rem;
	}

.goods-search-list a .post-title br { display: none;}
.goods-search-list a .goods-text {
	margin-top: 0.625rem;
	color: #666;
	font-size: 0.875rem;
}


.goods-search-list .catName {
 display: inline-block;
 margin-left: 5px;
 margin-right: 5px;
 border-radius: 999px;
 padding: 0.6rem 1.0rem 0.5rem 1.0rem;
 line-height: 1.0;
 font-size: 0.75rem;
 background: #004098;
 color: #fff;
}


@media screen and (max-width:768px) {
 .goods-search-list dl dd { max-width: 28.0rem;}
}

@media screen and (max-width:480px) {
	.goods-search-list dl dt {
  float: none;
  margin-right: 0;
		width: 100%;
 }
	.goods-search-list dl dt img {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
 .goods-search-list dl dd { max-width: 100%;}
}


/* おすすめレシピ */

.recipe .archiveHead {
 background: url(../img/headimg-recipe.jpg) center center no-repeat;
 background-size: cover;
 position: relative;
 padding-top: 5.625rem;
 padding-bottom: 5.625rem;
 margin-top: 0;
 margin-bottom: 0;
 z-index: 1;
}

.recipe .archiveHead::after {
    content: "";
     background:rgba(237,71,4,0.65);
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.recipe .archiveHead dt h1 span, .recipe .archiveHead dd { color: #fff;}
.recipe .archiveHead h1, .recipe .pageHead h1 { background: url( ../img/title_border_yellow.png) center bottom no-repeat;}

.recipe .archive-contents .recipe-list {
	margin-top: 2.0rem;
}
.recipe .archive-contents .recipe-list .line .margin .l-4:nth-child(4) {
	clear: both;
}
.recipe .archive-contents .recipe-list dl, .tax-cat_recipe .taxonomy-contents dl {
	position: relative;
	min-height: 270px;
}
.recipe .archive-contents .recipe-list dd, .tax-cat_recipe .taxonomy-contents dd {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	text-align: left;
	background: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.8)50%, rgba(255, 255, 255, 1));	
	padding: 1em;
	height: 5em;
	box-sizing: border-box;
	text-shadow:#fff 0 0 10px,#fff 0 0 10px,#fff 0 0 20px,#fff 0 0 20px;
}

.recipe .archive-contents .recipe-list a dd, .tax-cat_recipe .taxonomy-contents a dd {
	padding: 1.25rem;
	font-size: 1.0rem;
}
.recipe .archive-contents .recipe-list a dd span, .tax-cat_recipe .taxonomy-contents a dd span {
	background: url(../img/icon_link_right.png) left top 6px no-repeat;
	padding-left: 1.125rem;
	color: #006699;
}
.recipe .archive-contents .recipe-list a dt img, .tax-cat_recipe .taxonomy-contents a dt img { border: none;}

.taxonomy-contents a dt { border: none;}
.taxonomy-contents a dt img {
 border: none!important;
 transition: 0.3s;
 width: 100%;
}

.archive-recipe-osusume {
	background: #fdf3d5;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.photo-osusume img {
	width: 100%;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.thum-osusume {
	position: relative;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

.osusume-infoBox {
	position: relative;
	margin-top: 2rem;
	margin-left: 1.25rem;
	margin-right: 2.50rem;
}

.osusume-infoBox > dt {
	background: url(../img/icon_recipe_orange_large.png) left center no-repeat;
	padding-left: 1.75rem;
	font-size: 1.50rem;
	font-weight: bold;
	color: #ed4704;
}

.tag-osusume {
	position: absolute;
	top: 1.25rem;
	left: 0;
	width: 148px;
	height: 56px;
}

.recipe-description { margin-top: 0.625rem;}
.recipe-description p { font-size: 0.875rem;}
.relation-goodsBox {
	position: relative;
	margin-top: 3.0rem;
}

.recipeHead { margin-top: 1.625rem;}
.photo-recipe {
	text-align: center;	
}
.photo-recipe img {
/*	width: 100% !important;
	height: auto;*/
	display: inline-block;
	width: auto;
	max-width:100%;
	min-width: 480px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width:768px) {
.photo-recipe img {
	width: 100% !important;
	min-width:inherit;
	height: auto;
}	
}
.recipeHead-inner {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.recipeHead-inner h1 {
	background: url(../img/border_recipe_title.png) bottom center no-repeat;
	margin: 2.0rem 0 1.875rem 0;
	padding-bottom: 1.25rem;
	text-align: center;
	font-size: 1.750rem;
	color: #ed4704;
}

.recipe-material { margin-right: 1.25rem;}
.recipe-flow { margin-left: 1.25rem;}
.recipe-material dt, .recipe-flow dt {
	padding-left: 0.625rem;
	padding-bottom: 0.875rem;
	background: url(../img/side-bottom-border.png) bottom left repeat-x;
	line-height: 1.0;
}

.recipe-material dt span, .recipe-flow dt span {
	display: block;
	padding-left: 1.50rem;
	background: url(../img/icon_material.png) center left no-repeat;
}

.recipe-material dd, .recipe-flow dd {
	margin-top: 1.25rem;
	font-size: 0.875rem;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.recipe-material dd ul {
	list-style: none;
	padding-left: 0;
}

.recipe-material dd ul li {
	margin-bottom: 0.3125rem;
	padding-left: 1.125rem;
	background: url(../img/icon-ullist.png) left top 5px no-repeat;
}

.recipe-flow dd {}
.recipe-flow dd ol li {	margin-bottom: 10px;}

.relationItem {
	display: block;
	position: relative;
	border: #e2c97d solid 2px;
	border-radius: 5px;
	margin-left: 1.25rem;
	margin-right: 1.25rem;
	margin-top: 3.0rem;
	padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.relationItem dt img {
	/* border: #e6e6e6 solid 1px; */
}

.fukidashi-relation {
	position: absolute;
	top: -25px;
	left: -20px;
	width: 148px;
	height: 50px;
}

.relation-goods-inner {
	display: block;
	overflow: hidden;
	border: #e2c97d solid 2px;
	border-radius: 5px;
	padding: 1.25rem;
}

.relation-goods-inner dt {
	float: left;
}

.relation-goods-inner dd {
	float: left;
	text-align: left!important;
	padding-left: 1.0rem;
}

.relationTitle {
	font-size: 0.875rem;
	font-weight: bold;
}

.relationCopy {
	margin-top: 5px;
	font-size: 0.75rem;
	color: #333;
}

.relationCopy h2 {
	font-size: 0.875rem;
}

.recipe-freeBox {
	margin-top: 6.0rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.provision-name {
	text-align: right;
	font-size: 0.875rem;
}

.provision-name:before {
	content: url(../img/icon-fukidashi-red.png);
	vertical-align: text-top;
	margin-right: 0.5rem;
}

a .relation-goods-title {
	font-size: 0.875rem;
	font-weight: bold;
	color: #006699;
}
a .relation-goods-title br { display: none;}

a .relation-goods-text {
	margin-top: 10px;
	font-size: 0.75rem;
	color: #333;
}

a .relation-goods-text h2 {
	font-size: 0.875rem;
}

.recipe-osusume-title {
	display: block;
	margin-top:0;
	margin-bottom: 1.0rem;
	padding-left: 1.6875rem;
	background: url(../img/icon_recipe_orange_large.png) top 4px left no-repeat;
	font-size: 1.50rem;
	font-weight: bold;
	color: #ed4704;
}
.recipe-osusume-text { font-size: 0.875rem;}

.archive-search-recipe {
	background: #fefbf4;
	padding-top:1rem;
	padding-bottom: 2rem;
}

.archive-search-recipe dt {
	background: url(../img/icon-search-circle.png) center left 3px no-repeat, url(../img/side-bottom-border.png) left bottom repeat-x;
	padding-left: 2.50rem;
	padding-top: 1.125rem;
	padding-bottom: 1.125rem;
	font-size: 1.125rem;
	font-weight: normal;
	color: #000;
}

.archive-search-recipe dd {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
	margin-top: 1.25rem;
}

.recipe-catLink {
	background: #fff;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.recipe-catLink-title {
	display: block;
	margin-bottom: 2.0rem;
	text-align: center;
	font-size: 1.250rem;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "sans-serif";
	color: #ff8900;
}

.recipe-catLink-inner {
	border: #004098 solid 1px;
	border-radius: 999px;
}

.recipe-catLink dl {
	display: block;
	padding: 10px;
	border: #004098 solid 1px;
	border-radius: 999px;
	overflow: hidden;
}

.recipe-catLink dl dt {
	width: 68px;
	height: 68px;
	float: left;
}
.recipe-catLink dl dt img {
	width: 68px;
	height: 68px;
	border: none;
	border-radius: 9999px;
	overflow: hidden;
}
.recipe-catLink dl dd {
	display: table-cell;
	vertical-align: middle;
	margin-left: 1.0rem;
	padding-top: 0;
	padding-left: 1.0rem;
	text-align: left;
	font-size: 1.0rem;
	height: 68px;
}

.tax-cat_recipe .archiveHead {
 background: url(../img/headimg-recipe.jpg) center center no-repeat;
 background-size: cover;
 position: relative;
 padding-top: 5.625rem;
 padding-bottom: 5.625rem;
 margin-top: 0;
 margin-bottom: 0;
 z-index: 1;
}

.tax-cat_recipe .archiveHead::after {
    content: "";
    background: rgba(237,71,4,0.65);
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.tax-cat_recipe .archiveHead h1 {
    margin: 0 0;
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
    font-size: 1.75rem;
    color: #fff;
    text-align: center;
    margin-bottom: 1.875rem;
    background: url(../img/border_recipe_title.png) center bottom no-repeat;
}

.tax-cat_recipe .taxonomy-contents {
	padding-top: 2rem;
}

.tax-cat_recipe .archiveHead dd {
    text-align: center;
    font-size: 1.0rem;
    color: #fff;
}

@media screen and (max-width:768px) {
.tag-osusume { top: 0.75rem;}
}

@media screen and (max-width:480px) {
	.archive-recipe-osusume {
		margin-left: -0.625rem;
		margin-right: -0.625rem;
  padding-top: 2.0rem;
  padding-bottom: 2.50rem;
 }
	
	.osusume-infoBox {
  margin-top: 3rem;
  margin-left: 1.25rem;
  margin-right: 0;
 }
	
	.archive-search-recipe {
		margin-left: -0.625rem;
		margin-right: -0.625rem;
		padding-top: 1.0rem;
  padding-bottom: 2.0rem;
	}
	
	.archive-search-recipe dd {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.25rem;
 }
	
	.recipe-catLink {
  padding-top: 2.0rem;
  padding-bottom: 2.0rem;
 }
	
	.recipeHead-inner h1 { font-size: 1.50rem;}
 .provision-name {	margin-top: 10px;}
	.recipeHead-inner {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
 }
	
	.recipe-material {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
 }
	
	.recipe-flow {
		margin-top: 1.25rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
 }
	.recipe-freeBox { margin-top: 3.0rem;}
	.tax-cat_recipe .archiveHead h1 { font-size: 1.50rem;}
 .tax-cat_recipe .archiveHead dd { font-size: 0.875rem;}
	
	.tax-cat_recipe .archiveHead {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
 }
	.thum-osusume {
		margin-left: 0;
		margin-right: 0;
	}
	.recipe-osusume-title { font-size: 1.25rem; margin-top: 0;}
}


/* 宅配システム */

.tel-content {	position: relative;}
.tel-content:after {
	content: "\e07b";
	position: absolute;
	top: 31%;
	right: 1.250rem;
 font-family: "sli";
	color: #fff;
}

.tel-content a {
	display: block;
	border-radius: 5px;
	padding: 1.25rem;
	background: #1a8f3e;
	text-align: center;
	color: #fff;
	font-size: 1.125rem;
}

.tel-content a:before {
	content: "\e600";
	margin-right: 10px;
 font-family: "sli";
}

.tel-content a:hover {
 opacity: 0.8;
	transition: 0.2s;
}


.mail-content {	position: relative;}
.mail-content:after {
	content: "\e07b";
	position: absolute;
	top: 31%;
	right: 1.250rem;
 font-family: "sli";
	color: #fff;
}

.mail-content a {
	display: block;
	border-radius: 5px;
	padding: 1.25rem;
	background: #2455a4;
	text-align: center;
	color: #fff;
	font-size: 1.125rem;
}

.mail-content a:before {
	content: "\2709";
	margin-right: 10px;
 font-family: "sli";
	font-size: 1.250rem;
}

.mail-content a:hover {
 opacity: 0.8;
	transition: 0.2s;
}

.contact-telBox {
	display: block;
	background: #1b8f3e;
	border-radius: 5px;
}

.contact-telBox:hover {
	opacity: 0.8;
	transition: 0.2s;
}
.contact-telBox a { color: #fff;}

.contact-telBox dl { padding: 1.25rem;}
.contact-telBox dt {
	padding-bottom: 0.625rem;
	text-align: center;
}
.contact-telNumber {
	font-size: 2.0rem;
	font-weight: bold;
}

.contact-telNumber:before {
	content: "\e600";
 margin-right: 0.625rem;
	margin-left: 1.250rem;
 font-family: "sli";
}

.contact-telBox .contact-telBox-bottom {
	display: block;
	width: 100%;
	border-top: #fff dotted 1px;
	padding-top: 0.625rem;
	font-weight: normal;
	font-size: 0.875rem;
	text-align: center;
}

.contact-mailBox {
	display: block;
	background: #2455a4;
	border-radius: 5px;
}

.contact-mailBox:hover {
	opacity: 0.8;
	transition: 0.2s;
}

.contact-mailBox a {
 padding: 1.25rem;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.250rem;
	position: relative;
}

.contact-mailBox a:before {
 content: "\2709";
 margin-right: 10px;
 font-family: "sli";
 font-size: 1.75rem;
}

.contact-mailBox a:after {
	position: absolute;
	top: 30%;
	right: 1.25rem;
	content: "\e079";
 font-family: "sli";
}

@media screen and (max-width:480px) {
 .contact-telBox {
  margin-left: -1.250rem;
  margin-right: -1.250rem;
 }
	.contact-telNumber {
		display: block;
		font-size: 1.750rem;
	}
	.contact-telNumber::before { margin-left: 0;}
	.contact-telBox dl { padding: 1.0rem;}
	.contact-telBox .contact-telBox-bottom { font-size: 0.750rem;}
	.contact-mailBox a { font-size: 1.125rem;}
	.contact-mailBox a::before {
		margin-right: 5px;
		font-size: 1.50rem;
	}
	.contact-mailBox a::after {
		font-size: 1.0rem;
  right: 1.25rem;
 }
}


/* 宅配システム */

.delivery-goods-list {}
.delivery-goods-list dl {
	border-bottom: none;
}
.delivery-goods-list dl dt {
	border: #e6e6e6 solid 1px;
	border-radius: 5px;
	margin-bottom: 0.625rem;
	overflow: hidden;
}

.delivery-goods-list dl dd {
	padding: 0 0.6125rem;
	margin-bottom: 0;
	text-align: center;
 float: none;
}

.delivery-goods-list dl dd { font-size: 0.875rem;}
.delivery-goods-list dl dd:last-child {	margin-top: 0.625rem;}
.delivery-goods-list dl dd a {	display: block;}

.order-count {
	margin-top: 0.625rem;
	font-size: 0.875rem;
	text-align: center;
}
.order-count select {	font-size: 16px;}

.instagram { margin-bottom:4em;}

@media screen and (max-width:480px) {
	.delivery-goods-list dl dd { font-size: 0.750rem;}
}

#sb_instagram .sbi_follow_btn a {
	padding:1.25em 1.5em !important;
	border-radius: 100px !important;
	background: #ff6666 !important;
	display: block;
}

/* 見る・知る・楽しむ */

.milk h2 {
	position: relative;
	clear: both;
	display: block;
	z-index: 0;	
	background:#52be7f;
	margin-top: 2em;
	padding: 0.5em 1em 0.5em 2em;
	width: 100%;
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	border-radius: 100px;
	line-height: 1.2;
}
.milk h2:first-child{ margin-top: 0;}
.milk h2:before {
	content: "Q";
	font-family:Tahoma, Geneva, "sans-serif";
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0.875em;
	line-height: 1;
}
.milk h2:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #52be7f;
}
.milk img.alignleft {
	width: 15%;
	height: auto;
	display: table-cell;
}
.milk-answer {
	position: relative;
	display: table-cell;
	padding: 1.5em 2em;
	background: #fdf3d5;
	border-radius: 30px;
	box-sizing: border-box;
   width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 20%) ;
   width : calc(100% - 20%) ;
}
.milk-answer:after {
	content: "";
	position: absolute;
	top: 3em; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fdf3d5 transparent transparent;
}
.taisou article {
	padding-bottom: 0;
/*	background: url(../img/taisou-bg.gif);*/
}

.taisou h2 {
	font-size: 1.5em;	
	padding: 1em;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
}

.taisou .youtube { box-shadow: rgba(0,0,0,0.15) 4px 4px;}
.taisou  .note { margin-bottom: 4em;}

.process .box {
	background:#fdf3d5;
	padding: 1em;
	font-size: 0.875em;
	margin-bottom: 0;
}
.process .box h3 {
	color: #000;
}
.process .box h4 {
	font-size: 1rem;
	font-weight: bold;
	color: #ff8900;
}

.process .box .l-6 { box-sizing: border-box; padding: 1em;}
.process .arrow {
	margin: 0 auto;
	display: block;
 width: 30px;
 height: 30px;
 border: 8px solid;
 border-color: #004098 #004098 transparent transparent;
 transform: rotate(135deg);
	margin-bottom: 1em;
}

@media screen and (max-width:480px) {
 .milk h2 { font-size: 1.125rem;}
}

/* 汎用装飾 */
.note {
	display: block;
	box-sizing: border-box;
	padding: 2em 4em;
	border-radius: 100px;
	margin: 2em 0;
	font-size: 0.875em;
	background: #fff;
}
.note h3 {
	font-size: 1.125rem;
	font-weight: bold;
	color:#004098;
}
.note.border {
	border:#eee solid 2px;
}
.border-green {
	border:#52be7f solid 2px;
}
.bg-yellow {
	background: #fdf3d5;
}
.bg-yellow h2 {
	color: #ed4704;
}

@media screen and (max-width:480px) {
 .child-page {
		margin-left: 0.625rem;
		margin-right: 0.625rem;
	}
}
.post-template-default .pageContents p{
	padding:0 1em;
	box-sizing: border-box;
}

/* 重要なお知らせ[pickup] */
.attention-info {
	margin: 1.5em 0 2em;
}
.attention-info a {
	display: block;
	box-sizing: border-box;
	background:#FFFEE5;
	border: #cc3333 solid 2px;
	padding: 1em;
	font-size: 1em;
	color: #cc3333;
	font-family: "Noto Sans Japanese", "sans-serif";
	font-weight: 600;
	width: 100%;
	position: relative;
}
.attention-info a span.date {
	font-weight: 400;
	font-size: 0.75em;
}
.attention-info a:after {
	content: "＞";
	position: absolute;
	right: 1em;
	font-size: 1.125em;
}

.attention-info:hover a,
.attention-info:active a{
	background: #cc3333;
	color: #fff;
}


/*　カタログダウンロード */

.pageContents-inner .catalog-pdf-link a[href$=".pdf"] {
    display: block;
    border: none;
    border-radius: none;
    padding: 0 0;
    color: #fff;
    margin-top:0;
    margin-bottom: 0;
}
.pageContents-inner .catalog-pdf-link a[href$=".pdf"]::after {	content: '';}

.catalog-pdf-link, .catalog-dbook-link {}
.catalog-pdf-link a, .catalog-dbook-link a {
	position: relative;
	display: block;
	text-align: center;
	background: #004098;
	border-radius: 5px;
	padding-top: 1.250rem!important;
	padding-bottom: 1.250rem!important;
	color: #fff!important;
	font-size: 1.125rem;
	line-height: 1.0;
	transition: 0.2s;
}

.catalog-pdf-link a:hover, .catalog-dbook-link a:hover {
 background: #006699;
	transition: 0.2s;
}

.catalog-pdf-link a:before {
	content: 'picture_as_pdf';
 font-family: 'Material Icons';
	font-size: 20px;
	position: absolute;
	left: 1.25rem;
}
.catalog-dbook-link a:before {
	content: 'library_books';
 font-family: 'Material Icons';
	font-size: 20px;
	position: absolute;
	left: 1.25rem;
}