@charset "UTF-8";

/*================================================
 *  スマートフォンメニュー
 ================================================*/

#spmenu .index { background: #eee; padding: 10px 0; font-weight: bold; text-align: center; }

#spmenu ul {
    overflow: hidden;
    background: #fff;
}
#spmenu ul li {
    padding: 10px 0;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u44641406/pc/css/../images/main/arrow2.png) no-repeat right 10px center;
}
#spmenu ul li + li { border-top: 1px dashed #ccc; }
#spmenu ul li a {
    display: block;
    padding-left: 10px;
    text-decoration: none;
}

#spmenu .feature { width: 100%; }
#spmenu .feature img { width: 96%; margin: 0.5em auto; display: block; }

#spmenu form { width: 96%; height: 3em; margin: 1em auto; background: #fff; text-align: left; box-sizing: border-box; }
#spmenu input { vertical-align: top; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; }
#spmenu input[type="text"] {
    width: 70%;
    background: #eee;
    font-size: 1em;
    text-indent: 0.7em;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#spmenu input[type="submit"] {
    width: 28%;
    background: #DD5411;
    color: #fff;
    font-size: 0.9em;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}