@charset "utf-8";
/* CSS Document */

* { font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body { width: 100%; height: 100%; margin: 0; padding: 0;}
header { background: #FFE4E1;}
.header-main { padding: 10px; height: 40px;}
.header_all { position: fixed; width: 100%; top: 0;left: 0;transition: .3s;height: 200px;z-index:100;}
.header_all .follow { position: fixed; top: 0;}
#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%;}
#page-top a { background: #666; text-decoration: none; color: #fff; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px;}
#page-top a:hover { text-decoration: none; background: #999;}
#page-top a::before { content: "▲"; display: block; font-size: 1.5em;}
.site-title { float: left; margin: 0; margin-left: 20px; line-height: 40px; background: url(img/sukeneko-logo_new.png) no-repeat left center; padding-left: 490px; color: #DE8097; font-weight: bold; font-size: 28px;}
.search-box { float: right; line-height: 40px; text-align: right; margin-right: 20px;}
.search-field { background: #FFF; padding: 5px 2px 5px 10px; width: 75%; border-radius: 4px; margin-right: 3px; border: #DE8097 2px solid; font-size: inherit;}
.search-submit { background: #DE8097; padding: 5px; color: #FFF; font-weight: bold; border-radius: 4px; border: 0;}
.faq-link { float: right; line-height: 40px; text-align: center; background: url(img/faq-icon.png) no-repeat left center; padding-left: 29px;}
.faq-link a { color: #DE8097; font-weight: bold; text-decoration: none;}
.faq-link a:hover { text-decoration: underline;}
/*.guide-link { float: right; line-height: 40px; text-align: center; background: url(img/guide-icon.png) no-repeat left center; padding-left: 29px; margin-right: 15px;}
.guide-link a { color: #DE8097; font-weight: bold; text-decoration: none;}
.guide-link a:hover { text-decoration: underline;}-->*/

/*************************************
メニューバー
*************************************/
nav { background: #FFF; width: 100%;}
.menu-nav { display: flex; display: -webkit-box; /*Android4.3*/ display: -moz-box;/*Firefox21*/ display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /*PC-Safari,iOS8.4*/
justify-content: space-evenly; -webkit-box-pack: justify; /*Android4.3*/ -moz-box-pack: justify;/*Firefox21*/ -ms-flex-pack: justify;/*IE10*/ -webkit-justify-content: space-evenly; /*PC-Safari,iOS8.4*/
padding: 20px 0; margin: 0;}
.menu-nav li.menu-nav-btn img { vertical-align: text-bottom;}
.menu-nav li.menu-nav-btn img:hover { opacity: 0.5;}
.menu-nav li { width: 120px; display: block;}
.menu-nav li.menu-nav-btn { position: relative;}
.menu-nav .menu-nav-btn+.menu-nav-btn { margin-left: 25px;}
.menu-nav-child { display: none; position: absolute; background: #FFF; padding: 0; padding-top: 5px; margin: 0;}
.menu-nav-child li { width: 120px;}
.menu-nav-child li:first-child { border-top-right-radius: 5px; border-top-left-radius: 5px;}
.menu-nav-child li:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.menu-nav-child li a { display: block; font-size: 13px; font-weight: bold; padding: 5px; color: #FFF; text-align: center; text-decoration: none;}
.menu-nav-child li:hover { opacity: 0.5;}
.order .menu-nav-child li { background: #DE8097;}
.orderlite .menu-nav-child li { background: #F0B0B8;}
.stock .menu-nav-child li { background: #65A496;}
.item .menu-nav-child li { background: #F7B25C;}
.syohin .menu-nav-child li { background: #ffff66;}
.hacchu .menu-nav-child li { background: #6595c2;}
.api .menu-nav-child li { background: #2FB8BC;}
/*.yahoo-api .menu-nav-child li { background: #3FCC99;}*/
.outside .menu-nav-child li { background: #BDD864;}
.delivery .menu-nav-child li { background: #90C2E9;}
.cvp .menu-nav-child li { background: #EE7D53;}
.ecshop .menu-nav-child li { background: #E96399;}
.pointchanger .menu-nav-child li { background: #F7D544;}
.dispatch .menu-nav-child li { background: #9C739A;}
.webreceipt .menu-nav-child li { background: #9C739A;}
.app .menu-nav-child li { background: #006a7b;}