/*@media screen and (min-width: 641px) and (max-width: 768px){*/
@media screen and (max-width: 768px){
    #contents {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #side_menu,
    #main_s,
    #side_bnr_r {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #side_menu {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }
    #main_s {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }
    #side_bnr_r {
        display: none;
        margin-top: 30px;
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        -o-order: 3;
        order: 3;
    }
    #side_bnr_r li {
        margin-top: 10px;
        text-align: center;
    }
    #side_bnr_r img {zoom: 1 !important}
    #side_bnr_r li:not(:first-child) img {height: 55px;}
    #side_bnr_r li:first-child img {height: 70px;}
    #side_bnr_r li:first-child {margin-bottom: 25px;}
    #main_s h1 {
        clear:both;
        position:relative;
        margin-bottom:20px;
        border: 1px solid #C9C9C9;
    }
    #main_s h1 span {
        padding: 10px 0 9px;
        line-height:1.3;
        display: block;
        font-size: 19px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        border-bottom: 4px solid #2460AC;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #cfdcee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfdcee', GradientType=0 ); /* IE6-9 */
        text-align: center;
    }
    #bc_list_wrap {margin-bottom: 20px;}
    #bc_list {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
    }
    dl.product_list {
        border-left: none;
        border-right: none;
        margin: 0 15px 30px;
    }
    #side_menu li:first-child {display: none;}
    .sp_tab,
    #side_menu .accordion_product>p {
        padding: 10px 10px 10px 30px;
        color: #fff;
        font-size: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        background: #2461AC no-repeat right 25px center url(../images/icon_arrow_b_smenu_open.gif);
        -webkit-background-size: 10px;
        background-size: 10px;
        cursor: pointer;
        border-top: 1px solid #5581b9;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .sp_tab.open,
    #side_menu .accordion_product>p.open {
        color: #fff;
        background: #2461AC no-repeat right 25px center url(../images/icon_arrow_b_smenu_close.gif);
        -webkit-background-size: 10px;
        background-size: 10px;
    }
    #side_menu .cate02_p {border: none;}
    #side_menu .cate02_p>p, #side_menu .cate02_p>p a, .to_list {
        padding: 12px 10px 12px 32px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top: 1px solid #C9C9C9;
        background: #F2FBFC no-repeat left 10px center url(../images/icon_arrow_smenu_right.gif);
        -webkit-background-size: 10px;
        background-size: 10px;
        font-size: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        cursor: pointer;
        color: #2461AC;
    }
    #side_menu .cate02_p:first-child>p, #side_menu .cate02_p:first-child>p a {border-top: none;}
    #side_menu .cate02_p>p:hover,
    #side_menu .cate02_p>p.open,
    #side_menu .cate02_p>p a:hover,
    #side_menu .cate02_p > p.selected {
        background-color: #F2FBFC;
        color: #2461AC;
    }
    dl.product_list dd {
        padding: 0;
    }
    dl.product_list dd a {
        background: #fff url(../../images/sp/arrow_spectrometry_item.png) right 10px center no-repeat;
        -webkit-background-size: 5px 8px;
        background-size: 5px 8px;
        display: block;
        padding: 12px 20px 12px 10px;
    }
    #contents,
    .product_table {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    #anc_box {
        margin: 0 0 10px 10px;
    }
    #anc_box ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: start;
    }
    #anc_box ul li {
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        min-height: 50px;
        margin: 0 0 10px;
        padding-right: 10px;
        width: 20%;
    }
    #anc_box ul li:nth-child(4n) {margin-bottom: 10px;}
    #anc_box ul li a {
        -ms-align-items: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        font-size: 12px;
        height: auto;
        line-height: 1.2;
        padding: 5px 5px 5px 30px;
        width: 100%;
    }
    .product_main,
    #main_s h2.detail_find,
    #tab_wrap,
    .t1, .t2, .t3 {width: auto;}
    #tab_wrap {
        margin-left: 15px;
        margin-right: 15px;
    }
    .link_inquiry_area,
    .link_inquiry_area_medical {margin: 0 auto 40px;}
    .item {
        margin: 0 15px 50px;
    }
    .product_main td.btn {
        height: auto;
    }
    .product_main td.btn:after {
        clear: both;
        content: '';
        display: block;
    }
    .product_main td.btn .catalog,
    .product_main td.btn .inquiry {
        display: inline-block;
        margin-right: 20px;
        position: static;
    }
}
@media screen and (max-width: 640px){
    #main_s h1 span {font-size: 17px;}
    #anc_box {
        margin: 0 5px 10px 15px;
    }
    #anc_box ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ck_view p,
    #main_s h3,
    #tab_wrap .ck_view p, #tab_wrap .ck_view table,
    .ck_view ul,
    .ck_view div,
    .t1, .t2, .t3 {
        margin-left: 15px;
        margin-right: 15px;
    }
    #anc_box ul li {
/*        display: table;*/
        padding-right: 10px;
        width: 50%;
    }
    #main_s h2 {
        font-size: 15px;
        margin: 0 15px 15px;
        padding: 10px;
    }
    .product_table {
        display: block;
        margin: 0 15px 35px;
        width: auto;
    }
    .product_table tbody,
    .product_table tr,
    .product_table th,
    .product_table td {
        display: block;
        width: auto;
    }
    .pro_txt {margin: 0;}
    .product_table th a,
    .product_table th div.no_link {
        background: #F2FBFC no-repeat right 10px center url(../images/icon_arrow_smenu_right.gif);
        -webkit-background-size: 10px;
        background-size: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        font-size: 13px;
        line-height: 1.4;
        padding: 10px 30px 10px 10px;
    }
    .special_icon {vertical-align: middle;}
    .pro_img {
        padding: 0;
    }
    .product_main_img {
        margin: 5px 0 15px;
        text-align: center;
    }
    .imageBlock {
        border: 1px solid #c9c9c9;
        display: inline-block;
    }
    .product_main_img img {
        border: none;
        display: block;
        margin: auto;
    }
    .pro_img img {zoom: 1}
    #tab_wrap {
        margin-left: 0;
        margin-right: 0;
    }
    #tab,
    .cate03_p {display: none;}
    .tab_box,
    .product_main,
    .product_main tbody,
    .product_main tr,
    .product_main th,
    .product_main td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .product_main td {padding: 0 15px;}
    .product_main {margin: 0 0 40px;}
    .tab_box {padding-bottom: 30px;}
    .tab_box th,
    .tab_box td {
        width: auto;
        -ms-word-break: break-all;
        word-break: break-all;
    }
    #tab_wrap .ck_view table {
        padding: 0;
        width: auto;
        width: -webkit-calc(100% - 30px) !important;
        width: -moz-calc(100% - 30px) !important;
        width: calc(100% - 30px) !important;
    }
    .product_main_img {padding: 0;}
    .link_inquiry_area_medical {
        background: url('../../product/images/img_contact_back2_sp.jpg') center top no-repeat;
        -webkit-background-size: 290px 190px;
        background-size: 290px 190px;
        height: 190px;
        width: auto;
    }
    .link_inquiry_area {
        background: url('../../product/images/img_contact_back_sp.jpg') center top no-repeat;
        -webkit-background-size: 290px 190px;
        background-size: 290px 190px;
        height: 190px;
        width: auto;
    }
    .link_inquiry_area_medical a,
    .link_inquiry_area a {
        background: #F56471 url(../images/icon_arrow_w_right_sp.png) left 15px center no-repeat;
        -webkit-background-size: 6px 9px;
        background-size: 6px 9px;
        border-radius: 20px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        height: 40px;
        left: 0;
        margin: auto;
        right: 0;
        top: 60px;
        width: 250px;
    }
    .link_inquiry_area_medical a:after,
    .link_inquiry_area a:after {
        content: '当製品に関するWEBサイトからの\Aお問い合わせはこちら';
        display: block;
        font-size: 12px;
        line-height: 1.2;
        padding: 6px 0 0 33px;
        text-align: left;
        white-space: pre;
    }
    .link_inquiry_area_medical a img,
    .link_inquiry_area a img {display: none;}
    .sp_tab {
        margin: 0 15px;
        padding: 10px;
    }
    #sub_tab {display: none;}
    #main_s h2.detail_find {
        font-size: 13px;
        margin: 15px 15px 20px;
    }
    .product_main td.btn .catalog,
    .product_main td.btn .inquiry {
        background-repeat: no-repeat;
        background-position: left 15px center, left top;
        -webkit-background-size: 6px 9px, auto;
        background-size: 6px 9px, auto;
        border-radius: 4px;
        bottom: 0;
        display: block;
        height: 40px;
        left: 0;
        margin: 10px 0 0;
        position: relative;
        right: 0;
        top: 0;
        width: auto;
    }
    .product_main td.btn .catalog img,
    .product_main td.btn .inquiry img {display: none;}
    .product_main td.btn .catalog {
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -webkit-linear-gradient(top, #F7871F, #F99C47);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -moz-linear-gradient(top, #F7871F, #F99C47);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -ms-linear-gradient(top, #F7871F, #F99C47);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -mo-linear-gradient(top, #F7871F, #F99C47);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        linear-gradient(to top, #F7871F, #F99C47);
    }
    .product_main td.btn .inquiry {
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -webkit-linear-gradient(top, #F55D6A, #F66F7A);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -moz-linear-gradient(top, #F55D6A, #F66F7A);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -ms-linear-gradient(top, #F55D6A, #F66F7A);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        -mo-linear-gradient(top, #F55D6A, #F66F7A);
        background-image: url(../images/icon_arrow_w_right_sp.png),
                        linear-gradient(to top, #F55D6A, #F66F7A);
    }
    .product_main td.btn .catalog:after,
    .product_main td.btn .inquiry:after {
        color: #fff;
        display: block;
        font-style: 15px;
        font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
        height: 40px;
        line-height: 40px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .product_main td.btn .catalog:after {
        content: 'カタログダウンロード';
    }
    .product_main td.btn .inquiry:after {
        content: '当製品に関するお問い合わせ';
    }
    .item {margin: 0 20px 40px;}
    .item td {font-size: 12px;}
    .item_img img {
        border: none;
        zoom: 1;
    }
    #side_menu .accordion_product span.normal {font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";}
    .pro_img {text-align: center;}
    .pro_img img {border: none;}
    .pro_img a {display: inline-block;}
    iframe {
        display: block;
        height: auto;
        margin: auto;
        width: 100%;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .product_status {
        text-align: center;
    }
}