@charset "utf-8";

html,body{margin:0;}
article{
  margin-bottom:0;
  min-width:100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif;
  font-size:15px;
  line-height:1.6;
  text-align:center;
  color:#643919;
  background:#fffef0 url(../images/mv_bg.png)no-repeat center top;
}
@media all and (-ms-high-contrast:none) {
article{
  font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', sans-serif;
	}
}
a{
	text-decoration:none;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
a:hover{
	opacity: 0.8;
}
.only_smart,
.only_smart_i{
	display:none !important;
}

article img{
	max-width:100%;
}
article ul,
article ol,
article dl,
article dl dt,
article dl dd{
	margin:0;
	padding:0;
}
article ul li,
article ol li{
	list-style:none;
}
article figure,
article figure figcaption{
	margin:0;
	padding:0;
}
article h1{
	margin:0;
	padding:0;
}
article h1 img{
	vertical-align:bottom;
}

article h1 + p{
  margin:50px 0 100px;
  line-height:1.8;
  font-size:20px;
  font-weight:bold;
}

article table{
  width:100%;
  max-width: 1010px;
  margin:0 auto;
  border-collapse: collapse;
	border-spacing: 0;
  table-layout: fixed;
}
article table th,
article table td{
  padding:1em 1.2em;
  border:1px solid #643919;
}
article table th{
  background-color:#fff;
  white-space:nowrap;
}
article table td:first-of-type{
  background-color:#fff5ec;
}
article table td:nth-of-type(2){
  background-color:#f0fbfc;
}
article table td:last-of-type{
  background-color:#ebfaf0;
}
article table tr:nth-child(-n+2) th:first-child{
  /* width:200px; */
  padding:1.5em 0;
  border:none;
  background-color:transparent;
}
article table tr:first-child th:nth-child(n+2){
  /* width:270px; */
}
article table tr:nth-child(2) th:nth-child(n+2){
  background-color:#ffbf80;
  font-size:18px;
}
article table tr:nth-child(2) th:nth-child(3){
  background-color:#a1e4ee;
}
article table tr:nth-child(2) th:last-child{
  background-color:#aaedc0;
}
article table tr:first-child th:nth-child(n+2){
  border:none;
  background-color:transparent;
}
article table tr td ul li{
  margin:0.8em 0;
  padding-left:1em;
  text-indent:-1em;
  text-align:left;
}
article table tr td ul li:first-child{
  margin-top:0;
}
article table tr td ul li:first-child{
  margin-top:0;
}
article table tr td ul li:last-child{
  margin-bottom:0;
}
article table tr td > p{
  margin:0;
  text-align:left;
}
article table tr td dl dt{
  font-weight:bold;
  text-align:left;
}
article table tr td dl dt:nth-of-type(2){
  margin-top:1.5em;
}
article table tr td dl dd div{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
article table tr td dl dd div p{
  width:55%;
  margin:0;
  text-align:left;
}
article table tr td dl dd div img{
  width:90px;
}
article table tr td dl dd a{
  display:block;
  width:100%;
  line-height:30px;
  margin:0.5em auto 0;
  background-color:#fff480;
  border:1px solid #ffc300;
  border-radius:16px;
  font-weight:bold;
  color:#643919;
}

.pc_c-sp_l{
  text-align: center;
}

/* #recipe */
#recipe{
  margin-top:80px;
  padding:60px 0 100px;
  background:url(../images/recipe_bg.png)no-repeat center top;
}
#recipe nav ul li{
  display:inline-block;
  width:300px;
  margin:0 5px;
}
#recipe nav ul li a{
  display:block;
  line-height:66px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  border-radius:35px;
}
#recipe nav ul li:first-child a{
  border:2px solid #ee590e;
  background:url(../images/nav_bg1.png)repeat-x center center;
  text-shadow:0 0 8px #eb5a13;
}
#recipe nav ul li:nth-child(2) a{
  border:2px solid #0192ed;
  background:url(../images/nav_bg2.png)repeat-x center center;
  text-shadow:0 0 8px #1597e9;
}
#recipe nav ul li:last-child a{
  border:2px solid #01ad9d;
  background:url(../images/nav_bg3.png)repeat-x center center;
  text-shadow:0 0 8px #0fbca9;
}
#recipe nav ul li a span{
  display:inline-block;
  margin-left:0.5em;
  transform:scale(0.6);
}


/* .cont */
.cont{
  width:100%;
  margin: 60px auto 0;
  padding:30px 0 60px;
  background-color:#fff;
  border-radius:10px;
  position:relative;
}
.cont *{
  box-sizing:border-box;
}
.cont * img{
  vertical-align:bottom;
}
.cont h2{
  font-size:26px;
}
.cont ul{
  width:100%;
  max-width: 930px;
  margin:1.8em auto 3em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cont ul li{
  width:calc((100% - 60px) / 4);
  margin:0;
}
.cont ul li a{
  display:block;
}
.cont ul li a figure figcaption{
  height:3em;
  line-height:1.5;
  margin-top:0.5em;
  font-size:16px;
  font-weight:bold;
  color:#643919;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cont > a{
  width:440px;
  line-height:60px;
  display:block;
  margin:auto;
  font-size:16px;
  font-weight:bold;
  color:#643919;
  border-radius:30px;
}
.cont > img{
  position:absolute;
  left:-30px;
  bottom:10px;
}


/* #cont1 */
#cont1{
}
#cont1 > a{
  background-color:#ffbf80;
}


/* #cont2 */
#cont2{
}
#cont2 > a{
  background-color:#a1e4ee;
}
#cont2 > img{
  left:auto;
  right:-30px;
}
@media only screen and (max-width:1090px){
  #cont2 > img{
    right:-1%;
  }
}

/* #cont3 */
#cont3{
}
#cont3 > a{
  background-color:#aaedc0;
}

.feature_cont {
  overflow: auto;
}