@charset "utf-8";
@media only screen and (max-width:640px){
article{
	min-width:auto;
	min-width:initial;
	font-size:3.4vw;
	background:#fffef0 url(../images/mv_bg_s.png)no-repeat center top;
  background-size:100% auto;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}


article img{
	max-width:100%;
}

article h1{
  margin:0;
  padding:0;
  background-image:none;
}
article h1 img{
	vertical-align:bottom;
}

article h1 + p{
  margin:-5% 0 12%;
  font-size:3.6vw;
}
article > a{
  display:block;
  width:65%;
  line-height:2.5;
  margin:0 auto 1.5em;
  background-color:#fff480;
  border:1px solid #ffc300;
  border-radius:2em;
  font-size:4vw;
  font-weight:bold;
  color:#643919;
}
article > a span{
  display:inline-block;
  margin-left:0.5em;
  transform:scale(0.6);
}

article table{
  width:90%;
  border-bottom:1px solid #643919;
}
article table th{
  padding:0.5em 0;
  display:block;
  border-bottom:none;
}
article table td{
  padding:0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom:none;
}
article table td:first-of-type:before{
  content:'ゼラチン';
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width:5em;
  background-color:#ffbf80;
}
article table td:nth-of-type(2):before{
  content:'アガー';
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width:5em;
  background-color:#a1e4ee;
}
article table td:last-of-type:before{
  content:'寒天';
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width:5em;
  background-color:#aaedc0;
}

article table tr td ul{
  width:calc(100% - 5em);
  padding:0.8em;
}
article table tr td ul li{
  margin:0;
}
article table tr td > p{
  width:calc(100% - 5em);
  padding:0.8em;
}
article table tr td dl{
  width:calc(100% - 5em);
  padding:0.8em;
}
article table tr td dl dt{
  margin-bottom:0.3em;
  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:62%;
  margin:0;
  text-align:left;
}
article table tr td dl dd div img{
  width:37%;
}
article table tr td dl dd a{
  width:auto;
  line-height:2.2;
  border-radius:1.1em;
}

article table tr td dl dd ul{
  width:auto;
  padding:0;
}

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


article table.only_smart{
  display:table !important;
  width:calc(90% - 2px);
  margin-bottom:0.5em;
}
article table.only_smart th{
  display:table-cell;
  width:33.3%;
  padding:0.5em 0.8em;
  font-size:3.6vw !important;
}
article table.only_smart th figure img{
  vertical-align:bottom;
}
article table.only_smart tr:nth-child(-n+2) th:first-child{
  width:33.3%;
  padding:0.5em 0.8em;
}
article table.only_smart tr:last-child th:first-child{
  background-color:#ffbf80;
  border:1px solid #643919;
}
article table.only_smart tr:last-child th:nth-child(2){
  background-color:#a1e4ee;
}
article table.only_smart tr:last-child th:last-child{
  background-color:#aaedc0;
}



/* #recipe */
#recipe{
  margin-top:10%;
  padding:8% 0 12%;
  background:url(../images/recipe_bg.png)no-repeat center top;
  background-size:cover;
}
#recipe nav{
  margin-bottom:2.5em;
}
#recipe nav ul li{
  display:block;
  width:90%;
  margin:2.5% auto;
}
#recipe nav ul li a{
  display:block;
  line-height:2.8;
  font-size:3.6vw;
  border-radius:1.4em;
}
#recipe nav ul li:first-child a{
  border:1px solid #ee590e;
  background:url(../images/nav_bg1.png)repeat-x center center;
  background-size:auto 104%;
  text-shadow:0 0 4px #eb5a13;
}
#recipe nav ul li:nth-child(2) a{
  border:1px solid #0192ed;
  background:url(../images/nav_bg2.png)repeat-x center center;
  background-size:auto 104%;
  text-shadow:0 0 4px #1597e9;
}
#recipe nav ul li:last-child a{
  border:1px solid #01ad9d;
  background:url(../images/nav_bg3.png)repeat-x center center;
  background-size:auto 104%;
  text-shadow:0 0 4px #0fbca9;
}


/* .cont */
.cont{
  width:90%;
  margin: 5% auto 0;
  padding:3% 5% 8%;
  box-sizing:border-box;
  border-radius:0.3em;
  position:static;
}
.cont *{
  box-sizing:border-box;
}
.cont * img{
  vertical-align:bottom;
}
.cont h2{
  font-size:4vw;
}
.cont ul{
  width:100%;
  margin:1.5em auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cont ul li{
  width:48%;
  margin:0 0 1.5em;
}
.cont ul li a figure figcaption{
  height:auto;
  font-size:3.5vw;
  display:block;
}
.cont > a{
  width:auto;
  line-height:3;
  font-size:3.6vw;
  border-radius:1.5em;
}
.cont > img{
  display:none;
}


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


/* #cont2 */
#cont2{
}
#cont2 > a{
  background-color:#a1e4ee;
}


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

}