@charset "utf-8";

/* モニター幅960px以下 */

@media only screen and (max-width:960px) and (min-width:641px) {
    body {
        line-height: 1.5;
    }
    #wrapper {
        width: 100%;
    }
    .space {
        height: 30px;
    }
    .space1 {
        height: 15px;
    }
    .glide__bullets {
        bottom: 1em !important;
    }
    #infomation {
        top: 0px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    /************* ロゴ*************/
    #header .logo {
        float: none;
        width: 80% !important;
    }
    #footer .logo {
        float: left;
        width: 50%;
        padding-left: 5px;
        text-align: center;
    }
    /*************メニュー*************/
    #mainNav a.menu {
        width: 10%;
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        text-align: center;
        border: medium solid #331100;
        border-bottom-left-radius: 50%;
    }
    #mainNav a.menu {
        color: #ffffff;
        background-color: #331100;
    }
    #mainNav a.menuOpen {
        background-color: #ffffff;
        color: #331100;
    }
    #mainNav a#menu:hover {
        cursor: pointer;
    }
    .panel {
        display: none;
        width: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9998;
    }
    #mainNav {
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #5e8cc8), color-stop(0.00, #5f748f));
        background: -webkit-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
        background: -moz-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
        background: -o-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
        background: -ms-linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
        background: linear-gradient(top, #5f748f 0%, #5e8cc8 100%);
    }
    #mainNav ul li {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        line-height: 1.2;
    }
    #mainNav ul li a,
    #mainNav ul li.current-menu-item li a {
        display: block;
        padding: 15px 10px;
        text-align: left;
        border-bottom: 1px dashed #fff;
        color: #fff;
        background: #5e8cc8;
        line-height: 1;
    }
    #mainNav ul li:first-child a {
        border-top: 1px dashed #fff
    }
    #mainNav ul li:last-child a {
        border: 0;
        border-bottom: 1px dotted #000;
    }
    .panel span {
        display: inline;
        padding-left: 10px;
    }
    #mainNav ul li.active a,
    #mainNav ul li a:hover {
        background: #5f748f;
    }
    .panel_b {
        float: left;
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
    }
    #subNav {
        width: 50%;
        float: right;
        padding: 0 1%;
    }
    #subNav ul li {
        display: block;
        padding: 1px 10px;
        text-align: left;
        border-bottom: 1px dashed #fff;
        background: #5e8cc8;
        white-space: nowrap;
    }
    #subNav a {
        display: inline-block;
        padding: 5px 10px;
        line-height: 1.2;
        color: #fff;
    }
    #subNav ul li.active a,
    #subNav ul a:hover {
        color: #331100;
    }
    #subNav span {
        display: inline-block;
        margin-left: 3%;
        line-height: 0.8;
    }
    /*************グリッド*************/
    .grid1 {
        width: 100%;
        float: left;
    }
    .grid2 {
        width: 50%;
    }
    .grid3 {
        float: left;
        width: 32%;
        margin: 0;
    }
    .grid4 {
        width: 22%;
        float: left;
    }
    p img {
        width: 100%;
    }
    .c {
        margin: 0 2%;
    }
    #product01 article {
        margin-bottom: 20px;
    }
    /*資料請求パネル*/
    .read_box {
        display: table;
        clear: both;
        width: 70%;
        margin: 0 auto;
        position: relative;
    }
    /*imageパネル*/
    .i_box1 {
        width: 100%;
    }
    .i_box2 {
        width: 50%;
    }
    .i_box3 {
        width: 33%;
    }
    .i_box4 {
        width: 25%;
    }
    .w-t-l {
        height: 50%;
        width: 100%;
    }
    .w-b-l {
        height: 50%;
        width: 100%;
    }
    .h-r-l {
        height: 100%;
        width: 50%;
    }
    .h-l-l {
        height: 100%;
        width: 50%;
    }
    video {
        padding: 0 2%;
    }
    /*************テーブル*************/
    #company .t_col1 {
        display: table-cell;
        vertical-align: middle;
        width: 15%;
        text-align: center;
        font-weight: bold;
        background-color: #5e8cc8;
        color: #ffffff;
    }
    #company .t_col2 {
        width: 100%;
        padding: 2px 0 2px 10px;
        margin-left: 2px;
        text-align: left;
        background-color: #ffffff;
        color: #331100
    }
    #o1_machine .t_col1 {
        width: 25%;
    }
    #o1_machine .t_col2 {
        width: 28%;
    }
    #o1_machine .t_col3 {
        width: 7%;
    }
    #o1_machine .t_col4 {
        width: 40%;
    }
    #o2_machine .t_col1 {
        width: 25%;
    }
    #o2_machine .t_col2 {
        width: 28%;
    }
    #o2_machine .t_col3 {
        width: 7%;
    }
    #o2_machine .t_col4 {
        width: 40%;
    }
    /*************商品企画*************/
    .s_box_1 {
        width: 60%;
    }
    /*************fontsize*************/
    #mainNav ul,
    #subNav ul {
        font-size: 3vw !important;
    }
    #product01 div.text,
    .link_btm,
    .readmore {
        font-size: 1.5vw !important;
    }
    #mainNav ul span,
    #infomation,
    #subNav ul span {
        font-size: 1.125vw !important;
    }
    .text p {
        padding: 10px 10px;
        text-align: left;
        font-size: 1.725vw !important;
    }
    .theme {
        font-size: 3vw !important;
    }
    .theme span {
        font-size: 1.35vw !important;
    }
    .slogan {
        font-size: 2.25vw !important;
    }
    .label {
        font-size: 3vw !important;
    }
    .gallery div div span.label {
        font-size: 1.8vw!important;
        font-weight: bold;
    }
    .heading,
    .number_box {
        font-size: 1.85vw !important;
    }
    #footer strong {
        font-size: 1.65vw !important;
    }
    .copyright {
        font-size: 0.75vw !important;
    }
    #sign {
        font-size: 3.75vw !important;
    }
    #infomation h3 {
        font-size: 1.8vw !important;
    }
    .read_box a {
        font-size: 4.5vw !important;
    }
    .category {
        font-size: 1vw;
    }
    #company div.table,
    #o1_machine div.table,
    #o2_machine div.table,
    #s2_machine div.table {
        font-size: 0.7vw !important;
    }
    a.menu span {
        font-size: 2.5vw !important;
    }
}