@charset "UTF-8";

/* top */
.mainVisual {
	position: relative;
	z-index: 2;
	height: 699px;
	background: url(../../img/top_main_bg_pc.jpg) no-repeat top center;
}
.mainVisual .inner {
	position: relative;
	width: 100%;
	background: none;
	margin-top: 0;
}
.mainVisual h1,
.mainVisual p {
	text-align: center;
	margin: 0;
}
.mainVisual h1 {
	padding-top: 67px;
	margin-left: -3px;
}
.mainVisual .catch01 {
	padding-top: 35px;
}
.mainVisual .catch01 img {
	width: 481px;
}
.mainVisual .catch02 {
	padding-top: 31px;
}
.mainVisual .catch01 img,
.mainVisual .catch02 img {
	opacity: 0;
}
.mainVisual .steam {
	position: absolute;
	display: block;
}
.mainVisual .steam img {
	position: absolute;
	display: block;
	top: 0;
	opacity: 0;
	-webkit-transform: translate3d(0,0,0),;
	transform: translate3d(0,0,0),;
	transition: all 1.6s cubic-bezier(0.47, 0.4, 0.71, 0.71);
}
.mainVisual .steam.img01 img,
.mainVisual .steam.img03 img {
	left: 0;
}
.mainVisual .steam.img02 img,
.mainVisual .steam.img04 img {
	right: 0;
}
.mainVisual .img01 { top: 196px; left: calc( 50% - 574px); }
.mainVisual .img02 { top: 210px; right: calc( 50% - 590px); }
.mainVisual .img03 { top: 452px; left: calc( 50% - 507px); }
.mainVisual .img04 { top: 463px; right: calc( 50% - 490px); }
.nav {
	position: relative;
	z-index: 4;
}
.oden {
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}


/* oden */
.oden {
	position: relative;
	padding-bottom: 69px;
	border-top: solid 5px #ffed57;
	background: url(../img/bg01_pc.png);
	text-align: center;
	z-index: 2;
}
.oden .inner {
	position: relative;
	padding-bottom: 0;
	background: transparent
}
.oden .inner:before {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: calc(100% - 25px);
	border-radius: 10px;
	background: url(../../oden/img/oden_bg.png) no-repeat #fff center 90px !important;
}
.underDotBox > span {
	display: block;
}
.oden .underDot {
	padding: 0 8px;
	margin-top: 3px;
	line-height: 1.6;
	margin-bottom: 4px;
}
.oden .btn {
	margin: 40px auto 0;
	display: block;
	width: 462px;
	height: 69px;
	position: relative;
	z-index: 3;
}

/**Add 190926**/
.oden .inner.bnr_odenryoku {
	background: none !important;
	padding-bottom: 10px;
	margin-top: 65px;
}


/* oden slide */
.oden .slide .slick-slide {
	position: relative;
	outline: none;
	padding-bottom: 95px;
}
.oden .slide img {
	margin: 0 auto;
}
.oden .slick-prev,
.oden .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 485px;
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 3;
}
.oden .slick-prev {
	left: 18px;
	background-image: url(../../img/slide_arrow_prev.png);
}
.oden .slick-next {
	right: 18px;
	background-image: url(../../img/slide_arrow_next.png);
}
.oden .slick-dots {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	position: absolute;
	bottom: 18px;
}
.oden .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
	width: 14px;
	height: 14px;
}
.oden .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.oden .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	border-radius: 7px;
	border: 2px solid #d00a20;
	content: ' ';
	text-align: center;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
	box-sizing: border-box;
	display: block;
	height: 14px;;
	font-size: 0;
}
.oden .slick-dots li.slick-active button:before {
	background: #d00a20;
}

.oden .slide .slide02 > img,
.oden .slide .slide03 > img,
.oden .slide .slide04 > img,
.oden .slide .slide05 > img  {
	margin-top: 20px;
}
.oden .slide .slide01 > img{
	margin-top: 30px;
}
.oden .slide .slide01 h2 {
	margin-bottom: 15px;
}
.oden .slide .img01,
.oden .slide .img02,
.oden .slide .img03 {
	opacity: 0;
	margin-top: 120px;
	transition: all 0.4s cubic-bezier(0, 0.71, 0.5, 1);
	transition-delay: 0.4s;
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
}
.oden .slide .slick-active .img01,
.oden .slide .slick-active .img02,
.oden .slide .slick-active .img03 {
	opacity: 1;
	margin-top: 0;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.oden .inner .img01,
.oden .inner .img02,
.oden .inner .img03 { position: absolute; }
.oden .inner .slide01 .img01 { top: 225px; right: 31px; }
.oden .inner .slide01 .img02 { top: 544px; left: 9px; }
.oden .inner .slide01 .img03 { top: 621px; right: 4px; }
.oden .inner .slide02 .img01 { top: 724px; left: 12px; }
.oden .inner .slide02 .img02 { top: 655px; right: -22px; }
.oden .inner .slide03 .img01 { top: 683px; left: 15px; }
.oden .inner .slide03 .img02 { top: 590px; right: 4px; }
.oden .inner .slide04 .img01 { top: 725px; left: 15px; }
.oden .inner .slide04 .img02 { top: 625px; right: -10px; }
.oden .inner .slide05 .img01 { top: 222px; right: 30px; }
.oden .inner .slide05 .img02 { top: 735px; left: 10px; }
.oden .inner .slide05 .img03 { top: 617px; right: 0; }

.oden .bnr {
	overflow: hidden;
	width: 980px;
	margin: 15px auto ;
	text-align: left;
}
.oden .bnr a {
	display: block;
	float: left;
}
.oden .bnr a:nth-of-type(2) {
	float: right;
}

/* corner */
.corner.left { background: url(../../img/top_corner_bg_l.png) no-repeat top right; }
.corner.right { background: url(../../img/top_corner_bg_r.png) no-repeat top left; }
.corner {
	height: 12%;
	max-height: 120px;
	background-size: 100% auto !important;
}
.corner img {
	width: 10.5%;
	position: absolute;
}
.corner.left .img01 { top: 2.5vw; left: 17.8vw; }
.corner.left .img02 { top: 4.3vw; left: 12.7vw; }
.corner.left .img03 { top: 5.6vw; left: 7.1vw; }
.corner.left .img04 { top: 6.5vw; left: 1.2vw; }
.corner.right .img05 { top: 2.5vw; right: 17.8vw; }
.corner.right .img06 { top: 4.3vw; right: 12.7vw; }
.corner.right .img07 { top: 5.6vw; right: 7.1vw; }
.corner.right .img08 { top: 6.5vw; right: 1.2vw; }
.contents {
	background-size: cover;
	position: relative;
}
.bg {
	position: absolute;
	top: 0;
}
.bg img {
	width: 100%;
}

.jitan{
	text-align: center;
}
.jitan .text{
	padding: 30px 0 40px;
}
.jitan .flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 40px;
}
.jitan .flex>div{
	width: calc((100%/3) - 10px);
}
.jitan .flex>div img{
	max-width: 100%;
}
.jitan .flex>div h3{
	position: relative;
	margin: 15px 0;
	height: 95px;
}
.jitan .flex>div h3 img{
	position: absolute;
	left: 0;right: 0;margin: 0 auto;
	bottom: 0;
}
.jitan .flex>div p{
	font-size: 14px;
}
.jitan .flex>div p .underDot{
	display: block;
}

.jitan .flex>div a{
	display: block;
	margin: 20px 0 20px;
}
.dropMenu li{
	cursor: pointer;
}


.recipeLink {
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-top: solid 5px #ffed57;
	padding-bottom: 100px;
	background: url(../img/bg02_pc.png);
}
.recipeLink .inner {
	background: none;
	text-align: center;
	padding-bottom: 0;
}
.recipeLink .anchorLink {
	width: auto;
	overflow: hidden;
	margin: 15px auto 4px;
	line-height: 1;
}
.recipeLink .anchorLink ul {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
}
.recipeLink .anchorLink li {
	padding-left: 1px;
	background: url(../../img/top_anchor_border_pc.gif) no-repeat top left;
}
.recipeLink .anchorLink li:nth-of-type(7),
.recipeLink .anchorLink li:first-child {
	padding: 0;
	background: none;
}
.recipeLink .anchorLink li:nth-of-type(1),
.recipeLink .anchorLink li:nth-of-type(2),
.recipeLink .anchorLink li:nth-of-type(3),
.recipeLink .anchorLink li:nth-of-type(4),
.recipeLink .anchorLink li:nth-of-type(5),
.recipeLink .anchorLink li:nth-of-type(6) {
	padding-bottom: 20px;
}
.recipeLink .anchorLink li a {
	display: block;
}
.recipeLink .anchorLink li a span {
	display: block;
}
.recipeLink .anchorLink li a span.over { opacity: 0; }

.recipeLink .anchorLink li:nth-of-type(1) a { padding-left: 0; }
.recipeLink .anchorLink li:nth-of-type(7) a { padding-right: 0;}

.recipeLink .inner .recipeBox .recipeBox_i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 900px;
	padding: 40px 0 0;
	margin: 0 auto 40px;
	overflow: hidden;
	font-size: 14px;
	position: relative;
	background: url(../../img/top_cont_bg_boder.png) repeat-x top;
}
.recipeLink .inner .recipeBox .recipeBox_i:first-of-type{
	background: none;
}
.recipeLink .inner .recipeBox .recipeBox_i:last-of-type{
	margin-bottom: 0;
}
.recipeLink .inner .recipeBox .recipeBox_i h3.ttl03{
	padding-right: 10px;
}
.recipeLink .inner .recipeBox .recipeBox_i>div{
	text-align: left;
}
.recipeLink .inner .recipeBox .recipeBox_i:nth-child(odd) > div{
	padding-left: 30px;
}
.recipeLink .inner .recipeBox .recipeBox_i:nth-child(even){
	flex-direction: row-reverse;
}
.recipeLink .inner .recipeBox .recipeBox_i>div h3{
	margin-bottom: 40px;
}
.recipeLink .inner .recipeBox .recipeBox_i>div a{
	display: block;
}

/* .recipeLink .inner .recipeBox > div:last-child {
	margin-bottom: 0;
}
.recipeLink .inner .recipeBox div:nth-of-type(1) { background: none; }
.recipeLink .inner .recipeBox div div,
.recipeLink .inner .recipeBox div > img { float: left; max-width: 456px; }
.recipeLink .inner .recipeBox div .tieup { margin-bottom: 13px; max-width: 269px;}
.recipeLink .inner .recipeBox div .tieup img { width: 100%;}
.recipeLink .inner .recipeBox div div { max-width: 429px; text-align: left;}
.recipeLink .inner .recipeBox div#tororo div { max-width: 400px; }
.recipeLink .inner .recipeBox div h3 { margin-bottom: 34px; margin-top: 25px; }
.recipeLink .inner #dashiuma h3 { margin-bottom: 15px; margin-top: 0; }
.recipeLink .inner #cheese h3 { margin-bottom: 20px; margin-top: 0; }
.recipeLink .inner #yakioden h3 { margin-bottom: 25px; margin-top: 0; }
.recipeLink .inner #tyanko h3 { margin-bottom: 40px; margin-top: 0; }
.recipeLink .inner #tororo h3 { margin-bottom: 40px; margin-top: 10px; }
.recipeLink .inner #ethnic h3 { margin-bottom: 30px; margin-top: 20px; }
.recipeLink .inner .recipeBox div div a {
	position: absolute;
	bottom: 0;
	display: block;
}
.recipeLink .inner #syouga h3,
.recipeLink .inner #odenkimuchi h3,
.recipeLink .inner #amazake h3 {
	margin-bottom: 25px; margin-top: 10px;
}
.recipeLink .inner #syouga a,
.recipeLink .inner #odenkimuchi a,
.recipeLink .inner #amazake a {
	bottom: 20px;
}
.recipeLink .inner #cheese a,
.recipeLink .inner #yakioden a { bottom: 10px; }
.recipeLink .inner #tyanko a { bottom: 15px; }
.recipeLink .inner #honkakuoden a { bottom: 25px; }
.recipeLink .inner #kimuchi a,
.recipeLink .inner #mizutaki a,
.recipeLink .inner #yose a { bottom: 30px; }
.recipeLink .inner #tororo a { bottom: 10px; }
.recipeLink .inner #ethnic a { bottom: 33px; }

.recipeLink .inner .recipeBox div#mizutaki .underDot { letter-spacing: -0.05em; }
.recipeLink .inner .recipeBox div#yose .underDot { letter-spacing: -0.1em; } */

/* .recipeLink .inner #tyanko div:nth-of-type(1) {
	padding-left: 22px;
} */

.recipeLink .parallaxImg img {
	position: absolute;
	top: 0;
	display: block;
}
.tablet .recipeLink .parallaxImg img { display: none !important; }
.recipeLink .parallaxImg .img01 { top: 1580px; left: calc(50% - 707px); }
.recipeLink .parallaxImg .img02 { top: 1790px; right: calc(50% - 710px); }
.recipeLink .parallaxImg .img03 { top: 2320px; left: calc(50% - 730px); }
.recipeLink .parallaxImg .img04 { top: 2820px; right: calc(50% - 720px); }
.recipeLink .parallaxImg .img05 { top: 3800px; right: calc(50% - 690px); }
.recipeLink .parallaxImg .img06 { top: 3150px; left: calc(50% - 713px); }
.recipeLink .parallaxImg .img07 { top: 4280px; left: calc(50% - 720px); }
.recipeLink .parallaxImg .img08 { top: 4410px; right: calc(50% - 713px); }
.recipeLink .parallaxImg .img09 { top: 5300px; right: calc(50% - 730px); }
.recipeLink .parallaxImg .img10 { top: 4800px; right: calc(50% - 700px); }
.recipeLink .parallaxImg .img11 { top: 4940px; left: calc(50% - 717px); }
.recipeLink .parallaxImg .img12 { top: 6000px; right: calc(50% - 690px); }
.recipeLink .parallaxImg .img13 { top: 5890px; left: calc(50% - 717px); }
.recipeLink .parallaxImg .img14 { top: 6360px; right: calc(50% - 680px); }
.recipeLink .parallaxImg .img15 { top: 420px; right: calc(50% - 680px); }
.recipeLink .parallaxImg .img16 { top: 850px; left: calc(50% - 710px); }
.recipeLink .parallaxImg .img17 { top: 1270px; right: calc(50% - 620px); }
.recipeLink .parallaxImg .img18 { top: 4500px; right: calc(50% - 720px); }

.pageBottom {
	z-index: 2;
}

/* animation */
.hide {
	opacity: 0;
}
.mainVisual .catch01 img.show,
.mainVisual .catch02 img.show,
.mainVisual .steam img.show { opacity: 1; }
.show {
	transition: all 0.4s cubic-bezier(0.36, 0.37, 0.33, 0.99);
	opacity: 1;
}
.mainVisual .catch01 img,
.mainVisual .catch02 img {
	transition: all 1.4s cubic-bezier(0.36, 0.37, 0.33, 0.99);
}
.mainVisual .catch01 img { transition-delay: 0.4s; }
.mainVisual .catch02 img { transition-delay: 0.8s; }
.mainVisual .steam img { animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.mainVisual .img01 img { transition-delay: 1s; animation-duration: 3s; animation-name: steamScale; }
.mainVisual .img02 img { transition-delay: 1.1s; animation-duration: 2s; animation-name: steamScaleS; }
.mainVisual .img03 img { transition-delay: 1.2s; animation-duration: 2.4s; animation-name: steamScaleS; }
.mainVisual .img04 img { transition-delay: 1.3s; animation-duration: 2.8s; animation-name: steamScale; }
@keyframes steamScaleS {
  0% { transform: scale( 1.03); }
  42% { transform: scale( 0.96); }
  45% { transform: scale( 0.96); }
  100% { transform: scale( 1.03); }
}
@keyframes steamScale {
  0% { transform: scale( 1.06); }
  42% { transform: scale( 0.9); }
  45% { transform: scale( 0.9); }
  100% { transform: scale( 1.06); }
}
.recipeLink .inner .recipeBox > div > img {
	transition: all 0.6s cubic-bezier(0.36, 0.37, 0.33, 0.99);
	transition-delay: 0.2s;
}
.corner {
	transition-delay: 0.4s;
}.corner img {
	transition: all 1.2s cubic-bezier(0.4, 0.1, 0.15, 0.85);
	transform-origin: center top;
}
@keyframes shakeR {
  0% { transform: rotate( 7deg); }
  18% { transform: rotate( -10deg); }
  38% { transform: rotate( 7deg); }
  53% { transform: rotate( -7deg); }
  70% { transform: rotate( 5deg); }
  85% { transform: rotate( -3deg); }
  100% { transform: rotate( 7deg); }
}
@keyframes shakeL {
  0% { transform: rotate( 7deg); }
  19% { transform: rotate( -10deg); }
  40% { transform: rotate( 7deg); }
  53% { transform: rotate( -7deg); }
  70% { transform: rotate( 5deg); }
  83% { transform: rotate( -3deg); }
  100% { transform: rotate( 7deg); }
}
.corner .img01,
.corner .img02,
.corner .img03,
.corner .img04 { animation-duration:3.3s; animation-name: shakeR; animation-iteration-count: infinite; }
.corner .img05,
.corner .img06,
.corner .img07,
.corner .img08 { animation-duration:3.3s; animation-name: shakeL; animation-iteration-count: infinite; }
.corner .img01 { animation-delay: 0.16s; }
.corner .img02 { animation-delay: 0.22s; }
.corner .img03 { animation-delay: 0.34s; }
.corner .img04 { animation-delay: 0.47s; }
.corner .img05 { animation-delay: 0.26s; }
.corner .img06 { animation-delay: 0.36s; }
.corner .img07 { animation-delay: 0.47s; }
.corner .img08 { animation-delay: 0.58s; }

@media only screen and (min-width: 1440px) {
	.corner.left .img01 { top: 36.5px; left: 261px; }
	.corner.left .img02 { top: 63px; left: 186px; }
	.corner.left .img03 { top: 82px; left: 104px; }
	.corner.left .img04 { top: 95px; left: 17.5px; }
	.corner.right .img05 { top: 36.5px; right: 261px; }
	.corner.right .img06 { top: 63px; right: 186px; }
	.corner.right .img07 { top: 82px; right: 104px; }
	.corner.right .img08 { top: 95px; right: 17.5px; }
}
@media only screen and (max-width: 1280px) {
	.tablet .mainVisual {
		background: url(../../img/top_main_bg_tab.jpg) no-repeat top center;
	}
	.tablet .mainVisual .img01 { left: -20px; }
	.tablet .mainVisual .img02 { right: -20px; }
	.tablet .mainVisual .img03 { left: 30px; }
	.tablet .mainVisual .img04 { right: 70px; }
}
@media only screen and (max-width: 950px) {
	.corner.left .img01 { top: 24px; left: 169px; }
	.corner.left .img02 { top: 41px; left: 121px; }
	.corner.left .img03 { top: 53px; left: 67px; }
	.corner.left .img04 { top: 62px; left: 11px; }
	.corner.right .img05 { top: 24px; right: 169px; }
	.corner.right .img06 { top: 41px; right: 121px; }
	.corner.right .img07 { top: 53px; right: 67px; }
	.corner.right .img08 { top: 62px; right: 11px; }
}

@media only screen and (min-width: 751px) {
	.anchorLink li a.hover {
		position: relative;
	}
	.anchorLink li a.hover span {
		transition: all 0.22s cubic-bezier(0.43, 0.15, 0.18, 0.54);
	}
	.anchorLink li a.hover span.over {
		position: absolute;
		top: 0;
		left: 0;
	}
	.anchorLink li a.hover:hover {
		opacity: 1;
	}
	.anchorLink li a.hover:hover img {
		opacity: 1 !important;
	}
	.anchorLink li a.hover:hover span {
		opacity: 0;
	}
	.anchorLink li a.hover:hover span.over {
		opacity: 1;
	}
	.oden .slick-arrow.hover {
		transition: all 0.22s cubic-bezier(0.43, 0.15, 0.18, 0.54);
	}
	.oden .slick-arrow.hover:hover {
		opacity: 0.7;
	}
}
@media only screen and (max-width: 750px) {
	
	.recipeLink .anchorLink li a span.over,
	.mainVisual .inner > img,
	.parallaxImg img { display: none; }

	.contents {
		background: none;
	}
	.nav {
		position: absolute;
		z-index: 4;
		top: 0;
	}
	.mainVisual {
		height: auto;
		background: url(../../img/top_main_bg_sp.jpg) no-repeat top center;
		background-size: 100% auto;
	}
	.mainVisual .inner {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.mainVisual h1 {
		padding: 10.5% 2.6% 0;
	}
	.mainVisual .catch01 {
		padding-top: 67%;
	}
	.mainVisual .catch02 {
		padding-top: 6%;
		padding-bottom: 10%;
	}
	.mainVisual .catch01 img,
	.mainVisual .catch02 img {
		transition: none;
	}
	.bg {
		position: static;
	}
	.bg img {
		display: block;
	}

	.oden {
		padding: 4% 0 9.5%;
		border-top: solid 2px #ffed57;
		background: url(../img/bg01_sp.png);
	}
	.oden .inner {
		padding: 0;
		padding-bottom: 0.2%;
		background: #fff;
	}
	.oden .inner:before {
		display: none;
	}
	.underDotBox {
		display: inline;
		margin-bottom: 42px;
		text-align: left;
		padding: 0.3em 0;
		line-height: 2;
	}
	.underDotBox > span {
		display: inline;
	}
	.oden .underDot {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: inherit;
		font-size: calc((100vw / 375) * 12);
	}
	.oden h2 + .underDot {
		margin-top: -10px;
	}
	.oden .underDot span {
		letter-spacing: -0.042em;
		line-height: inherit;
	}
	.oden .inner .slide01 .img01 { top: 31.5%; right: 1%; width: 29.6%; }
	.oden .inner .slide01 .img02 { top: 34.5%; left: 1.5%; width: 27%; }
	.oden .inner .slide01 .img03 { top: 53%; right: -1%; width: 24%; }
	.oden .inner .slide02 .img01 { top: 42%; left: 1%; width: 34%; }
	.oden .inner .slide02 .img02 { top: 56%; right: -2%; width: 32%; }
	.oden .inner .slide03 .img01 { top: 46.5%; left: 2%; width: 34.5%; }
	.oden .inner .slide03 .img02 { top: 44%; right: -1.5%; width: 26%; }
	.oden .inner .slide04 .img01 { top: 46%; left: 1.5%; width: 22%; }
	.oden .inner .slide04 .img02 { top: 54%; right: 0%; width: 31%; }
	.oden .inner .slide05 .img02 { top: 44.5%; left: 2%; width: 26.6%; }
	.oden .inner .slide05 .img03 { top: 50%; right: 0.5%; width: 27%; }
	.oden .inner > img,
	.oden .btn {
		width: 89%;
		height: auto;
	}
	.oden .btn {
	margin: 8vw auto 0;
	}
	.oden .slide .slide03 > img,
	.oden .slide .slide04 > img,
	.oden .slide .slide05 > img {
		margin-top: 5vw !important;
	}
	
	/**Add 190926**/
	.oden .inner.bnr_odenryoku {
		padding-bottom: 12px;
		margin-top: 5px;
	}
	
	.oden .slide {
		width: 100%;
		margin: 0;
		top: -1.7vw;
	}
	.oden .slide .slick-slide {
		text-align: left;
		padding: 0px 3vw 16vw;
	}
	.oden .slide .slick-slide > img {
		margin-top: 7vw;
		width: 89%;
	}
	.oden .slick-prev,
	.oden .slick-next {
		top: auto;
		bottom: 5.2vw;
		width: 7vw;
		height: 7vw;
	}
	.oden .slick-dots {
		bottom: 7.2vw;
	}
	.oden .slick-dots li {
		margin: 0 6px;
		width: 2.4vw;
		height: 2.9vw;
	}
	.oden .slick-dots li button:before {
		border-radius: 2vw;
		border: 0.3vw solid #d00a20;
		height: 2.4vw;
		width: 2.4vw;
	}
	.oden .slick-prev {
		left: 8.8vw;
	}
	.oden .slick-next {
		right: 8.8vw;
	}
	.oden .slide h2 {
		margin: 0 -4vw 15px;
	}
	.oden .slide .img01,
	.oden .slide .img02,
	.oden .slide .img03 {
		margin-top: 60px;
	}
	.oden .bnr {
		width: auto;
		margin: 4% 2.6% 0;
	}
	.oden .bnr a {
		width: 100%;
	}
	.oden .bnr a:nth-of-type(2) {
	margin-top: 1%;
	}
	.oden .bnr a img {
		width: 100%;
	}
	.recipeLink {
		border-top: solid 2px #ffed57;
		margin-top: 0;
		padding: 4% 0 8%;
		background: url(../img/bg02_sp.png);
	}
	.recipeLink .anchorLink {
		overflow: visible;
		margin: 0;
		width: 100%;
	}
	.recipeLink .anchorLink ul {
		justify-content: start;
		margin: 0 -2.6%;
	}
	.recipeLink .anchorLink ul li {
		padding: 0;
		line-height: 1;
		background: none;
		width: 33.3%;
		padding-bottom: 3% !important;
	}
	.recipeLink .anchorLink ul li a {
		display: block;
		background: url(../../img/top_anchor_border_sp.png) no-repeat left;
		background-size: auto 100%;
	}
	.recipeLink .anchorLink ul li:last-child a {
		background: none;
	}
	.recipeLink .anchorLink ul li span { width: 100% !important; }

	.recipeLink .anchorLink ul li:nth-of-type(3n-2) a { background: none;}
	.recipeLink .anchorLink ul li:nth-of-type(12) a { margin-right: -5%; }
	.recipeLink .anchorLink ul li:last-child { padding-bottom: 0 !important; }

	.recipeLink .inner .recipeBox .recipeBox_i{
		display: block;
		padding: 5vw 5vw;
		box-sizing: border-box;
		width: 100%;
		background: url(../img/txt_bg_dot.gif) repeat-x top;
		margin: 0;

	}
	.recipeLink .inner .recipeBox .recipeBox_i:first-of-type{
		padding-top: 2vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl03{
		padding-right: 0;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl01{
		width: 62vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl13{
		width: 69.2vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl21{
		width: 56.6vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl14{
		width: 49vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl16{
		width: 46vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl09{
		width: 60vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl10{
		width: 57.6vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl11{
		width: 56.9vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl01{
		width:65.2vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl04{
		width:50vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i h3.ttl07{
		width:61vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i > div{
		padding-top: 5vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i:nth-child(odd) > div{
		padding-left: 0;
	}
	.recipeLink .inner .recipeBox .recipeBox_i>div h3{
		margin-bottom: 4vw;
	}
	.recipeLink .inner .recipeBox .recipeBox_i>div a{
		margin-top: 4vw;
	}


	.recipeLink .underDotBox {
		padding: 0.1em 0;
		line-height: 1.6;
	}
	.recipeLink .underDotBox .underDot {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: inherit;
	}
	.recipeLink .underDotBox .underDot > span {
		white-space: inherit;
		display: inline;
		background: none;
	}

	.recipeLink .underDotBox .underDot span {
		line-height: 1.8;
	}

.recipeLink .underDot > span {
	white-space: nowrap;
}
	.recipeLink .inner > #yose .underDot > span {
    letter-spacing: -0.07em;
	}

	
	.mov.jitan>.inner{
	padding: 5vw 2.6% 3vw !important;
}
.jitan .text{
	padding: 4vw 7vw 3vw;
}
.jitan .flex{
	display: block;
	padding: 0;
	position: relative;
}
.jitan .flex>div{
	width: 100%;
	padding: 5vw 4vw;
	box-sizing: border-box;
}
.jitan .flex>div:not(:first-of-type){
    background: url(../img/txt_bg_dot.gif) repeat-x top;

}
.jitan .flex button.slide-arrow{
	position: absolute;
	bottom: 0;
	width: 10vw;
}
.jitan .flex button.prev-arrow{
	left: 0;
}

.jitan .flex button.next-arrow{
	right: 0;
}

.jitan .flex>div h3{
	position: relative;
	margin: 3vw 0 4vw;
	height: 10vw;
}
.jitan .flex>div h3.w01{
	width: 64vw;
}
.jitan .flex>div h3.w02{
	width: 56vw;
}
.jitan .flex>div p{
	font-size: 14px;
	height: 16.9vw;
}
.jitan .flex>div a{
	display: block;
	margin: 5vw 0 0;
}
.dropMenu li{
	cursor: pointer;
}

}