#contents .nkm { background-image: url(../../img/st/st_s-lounge_maternity.jpg); border-bottom: 8px solid rgba(255, 117, 48, .3);}
.fm { box-sizing: border-box; width: 98%; margin: 0 auto; padding: 0;}
.iframesp iframe { width: 100%; padding: 0; margin: 0; border: 0; z-index: 1000;}

#ykido ul { width: 95%; max-width: 620px; margin: 5px auto 20px auto; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#ykido ul:before, #con .wa ul:after { content: ""; display: table;}
#ykido ul:after { clear: both;}
#ykido li { box-sizing: border-box; width: 48.5%; margin: 1% 0 1% 1%; height: 31px; background-color: rgba(255, 117, 48, .8); background-repeat: no-repeat; background-image: url(../img/cake.png); background-position: middle left; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative;}
#ykido li div { height: 25px; margin: 3px 3px 0 30px; text-align: center; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#ykido li a .nkmtxt { padding-left: 25px;}
#ykido li a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, .3); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center;}
#ykido li a:hover { background: rgba(255, 255, 255, 0);}

/*btn*/
#tokosp { width: 100%; height: 40px; margin: 0 auto; padding: 10px 0 30px 0;}
#tokosp #toko a { width: 160px; height: 30px; display: inline-block; padding: 0.5em 1em; text-decoration: none; border-radius: 4px; color: rgba(255, 255, 255, 1); font-size: 120%; font-weight: bold; background: rgba(220, 81, 12, 1.0); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); border-bottom: solid 2px rgba(172, 58, 1, 0.8); position: relative; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#tokosp #toko a:hover { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); border-bottom: none; color: rgba(255, 200, 172, 1.0); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
#tokosp #toko .btntxt { width: 100%; position: absolute; top: 15px; left: 0;}
.infotxt { margin: 40px 0 10px 0; line-height: 140%;}
.finishtxt { font-size: 90%; padding: 10px; line-height: 130%;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_lounge_maternity.jpg);}
.fm { width: 90%; padding: 0;}
#archive ul { margin-top: 3%;}
#ykido li { box-sizing: border-box; width: 48.5%; margin: 1% 0 1% 1%; height: 55px; background-color: rgba(255, 117, 48, .8); background-repeat: no-repeat; background-image: url(../img/strawberry.png); background-position: middle left; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative;}
#ykido li div { height: 45px; margin: 5px 5px 0 50px; text-align: center; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#ykido li a .nkmtxt { padding-left: 50px; font-size: 110%; letter-spacing: 0.1em;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#archive li { width: 23%; margin: 3px 6px; float: left;}
#ykido li a .nkmtxt { font-size: 120%; letter-spacing: 0.2em;}
}