@charset "UTF-8";
/* common */
.cf {
	overflow: hidden;
	clear: both;
}
.flL {
	float: left;
	box-sizing: border-box;
}
.flR {
	float: right;
	box-sizing: border-box;
}
.flBox {
	display: -webkit-flex;
	display: flex;
	justify-content: left;
	align-items: center;
}
.showSP { display: none; }
.showPC { display: block; }

/* mainvisual */
.mainVisual {
	height: 298px;
	background: url(../../common/img/cont_main_bg_pc.jpg) no-repeat top center;
}
.mainVisual h1 {
	width: 607px;
	margin: 0 auto;
	 padding-top: 53px; 
}
.mainVisual h1 img {
	width: 100%;
	height: auto;
}

.komichiSec {
	padding: 60px 0 75px;
}

/*  作り方
****************************/
#recipe .contents {
	background: url(../img/bg01_pc.png);
}
#recipe .topSec .inner {
	padding-bottom: 0;
}
#recipe .contents .inner {
	margin-top: 0;
	border-radius: 0;
	box-sizing: border-box;
}
#recipe .contents .inner h2.lantern {
	position: relative;
	top: -30px;
	margin: 0 -45px;
}
/* recipeTop */
.topSec {
	padding: 65px 0 0;
	position: relative;
	border-top: solid 5px #ffed57;
}
.topSec .inner {
	background: #fff;
	padding: 0 45px 50px 45px;
}
.contents .topSec h2 {
	position: relative;
	top: -30px;
	margin: 0 -45px;
}
.topSec .textBox {
	position: relative;
	overflow: hidden;
}
.topSec .textBox .left {
	float: left;
}
.topSec .textBox .right {
	float: right;
}
.topSec .textBox .text {
	width: 627px;
	margin: 0 auto;
}
.topSec .ancLink {
	width: 100%;
	margin: 15px 0 40px;
	overflow: hidden;
	font-size: 0;
}
.topSec .ancLink ul {
	display: inline-block;
}
.topSec .ancLink li {
	float: left;
	background: url(../../oden/img/oden_anchor_bg.gif) right top repeat-y;
	padding: 5px 0;
	box-sizing: border-box;
}
.topSec .ancLink ul + ul li:last-child {
	background: none;
}
.topSec .ancLink li a {
	display: block;
	padding-left: 34px;
}
.topSec .ancLink li.first a {
	padding-left: 0;
}
.topSec .ancLink ul li:first-child { width: 93px; }
.topSec .ancLink ul li:nth-child(2) { width: 235px; }
.topSec .ancLink ul li:nth-child(3) { width: 175px; }
.topSec .ancLink ul + ul li:first-child { width: 250px; }
.topSec .ancLink ul + ul li:nth-child(2) { width: 130px; }
.topSec .ancLink ul li img {
	height:17px;
	width: auto;
}
.topSec .ancLink ul li:nth-of-type(1) a { background: url(../../oden/img/recipe/recipe_anc01_on.png) no-repeat left; }
.topSec .ancLink ul li:nth-of-type(2) a { background: url(../../oden/img/recipe/recipe_anc02_on.png) no-repeat center; padding-left: 45px; }
.topSec .ancLink ul li:nth-of-type(3) a { background: url(../../oden/img/recipe/recipe_anc03_on.png) no-repeat center; padding-left: 34px; }
.topSec .ancLink ul:nth-of-type(2) li:nth-of-type(1) a { background: url(../../oden/img/recipe/recipe_anc04_on.png) no-repeat center; padding-left: 32px; }
.topSec .ancLink ul:nth-of-type(2) li:nth-of-type(2) a { background: url(../../oden/img/recipe/recipe_anc05_on.png) no-repeat right; padding-left: 34px;}
/* point common */
#recipe #point01,
#recipe #point02,
#recipe #point03,
#recipe #point04,
#recipe #point05 {
  padding-top: 78px;
  width: 980px;
  background: #fff;
  margin: 0 auto;
}
#recipe #point01 .inner,
#recipe #point02 .inner,
#recipe #point03 .inner,
#recipe #point04 .inner,
#recipe #point05 .inner {
  margin-top: -78px;
  padding-top: 78px;
}
#recipe #point01 .inner,
#recipe #point02 .inner,
#recipe #point03 .inner,
#recipe #point04 .inner {
  padding-bottom: 0;
}
.pointSec .inner {
	background: #fff;
	padding: 0 45px 60px;
}
.pointSec .heading {
	margin-bottom: 20px;
	margin-left: -10px;
	overflow: hidden;
}
.pointSec .heading .dotline {
	width: 800px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 5px 5px 5px;
	background: url(../img/dotline.png) left bottom repeat-x;
	text-align: left;
}
#recipe .pointSec .heading .icon {
	width: 70px;
	height: auto;
	display: inline-block;
	margin-right: 10px;
}
#recipe .pointSec .heading.line2 .icon {
	margin-bottom: 10px;
}
#recipe .pointSec .heading.line2 .dotline {
	margin-bottom: 0;
}
.pointSec .heading .print {
	float: right;
}
.pointSec .red {
	color: #d00a20;
}
.pointSec .underDot_pc {
	font-size: 14px;
	line-height: 2.2;
	display: block;
	background: url(../../oden/img/dotline_pc.gif) repeat left top;
	padding-top: 2px;
}
.pointSec .underDot_pc > span {
	display: block;
}
.pointSec .underDot_pc > p {
	margin-bottom: 3px;
}
#point02 .box1 .flL img,
#point02 .column h3 img,
#point03 .cf .flL img,
#point03 .cf .flR img,
#point01 .box1 img,
#point01 .box2 .flL img  {
	width: 100%;
	height: auto;
}
.pointSec .underDot {
	font-size: 14px;
	display: block;
}

/* point01 */
#point01 .subtitle {
	font-size: 20px;
	margin-bottom: 15px;
	margin-left: -0.5em;
}
#point01 .box1 {
	padding-bottom: 35px;
	margin-bottom: 35px;
	box-sizing: border-box;
	background: url(../../oden/img/dotline2.gif) left bottom repeat-x;
}
#point01 .box1 ul {
	font-size: 14px;
	line-height: 2;
}
#point01 .box1 ul li {
	float: left;
}
#point01 .box1 .flL {
	width: 310px;
}
#point01 .box1 .flR {
	width: 520px;
}
#point01 .box1 .flL .pageLink {
	width: 177px;
	margin-top: 5px;
}
#point01 .box1 .flL li {
	width: 50%;
}
#point01 .box1 .flR li {
	width: 30%;
}
#point01 .box1 li.w100 {
	width: inherit;
	float: none;
}
#point01 .box2 .food1 {
	margin-bottom: 20px;
}
#point01 .box2 .food1 .flL {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
#point01 .box2 .food3 .flL {
	width: 370px;
}
#point01 .box2 .food1 .flL ul,
#point01 .box2 .food3 .flL ul {
	font-size: 14px;
	line-height: 2;
}
#point01 .box2 .food1 .flL ul li {
	display: inline-block;
	width: 240px;
}
#point01 .box2 .food1 .flL + .flL {
	width: 280px;
}
#point01 .box2 .flL p {
	font-size: 18px;
	margin-bottom: 10px;
}
#point01 .box2 .blankLink {
	text-align: center;
	margin-top: 35px;
}
#point01 .box2 .blankLink.bnr {
	margin-top: 40px;
}
#point01 .box2 .food3 {
	margin-top: 60px;
}
#point01 .box2 .food3 .flL {
	width: 640px;
}
#point01 .box2 .food3 .flL li {
	width: 175px;
	float: left;
}
#point01 .box2 .food3 .flL li.wid {
	width: inherit;
}
#point01 .box2 .food3 .flL li:last-child {
	margin-left: 6.4em;
}
#point01 .box2 .food3 .flR {
	width: 210px;
	margin-right: 40px
}
#point01 .column h3 {
	width: 673px;
	margin: 0 auto;
	position: relative;
	top: 20px;
}
#point01 .column .bgBox {
	font-size: 14px;
	background: #fff6dc;
	border-radius: 5px;
	padding: 17px 0 0 30px;
	overflow: hidden;
}
#point01 .column .bgBox .flR {
	width: 238px;
	margin: 0 10px 0 0;
}
#point01 .column .bgBox .flL {
	margin-top: 22px;
	line-height: 2.2;
}
/* point02 */
#point02 .heading {
	margin-bottom: 25px;
}
#point02 .box1 .flL {
	width: 387px;
}
#point02 .box1 .flR {
	width: 470px;
}
#point02 .box1 .flR .text {
	font-size: 14px;
	line-height: 2.15;
	margin-top: 20px;
}
#point02 .column {
	margin-top: 18px;
}
#point02 .column .bgBox {
	border: 2px solid #d00a20;
	border-radius: 10px;
	background: url(../img/colunm_bg.jpg) center top repeat;
	padding: 30px 20px;
	text-align: center;
}
#point02 .column h3 {
	width: 130px;
	margin: 0 auto;
	position: relative;
	top: 16px;
}
#point02 .column .text {
	font-size: 16px;
	line-height: 1.9;
	display: inline-block;
	margin-bottom: 25px;
	padding: 2px 3px 0 5px;
	text-align: left;
}
#point02 .column + .column {
	margin-top: 0;
}
#point02 .column + .column .bgBox {
	padding-top: 35px;
	padding-bottom: 16px;
}
#point02 .column + .column h3 {
	width: 392px;
	top: 15px;
}
#point02 .column + .column ul {
	text-align: left;
	
}
#point02 .column + .column ul li {
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-left: 38px;
	line-height: 1;
	padding-bottom: 12px;
}
#point02 .column + .column ul li span {
	display: block;
	position: absolute;
	left: 0;
	top: -0.4em;
	width: 28px;
	height: 28px;
}
#point02 .column + .column ul li:nth-of-type(2) {
	margin-bottom: 0;
}
#point02 .column + .column ul li:nth-of-type(1) span { background: url(../../oden/img/recipe/recipe_point2_column03_num01.png) no-repeat; background-size: 28px 28px; }
#point02 .column + .column ul li:nth-of-type(2) span { background: url(../../oden/img/recipe/recipe_point2_column03_num02.png) no-repeat; background-size: 28px 28px; }
#point02 .column + .column ul + div {
	height: 32px;
	margin-top: 16px;
	padding-left: 10px;
	font-size: 19px;
	color: #d00a20;
	background: url(../../oden/img/recipe/recipe_point2_column03_txtbg_pc.png) no-repeat center;
}

/* point03 */
#point03 .heading {
	margin-bottom: 20px;
}
#point03 h3 {
	margin-bottom: 30px;
}
#point03 .cf .flL {
	width: 540px;
}
#point03 .cf .flR {
	width: 315px;
}
#point03 .cf .flL .icon {
	width: 130px;
	margin-bottom: 10px;
}
#point03 .box1 {
	margin-bottom: 28px;
}
#point03 .box1 .flR {
	margin-top: 37px;
}
#point03 .box2 {
	margin-bottom: 25px;
}
#point03 .box2 .flL {
	margin-top: 10px;
}
#point03 .box3 {
	margin-bottom: 28px;
}
#point03 .box3 .flR {
	margin-top: 12px;
}
#point03 .box4 .flL {
	margin-top: 15px;
}
#point04 .column .bgBox {
	border: 2px solid #d00a20;
	border-radius: 10px;
	background: url(../img/colunm_bg.jpg) center top repeat;
	padding: 50px 18px 25px;
}
/* point04 */
#point04 .column h3 {
	width: 695px;
	margin: 0 auto;
	position: relative;
	top: 28px;
}
#point04 .column .text {
	font-size: 18px;
	margin-bottom: 28px;
	text-align: center;
}
#point04 .time {
	display: block;
	margin-bottom: 15px;
}
#point04 .cf .flL {
	width: 264px;
	font-size: 14px;
	line-height: 1.7;
	margin-right: 29px;
}
#point04 .cf .flL:last-child {
	margin: 0;
}
#point04 .cf .flL .desc {
	margin-top: 15px;
	letter-spacing: -0.06em;
}
/* point05 */
#point05,
#point05 .inner {
	border-radius: 0 0 10px 10px !important;
}
#point05 .heading {
	margin-bottom: 20px;
}
#point05 .text {
	font-size: 14px;
	width: 735px;
	margin: 0 auto 30px;
}
#point05 {
	text-align: center;
}

#point02 .column + .column {
	margin-top: 10px;
}

/* yakichikuwa */
#yakichikuwa img {
	max-width: 100%;
}
#yakichikuwa .flex {
	
}
#yakichikuwa .contents {
	background: url(../img/bg01_pc.png);
}
#yakichikuwa .contents01 {
	padding-bottom: 80px;
}
#yakichikuwa p span {
	display: block;
	text-align: center;
	background: url(../../img/recipe/dotline.gif) left bottom repeat-x;
	padding: 6px 0;
}
#yakichikuwa p span.red {
	display: inline;
	border: none;
	background: none;
	padding: 0;
}
#yakichikuwa .contents01 .inner {
	box-sizing: border-box;
	border-radius: 0;
}
#yakichikuwa .contents .inner h2.lantern {
	margin: -50px -45px 0;
}
#yakichikuwa .topSec .lead {
	text-align: center;
	margin-bottom: 30px;
}
#yakichikuwa .topSec .lead p:first-of-type {
	margin-bottom: 20px;
	padding-top: 10px;
}
#yakichikuwa .topSec .secret {
	
}
#yakichikuwa .secret .inner,
#yakichikuwa .story .inner,
#yakichikuwa .diff .inner{
	margin-top: 0;
}
#yakichikuwa .story .inner {
	background: #fff;
	padding: 0 45px 75px 45px;
}
#yakichikuwa .topSec .secret h3 {
	margin-bottom: 15px;
}
#yakichikuwa .topSec .secret p:first-of-type {
	margin-bottom: 30px;
}
#yakichikuwa .topSec .secret p:nth-of-type(2) {
	margin-bottom: 50px;
}
#yakichikuwa .topSec .secret .conclusion h3 {
	text-align: center;
}
#yakichikuwa .topSec .secret .conclusion p {
	margin-bottom: 0;
}
#yakichikuwa .story .bgBox,
#yakichikuwa .contents02 .bgBox{
	border-radius: 5px;
	border: 5px solid #ffedba;
	background: url(../img/bg04_pc.png) center top repeat;
	padding: 30px 60px 30px;
}
#yakichikuwa .story .bgBox h4 {
	text-align: center;
	margin-bottom: 20px;
}
#yakichikuwa .story .bgBox h4 img {
	width: 276px;
	margin: 0 auto;
}
#yakichikuwa .story .bgBox p {
	line-height: 2.3em;
	letter-spacing: .1em;
}
#yakichikuwa .diff .inner {
	background: #fff;
	padding: 0 45px 45px 45px;
}
#yakichikuwa .diff .lead {
	margin-bottom: 35px;
}
#yakichikuwa .diff .lead .flex {
	justify-content: space-between;
}
#yakichikuwa .diff .lead h3 {
	text-align: center;
	margin-bottom: 15px;
}
#yakichikuwa .diff .lead p:first-of-type {
	width: 600px;
}
#yakichikuwa .diff .lead p:last-of-type {
	width: 245px;
}
#yakichikuwa .diff .lead p span {
	text-align: left;
}
#yakichikuwa .diff .cont {
	border: 2px solid #d00a20;
	border-radius: 8px;
	padding: 30px 30px;
	box-sizing: border-box;
}
#yakichikuwa .diff .cont h4 {
	margin-bottom: 30px;
}
#yakichikuwa .diff .cont .flex {
	display: flex;
	align-items: flex-start;
}
#yakichikuwa .diff .cont .flex .flex{
	align-items: flex-start;
}
#yakichikuwa .diff .cont .flex .flex div{

}
#yakichikuwa .diff .cont .flex div h5{
	color: #d00a20;
}
#yakichikuwa .diff .cont .flex div p{
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 1.8em;
}
#yakichikuwa .diff .cont .flex .flex div p.img03 {
	width: 150px;
}
#yakichikuwa .diff .cont .flex .flex div p.img04 {
	width: 130px;
}
#yakichikuwa .diff .cont .flex div p.img05 {
	width: 385px
}
#yakichikuwa .diff .cont .flex div p.img05 img {
	margin-top: -25px;
}
#yakichikuwa .diff .cont .flex .flex div p.img06 {
	width: 152px;
}
#yakichikuwa .diff .cont .flex .flex div p.img07 {
	width: 152px;
}
#yakichikuwa .diff .cont .flex.box01 {
	padding-bottom: 10px;
	background: url(../img/dotline.png) left bottom repeat-x;
	margin-bottom: 30px;
}
#yakichikuwa .diff .cont .flex.box01 .flex:last-of-type{
	margin-left: 50px;
}
#yakichikuwa .diff .cont .flex.box02{
	justify-content: space-between;
	padding-bottom: 30px;
	background: url(../img/dotline.png) left bottom repeat-x;
	margin-bottom: 30px;
}
#yakichikuwa .diff .cont .flex.box02 div:first-of-type p:first-of-type{
	margin-bottom: 15px;
}
#yakichikuwa .diff .cont .flex.box03{
	justify-content: space-between;
}
#yakichikuwa .diff .cont .flex.box03 .flex div:last-of-type {
	padding-left: 22px;
}
#yakichikuwa .contents02 {
	background: url(../img/bg03_pc.png);
}
#yakichikuwa .contents02 .topSec {
	padding-top: 30px;
}
#yakichikuwa .contents02 .topSec .inner {
	box-sizing: border-box;
	padding: 0;
	background: none;
}
#yakichikuwa .contents02 .topSec .inner h2 {
	margin: 0px 0px 0;
	padding-top: 0px;
}
#yakichikuwa .contents02 .topSec .inner h2 + p {
	text-align: center;
	padding: 20px 0 25px;
}
#yakichikuwa .contents02 .flex p:last-of-type {
	background: url(../img/nabe_arrow.png) left center no-repeat;
	background-size: 10px auto;
	padding-left: 18px;
}
#yakichikuwa .contents02 .topSec .inner h2 + p img {
	width: 340px;
	margin: 0 auto;
}
#yakichikuwa .contents02 .flex {
	width: 980px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
#yakichikuwa .contents02 .flex div {
	width: 50%;
	margin-bottom: 30px;
	max-width: 478px;
}
#yakichikuwa .contents02 .flex div p {
	color: #000;
}
#yakichikuwa .contents02 .flex div p:first-of-type {
	margin-bottom: 12px;
}
#yakichikuwa .contents02 .btn {
	max-width: 638px;
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}
#yakichikuwa .contents02 .cookpad {
	margin-bottom: 50px;
}
#yakichikuwa .contents02 .cookpad .inner {
	padding-bottom: 0;
	margin-top: 70px;
	background: none;
}
#yakichikuwa .contents02 .cookpad h3 {
	text-align: center;
	margin-bottom: 25px;
}
#yakichikuwa .contents02 .cookpad .btn {
	margin-bottom: 80px;
	max-width: 698px;
}
#yakichikuwa .contents02 .product {
	padding-bottom: 100px;
}
#yakichikuwa .contents02 .product .inner {
	margin-top: 0;
	padding-bottom: 0px;
}
#yakichikuwa .contents02 .product .flex {
	align-items: flex-start;
	justify-content: space-evenly;
	padding: 30px 30px 40px;
	box-sizing: border-box;
}
#yakichikuwa .contents02 .product .flex div{
	width: 210px;
	margin-bottom: 0;
}
#yakichikuwa .contents02 .product .flex div p {
	font-size: 14px;
	background: none;
	padding: 0;
}
#yakichikuwa .contents02 .product .flex div p span {
	padding: 3px 0;
}
#yakichikuwa .komichiSec .inner {
	margin-top: 0;
}

@media only screen and (max-width: 1280px) {
	.tablet .mainVisual {
		background: url(../img/cont_main_bg_tab.jpg) no-repeat top center;
	}
}
@media only screen and (min-width: 751px) {
	.ancLink .none img {
		opacity: 1 !important;
	}
	.ancLink a.hover:hover {
		opacity: 1 !important;
	}
	.ancLink a.hover:hover img {
		opacity: 0;
	}
	#yakichikuwa .contents02 .flex div a.hover:hover p + p {
		opacity: 0.7;
	}
}

@media only screen and (max-width:750px) {
	.showSP { display: block; }
	.showPC { display: none; }
	.pointSec .underDot_pc > span {
		display: inline;
	}
	.pointSec .underDot_pc {
		line-height: 1.74;
		background: url(../../oden/img/dotline_sp.gif) repeat left top;
		background-size: 14.5px 48px;
		padding-bottom: 2px;

	}
	#recipe .contents .inner h2 {
		top: 0;
	}
	/* mainvisual */
	.mainVisual {
		height: 67.5vw;
		background: url(../../common/img/cont_main_bg_sp.jpg) no-repeat top center;
		background-size: cover;
	}
	.mainVisual h1 {
		width: 95%;
		padding: 9vw 0 0;
		margin: 0 auto;
	}
	/*  作り方
	 ****************************/
	/* topSec */
	.topSec {
		padding: 4% 0 0;
    border-top: solid 2px #ffed57;
	}
	.contents .topSec .inner {
		box-sizing: border-box;
		width: auto;
		padding: 3% 2.6% 9.5%;
		margin: 3% 2.6% 0;
	}
	.contents .topSec .inner h2.lantern {
		margin: 0 -2.9% 0 !important;
		top: -5.5vw !important;
	}
	#recipe .topSec .inner {
		padding-bottom: 9.5%;
	}
	.topSec .textBox .left,
	.topSec .textBox .right {
		display: none;
	}
	.topSec .textBox .text {
		width: 87.5%;
	}
	.topSec .ancLink {
		margin: 4vw 0;
	}
	.topSec .ancLink + p {
		width: 88.5%;
		margin: 0 auto;
	}
	.topSec .ancLink ul {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.topSec .ancLink ul + ul {
		width: 82%;
		margin: 2vw auto 0;
	}
	.topSec .ancLink ul li {
		float: none;
		width: inherit !important;
		padding-right: 15px;
	}
	.topSec .ancLink ul li a {
		padding-left: 0 !important;
	}
	.topSec .ancLink ul li:first-child {
	    width: 93px;
	    width: 31% !important;
	}
	.topSec .ancLink ul li:nth-child(2) {
		padding-left: 15px;
		width: 79% !important;
	}
	.topSec .ancLink ul li:last-child {
		background: none;
		padding-left: 15px;
		padding-right: 0;
    width: 53% !important;
	}
	.topSec .ancLink ul + ul li {
		width: 65% !important;
	}
	.topSec .ancLink ul + ul li:first-child {
    width: 64.6% !important;
	}
	.topSec .ancLink ul + ul li:last-child {
		width: 35% !important;
	}
	.topSec .ancLink ul li a {
		background: none !important;
	}
	.topSec .ancLink ul li img {
		height: auto;
	}

	/* point common */
	.pointSec .inner {
		background: #fff;
		width: auto;
		padding: 0 2.6% 9.5%;
		margin: 0 2.6%;
		box-sizing: border-box;
	}
	.pointSec .heading {
		margin-bottom: 4vw;
		margin-left: 0;
		text-align: left;
	}
	.pointSec .heading .dotline {
		width: 83%;
		display: inline-block;
		margin-bottom: 5px;
		padding: 0;
		background: none;
	}
	#recipe .contents {
		background: url(../img/bg01_sp.png);
	}
	#recipe .pointSec .heading .icon {
		width: 14.3%;
		height: auto;
		display: inline-block;
		margin-right: 0;
	}
	.pointSec .heading .print {
		display: none;
	}
	.contents .inner h2 {
		margin: 0;
	}
	#recipe #point01,
	#recipe #point02,
	#recipe #point03,
	#recipe #point04,
	#recipe #point05 {
		width: auto;
		background: none;
		padding-top: 0;
	}
	#recipe #point01 .inner,
	#recipe #point02 .inner,
	#recipe #point03 .inner,
	#recipe #point04 .inner,
	#recipe #point05 .inner {
    padding: 0 2.6% 9.5%;
    margin-top: 0;
	}
	/* point01 */
	#point01 .subtitle {
		font-size: 14px;
		line-height: 1;
		margin-bottom: 18px;
	}
	#point01 .box2 .flL p {
		line-height: 1;
	font-size: 13px;
		margin-bottom: 10px;
	}
	#point01 .box1 ul {
    font-size: 12.5px;
    line-height: 2.3;
  }
	#point01 .box1 ul li span {
    display: inline-block;
  }
	.pointSec .flL,
	.pointSec .flR {
		float: none;
		width: 100% !important;
	}
	#point01 .flL,
	#point01 .flR {
		float: none;
		width: 100% !important;
	}
	#point01 .box1,
	#point01 .box2 {
		padding-left: 5%;
		padding-right: 5%;
	}
	#point01 .box1 {
		padding-bottom: 5vw;
		margin-bottom: 6vw;
	}
	#point01 .subtitle .red {
		margin-left: 3px;
	}
	#point01 .box1 .flL {
		margin-bottom: 20px;
	}
	#point01 .box1 .flL > p:nth-of-type(1) {
		margin-bottom: 3px;
	}
	#point01 .box1 .flL li {
		width: auto;
		display: inline-block;
		margin-right: 20px;
	}
	#point01 .box1 .flR li {
		width: 100%;
	}
	#point01 .box2 {
		margin-bottom: 0;
	}
	#point01 .box2 .food1 .flL ul,
	#point01 .box2 .food3 .flL ul {
		font-size: 12.5px;
		line-height: 2.2;
	}
	#point01 .box2 ul li {
		float: none;
		width: 100% !important;
	}
	#point01 .box2 .food3 .flL li:last-child {
		margin-left: 0;
	}
	#point01 .box2 ul li span {
		display: inline-block;
	}
	#point01 .box1 .flL .pageLink {
		margin-top: 10px;
		width: 142px;
	}
	#point01 .box2 .flL {
		margin-bottom: 10px;
	}
	#point01 .box2 .food1 .flL {
		margin-bottom: 15px;
	}
	#point01 .box2 .flL + .flL {
		margin-bottom: 0;
	}
	#point01 .box2 .food1 .flL + .flL {
		width: 70% !important;
		margin: 0 auto;
	}
	#point01 .box2 .blankLink {
		margin-top: 25px;
	}
	#point01 .box2 .blankLink.bnr {
		margin-top: 30px;
	}
	#point01 .box2 .food3 {
    margin-right: -18px;
		margin-top: 10vw;
		background: url(../../oden/img/recipe/recipe_point1_img03_bg.jpg) 100% 65% no-repeat;
		background-size: 32% auto;
	}
	#point01 .box2 .food3 .flR {
		display: none;
	}
	#point01 .column h3 {
		width: 78.3%;
		margin: 6px auto 0;
	}
	#point01 .column .bgBox .flR {
		width: 46.7% !important;
		margin: 0 auto;
	}
	#point01 .column .bgBox {
		padding: 7.4vw 3% 5%;
	}
	#point01 .column .bgBox .flL {
    font-size: 12.5px;
    margin-top: 10px;
    line-height: 1.7;
	}
	#point01 .column .bgBox .flL br {
		display: none;
	}
	#point02 .inner {
		padding: 0 2.6% 7.8%;
	}
	#point02 .heading {
		margin-bottom: 18px;
	}
	#point02 .box1 {
		padding-left: 2.9%;
		padding-right: 2.9%;
	}
	#point02 .box1 .flL {
		width: 73% !important;
		margin: 0 auto 5vw;
	}
	#point02 .box1 .flR .text {
		line-height: 1.74;
    margin-top: 11px;
	}
	#point02 .column {
		margin-top: 0;
	}
	#point02 .column h3 {
		width: 24%;
		top: 10px;
	}
	#point02 .column .bgBox {
		border-radius: 5px;
		padding: 10px 15px;
	}
	#point02 .column .text {
		margin-bottom: 10px;
    line-height: 1.84;
    font-size: 12.5px;
    margin-top: 0;
    padding-top: 3px;
    padding-bottom: 2px;
	}
	#point02 .column + .column {
		margin-top: 0;
	}
	#point02 .column + .column .bgBox {
		padding: 22px 15px 15px;
	}
	#point02 .column + .column h3 {
		width: 260px;
		top: 10px;
	}
	#point02 .column + .column ul li {
		font-size: 12.5px;
		padding-bottom: 4px;
		line-height: 1.4;
		margin-top: 0;
		margin-bottom: 10px;
		background: url(../../oden/img/dotline2.gif) repeat-x left bottom;
		padding-left: 26px; 
	}
	#point02 .column + .column ul li span {
    background-size: 21px 21px !important;
    top: -0.1em;
	}
	#point02 .column + .column ul + div {
		font-size: 15px;
		padding-left: 0;
		height: auto;
    background: url(../../oden/img/recipe/recipe_point2_column03_txtbg_sp.png) no-repeat center 85%;
    background-size: 100% auto;
    margin-top: 11px;
    line-height: 1.4;
	}
	#point03 h3 {
		margin-bottom: 20px;
	}
	#point03 .underDot_pc {
		font-size: 12.5px;
		line-height: calc(1em + 12px);
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#point03 .cf {
		padding-left: 2.9%;
		padding-right: 2.9%;
		margin-bottom: 9.5%;
	}
	#point03 .cf:last-child {
		margin-bottom: 0;
	}
	#point03 .flL {
		margin-top: 0 !important;
		margin-bottom: 5px !important;
	}
	#point03 .flR {
		width: 80% !important;
		margin: 4vw auto 0 !important;
	}
	#point03 .cf .flL .icon {
		width: 27.5%;
		margin-bottom: 3px;
	}
	#point04 .heading {
		margin-bottom: 1vw;
	}
	#point04 .column h3 {
		width: 72%;
		margin: 0 auto;
		top: 15px;
	}
	#point04 .column .text {
		font-size: 12.5px;
		text-align: left;
		margin-bottom: 3vw;
	}
	#point04 .column .bgBox {
		padding: 7vw 3vw 6vw;
		border-radius: 5px;
	}
	#point04 .column .bgBox .flex {
		display: -webkit-flex;
		display: flex;
		justify-content: left;
		align-items: top;
	}
	#point04 .time {
		width: 8.15%;
		margin: 0;
	}
	#point04 .flex .cf {
		width: 85%;
		margin: 10px 0 0 20px;
	}
	#point04 .cf .flL {
		margin-bottom: 6vw;
	}
	#point04 .cf .flL img {
		width: 85.6%;
		display: block;
		margin: 0 auto;
	}
	#point04 .cf .flL .desc {
		font-size: 3.35vw;
		margin-top: 10px;
		letter-spacing: 0;
		line-height: 1.8;
	}
	#point05 .inner {
		border-radius: 0 0 5px 5px !important;
	}
	#point05 .reverse {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding-left: 2.9%;
		padding-right: 2.9%;
	}
	#point05 .reverse .text {
		width: inherit;
		text-align: left;
		margin: 15px 0 0;
	}
	#point05 .reverse .text + img {
		width: 93.8%;
		margin: 0 auto;
	}

	.komichiSec {
		padding: 4.5vw 0 6vw;
	}
	.contents .komichiSec h2 {
		margin-bottom: 4.4vw;
	}


	/* yakichikuwa */
	#yakichikuwa .contents01 {
		padding-bottom: 35px;
	}
	#yakichikuwa .contents01 .topSec .inner {
		padding: 3% 6% 20px;
	}
	#yakichikuwa .contents .inner h2.lantern {
		margin: 0 -7.2% 0 !important;
	}
	#yakichikuwa .topSec .lead p:first-of-type {
		padding-top: 0;
		margin-bottom: 10px;
	}
	#yakichikuwa .topSec .lead {
		margin-bottom: 20px;
	}
	#yakichikuwa .secret .inner, #yakichikuwa .story .inner, #yakichikuwa .diff .inner {
		padding: 0 !important;
	}
	#yakichikuwa .secret h3 + p {
		font-size: 12px;
		line-height: 2.2;
		display: block;
		background: url(../../oden/img/dotline_pc.gif) repeat left top;
		padding-top: 2px;
		background-size: 8px 53px;
		width: 85%;
		margin: 0 auto;
	}
	#yakichikuwa p span {
		text-align: left;
		display: inline;
		background: none;
	}
	#yakichikuwa .topSec .secret h3 {
		margin-bottom: 10px;
	}
	#yakichikuwa .topSec .secret .conclusion {
		padding-bottom: 30px;
	}
	#yakichikuwa .topSec .secret .conclusion h3 {
		padding: 0 25px;
	}
	#yakichikuwa .topSec .secret p:nth-of-type(2) {
		margin-bottom: 20px;
	}
	#yakichikuwa .story .inner{
		padding: 0 17px !important;
		margin-bottom: 0;
	}
	#yakichikuwa .story .bgBox {
		padding: 18px 15px 15px;
		border: 2px solid #ffedba;
	}
	#yakichikuwa .story .bgBox h4 {
		width: 50vw;
		margin: 0 auto 10px;
	}
	#yakichikuwa .story .bgBox h4 img {
		width: 100%;
	}
	#yakichikuwa .story .bgBox p {
		line-height: 2em;
		letter-spacing: .05em;
	}
	#yakichikuwa .diff .inner{
		padding: 0 17px 17px !important;
		margin-bottom: 0;
	}
	#yakichikuwa .diff .lead {
		padding-top: 30px;
		margin-bottom: 20px;
	}
	#yakichikuwa .diff .lead .flex {
		display: block;
	}
	#yakichikuwa .diff .lead p:first-of-type {
		font-size: 12px;
		line-height: 2.2;
		display: block;
		background: url(../../oden/img/dotline_pc.gif) repeat left top;
		padding-top: 2px;
		background-size: 8px 52px;
		width: 100%;
		margin: 0 auto 30px;
	}
	#yakichikuwa .diff .lead p:last-of-type {
		width: 58vw;
		margin: 0 auto;
	}
	#yakichikuwa .diff .cont {
		border: 1px solid #d00a20;
		padding: 15px 15px;
	}
	#yakichikuwa .diff .cont h4 {
		margin-bottom: 15px;
	}
	#yakichikuwa .diff .cont .flex.box01,
	#yakichikuwa .diff .cont .flex.box02,
	#yakichikuwa .diff .cont .flex.box03{
		display: block;
		padding-bottom: 0px;
		background: none;
		margin-bottom: 0px;
	}
	#yakichikuwa .diff .cont .flex.box01 {
		margin-bottom: 10px;
	}
	#yakichikuwa .diff .cont .flex.box01 .flex:last-of-type {
		margin-left: 0;
	}
	#yakichikuwa .diff .cont .flex div p {
		font-size: 11px;
		letter-spacing: 0;
	}
	#yakichikuwa .diff .cont .flex.box02 div:first-of-type p:first-of-type {
		margin-bottom: 10px;
	}
	#yakichikuwa .diff .cont .flex div p.img05 {
		width: 100%;
		padding-top: 15px;
		margin-bottom: 25px;
	}
	#yakichikuwa .diff .cont .flex div p.img05 img {
		margin-top: 0;
	}
	#yakichikuwa .diff .cont .flex .flex {
		justify-content: space-between;
	}
	#yakichikuwa .diff .cont .flex .flex div p.img03,
	#yakichikuwa .diff .cont .flex .flex div p.img04,
	#yakichikuwa .diff .cont .flex .flex div p.img06,
	#yakichikuwa .diff .cont .flex .flex div p.img07{
		width: 24vw;
	}
	#yakichikuwa .diff .cont .flex.box03 .flex div:last-of-type {
		padding-left: 10px;
	}
	#yakichikuwa .diff .cont .flex.box03 .flex:first-of-type {
		margin-bottom: 15px;
		align-items: center;
	}
	#yakichikuwa .contents02 .topSec {
		padding-top: 15px;
	}
	#yakichikuwa .contents02 .inner h2.lantern {
		margin: 0 0 !important;
		top: 0 !important;
		padding-top: 0;
	}
	#yakichikuwa .contents02 .topSec .inner h2 + p {
		padding: 15px 0 15px;
		width: 62vw;
		margin: 0 auto;
	}
	#yakichikuwa .contents02 .topSec .inner h2 + p img {
		width: 100%;
		margin: 0 auto;
	}
	#yakichikuwa .contents02 .flex p:last-of-type {
		background: url(../img/nabe_arrow.png) left center no-repeat;
		background-size: 7px auto;
		padding-left: 12px;
	}
	#yakichikuwa .contents02 .flex {
		padding: 0 17px;
		box-sizing: border-box;
		width: calc(100% - 5.2%);
		display: block;
	}
	#yakichikuwa .contents02 .flex div {
		width: 100%;
		margin-bottom: 15px;
		max-width: none;
	}
	#yakichikuwa .contents02 .flex div p:first-of-type {
		margin-bottom: 5px;
	}
	#yakichikuwa .contents02 .btn {
		padding: 0 17px;
		box-sizing: border-box;
		width: calc(100% - 5.6%);
	}
	#yakichikuwa .contents02 .cookpad {
		margin-bottom: 20px;
	}
	#yakichikuwa .contents02 .cookpad .inner {
		margin-top: 30px;
	}
	#yakichikuwa .contents02 .cookpad h3 {
		width: 56vw;
		margin: 0 auto 15px;
	}
	#yakichikuwa .contents02 .cookpad .btn {
		margin-bottom: 20px;
	}
	#yakichikuwa .contents02 .product {
		padding-bottom: 20px;
	}
	#yakichikuwa .contents02 .product .inner {
		background: none;
	}
	#yakichikuwa .contents02 .product .flex div p:first-of-type {
		margin-bottom: 5px;
	}
	#yakichikuwa .contents02 .product .flex div p:last-of-type {
		background: none;
		padding: 0;
		font-size: 12px;
		line-height: 2.2;
		display: block;
		background: url(../../oden/img/dotline_pc.gif) repeat left top;
		padding-top: 2px;
		background-size: 8px 54px;
	}
	#yakichikuwa .contents02 .product .flex {
		display: block;
		padding: 30px 12px 30px;
		border: 2px solid #ffedba;
	}
	#yakichikuwa .contents02 .product .flex div {
		width: 100%;
		margin-bottom: 22px;
		text-align: center;
	}
	#yakichikuwa .contents02 .product .flex div:last-of-type {
		margin-bottom: 0;
	}

}



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

	#point01 .subtitle span {
		font-size: 12px;
	}
	#point02 .column + .column ul + div {
		font-size: 13px;
	}
	#yakichikuwa .topSec .lead p:first-of-type {
		font-size: 11px;
		margin-left: -2%;
		margin-right: -2%;
	}

}