@charset "utf-8";
.mb-0{margin-bottom: 0}
.spbr{display: none;}
@media screen and (max-width: 480px) {
	.spHidden{display: none;}
	.pcHidden{display: inherit;}
}
@media only screen and (min-width: 481px) {
	.spHidden{display: inherit;}
	.pcHidden{display: none;}
}
@media only screen and (min-width: 768px) {
	.spHidden{display: inherit;}
	.pcHidden{display: none;}
}

/* 共有ページのcss */
#mainimg {
	position: relative;
}
.mainimg__decoration {
    position: absolute;
    content: "";
    background-image: url(/wp-content/themes/wakuwaku-work/images/decorationFootprint.png);
    background-size: 15px;
    background-repeat: repeat no-repeat;
    height: 50px;
    top: 0px;
    width: 100%;
}

h1 {
    margin: 0 auto 1rem;
}

@media only screen and (min-width: 768px) {
.mainimg__decoration {
	background-size: 30px;
}
}

/* /共有ページのcss */

/* 詳細ページのcss */
.detail table{
	margin: 0 auto;
}

.detail tbody tr th {
    background-color: #6ca131;
    color: #fff;
    border: #6ca131 solid thin;
    border-right: #FFF solid thin;
}

.detail tbody tr th:nth-child(3) {
    border-right: #6ca131 solid thin;
}

.detail tbody tr td {border: #6ca131 thin solid;}
.discount , .small {font-size: 0.8em;}

.foodIngredient__left th { width: 50% !important;}
.foodIngredient__left tr:nth-child(odd)>th,
.foodIngredient__left tr:nth-child(odd) {
    background: #ffe2ac !important;
}
.foodIngredient__left tr:first-child>th,
.foodIngredient__left tr:first-child {
    background: #ffc861 !important;
    font-weight:bold
}

.foodRequirement {
  overflow-x: overlay;
}

.foodRequirement table.herf {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.post-content .foodRequirement table tbody th {
    width: 50%;
}
/* /詳細ページのcss */


/* TOPページのcss */
.productText1>.title+p {
    border: #604129 solid 3px;
    margin-top: 0;
    padding: 10px 15px !important;
}

.compareTableImage__telop {
    position: absolute;
    top: -35px;
}

.compareTableImage {
    position: relative;
}
.detailTable th {
	background-color: #62422a;
	color: #fff;
	width: 50%;
	background-image: url(/wp-content/themes/wakuwaku-work/images/footStampWhite.png);
  background-size: cover;
  background-position: center;
}

.detailTable tr:nth-child(odd) {
    display: contents;
}

.detailTable td {
    line-height:1.5;
	  width: 50%;
	background-color: #fff;
}

@media only screen and (min-width: 481px) {
	.detailTable th {
    background-color: #62422a;
	  width: 25%;
}
	.detailTable td {
  line-height: 1.5;
  width: 25%;
}

}

@media only screen and (min-width: 768px) {
.foodIngredient__left {
    display: inline-block;
    width: 49%;
    vertical-align:top;
}
.foodIngredient__left table { width: 95%;}
.foodIngredient__left th { width: 50% !important;}
.foodIngredient__right {
    display: inline-block;
    width: 49%;
    vertical-align:top;
}
.foodIngredient__right p{margin-top:0}


.detailTable th,.detailTable td {
	  width: 25%;
}

.compareTableImage__telop {
    position: absolute;
    top: -40px;
}
}

.mainimg__image {
    background-image: url(/wp-content/themes/wakuwaku-work/images/mainImgSp.png);
    background-size: cover;
    max-height: 460px;
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
		padding: 42% 0%;
}

.productText1 {
   float: none;
	width: 100%;
	margin: 0 auto;
}

#contentArea .productArea .productText1 p.title{
	margin-top: 0px;
	background: #604129;
  text-shadow: 1px 2px #4a2c14,
		1px -1px #4a2c14,
		-1px 1px #4a2c14,
		-1px -1px #4a2c14,
		1px 1px #4a2c14,
		1px -1px #4a2c14,
		-1px 1px #4a2c14,
		-1px -1px #4a2c14,
		1px 1px #4a2c14,
		1px -1px #4a2c14,
		-1px 1px #4a2c14,
		-1px -1px #4a2c14,
		2px 2px 1.5px #383838d9;
	}

.itemIntroduction__image {
	background-image: url(/wp-content/themes/wakuwaku-work/images/introductionBackground.png);
	background-size: cover;
	background-position-x: center;
	background-repeat: no-repeat;
}


.itemIntroduction__name {
    margin: 20px auto;
    text-align: center;
    background-color: #fff;
	margin-top: 0;
}

.officialBtn {
    margin: 0 auto 20px;
}

@media only screen and (min-width: 481px) {
.mainimg__image {
	background-image: url(/wp-content/themes/wakuwaku-work/images/mainImg.png);
	background-size: contain;
	height: 100%;
	padding: 25% 0%;
	background-position: center center;
}

.itemIntroduction__image,
.itemIntroduction__chart {
    display: inline-block;
    width: 49%;
}
}

@media only screen and (min-width: 768px) {
.mainimg__image {
	background-image: url(/wp-content/themes/wakuwaku-work/images/mainImg.png);
	background-size: contain;
	height: 570px;
	background-position: center center;
	padding:0%
}

.itemIntroduction__image,
.itemIntroduction__chart {
    display: inline-block;
    width: 48%;
    background: none;
}

.itemIntroduction {
    margin-bottom: 20px;
    background-image: url(/wp-content/themes/wakuwaku-work/images/introductionBackground.png);
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.itemIntroduction p.title {
    background: #fff;
    margin-bottom: 0;
}

.productText1 {
	margin-left: auto;
	margin-right: auto;
/* 	margin-bottom: 20px;
	max-width: 600px; */
}
}
/* /TOPページのcss */

/*------------------------------ 20200217 トップページ追加 ------------------------------*/
@media only screen and (min-width: 481px) {
	.compareTableImage {
		background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_noItem.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		content: '';
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 80% 0;
	}
	.compareTableImage__konokonogohan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_konokonogohan.png);}
	.compareTableImage__butch {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_butch.png);}
	.compareTableImage__anshininukatsu {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_anshininukatsu.png);}
	.compareTableImage__mogwan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_mogwan.png);}
	.compareTableImage__umaka {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_umaka.png);}


	a.officialButton {
			background: #8cd691;
			border: #7dbb81 solid 3px;
			border-radius: 10px;
			bottom: 11.2%;
			box-shadow: 0px 3px 0px #7dbb81;
			color: aliceblue;
			display: inline-block;
			padding: 2% 0px;
			position: absolute;
			text-align: center;
			text-decoration: none;
			width: calc(90% / 6);
			left: 18%;
	}
	#contentArea a.officialButton {font-size: 12px!important}
	a.officialButton:hover {box-shadow: none;}

	a.tableItem::after {
		position: absolute;
		background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		content: '';
		left: 0;
	}
	a.tableItem__no1::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);}
	a.tableItem__no2::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo2.png);}
	a.tableItem__no3::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo3.png);}
	a.tableItem__no4::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo4.png);}
	a.tableItem__no5::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo5.png);}

	a.officialButton__no1 {transform: translateX(0px);}
	a.officialButton__no2 {transform: translateX(104%);}
	a.officialButton__no3 {transform: translateX(208%);}
	a.officialButton__no4 {transform: translateX(313%);}
	a.officialButton__no5 {transform: translateX(417%);}

	a.officialButton.officialButton__no1:hover {transform: translateY(3px);}
	a.officialButton__no2:hover {transform: translate(104%,3px);}
	a.officialButton__no3:hover {transform: translate(208%,3px);}
	a.officialButton__no4:hover {transform: translate(313%,3px);}
	a.officialButton__no5:hover {transform: translate(417%,3px);}

	a.tableItem {
  top: 19.2%;
  display: inline-block;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: calc(90% / 6);
  left: 18%;
  height: 13%;
  background-size: 100%;
	}

}
@media screen and (min-width: 768px) {
	.compareTableImage {
		background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_noItem.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		content: '';
		display: block;
		height: 1288px;
		position: relative;
	}
	.compareTableImage__konokonogohan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_konokonogohan.png);}
	.compareTableImage__butch {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_butch.png);}
	.compareTableImage__anshininukatsu {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_anshininukatsu.png);}
	.compareTableImage__mogwan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_mogwan.png);}
	.compareTableImage__umaka {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTable_umaka.png);}

	a.officialButton {
		background: #8cd691;
		border: #7dbb81 solid 3px;
		border-radius: 10px;
		bottom: 146px;
		box-shadow: 0px 3px 0px #7dbb81;
		color: aliceblue;
		display: inline-block;
		padding: 18px 0px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		width: calc(700px / 6);
		left: 17.8%;
	}
	#contentArea a.officialButton {font-size: 15px!important}
	a.officialButton:hover {box-shadow: none;}

	a.tableItem__no1 {transform: translateX(0);}
	a.tableItem__no2 {transform: translateX(104%);}
	a.tableItem__no3 {transform: translateX(208.5%);}
	a.tableItem__no4 {transform: translateX(312.5%);}
	a.tableItem__no5 {transform: translateX(416.5%);}
	a.tableItem::after {
		position: absolute;
		background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		content: '';
		left: 0;
	}
	a.tableItem__no1::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);}
	a.tableItem__no2::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo2.png);}
	a.tableItem__no3::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo3.png);}
	a.tableItem__no4::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo4.png);}
	a.tableItem__no5::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo5.png);}

	a.tableItem__no1:hover {transform: translate(0,3px);}
	a.tableItem__no2:hover {transform: translate(104%,3px);}
	a.tableItem__no3:hover {transform: translate(208.5%,3px);}
	a.tableItem__no4:hover {transform: translate(312.5%,3px);}
	a.tableItem__no5:hover {transform: translate(416.5%,3px);}


	a.tableItem {
  top: 19.2%;
  display: inline-block;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: calc(90% / 6);
  left: 18%;
  height: 13%;
  background-size: 100%;
	}

	a.tableItem__no1 {}
	a.tableItem__no2 {transform: translateX(107%);}
	a.tableItem__no3 {transform: translateX(213%);}
	a.tableItem__no4 {transform: translateX(319%);}
	a.tableItem__no5 {transform: translateX(426%);}

	a.tableItem__no1:hover {transform: translateY(-3px);}
	a.tableItem__no2:hover {transform: translate(107%,-3px);}
	a.tableItem__no3:hover {transform: translate(213%,-3px);}
	a.tableItem__no4:hover {transform: translate(319%,-3px);}
	a.tableItem__no5:hover {transform: translate(426%,-3px);}
}
@media only screen and (max-width: 480px) {
	.compareTableImage {
		background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_noItem.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		content: '';
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 80% 0;
	}
	.compareTableImage__konokonogohan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_konokonogohan.png);}
	.compareTableImage__butch {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_butch.png);}
	.compareTableImage__anshininukatsu {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_anshininukatsu.png);}
	.compareTableImage__mogwan {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_mogwan.png);}
	.compareTableImage__umaka {background-image: url(/wp-content/themes/wakuwaku-work/images/compareTable/compareTableSp_umaka.png);}


	#contentArea a.officialButton {
			background: #8cd691;
			border: #7dbb81 solid 3px;
			border-radius: 10px;
			bottom: 11.3%;
			box-shadow: 0px 2px 0px #7dbb81;
			color: aliceblue;
			display: inline-block;
			font-size: 11px !important;
			padding: 1.5%;
			position: absolute;
			text-align: center;
			text-decoration: none;
			width: 25%;
			left: 18.5%;
			line-height: 1.4;
	}
	a.officialButton:hover {box-shadow: none;}

	a.officialButton__no1 {}
	a.officialButton__no2 {transform: translateX(106%);}
	a.officialButton__no3 {transform: translateX(212%);}
	a.officialButton__no4 {display: none !important;}
	a.officialButton__no5 {display: none !important;}

	a.officialButton__no1 { transform: translateY(2px); }
	a.officialButton__no2 {transform: translate(106%,2px);}
	a.officialButton__no3 {transform: translate(212%,2px);}

	a.tableItem {
	  top: 19.2%;
	  display: inline-block;
	  position: absolute;
	  text-align: center;
	  text-decoration: none;
	  width: calc(82% / 3);
	  left: 17%;
	  height: 16%;
	  background-size: contain;
	  margin: auto;
	 }
	a.tableItem img {height:100%}

	a.tableItem::after {
		position: absolute;
		background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		content: '';
		left: 0;
	}
	a.tableItem__no1::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo1.png);}
	a.tableItem__no2::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo2.png);}
	a.tableItem__no3::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo3.png);}
	a.tableItem__no4::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo4.png);}
	a.tableItem__no5::after {background-image: url(/wp-content/themes/wakuwaku-work/images/ranking/compare_rankNo5.png);}

	a.tableItem__no1 {}
	a.tableItem__no2 {transform: translateX(99%);}
	a.tableItem__no3 {transform: translateX(197%);}
	a.tableItem__no4 {display:none;}
	a.tableItem__no5 {display:none;}

	a.tableItem__no1:hover {transform: translateY(-3px);}
	a.tableItem__no2:hover {transform: translate(107%,-3px);}
	a.tableItem__no3:hover {transform: translate(213%,-3px);}
	a.tableItem__no4:hover {transform: translate(319%,-3px);}
	a.tableItem__no5:hover {transform: translate(426%,-3px);}
}

.comment {
	position: relative;
	margin-bottom: 110px;
}

.comment__webMaster {
  position: absolute;
  bottom: -100px;
  right: 0px;
  display: inline-block;
  width: 100px;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0px 5px 0px #e8e8e8ad;
}

.featuresList {
  position: relative;
  margin-top: 50px;
	margin-bottom: 20px
}

.featuresList__title {
  position: absolute;
  top: -25px;
  width: 400px;
  left: 0;
  right: 0;
  margin: auto;
}

.featuresList ul {
  background: #fff;
  border-radius: 10px;
  border: 2px solid #454545;
  padding-top: 40px;
  padding-left: 20px;
  padding-bottom: 10px;
  background-image: url(/wp-content/themes/wakuwaku-work/images/footStampWhite.png);
  background-repeat: repeat;
  margin: auto;
}

.featuresList li {
  text-indent: 25px;
  background-image: url(/wp-content/themes/wakuwaku-work/images/listIcon.png);
  background-size: 20px;
  background-repeat: no-repeat;
	background-position: left 5px;
  line-height: 180%;
  list-style: none;
  font-size: 15px;
}

.itemImage {
  text-align: center;
  margin-bottom: 20px;
}

.itemImage__title {
  border-radius: 25px;
}

ul.slider {
  width: 100%;
  height: 400px;
  margin: 0 auto 5px;
  /* padding-top: 20px; */
  position: relative;
  min-height: 400px;
}

.leftSliderBtn {
  position: absolute;
  top: 110px;
  left: -20px;
  width: 50px;
  z-index: 99;
}

.rightSliderBtn {
  position: absolute;
  top: 110px;
  right: -20px;
  width: 50px;
  z-index: 99;
}

ul.slider li.active {
  z-index: 10;
}
.voice {
  position: relative;
  padding-top: 10px;
}

.voiceTitle {
  width: 200px;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 25px;
  display: block;
}

.voice__block {
  height: 100%;
  width: 95%;
  position: relative;
  margin: 0 auto;
}

.voice__fukidashi {
  background: #fff;
	border: 2px solid #d9c198;
	border-radius: 10px;
  padding: 10px 15px;
  margin: 10px auto;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  min-height: 250px;
	left: 0;
  right: 0;
}
.voice__fukidashi:after, .voice__fukidashi:before {
  width: 0;
  transform: rotate(0);
  content: '';
  position: absolute;
}

.voice__fukidashi:before {
  display: block;
  height: 0;
  transform: rotate(45deg);
  right: 100px;
  bottom: -21px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #d9c198;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
}

.voice__fukidashi:after {
  display: block;
  height: 0;
  transform: rotate(45deg);
  right: 104px;
  bottom: -17px;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #ffffff;
  border-left: 18px solid transparent;
  border-top: 18px solid transparent;
}


.voice__fukidashi p{font-size:14px;line-height:1.8}
.voice__fukidashi p {
  font-size: 14px;
  line-height: 1.8;
}

.voice__personImage {
  position: absolute;
  bottom: 40px;
  right: 0px;
  display: inline-block;
  width: 100px;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0px 5px 0px #e8e8e8ad;
}

.voice__dogDetail {text-align: right;}
.voice__dogDetailBlock {
  padding: 8px;
  border-radius: 5px;
  background-color: #d9330d;
  color: #fff;
}
ul.slider li {
  position: absolute;
  /* top: 20px; */
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}


li.active .voice__person {
  display: initial;
}

ul.slider li.active{z-index: 10;}
ul.slider li.inactive{z-index: 10;}
ul.slider li.transiton{z-index: 11;}

ul.slider li.transitonLeft div{animation:sliderTransitonLeft 1s ease 0s 1 alternate none running;}
ul.slider li.transitonRight div{animation:sliderTransitonRight 1s ease 0s 1 alternate none running;}

@keyframes sliderTransitonRight{
	0% {margin-left:100%;opacity:0.5;}
	100% {margin-left:0%;opacity:1.0;}
}
@keyframes sliderTransitonLeft {
	0% {margin-left:-100%;opacity:0.5;}
	100% {margin-left:0%;opacity:1.0;}
}


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

.featuresList {
  margin-bottom: 15px;
}
.featuresList__title {
    width:300px;
    top: -20px;
  }

.featuresList ul {
padding-top: 30px;
padding-left: 15px;
padding-bottom: 20px;
}


.voiceTitle {
  width: 200px;
  top: 0px;
  left: 25px;
}

.voice {
  padding-top: 25px;
}

ul.slider {
  width: 100%;
  height: auto;
  margin: 0 auto 0;
  min-height: 440px;
}

.leftSliderBtn {
  position: absolute;
  top: 35%;
  left: -10px;
  width: 30px;
}

.rightSliderBtn {
  position: absolute;
  top: 35%;
  right: -10px;
  width: 30px;
}

ul.slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.voice__fukidashi {
  padding: 5px 10px;
  margin: 0;
  min-height: 300px;
}
.voice__fukidashi:before{
	right:70px;
}
.voice__fukidashi:after{
	right:74px;
}
.voice__fukidashi p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
}
/*------------------------------ /20200217 トップページ追加 ------------------------------*/


/*------------------------------ 20220317 トップページ追加 ------------------------------*/
#contentArea a.officialButton__no1{
	animation: table_no1_btn 2.5s infinite;
	background: linear-gradient(-60deg,#8cd691 40%,#acf6b1 50%,#8cd691 60%,#8cd691 100%);
	background-size: 500% 300%;
	background-position: 300% 50%;
}

#contentArea a.officialButton__no1:hover{
	animation: none;
}

@keyframes table_no1_btn{
	0%,20%,40%,100%{
		transform: translateY(0);
		box-shadow: 0 3px 0 #7dbb81;
	}
	10%,30%{
		transform: translateY(3px);
		box-shadow: 0 0px 0 #7dbb81;
	}
	0%,40%{
		background-position: 100% 50%;
	}
	100%{
		background-position: 0 50%;
	}
}


#contentArea .totalPoint_p{
	font-size: 5vw!important;
	font-weight: bold;
}
#contentArea .totalPoint_p .totalPoint{
	font-size: 1.5em;
	line-height: 1em;
	color: #d9330d;
}
/*------------------------------ /20220317 トップページ追加 ------------------------------*/

/*------------------------------ 20220324 トップページ追加 ------------------------------*/
.low_contents{
	display: none;
}

#low_contents_moreBtn{
	text-align: center;
	border: dashed 2px #ccc;
	border-radius: 999px;
	color: #777;
	display: block;
	width: 40%;
	margin: 0 auto 25px;
	padding: .3em 0;
}

#summary{
	width: 96%;
	margin: 0 auto 50px;
	border: solid 2px #d9330d;
	border-radius: 10px;
	padding: 20px;
	background: linear-gradient( -45deg, #fff 25%, #fff0ed 25%, #fff0ed 50%, #fff 50%, #fff 75%, #fff0ed 75%);
	background-size: 8px 8px;
}

#summary h3{
	font-size: 1.7rem!important;
	margin: 0 auto 1rem;
	border-bottom: solid 5px #d9330d;
	text-align: center;
}

#summary h3::after{
	content: none;
}

#summary .offer_img{
	margin: 0 auto 1rem;
	text-align: center;
}

#summary .offer_img img{
	width: 70%;
}

#summary .summary_article{
	width: 100%;
	margin: 0 auto 1rem;
	background-color: #f8f3e6;
	padding: .5em 1em;
	box-shadow: 0 0 6px #ccc;
	position: relative;
}

#summary .summary_article::after{
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: "\f5d7";
	font-size: 4rem;
	bottom: -2rem;
	right: -1rem;
	transform: rotate(-30deg);
	font-weight: bold;
	color: #DE834D;
}


@media screen and (max-width: 480px){
	#low_contents_moreBtn{
		width: 70%;
	}

	#summary{
		width: 100%;
	}
	#summary h3{
		font-size: 5.5vw!important;
		line-height: 1.2em;
	}

	#summary .offer_img img{
		width: 100%;
	}

	#summary .summary_article::after{
		font-size: 13vw;
		right: 0;
	}
}
/*------------------------------ /20220324 トップページ追加 ------------------------------*/
.reason h2{
	margin: 0;
}
.reason_container {
	background-color: #fff;
	padding: 1rem;
	border-radius: 0 0 1rem 1rem;
}
.reason_container img{
	display: block;
	width: 70%;
	margin: 0 auto 2rem;
}

.reason_container p{
	width: 100%;
	margin: 0 auto 2rem;
}

@media screen and (max-width : 480px) {
	.reason_container img{
		width: 100%;
	}
}

.side-pickUp{
	display: block;
	margin-bottom: 30px;
}

.side-pickUp p{
	background-color: #fbf0d4;
	color: #454545;
	text-align: center;
	text-decoration: none;
	margin: 0;
	line-height: 2em;
}

.btncomment{
	margin: .5em 0 0;
	width: 100%;
	font-weight: bolder;
}

@media screen and (max-width : 480px) {
	#contentArea .btncomment{
		width: 100%;
		font-size: 4.5vw!important;
	}
}

#mainimg::before{
	position: absolute;
	content: "";
	width: 200px;
	height: 22%;
	
	background-size: contain;
	background-repeat: no-repeat;
	left: calc(50vw - 450px);
	top: 80px;
	transform: rotate(-15deg);
}

#mainimg.kogata::before{background-image: url(/wp-content/themes/wakuwaku-work/images/fv_kogata.png);}
#mainimg.chugata::before{background-image: url(/wp-content/themes/wakuwaku-work/images/fv_chugata.png);}
#mainimg.ogata::before{background-image: url(/wp-content/themes/wakuwaku-work/images/fv_ogata.png);}

@media screen and (max-width : 480px) {
	#mainimg::before{
		width: 30%;
		left: 1%;
		top: 7vw;
	}
}

.topColumn{
	width: 100%;
	margin: 0 auto 1rem;
	border: solid 2px #ceb384;
	padding: 0 1rem 1rem;
	border-radius: 10px;
	background: linear-gradient( -45deg, #fff 25%, #fbf0d4 25%, #fbf0d4 50%, #fff 50%, #fff 75%, #fbf0d4 75%, #fbf0d4 );
	background-size: 8px 8px;
}

.topColumn h2{
	margin-bottom: 0;
}

.topColumn > div{
	background-color: #fff;
	padding: 1em;
}

.topColumn img{
	width: 70%;
	display: block;
	margin: 0 auto 1em;
}

.marker{
	font-weight: bold;
	background: linear-gradient(transparent 30%,#ff3 30%);
}

.blue{
	font-weight: bold;
	color: #00d;
}

.topColumn_link {
	text-align: center;
}

.topColumn ul{
	width: 70%;
	margin: 0 auto 3rem;
	border: solid 2px #ceb384;
	border-radius: 10px;
	padding: 1rem;
	position: relative;
}

.topColumn ul::before{
	content: "";
	width: 7rem;
	height: 7rem;
	background-image: url(/wp-content/themes/wakuwaku-work/images/point.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	position: absolute;
	right: -1rem;
	bottom: -2rem;
}

.topColumn ul li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	list-style: none;
}

.topColumn ul li:not(:last-child){
	margin-bottom: .5em;
}

.topColumn ul li::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f1b0";
	color: #990000;
	font-weight: bold;
	margin-right: .5em;
}
.topColumn ul li:nth-child(even):before{
	color: #FF5B00;
}

@media screen and (max-width : 480px){
	#contentArea .topColumn h2{
		font-size: 5vw!important;
	}
	.topColumn img{
		width: 100%;
	}

	.topColumn ul{
		width: 90%;
		margin: 0 auto 3rem 0;
	}

	.topColumn ul::before{
		width: 20vw;
		height: 25vw;
		right: -10vw;
		bottom: -10vw;
	}
}

.topBtn{
  width: 100%;
  margin: 1rem auto;
}

.topBtn a{
  display: block;
  width: 96%;
  max-width: 500px;
  margin: 0 auto;
  padding: .5em 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
	background: #2EB086;
	border: #1EA076 solid 3px;
	box-shadow: 0px 10px 0px #0E9066;
  border-radius: 10px;
  font-size: 1.2rem;
  position: relative;
	text-decoration: none;
}

.topBtn a strong{
	color: #F0FF42;
}

@media screen and (max-width : 480px){
  .topBtn a{
    font-size: 5vw;
  }
}


.fv_bottom {
	background-color: #4a2c14;
	background: linear-gradient(#5a3c24 50%,#4a2c14 50%);
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: .3em 0;
	position: relative;
	margin: 0 auto 2rem;
}

.fv_bottom::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: #4a2c14 transparent transparent transparent;
	border-width: 12px 380px 0;
	bottom: -12px;
	left: 0;
}

.fv_bottom .small {
	font-size: .6em;
}
.fv_bottom .fv_bottom_inner {
	position: relative;
}

.fv_bottom .fv_bottom_inner::before ,
.fv_bottom .fv_bottom_inner::after {
	position: absolute;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
}

.fv_bottom .fv_bottom_inner::before {
	background-image: url(/wp-content/themes/wakuwaku-work/images/fv_bottom_left.png);
	left: -2em;
}

.fv_bottom .fv_bottom_inner::after {
	background-image: url(/wp-content/themes/wakuwaku-work/images/fv_bottom_right.png);
	right: -2em;
}
@media screen and (max-width : 480px) {
	.fv_bottom {
		font-size: 6.5vw;
		margin-bottom: 5vw;
	}

	.fv_bottom::after {
		border-width: 3vw 48vw 0;
		bottom: -2.9vw;
	}
}

.compareTable table .tr_nutrition td ,
.compareTable table .tr_bite td {
	font-size: 15px;
	padding: .5em .3em;
}

@media screen and (max-width : 480px) {
	.compareTable table .tr_nutrition td ,
	.compareTable table .tr_bite td {
		font-size: 3.3vw;
	}
}