#con #cook { margin: 10px auto 0 auto; position: relative; z-index: 10; border: 0; border-radius: 110px 0 0 0; -webkit-border-radius: 110px 0 0 0; -moz-border-radius: 110px 0 0 0;}

#con .mn_cook a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/mn_cook.png); filter: opacity(30%); -webkit-filter: opacity(30%); -moz-filter: opacity(30%); -ms-filter: opacity(30%);}
#con .mn_cook a:hover { cursor: default; pointer-events: none;}

#cook h2 { text-align: center;}
#con .contents h2:after { background: url(../../img/dm.gif);}
#cook h3 { text-align: center; color: rgba(200, 200, 200, 1.0); padding: 0; margin: 0; padding-top: 10px; font-weight: bold; font-size: 90%;}
#cook .lttxt { color: rgba(210, 122, 122, 0.9); font-size: 120%; letter-spacing: 0.1em;}
#cook .cookset .ker { display: none;}
#cook .kotsu { width: 96%; margin: 0 auto 10px auto;}
#cook .kotsu dt { color: rgba(255, 140, 140, 1.0); padding-top: 10px; letter-spacing: 0.2em;}
#cook .kotsu dd { border: 1px solid rgba(255, 140, 140, 0.4); background: rgba(255, 140, 140, 0.1); color: rgba(255, 230, 230, 1.0); font-size: 98%; line-height: 160%; padding: 15px;}

.catch { box-sizing: border-box; width: 96%; margin: 5px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid rgba(255, 255, 255, 1.0); position: relative; z-index: 100; padding: 10px; text-align: left; color: rgba(255, 255, 255, 1.0); font-size: 90%; line-height: 140%; display: none;}
.titleall { width: 100%; margin: 0 auto; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
.titlesp { width: 100%; height: 0; padding-top: 27.551020408163%; position: relative; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
.title { width: 100%; height: 0; padding-top: 27.551020408163%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}

.titleall2 { width: 100%; margin: 0 auto; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}
.titlesp2 { width: 100%; height: 0; padding-top: 26.530612244898%; position: relative; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}
.title2 { width: 100%; height: 0; padding-top: 26.530612244898%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}

#cook .mainpall { box-sizing: border-box; width: 100%; max-width: 480px; margin: 10px auto;}
#cook .mainpsp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative;}
#cook .mainp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

#cook .sppall { box-sizing: border-box; width: 100%; max-width: 450px; margin: 0 auto; border: 4px solid rgba(210, 122, 122, 0.9);}
#cook .sppsp { width: 100%; height: 0; padding-top: 60%; position: relative;}
#cook .spp { width: 100%; height: 0; padding-top: 60%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

#cook .con_nkm { box-sizing: border-box; width: 100%; max-width: 720px; margin: 0 auto; padding: 0; text-align: left; font-size: 96%; letter-pacing: 0.1em; padding-top: 140px;}

#cook .con_nkm2 { border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0; padding: 0; margin: 0;}
#cook .con_nkm2 .hnbn { box-sizing: border-box; width: 96%; margin: 5px auto 0 auto; padding: 15px; text-align: left; line-height: 160%; font-size: 90%; letter-spacing: 0.1em; background: rgba(255, 255, 255, 0.2); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

#cook .con_nkm2 .infotxt { box-sizing: border-box; width: 100%; margin: 5px 0 0 0; padding: 10px; border-top: 2px dotted rgba(210, 122, 122, 0.9); text-align: left; line-height: 140%; font-size: 90%;}
#cook .con_nkm2 .infotxt:before, #cook .con_nkm2 .infotxt:after { content: ""; display: table;}
#cook .con_nkm2 .infotxt:after { clear: both;}
#cook .con_nkm2 .mppall { box-sizing: border-box; width: 100%; max-width: 120px; margin: 15px auto;}
#cook .con_nkm2 .mppsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#cook .con_nkm2 .mpp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/miyazaki.png); border: 3px solid rgba(210, 122, 122, 0.4); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#cook .con_nkm2 .infotxt dt { color: rgba(210, 122, 122, 0.9);}
#cook .con_nkm2 .infotxt dd { padding: 5px 0; color: rgba(220, 200, 200, 1.0);}
#cook .con_nkm2 .infotxt dd .lgt { color: rgba(220, 200, 200, 0.6);}

#cook .con_nkm0 #archivesp:before, #cook .con_nkm0 #archivesp:after { content: ""; display: table;}
#cook .con_nkm0 #archivesp:after { clear: both;}
#cook .con_nkm0 #archivesp { width: 100%; max-width: 720px; margin: 0 auto;}
#cook .con_nkm0 #archivesp li { box-sizing: border-box; width: 18%; margin: 5px 2% 5px 0; float: left; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#cook .con_nkm0 #archivesp li .acvpsp { width: 100%; height: 0; padding-top: 100%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#cook .con_nkm0 #archivesp li .acvpsp span { width: 100%; height: 50%; text-align: center; margin: auto; text-align: center; display: block; position: absolute; top: 0; bottom: 0; left: 0; font-size: 150%; font-weight: bold;}
#cook .con_nkm0 #archivesp li .acvpsp a { box-sizing: border-box; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#cook .con_nkm0 #archivesp li .acvpsp a:hover { background: rgba(255, 234, 0, 1.0); color: rgba(220, 61, 80, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#cook .con_nkm0 #archivesp .lnkoff .acvpsp a { box-sizing: border-box; background: rgba(50, 50, 50, 1.0); cursor: default; pointer-events: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: rgba(100, 100, 100, 1.0);}


/*for_W480-*/
@media screen and (min-width: 480px) {
#cook .con_nkm0 #archivesp li { width: 8%; margin: 5px 2% 5px 0;}
#cook .con_nkm { padding-top: 120px;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
#con #cook { border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
#cook .con_nkm0 { width: 100%; max-width: 980px; margin: 0 auto;}
#cook .con_nkm { padding-top: 110px;}
}

/*for_W900-*/
@media screen and (min-width: 900px) {
#cook h3 { display: none;}
.catch { padding: 20px 10px; line-height: 140%; display: none;}
#cook .kotsu { width: 94%; margin: 0 auto 30px auto;}
#cook .kotsu dd { font-size: 96%; line-height: 180%; padding: 20px;}
#cook .cookset { width: 96%; margin: 0 auto; padding: 15px 0 5px 0;}
#cook .cookset:before, #cook .cookset:after { content: ""; display: table;}
#cook .cookset:after, #cook .con_nkm2:after { clear: both;}
#cook .sppall { width: 50%; margin-left: 1%; float: left;}
#cook .cooktext { width: 49%; float: left;}
#cook .cookset .ker { text-align: right; display: block; border-bottom: 2px solid rgba(210, 122, 122, 0.9); padding-bottom: 10px; font-size: 120%;}
#cook .con_nkm2 .hnbn { box-sizing: border-box; width: 92%; margin: 20px 0 0 20px; padding: 25px 30px; line-height: 180%; letter-spacing: 0.2em;}
#cook .con_nkm2 .infotxt { box-sizing: border-box; width: 96%; margin: 5px auto 0 auto;}
#cook .con_nkm2 .mppall { width: 30%; margin: 0 10px 0 40px; float: left;}
#cook .con_nkm2 .infotxt dl { width: 70%; margin-top: 25px; float: left; font-size: 90%;}
}

/*for_W1010-*/
@media screen and (min-width: 1010px) {
#cook .con_nkm2 .mppall { min-width: 120px;}
#cook .con_nkm2 .infotxt dl { width: 690px; margin-top: 25px; float: left; font-size: 90%;}
}