@charset "Shift_JIS";
/* CSS Document */
/*=========== pc ===========*/
/*----- common -----*/
#recipe-corn .pc {
  display: block !important;
}
#recipe-corn .sp {
  display: none !important;
}
#recipe-corn *, #recipe-corn *:before, #recipe-corn *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#recipe-corn {
  font-family: "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
div.container_ {
  width: 100%;
}
/*#recipe-corn .contents-wrap{
		width: 1300px;
	    margin: 0 auto;
	}*/
#recipe-corn .section {
  padding: 3em 0;
  margin-bottom: 2em;
  text-align: center;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
}
#recipe-corn .sec-inner {
  margin: 0 auto 2em;
  width: 1100px;
}
#recipe-corn .section h2 {
  font-weight: bold;
  font-size: 1.5em;
  letter-spacing: 2px;
}
#recipe-corn .section h3 {
  font-size: 1.4em;
  font-weight: bold;
}
#recipe-corn .flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#recipe-corn a {
  text-decoration: none;
}
#recipe-corn a:hover {
  text-decoration: none;
}
#recipe-corn .section .sec-inner .red {
  color: red;
}
#recipe-corn .section .sec-inner p .red {
  color: red;
  margin: 0.3em;
}
#recipe-corn .section .sec-inner p .red span {
  font-size: 1.3em;
}
#recipe-corn .section .sec-inner .tx-s {
  font-size: 0.9em;
}
#recipe-corn .section .sec-inner .tx-b {
  font-size: 1.3em;
}
#recipe-corn .section .sec-inner .line {
  background: linear-gradient(transparent 50%, yellow 50%);
  font-size: 1.2em;
}
/*	#recipe-corn .section .sec-inner .btn-wrap{
	  margin: 2em auto;
	}*/
/*----- =======================section layout=======================-----*/
/*----- #mv -----*/
#recipe-corn-mv h1 {
  /*margin: 1em auto;*/
  text-align: center;
}
#recipe-corn-mv {
  background-image: url(/img/usr/freepage/recipe-corn/bg_main.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2em 0;
}
/*----- #recipe-corn about -----*/
#about {
  background-color: #ffffff;
}
#about .ttl-wrap {
  margin-bottom: 0;
}
#about div p a {
  text-decoration: underline;
  color: rgba(12, 120, 18, 1.00);
}
#about div p {
  padding: 1em;
  font-size: 1.2em;
}
#about div .about-tx {
  position: relative;
  margin-bottom: 2em;
}
#about div .about-tx::before, #about div .about-tx::after {
  content: "";
  background-image: url(/img/usr/freepage/recipe-corn/illust-01.png);
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
}
#about div .about-tx::before {
  width: 175px;
  height: 79px;
  top: -10px;
  left: 95px;
}
#about div .about-tx::after {
  width: 127px;
  height: 73px;
  bottom: -13px;
  right: 95px;
  transform: rotate(-165deg);
}
#recipe-corn .tx-fukidashi {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
#recipe-corn .tx-fukidashi:before, #recipe-corn .tx-fukidashi:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#recipe-corn .tx-fukidashi:before {
  left: 0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#recipe-corn .tx-fukidashi:after {
  right: 0;
}
/*----- .recipe -----*/
#recipe01 {
  background-color: #fafbc3;
}
#recipe02 {
  background-color: #edfbdd;
}
#recipe-corn .recipe .sec-inner:first-of-type .ttl-wrap {
  margin-top: -4.5em;
  margin-bottom: 1em;
}
#recipe-corn .recipe .ttl-wrap h2 {
  text-align: center;
  background-color: #bfec8f;
  border: 2px solid #333333;
  display: inline-block;
  /*margin-top: -3em;*/
  padding: 0 1em;
}
#recipe01 .sec-inner:first-of-type {
  border-bottom: #e8b600 3px dashed;
}
#recipe02 .sec-inner:first-of-type {
  border-bottom: #aad679 3px dashed;
}
.recipe div .flexwrap {
  padding: 2em 1em;
}
.recipe div .flexwrap .col {
  width: 30%;
  margin-bottom: 1em;
}
.recipe div .flexwrap .col img {
  border: 2px solid #333333;
}
.recipe div .flexwrap .col p {
  padding: 1em 0.5em;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}
.recipe div .ttl-wrap h3 {
  margin-bottom: 1em;
}
.recipe div .movie-link a img {
  border: 2px solid #333333;
}
/*----- .corn-link -----*/
#recipe-corn .corn-link {
  /*margin: 3em 0 4em;*/
  background-image: url(/img/usr/freepage/recipe-corn/bg_main.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6em 0;
}
#recipe-corn .corn-link a {
  background-color: #ffffff;
  padding: 0.5em 4em;
  border-radius: 50px;
  font-size: 1.5em;
}
#recipe-corn .corn-link a:hover {
  background-color: #ffde7d;
  color: #333333;
}
/*----- toplink -----*/
#recipe-corn .toplink {
  margin: 2em auto;
  text-align: center;
}
#recipe-corn .toplink a {
  text-align: center;
  background-color: #007b62;
  padding: 0.5em 3em;
  font-size: 1.2em;
  color: #ffffff;
}
#recipe-corn .toplink a:hover {
  background-color: #18b393;
}