/*
Theme Name: Enfold Child
Template: enfold
*/

/* base.css を上書き */
.entry-content-wrapper ul.no-style-type {
    list-style-type: none;
}

/*カートアイコン*/
.cart_dropdown {
    display: none;
}

.woocommerce-MyAccount-navigation-link--edit-address {
    display: none;
}

/*上部プラットフォーマー用*/
h1.page_title {
    font-size: 12px;
}

@import url('../enfold/style.css');
https: //www.symphotony.com/wp-admin/theme-editor.php?file=style.css&theme=enfold_child

#main .template-page .entry-content-wrapper h1,
#main .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

p,
ul li,
ol li,
table tr td {
    font-size: 15px;
}

#top a.avia-post-nav {
    display: none;
}

div.main_color tr:nth-child(odd),
div.main_color tr:nth-child(even) {
    background: #fcfcfc;
    color: #666666;
}

#main span.avia_iconbox_title {
    font-size: 17px;
}

div.table-of-contents ul li {
    list-style: none;
}

.inq-alert {
    padding: 5px;
    background: #ff8080;
    color: #fff;
    margin: 5px;
    font-weight: normal;
}

div#wpcf7-f1090-p43-o2.wpcf7 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 20px;
}

#top #main input.wpcf7-form-control.wpcf7-text {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#top #main textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#top #main select.wpcf7-form-control.wpcf7-select {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}


input[type='submit'] {
    font-size: 18px;
}

div#main span.copyright a,
div#wrap_all span.copyright a {
    display: none;
}

p.inq-name {
    border-bottom: 1px solid #ccc;
}

p.inq-name-top {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

h2.lp-head {
    border-left: 20px solid #860000;
    border-bottom: none;
    padding-left: 10px;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

span.wpcf7-list-item {
    display: block;
    margin: 5px 0 5px 0;
}

table.history-table th {
    white-space: nowrap;
}

table tr th {
    text-transform: none;
}

table.lightsmyth-specification tr th,
table.lightsmyth-specification tr td,
table.lightsmyth-specification tr td ul li {
    font-size: 12px;
}

table.small-specification tr th,
table.small-specification tr td {
    font-size: 12px;
    text-align: center;
    padding: 5px 5px;
    vertical-align: middle;
}

table.small-specification tr th {
    white-space: nowrap;
}

table tr th.nowrap {
    white-space: nowrap;
}

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 14px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
    float: none;
    display: block;
    clear: both;
    border: none;
    color: #222222;
    background: url(./h3.png) 0.1em 0.3em no-repeat;
    padding-left: 2em;
}

h3.av-magazine-title.entry-title:after {
    content: none;
}

div.entry-content h2 {
    font-size: 26px;
    border-style: solid;
    border-color: #a81010;
    padding: 15px 20px 15px 30px;
    margin: 10px 0px 20px 0px;
    border-radius: 10px;
    background-color: #a81010;
    color: white;
    clear: both;
}

div.entry-content strong {
    color: #222222;
}

div.rectangle-box {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 15px 0 30px 0;
    overflow: auto;
}

div.rectangle-box ul li {
    list-style: none;
}

div.font-emphasis {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

div.flame-pig {
    border: solid 1px;
}

div.top-news h3.av-magazine-title.entry-title {
    padding: 6px 0px 8px 18px;
}

body div.column-top-margin {
    margin-top: 15px;
}

div.av_promobox {
    padding: 5px 30px;
}

li.box-top {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 400px;
}

.font-emphasis img {
    object-fit: cover;
    width: 300px;
    height: 135px;
}

#top-menu-box li {
    float: left;
    width: 340px;
    margin: 5px 5px 5px 5px;
    padding: 8px;
    list-style: outside none none;
}

#top-menu-box li ul {
    margin: 20px 0px;
}

#top-menu-box li li {
    float: none;
    width: 325px;
    margin: 0px;
    padding: 3px 0px 3px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
}

li.manufacturer-logo {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 220px;
}

#manufacturer-menu-box li {
    float: left;
    width: 340px;
    margin: 5px;
    margin-bottom: 10px;
    padding: 8px;
    list-style: outside none none;
}

#manufacturer-menu-box li ul {
    margin: 5px 0px;
}

#manufacturer-menu-box ul {
    margin: 0;
}

#manufacturer-menu-box li li {
    float: none;
    width: 320px;
    margin: 0px;
    padding: 3px 0px 3px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
}

li.manufacturer-logo .logo-table {
    height: 80px;
    width: 320px;
    display: block;
    margin: 0 auto;
}

li.manufacturer-logo .logo-table .logo-table-cell {
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

li.manufacturer-logo .logo-table .logo-table-cell img {
    display: block;
    padding: 5px.5px;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    max-height: 80px;
    height: auto;
    object-fit: contain;
    top: 0;
    left: 0;
}

.onestop img {
    max-height: 140px !important;
}

.manufacturer-name {
    font-weight: bold;
    text-align: center;
    background: url(./dotted-line.gif) repeat-x left bottom;
    height: auto;
    padding-bottom: inherit;
}

.manufacturer-index {
    text-align: center;
    margin: 13% 20%;
    font-size: 100px;
    font-family: none;
    padding: 50px 20px;
    color: white;
    background-color: #a81010;
    border-radius: 15px;
}

div.list-box-left {
    float: left;
}

div.list-box-right-1 {
    float: right;
    position: relative;
    right: 204px;
}

div.list-box-right-2 {
    float: right;
    position: relative;
    right: 138px;
}

div.list-box-right-3 {
    float: right;
    position: relative;
    right: 206px;
}

div.list-box-right-4 {
    float: right;
    position: relative;
    right: 200px;
}

div.list-box-clear {
    clear: both;
}

.font-pick-up-products {
    font-size: 20px;
    font-weight: bold;
}

#top-pickup-products {
    display: flex;
    justify-content: space-between;
}

#top-pickup-products .product-box {
    background: none repeat scroll 0% 0% #F5F6FC;
    opacity: 1;
    border: 1px solid #9DADBF;
    margin: 0px 2px;
    padding: 5px;
    height: auto;
    flex-grow: 1;
    display: flex;
    width: 50%;
    margin-bottom: 10px;
    overflow: hidden;
}

#top-pickup-products .features {
    font-size: 15px;
    margin-left: 0px;
}

#top-pickup-products p {
    margin: 0px;
}

#top-pickup-products .features ul li {
    list-style: none;
    margin: 0px;
    padding: 3px 0px 0px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
    font-size: 12px;
}

#other-manufactures {
    margin: 0px 10px;
    padding: 8px;
    font-size: 15px;
}

#main .entry-content a[target="_blank"] {
    background: url(./icon_ext_link.png) no-repeat scroll right center transparent;
    padding-right: 15px;
    margin-right: 5px;
}
#main .entry-content a.noExIcon[target="_blank"]{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

.js_active .tab {
    font-size: 15px !important;
}

.js_active .active_tab_content {
    overflow: visible !important;
}

table th,
table td {
    text-align: center;
    vertical-align: middle;
}

table.left-table td {
    text-align: left;
}

#top .fullsize .template-blog .post-title {
    font-size: 25px;
}

div.avia_message_box_content {
    text-transform: none;
}

div.product-category {
    width: 100%;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
}

div.product-category-manufacturers {
    text-align: center;
    width: 30%;
    float: left;
    height: auto;
}

div.product-category-items {
    text-align: left;
    width: 70%;
    float: left;
}

div.product-category-items ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.product-category-items li {
    margin-top: 5px;
    list-style-type: none;
}

li.pick-up-box-top {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 150px;
}

h1 {
    color: #000000;
    font-size: 18px;
    margin: 0px;
}

div.small-box2 {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 15px 0 15px 0;
    height: 150px;
}

div.small-box {
    float: left;
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 1%;
    height: 200px;
    width: 18%;
    color: black;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

div.small-box-home {
    float: left;
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 1px;
    height: 100px;
    width: 16%;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

div.small-box-title {
    float: left;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    background: #e85454;
    //margin: 1%;
    margin: 1px;
    width: 100px;
    height: 50px;
    color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-90deg) translate(-100px, 0px) scale(1, 1);
    transform-origin: 0% 0%;
}

/*トップinformation*/
#information:after{
	content:'';
	clear: both;
	width:1%;
	height:1%;
	display:block;
}

/*トップpickup laseview*/
div.entry-content h2.top_pickup,
.top_pickup {
    font-size: 26px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    display: block;
    background: azure;
    line-height: normal;
    color: #666666;
}

.laseview_top_pickup {
    display: flex;
    flex-wrap: wrap;
}

.pickup_box {
    width: 340px;
    border: 1px solid #666 !important;
    margin: 5px;
    padding: 5px;
    background: #f1ffff;
}

.pick_header {
    height: 150px;
}

.pickup_box_fig {
    width: 200px;
    height: 100px;
    padding: 5px;
    margin: auto 0;
}

.pick_header img {
    height: 100px;
    width: fit-content;
}

.pickup_box_title {
    font-size: 20px;
    padding: 5px 5px 5px 15px;
    text-align: center;
    font-weight: bold;
}

.pickup_features {
    border-top: 2px dotted;
}

.pickup_features ul {
    padding: 10px 0;
    margin: 0 0 0 5px;
}

.pickup_features ul li {
    background: url(./check3.png) left 0.65em no-repeat;
    list-style: none;
    margin: 0;
    padding-left: 15px;
}
#top h3.pickup_box_title {
    color: #a81010;
    display: inline;
    font-size: inherit;
    background-color: transparent;

}
#top h3.pickup_box_title::after {
display:none;
}

@media only screen and (max-width: 741px) {
    .laseview_top_pickup {
        display: block;
        flex-direction: column;
        align-content: center;
    }

    .pickup_box {
        width: 100% !important;
    }
}

/*テーブルスクロール*/
.div-scroll {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

.div-scroll::-webkit-scrollbar {
    height: 5px;
}

.div-scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.div-scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.div-scroll_column tbody th:first-child {
    position: sticky;
    left: 0px;
    z-index: 10;
    position: -webkit-sticky;
}

.div-scroll_column {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

.div-scroll_column::-webkit-scrollbar {
    height: 5px;
}

.div-scroll_column::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.div-scroll_column::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.div-scroll_column th {
    background: cornsilk;
}

/*ディスプレイオフ*/
.off {
    display: none !important;
}

/*テーブルセル左寄せ*/
.left-t td {
    text-align: left;
}

table.table-s {
    width: 1050px;
}

.tab_content table {
    width: 1010px !important;
}

/*レンタルボックス表示*/
#rent-menu-box ul li {
    float: left;
    width: 340px;
    margin: 5px 5px 5px 5px;
    padding: 5px 0px;
}

#rent-menu-box ul {
    list-style: none;
    margin: 0;
}

#rent-menu-box li.box-top {
    border: groove;
    border-color: lightgreen;
    height: auto;
}

#rent-menu-box li ul {
    margin: 20px 0px;
}

.rent-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bolder;
}

#rent-menu-box ul.off {
    display: none;
}

.rent-cell {
    text-align: center;
}

/*パラメート表縦リスト*/
section table {
    width: 100%;
}

section th,
section td {
    padding: 10px;
    border: 1px solid #ddd;
}

section th {
    background: #f4f4f4;
}

//.tab_parame th, .tab_parame td  { width: 20%; text-align: left; }
@media only screen and (max-width: 480px) {

    //.tab_parame { margin: 0 -10px; }
    .tab_parame tr {
        display: block;
        margin-bottom: 10px;
    }

    .tab_parame th {
        display: block;
        width: 100%;
    }

    .tab_parame td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        border: none;
    }
}

/*製品メニュー*/
.menubox {
    display: flex;
    flex-wrap: wrap;
}

.cellimg {
    width: 100%;
    height: 100px;
    padding: 5px;
    margin: 10px 0;
    display: block;
    position: absolute;
    bottom:0;
}

.cellimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cellbox {
    width: 205px;
    height: 185px;
    border: 1px solid;
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.celltitle {
    text-align: center;
    display: table;
    width: 100%;
    padding: 2px;
    font-size: 13px;
    font-weight: 600;
    word-break: keep-all;
    line-height: 18px;
    letter-spacing: -0.5px;
}

.celltitle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    white-space: break-spaces;
}

.cellbox a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	 padding-top: 0.5em;
    font-size: 110%;
    z-index: 100000;
    box-sizing: border-box;
}

.cellbox:hover {
    background: #c8e3ff;
}

@media only screen and (max-width: 741px) {
    .cellbox {
        width: 100%;
        height: 40px;
        padding: 0 5px;
    }

    .celltitle {
        padding: 0;
        height: 38px;
        position: relative;
        font-size: 14px;
    }

    .celltitle span {
        text-align: left;
        padding-left: 30px;
    }

    .cellimg {
        display: none;
    }

    .celltitle span:before {
        padding-right: 12px;
        position: absolute;
        top: 11px;
        left: 4px;
        color: #4CAF50;
        font-size: 18px;
        font-family: "Font Awesome 5 Free";
        content: "\f140";
    }
}


.cellbox a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* box４等分*/
.box4 {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.box4 .cell-box {
    width: 208px;
    max-width: 100%;
    float: left;
    height: 195px;
    border: 1px solid #e8dede;
    margin: 1px;
    padding: 3px;
    position: relative;
    z-index: 1;
}

.box4 ul li {
    margin: 0;
    display: block;
    padding: 0;
}

.box4 ul {
    list-style: none;
    margin: 0;
}

.box4 li.box-top {
    border-color: #a81010;
    height: auto;
}

.box4 li ul {
    margin: 20px 0px;
}

.box4-title {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 65px;
    line-height: normal;
    display: table;
    padding: 5px;
    width: 100%;
}

.box4-title a {
    margin-right: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
    word-break: normal;
    display: table-cell;
}

.box4-cell {
    width: 200px;
    height: 120px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.box4-cell img {
    width: 100%;
    max-width: 200px;
    height: 100%;
    max-height: 120px;
    object-fit: contain;
    position: absolute;
    padding: 10px 20px;
    top: 0;
    left: 0;
    margin: 0 auto;
    display: block;
}

.box4-title a:hover {
    text-decoration: none;
}

.cell-box:hover {
    background-color: #c8e3ff;
}

.grecaptcha-badge {
    display: none;
}

@media only screen and (max-width: 741px) {
    .box4 .cell-box {
        width: 100%;
        height: 55px;
    }

    .box4-cell {
        display: none;
    }

    .box4-title {
        text-align: left;
        font-size: 16px;
        display: table;
        border-left: 40px solid #2abd65 !important;
        border-radius: 20px;
        padding-left: 11px;
        height: 45px;
    }

    .box4-title a {
        color: gray;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        word-break: keep-all;
        /* padding-left: 50px; */
        margin: auto 0;
        position: relative;
        line-height: 18px;
    }

    .box4-title a:hover {
        color: blue;
    }

    .box4 {
        height: auto;
    }

    .box4-title a br {
        display: none;
    }
}

/*製品ミニカラム*/
.min-pic {
    display: inline-block;
    clear: both;
    height: auto;
    width: 140px;
    float: left;
    margin-top: 20px;
}

.mincell {
    margin-left: 20px;
    width: auto;
    float: left;
    font-size: 15px;
    max-width: 518px;
}

/*メーカーABCメニュー*/
div#manufacturer-menu-box {
    clear: both;
}

.manu-menu {
    text-align: center;
}

.manu-menu li {
    display: block;
    width: 53px;
    height: 30px;
    border: solid 1px #e1e1e1;
    margin: 2px;
    text-decoration: none;
    background-color: #fafafa;
}

.manu-menu li:hover {
    background-color: #ffb8008f;
    display: block;
    width: 53px;
    height: 30px;
}


.manu-menu li a {
    text-decoration: none;
    display: block;
}

.manu-menu li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

manu-menu ul {
    list-style: none;
    margin: 0 auto;
}

.product_content .left {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.product_content .right {
    float: left;
}

.product_content {
    clear: both;
    padding: 20px 0;
    height: 250px;
    border-top: solid 1px;
}

.product_content .right li {
    display: block;
    float: left;
    width: 250px;
    height: 250px;
    border-left: solid 4px #e1e1e1;
    padding-left: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.product_content .left .series {
    border: solid 1px;
    background-color: mistyrose;
    font-family: auto;
    margin-top: 30%;
    padding: 10px 5px;
    font-weight: bolder;
}

.product_content .right img {
    margin-bottom: 10px;
}

.product_content .left .p-name {
    margin: 20% 0 20% 0;
}

.p-movie {
    clear: both;
}

.p-movie .wp-video {
    float: left;
    margin-bottom: 40px;
}

.sample_table ul {
    list-style: none;
    margin: 0;
    text-align: center;
    display: block;
}

.sample_table td {
    vertical-align: top;
}

.sample_table li {
    margin: 0 0;
}

.gaiyou td {
    text-align: left;
}

.item {
    text-align: left;
}

.div-title {
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.divide li {
    list-style: none;
    margin: 8px;
}

.divide {
    margin: 0px 2px 20px 0px;
    max-width: 100%;
    width: 515px;
    border: solid 1px;
    float: left;
}

.divide ul {
    padding: 0px;
    margin: 0px;
}

.backpackmovie {
    clear: both;
    width: 300px;
    background-color: #a81010;
    color: white;
    padding: 30px;
    border-radius: 30px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.backpackmovie a[target="_blank"] {
    color: white;
    text-decoration: none;
}

/*お客さん*/
.case_box {
    width: 210px;
    height: 230px;
    border: 2px solid #ca3232 !important;
    border-radius: 15px;
    color: black;
    margin: 5px;
    padding: 10px;
    background-color: #e1e1e1;
    z-index: 1;
    position: relative;
}

.casetitle {
    padding: 0 0 5px 0;
    text-align: center;
}

.casetext {
    font-size: 12px;
    padding: 5px 0;
    line-height: 20px;
}

.caseimg {
    position: relative;
    width: 185px;
    height: 116px;
}

.caseimg img {
    display: block;
    position: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.case {
    display: flex;
    flex-wrap: wrap;
}

.case_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.case_box a:hover {
    background: #ffffff40;
    position: absolute;
    width: 100%;
    height: 100%;
}

/*導入事例*/
.clienttitle {
    font-size: 33px;
    color: #ca3232;
    display: block;
    line-height: initial;
}

.clienthalf {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}

.halfleft {
    width: 525px;
    height: auto;
    margin: 0 auto;
    padding: 0 5px;
}

.halfright {
    margin-left: 20px;
    width: 505px;
    margin: 0 auto;
    padding: 0 5px;
}

.halfleft img {
    width: 98%;
}

.halfrightcomment {
    font-size: 15px;
    line-height: 2;
}

.halfright table th {
    color: #333333;
    background: #dddddd;
    width: 128px;
}

.halfright th,
.halfright td {
    border-color: #ca3232;
}

.halfright td {
    text-align: left;
}

.halfright tr {
    height: 63px;
}

.halfright table {
    margin: 0;
    padding: 0;
}

.headtitle {
    background: #dddddd;
    display: block;
    font-size: 30px;
    text-align: center;
    padding: 20px;
    margin: 15px 0;
    line-height: initial;
}

.halftitle {
    font-size: 23px;
    color: #ca3232;
    line-height: 55px;
}

.halftext {
    display: block;
    margin-bottom: 60px;
    line-height: 28px;
}

/*デモムービー*/
.movie-box .demo-movie {
    width: 335px;
    height: 340px;
    float: left;
    border: 1px solid #4CAF50;
    list-style: none;
    margin: 5px 5px 20px;
    padding: 10px;
    border-radius: 20px;
    background-color: antiquewhite;
}

li.demo-movie {
    margin: 0;
    padding: 10px;
}

.demo-movie p {
    font-size: 14px;
    color: black;
}

/*GIVデモページ*/
.win-movie {
    width: 100%;
    border: 1px solid;
    padding: 20px;
    background-color: oldlace;
    border-radius: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.movie-title {
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    line-height: initial;
    clear: both;
}

.pic-title {
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: 1px solid;
    line-height: initial;
}

.movie-cell {
    width: 100%;
}

.movie-cell a {
    vertical-align: bottom;
}

.pic-cell img {
    width: 495px;
    height: auto;
}

.fig {
    margin: 15px 0 10px 0;
}

/*2分割*/
.column2 {
    width: 50%;
    margin-left: 10px;
    float: left;
    flex: 2;
}

.column2 th {
    width: 35%;
}

/*Maxphotonicsページ*/
.maxaaa {
    clear: both;
    height: 100px;
    margin-bottom: 20px;
}

.maxbbb {
    display: inline-block;
}

.max-flex {
    display: flex;
    flex-wrap: wrap;
}

.max-flex div {
    margin: 1.6%;
    width: 315px;
}

/*ビームプロファイラ with M2 プラットフォームソフトページ*/
.lhb-content {
    margin-bottom: 30px;
}

.lhb-column2 {
    column-width: 500px;
    column-gap: 2em;
    margin: 0;
    padding-bottom: 20px;
}

.lhb-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-around;
}

.lhb-flex div:nth-child(2n) {
    margin-left: 40px;
    width: 500px;
}

.lhb-flex img {
    margin-right: 10px;
}

.lhb-column3 {
    column-width: 330px;
    margin: 0;
    padding: 0;
}

.lhb-blue {
    counter-reset: number 0;
    clear: both;
}

.lhb-blue div {
    padding: 10px;
}

.lhb-blue h5::before {
    counter-increment: number 1;
    content: "Q"counter(number) "：";
}

.lhb-blue p::before {
    content: "A"counter(number) ":";
    color: #ffffff;
    font-size: 18px;
    background-color: #0e548a;
    border-radius: 5px;
    padding: 0 7px;
    margin-right: 10px;
}

.lhb-blue div:nth-child(2n-1) {
    background-color: rgb(212, 241, 255);
}

.lhb-content-th th {
    width: 130px;
}

.lhb-flex-aroundnone {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}

.lhb-flex-aroundnone img {
    margin-right: 40px;
}

.lhb-overflow table {
    width: 1050px;
}

.lhb-overflow {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

/*見出変更テスト*/
h3,
h4,
h5 {
    position: relative;
    padding: 10px 20px 10px 43px;
    margin: 10px 0 10px;
    border-radius: 10px;
    clear: both;
}

.container h3 {
    color: white;
    display: table;
    font-size: 22px;
    background-color: #FF5722;
}

.container h4 {
    color: white;
    display: table;
    font-size: 18px;
    background-color: #FF9800;
    margin-left: 5px;
}

.container h5 {
    color: white;
    display: table;
    font-size: 16px;
    background-color: #4CAF50;
    margin-left: 20px;
}

h3::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f14a';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
}

h4::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f138';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
}

h5::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f05a';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
}

/*リンクバナー*/
.pagebox {
    text-align: center;
    margin: 5px 0;
    clear: both;
    margin-left: 20px;
}

span.gvipage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 320px;
    height: 80px;
    border-radius: 10px;
    background-color: #a81010;
    color: white;
    font-size: 18px;
    z-index: 1;
}

span.gvipage:after {
    position: absolute;
    top: 54%;
    left: 11px;
    transform: translateY(-60%);
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
}

span.gvipage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 12px 10px 10px 45px;
    left: 0;
    top: 0px;
    margin: 0;
}

#main .gvipage a[target="_blank"] {
    background: none;
}

span.gvipage a:hover {
    color: white;
    text-decoration: none;
}

/*リンクアイコン非表示*/
#main .entry-content .movie-cell a {
    background: none;
    padding: 0;
    margin: 0;
}

#main .avia-slideshow-inner a[target="_blank"] {
    background: none;
    padding: 0;
    margin: 0;
}


/*ビームプロファイラ メニュー*/
.features ul {
    margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    #top-pickup-products .product-box {
        float: left;
        width: 100%;
    }

    #top-pickup-products {
        display: block;
    }

    .product-box .fig {
        margin: 15px 35px 10px 0;
    }
}

/*カタログ・PDFバナー*/
span.catalogpdf {
    color: white;
    display: table-cell;
    font-size: 16px;
    background-color: #00c575;
    position: relative;
    padding: 5px 20px 5px 38px;
    margin: 10px 0 10px;
    border-radius: 10px;
    clear: both;
    box-shadow: 1px 1px 2px -1px blue;
    font-weight: 600;
}

span.catalogpdf:after {
    position: absolute;
    top: 17%;
    left: 16px;
    content: "\f1c1";
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    color: navy;
    font-weight: 100;
}

span.catalogpdf a:hover {
    color: #ead517;
    text-decoration: none;
}

span.catalogpdf a {
    color: #ffffff;
}

#main .catalogpdf a[target="_blank"] {
    margin-right: 0;
    background: none;
    padding-right: 0;
}

/*Hesaiページ*/
.hesai-table tbody tr th:nth-of-type(2) {
    background-color: #E6FFF4;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(3) {
    background-color: #F1FFDE;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(4) {
    background-color: #FFF3EB;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(5) {
    background-color: #FFE7E7;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(1) {
    background-color: #E6FFF4;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(2) {
    background-color: #F1FFDE;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(3) {
    background-color: #FFF3EB;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(4) {
    background-color: #FFE7E7;
    color: #242424;
}

.hesai-flexbetween {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
}

.hesai-flexaround {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
}

.hesai-font {
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width:871px) {
    .hesai-product {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:870px) {
    .hesai-product {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    div.hesai-product div:nth-child(1) {
        margin-bottom: 2%;
    }
}

.hesai-product a:hover {
    opacity: 0.6;
}

/*動画再生時のアイコン*/
ul.m-cell-box a {
    display: inline-flex !important;
}

span.play {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.play::before {
    position: absolute;
    content: '\E897';
    font-family: 'entypo-fontello';
    left: 49%;
    top: 47%;
    color: white;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #ff0000bf;
    line-height: 70px;
    margin: -30px 0 0 -30px;
    font-size: 28px;
    z-index: 21;
}

span.comming-soon {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.comming-soon::before {
    position: absolute;
    content: 'Comming soon';
    left: 30%;
    top: 37%;
    color: white;
    width: 40%;
    height: 50px;
    background: rgba(29, 29, 29, 0.9);
    line-height: 47px;
    font-size: 1em;
    z-index: 21;
}

.entry-content .overlay-type-video .image-overlay-inside:before {
    content: none;
    display: none;
}

.m-cell-box {
    margin: 0;
}

.m-cell-box li {
    margin: 0;
    list-style: none;
    margin-right: 4px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    z-index: 20;
    display: block;
    text-align: center;
    background-color: beige;
}

.m-cell-box img {
    height: 100%;
}

.box-pic {
    clear: both;
}

/*インナーマーカーページ*/
.inner-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

/*ピックアップ動画*/
ul.t-pickup {
    width: 340px;
    margin: 5px;
    list-style: none;
    border: 1px solid red;
    float: left;
    padding: 5px;
    border-radius: 10px;
    background-color: #fafafa;
}

.t-pickup li {
    padding: 2px 0;
    margin: 0px;
}

.top-pickup {
    display: inline-block;
    height: auto;
}

.pick-title {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 600;
}

.pick-mov {
    position: relative;
    z-index: 20;
    text-align: center;
}

.pick-mov a {
    display: inline-flex !important;
}

.pick-mov img {
    height: 100%;
}

#top-menu-box ul {
    margin: 0;
}

#top-menu-box {
    display: block;
    height: auto;
}

.t-pickup ul {
    list-style-image: url(./check3.png);
}

#main .entry-content .pick-mov a {
    background: none;
    padding: 0;
    margin: 0;
}

/*サブスクサービスページ*/
@media screen and (max-width:870px) {
    .subsc-center {
        text-align: center;
    }
}

@media screen and (min-width:871px) {
    .subsc-product {
        display: flex;
    }
}

@media screen and (max-width:870px) {
    .subsc-product {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.subsc-product img {
    margin-right: 1px;
}

@media screen and (min-width:706px) {
    .subsc-flexaround {
        display: flex;
        justify-content: space-around;
    }

    .subsc-flexaround img {
        width: 98%;
    }
}

@media screen and (max-width:705px) {
    .subsc-flexaround {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*Benewakeページ*/
.entry-content .bwlider-title {
    font-size: 30px;
    color: #1e247e;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top: 1px solid #1e247e;
    padding: 30px;
    border-left: 10px solid #1e247e;
    line-height: 1.3;
    width: 100%;
}

.bw-marginleft > .wp-video {
    margin-left: 0;
}

.bwlider-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bwlider-img div {
    text-align: center;
}

.bwlider-table tbody th a {
    display: block;
    padding: 0.6em 1em;
}

.bwlider-table tbody th a:hover {
    background: #ebedff
}

/*wavespectrumページ*/
.ws-menu {
    text-align: center;
}

.ws-menu li {
    display: block;
    float: left;
    height: 40px;
    border: solid 1px #e1e1e1;
    margin: 1px;
    text-decoration: none;
    background-color: #fafafa;
    padding: 10px 10px;
    line-height: 16px;
}

.ws-menu li:hover {
    background-color: #ffb8008f;
    display: block;

    height: 40px;
}

.ws-menu li a {
    text-decoration: none;
    display: block;
}

.ws-menu li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

.ws-menu ul {
    list-style: none;
    margin: 0 auto;
}

.ws-menu1 {
    text-align: center;
}

.ws-menu1 li {
    display: block;
    float: left;
    height: 40px;
    border: solid 1px #e1e1e1;
    margin: 1px;
    text-decoration: none;
    background-color: #fafafa;
    padding: 10px 10px;
    line-height: 16px;
    width: 59px;
}

.ws-menu1 li:hover {
    background-color: #ffb8008f;
    display: block;
    height: 40px;
}

.ws-menu1 li a {
    text-decoration: none;
    display: block;
}

.ws-menu1 li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

.ws-menu1 ul {
    list-style: none;
    margin: 0 auto;
}

.main_color div .ws-length {
    border-left: 5px solid #ffb800;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ws-clear {
    clear: both;
    padding-top: 20px;
}

/*ライダーまとめ*/
.pro_box_top {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.pro_box_left {
    width: 340px;
    margin: 0 auto;
}

.pro_box_right {
    margin-top: 20px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.pro_box_img {
    display: block;
    max-inline-size: 220px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

.pro_box {
    border: 1px solid;
    display: inline-block;
    padding: 10px;
    background-color: oldlace;
    width: 100%;
    margin-bottom: 5px;
    height: auto;
}

.pro_box_mov {
    position: relative;
    z-index: 23;
    height: auto;
    display: block;
}

.pro_box_title {
    display: block;
}

#main .entry-content .box4-top a {
    background: none;
}

table.ridartab {
    width: 680px;
    white-space: normal;
    display: inline-block;
}

.ridarlink {
    display: inline-block;
    width: 100%;
    float: right;
    margin-right: 10px;
}

.entry-content .ul_list_none {
    list-style: none;
}

.evaluation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    word-break: break-word;
}

.eva_box1 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #FF9800;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box2 {
    border: 2px solid red !important;
    font-size: 20px;
    background: royalblue;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box3 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #4CAF50;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box4 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #FF5722;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

/*写真フロートレフト*/
.pic {
    width: 340px;
    text-align: center;
    background-color: beige;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    height: 100%;
    display: block;
}

/*サブスクリンク*/
span.subscpage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 360px;
    height: 95px;
    border-radius: 10px;
    background-color: #2196F3;
    color: white;
    font-size: 20px;
    z-index: 1;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}

span.subscpage:after {
    position: absolute;
    top: 54%;
    left: 11px;
    transform: translateY(-60%);
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
}

span.subscpage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 12px 10px 10px 45px;
    left: 0;
    top: 0px;
    margin: 0;
}

#main .subscpage a[target="_blank"] {
    background: none;
}

span.subscpage a:hover {
    color: #FFC107;
    text-decoration: none;
}

/*レスポンシブYoutube iframe*/
.frame-wrapper {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 0;
    display: inline-block;
}

.video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*フェムトページ　オプションスタイル*/
.femt-flex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.femt-price {
    font-style: bold;
    font-size: 1.2em;
    line-height: 1.2
}

.femt-point {
    background: #CA0000;
    color: #fff;
    font-size: 11px;
    display: table-cell;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 200%;
    vertical-align: middle;
    margin-right: 3%;
}

.entry-content .femt-info {
    border-left: 10px solid rgb(0, 23, 99);
    border-bottom: 1px solid rgb(0, 23, 99);
    padding-left: 3%;
    padding-bottom: 1%;
    margin-top: 2%;
}

.entry-content .femt-item {
    width: 31.3%;
    border: 1px solid rgb(0, 23, 99);
    margin: 1%;
    padding: 2%;
}

.femt-item img {
    height: 100px;
    width: auto;
    margin-top: 4%
}

.femt-model {
    display: flex;
    margin-top: 2%;
}

.femt-optionlist {
    width: 100%
}

@media screen and (max-width:420px) {
    .femt-flex {
        flex-direction: column;
    }

    .entry-content .femt-item {
        width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    .entry-content .femt-item {
        width: 48%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .entry-content .femt-item {
        width: 48%;
    }

}

/*オリジナル製品　スタイル*/
.prod-header {
    width: 100%;
    margin: 0 auto;
    background: #e09ec4;
    margin-bottom: 40px;
}

.prod-header img {
    margin: 0 auto;
    max-height: 500px;
    height: auto;
    display: block;
    width: auto;
}

.prod-overview {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.prod-price {
    text-align: center;
}

.prod-text {
    margin: 0 auto;
}

.prod-text ul {
    margin-left: 0;
}

.prod-text ul {
    list-style: none;
}

.prod-imitem strong {
    display: block;
    background: #eee;
    margin-bottom: 10px;
}

.prod-imitem li {
    display: flex;
    align-items: flex-start;
    font-size: 1.3em;
    padding-left: 0;
    margin-left: 0;
    line-height: 1.4;
}

.prod-list {
    font-size: 0.8em;
    width: 70px;
    margin-bottom: 4px;
    margin-right: 20px;
    padding: .3em .3em .3em .5em;
    background-color: #01728F;
    color: hsl(0, 0%, 100%);
    text-align: center;
    letter-spacing: 0.1em;
}

.prod-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
}

.entry-content .prod-box26 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 2em;
    border: solid 2px #01728F;
}

.prod-box26 .box26-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #01728F;
    font-weight: bold;
}

.prod-box26 div.pagebox {
    padding-top: 8px;
}

.prod-box26 div {
    margin: 10px;
}

.prod-nav {
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.prod-nav .title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.prod-nav p {
    text-align: center;
}

.prod-cslist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.prod-cslist div {
    border: 1px solid #01728F;
    padding: 20px;
    margin-bottom: 10px;
}

.prod-cslist div strong {
    font-size: 1.2em;
}

.prod-csimg {
    display: flex;
    flex-wrap: wrap;
}

.prod-csimg div {
    margin-right: 2%;
}

.prod-csimg img {
    height: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #cecece;
}

.entry-content .prod-cstitle {
    font-size: 1.6em;
    color: #01728F;
    border: 1px solid #01728F;
    border-bottom: 5px solid #01728F;
    display: inline-block;
    padding: 10px 0;
    padding-left: 10px;
    margin-bottom: 30px;
    padding-right: 0.3em;
    vertical-align: middle;
    border-radius: 5px;
}

.prodpage summary {
    display: block;
    outline: none;
    cursor: pointer;
}

.prodpage summary::-webkit-details-marker {
    display: none;
}

.prodpage summary ::after {
    display: inline-block;
    content: "+";
    margin-left: 1rem;
    font-weight: bold;
    font-size: 2.5rem;
    transition: all 300ms ease;
    vertical-align: bottom;
}

.prodpage details[open] summary {
    transition: all 300ms ease;
}

.prodpage details[open] summary ::after {
    transform: rotate(45deg);
}

.prodfaq {
    font-size: 1.2em;
    line-height: 1.8em;
}

.prodfaq details {
    counter-increment: chapter;
}

.prodfaq details[open] p {
    margin-left: 1.2em 0;
    color: #222;
}

.prodfaq details summary::after {
    content: "＋";
    vertical-align: bottom;
    display: inline-block;
    transition: all 300ms ease;
}

.prodfaq details summary::before {
    content: "Q"counter(chapter);
    margin: 5px;
}

.prodfaq details[open] summary::after {
    transform: rotate(45deg);
    display: inline-block;
    font-weight: bold;
    transition: all 300ms ease;
}

.prodfaq details:nth-child(2n) {
    background-color: #eee;
}

.prod-pc {
    clear: both;
    display: flex;
}

.prod-software {
    clear: both;
    width: 70%;
    margin-right: 3%;
}

.prodimage-vertical {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.prodimage-vertical img {
    width: 60%;
}

@media screen and (max-width:375px) {
    .prod-imitem li {
        font-size: 0.95em;
        font-weight: bold;
    }

    .prod-list {
        font-size: 0.8em;
        width: 50px;
    }

    .prodimage-vertical {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .prod-box26 {
        width: 100%;
    }

    .prod-text {
        width: 100%;
    }

    .prod-nav {
        width: 100% !important;
    }

    .prod-cslist div {
        width: 100%;
    }

    .prod-csimg img {
        margin-bottom: 3%;
    }

    .prod-pc {
        display: block
    }

    .prod-software {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .prodimage-vertical {
        flex-direction: row;
        width: 100%;
    }

    .prodimage-vertical img {
        width: 90%;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    .prod-box26 {
        width: 48%;
    }

    .prod-text {
        width: 100%;
    }

    .prod-nav {
        width: 48%;
    }

    .prod-cslist div {
        width: 48%;
    }

    .prod-csimg img {
        max-width: 320px;
    }
}

@media screen and (min-width:1024px) {
    .prod-price {
        width: 40%;
    }

    .prod-text {
        width: 55%;
        margin: 0 auto;
    }

    .prod-box26 {
        width: 48%;
    }

    .prod-nav {
        width: 31%;
    }

    .prod-cslist div {
        width: 48%;
    }

    .prod-csimg img {
        max-width: 330px;
    }
}

/*採用ページ*/
.voicebox li {
    margin-left: 0;
}

.voicebox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    list-style: none;
}

/*2カラムFlex*/
.col2 {
    width: 515px;
    margin: 0 auto;
    padding: 5px;
}

.col2 img {
    border: 1px solid #b5b3b3;
    margin: 0 auto;
    display: block;
}

/*３カラムFlex*/
.col_flex {
    display: flex;
    flex-wrap: wrap;
}

.col3_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.col3 {
    width: 340px;
    margin: 5px;
}

.col3 img {
    border: 1px solid #b5b3b3;
}

.img img {
    width: auto;
    height: 120px;
    margin: 0 auto;
    padding: 10px 0;
}

.frame {
    border: 1px solid;
    padding: 5px;
    margin: 2px;
    border-radius: 10px;
}

.img {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto;
    padding: 10px 0;
}

.title {
    text-align: center;
    font-weight: 600;
    border-bottom: 1px dashed;
    padding: 5px 0;
}

.pickup img {
    width: auto;
    height: 80px;
    margin: 0 auto;
    padding: 10px 0;
}

.frame .pickup img {
    border: none;
}

/*4カラムFlex*/
.col4 {
    width: 252px;
    border: 1px solid;
    margin: 5px;
}

.col4_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center;
}

.col50per {
    width: 50%;
    margin: 0 auto;
    padding: 5px;
}


/*お問い合わせバナー*/
.inquiry_button {
    margin: 20px 0;
    text-align: center;
    clear: both;
}

.inquiry_button a[target="_blank"] {
    background: none !important;
}

/*即納品・短納期品*/
.quick .quick_menu {
    background: aliceblue;
    padding-left: 20px;
    display: flex;
    margin: 10px 0;
    overflow: auto;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 2px outset aliceblue;
}

.quick .quick_img {
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px;
    padding: 10px;
    border: 2px outset aliceblue;
    overflow: hidden;
    background: white;
    border-radius: 20px;
}

.quick_content {
    max-width: 790px;
    margin: 20px 10px 10px;
    display: inline-block;
    width: 100%;
    flex: 1 1 70%;
}

.quick_comment ul {
    line-height: normal;
    margin: 0;
}

.quick_title {
    background: white;
    width: 100%;
    padding: 10px 0px 10px 10px;
    border-left: 15px solid;
    font-weight: 600;
    font-size: 20px;
    color: navy;
}

.quick_comment {
    margin-left: 30px;
    padding: 20px 0;
}

.quick_img img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: 180px;
    height: 180px;
    object-fit: contain;
    z-index: 100000;
    margin: 0;
}

.quick .img_bottom {
    text-align: center;
}

/*レーザーコミック Web漫画*/
.comic-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.comic-flex h4 {
    font-size: 1.1em;
}

.comic-flex a {
    font-weight: bold;
}

.comic-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.comic-flex div {
    border: 1px solid #27a5dc;
    margin: 2%;
    padding: 2% 0;
    width: 45%;
}

/*コンタクト*/
.contactbox {
    width: 200px;
    border: 1px solid #2196F3 !important;
    border-radius: 15px;
    margin: 10px;
    display: block;
    padding: 10px;
}

.cont_box {
    display: flex;
    flex-wrap: wrap;
}

/*製品ボックス　２カラム*/
.pro_cont {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 20px;
}

.pro_img {
    max-width: 310px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.pro_img img {
    width: auto;
    max-width: 310px;
    max-height: 250px;
    height: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.pro_img a {
    display: block !important;
}

.pro_coment {
    width: 100%;
    margin-left: 20px;
    display: block;
    max-width: 655px;
    min-height: 270px;
    margin-top: 20px;
}

.img_table {
    display: flex;
    flex-wrap: wrap;
}

.img_table img {
    height: 100%;
    width: auto;
    max-width: 130px;
}

span.catch {
    font-size: 22px;
    color: white;
    background: cornflowerblue;
    padding: 7px 20px 7px 20px;
    font-style: italic;
    display: inline-block;
    line-height: initial;
}

/*製品ボックス　２カラム 画像大きめ*/
.pro_img2 {
    max-width: 330px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.pro_img2 img {
    width: 330px;
    height: 490px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    object-fit: cover;
    object-position: top;
}

.pro_img2 a {
    display: block !important;
}

.pro_coment2 {
    width: 100%;
    margin-left: 20px;
    display: block;
    max-width: 620px;
    min-height: 270px;
    margin-top: 20px;
}

/*マーカーページ比較表*/
.material_table ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1050px;
}

.material_table ul ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.material_table ul ul li {
    width: 100%;
    background: aliceblue;
    margin: 1px;
    padding: 8px;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    display: block;
    line-height: initial;
}

.material_table ul li {
    margin: 0;
    text-align: center;
    padding: 0;
}

span.table_title {
    font-weight: 600;
    background: antiquewhite;
    display: block;
    font-size: 18px;
    padding: 5px;
}

.material_table {
    overflow-x: scroll;
    overflow: auto;
}

li.material_img {
    position: relative;
    overflow: hidden;
    height: 210px;
}

li.material_img img {
    position: absolute;
    object-fit: contain;
    z-index: 100000;
    top: 10px;
    left: 10px;
    width: 90%;
    height: 180px;
}


/*井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上*/

/*採用トップページ３ボックス横並び*/

.jobboxfloat {
    display: flex;
    width: 93%;
    margin: 30px auto;
    justify-content: space-around;
}

.jobbox {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.job_wrap:hover {
    transform: scale(1.05);
}

.job_wrap .overlay-type-extern .image-overlay-inside {
    display: none;
}

.job_wrap {
    width: 90%;
    margin: 10px 15px;
    display: block;
    transition: 0.3s;
}

.job_wrap .image-overlay {
    background: #ffd2e278;
}

.job_comment {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.jobbox_85 {
    width: 85%;
    margin: 0px auto;
}

@media screen and (max-width: 750px) {
    .jobboxfloat {
        display: flex;
        flex-direction: column;
        width: fit-content;
        margin: 0px auto;
        width: max-content;
    }
}

@media screen and (min-width:750px) and (max-width:980px) {
    .jobboxfloat {
        display: flex;
        width: fit-content;
        margin: 25px auto;
    }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .jobboxfloat {
        width: fit-content;
        margin: 0px auto;
    }

    .job_wrap {
        width: 100%;
        margin: -15px auto;
        display: block;
        transition: 0.3s;
    }

    .job_wrapp img:nth-child(3) {
        margin: 0px auto 30px auto;

    }
}


.freshbox_title {
    text-align: center;
    margin: 0 auto;
    width: 45%;
    padding: 10px;
    font-size: 20px;
    font-family: serif;
    font-weight: bold;
    color: #fcfcfc;
    letter-spacing: 1px;
    margin-bottom: -5px;
    outline-color: #cc0000;
    line-height: 20px;
    outline-width: 2px;
    background: #28752f;
    display: block;
}

.freshbox_float {
    display: flex;
    justify-content: space-between;
}

.fresh_philosophybox01 {
    width: 24%;
    text-align: center;
    margin: auto;
    padding-left: 20px;
    font-size: 15px;
    font-weight: bold;
    color: black;
    letter-spacing: 1px;
    display: block;
}

.fresh_philosophybox02 {
    width: 75%;
    margin: auto 20px;
    font-size: 15px;
    color: black;
    display: block;
}

.fresh_jobbox {
    max-width: 440px;
}

.fresh_comment {
    font-size: 15px;
    color: #080808;
    line-height: 26px;
    width: 90%;
    margin: 0 auto;
}

.F_title {
    font-size: 30px;
    line-height: 35px;
    font-family: -webkit-body;
    margin-bottom: 50px;
    color: black;
}

@media screen and (max-width: 780px) {
    .freshbox_title {
        width: 75%;
        font-size: 18px;
        font-family: serif;
        font-weight: bold;
        color: #fcfcfc;
        letter-spacing: 1px;
        margin-bottom: 0px;
        line-height: 20px;
    }

    .freshbox_float {
        display: flex;
        flex-flow: column;
    }

    .fresh_philosophybox01 {
        width: 100%;
        text-align: center;
        margin: 10px auto;
        /* font-size: 16px; */
        padding-left: 0px;
    }

    .fresh_philosophybox02 {
        width: 85%;
        margin: 0px auto;
        font-size: 14px;
        color: black;
        display: block;
    }

    .F_title {
        font-size: 16px;
        text-align: center;
        font-family: -webkit-body;
        margin: 15px auto -30px auto;
        color: black;
    }
}


.box6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.box6_img {
    position: relative;
    height: 231px;
    width: 250px;
    background-color: #cc0000;
    box-shadow: 14px 15px 13px #c36e6e;
    margin: 25px 3%;
}


.box6_text {
    position: absolute;
    width: 100%;
    height: 30%;
    background-color: #ffffffe0;
    padding: 10px 15px 8px 15px;
    box-sizing: border-box;
    bottom: 0;
}

.box6_wrap:hover {
    transform: scale(1.05);
}

.box6_wrap .overlay-type-extern .image-overlay-inside {
    display: none;
}

.box6_wrap {
    margin: 0 25px;
    display: block;
    transition: 0.3s;
}

.box6_wrap .overlay-type-extern .image-overlay-inside {
    display: none;
}

.box6_wrap .image-overlay {
    background: #ffffff00;
}

.box6_wrap .active {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.5s;
}

.box6_wrap:hover .active {
    opacity: 1;
}

.Mtop1 {
    height: 200px;
    text-align: center;
    padding-top: 125px;
    font-size: 35px;
    color: #ffffff;
}

.Mtop2 {
    margin: -10px 0 0 0px;
    text-align: center;
}

.M_textbox {
    width: 85%;
    margin: 0 auto;
}

.M1 {
    padding: 5px 20px;
    font-size: 17px;
    color: #000000;
    background: #ffffff;
    outline-width: 3px;
    box-shadow: 11px 8px 5px #789ED3;
}

.M2 {
    font-size: 27px;
    font-family: monospace;
    color: #cc0000;
    letter-spacing: 0.5px;
}

.M3 {
    font-size: 15px;
    line-height: 40px;
    margin: 0 auto;
    font-family: monospace;
    letter-spacing: 1.1px;
}

.M4 {
    font-size: 19px;
    line-height: 35px;
    margin: 0 auto;
    font-family: monospace;
    letter-spacing: 1.5px;
}

@media screen and (max-width: 480px) {
    .Mtop1_small {
        font-size: 20px;
        height: 120px;
        text-align: center;
        padding-top: 60px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 11px;
    }

    .M2 {
        font-size: 16px;
    }

    .M2_small {
        font-size: 25px;
        line-height: 40px;
    }

    .M3 {
        font-size: 15px;
        line-height: 30px;
        margin: 0 auto;
        font-family: monospace;
        letter-spacing: 1px;
    }

    .M4 {
        font-size: 15px;
        line-height: 25px;
    }
}

@media screen and (min-width:481px) and (max-width:780px) {
    .Mtop1_small {
        font-size: 25px;
        height: 140px;
        text-align: center;
        padding-top: 80px;
        font-size: 35px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 13px;
    }

    .M2_small {
        font-size: 25px;
        line-height: 40px;
    }

    .M4 {
        font-size: 15px;
        line-height: 30px;
        margin: 0 auto;
        font-family: monospace;
        letter-spacing: 1px;
    }
}

@media screen and (min-width:781px) and (max-width:1024px) {
    .Mtop1_small {
        font-size: 25px;
        height: 140px;
        text-align: center;
        padding-top: 80px;
        font-size: 35px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 15px;
    }
}


.Tmessage_redline {
    height: 80px;
    background: #cc0000;
}

.Tmessage_margin {
    margin-bottom: 90px;
    line-height: initial;
}

.Tmessage_pc {
    display: block !important;
}

.Tmessage_sp {
    display: none !important;
}

@media screen and (max-width: 480px) {

    .Tmessage_pc {
        display: none !important;
    }

    .Tmessage_sp {
        display: block !important;
    }

    .Tmessage_redline {
        height: 35px;
        line-height: initial;
        background: #cc0000;
    }

    .Tmessage_margin {
        margin: 0px auto;
        margin-bottom: 40px;
    }

    .Tmessage_link {
        font-size: 10px;
        letter-spacing: 0px;
    }
}

@media screen and (min-width:481px) and (max-width:780px) {
    .Tmessage_redline {
        height: 55px;
        line-height: initial;
        background: #cc0000;
    }
}


.question_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 23px auto;
}

.question_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 23px auto;
}



/*.questions_2column*/

@media screen and (max-width: 480px) {
    .questions_2column img:nth-child(1) {
        margin-bottom: 23px;
    }

    .questions_2column img {
        width: 100%;
        height: 100%;
    }

    .question_flex {
        display: flex;
        flex-flow: column;
        justify-content: center;
        margin: 23px auto;
    }

}

@media screen and (min-width:481px) and (max-width:1024px) {
    .questions_2column img:nth-child(1) {
        margin-bottom: 23px;
    }

    .questions_2column img {
        width: 60%;
        height: 60%;
    }
}

@media screen and (min-width:1025px) and (max-width:2048px) {
    .questions_2column img:nth-child(1) {
        margin-right: 23px;
    }
}

/*.questions_3column*/
@media screen and (max-width: 480px) {
    .questions_3column img:nth-child(-n+2) {
        margin-bottom: 23px;
    }

    .questions_3column img {
        width: 100%;
        height: 100%;

    }
}

@media screen and (min-width:481px) and (max-width:1024px) {
    .questions_3column img:nth-child(-n+2) {
        margin-bottom: 23px;

    }

    .questions_3column img {
        width: 60%;
        height: 60%;
        margin-right: 23px;
    }
}

@media screen and (min-width:1025px) and (max-width:2048px) {
    .questions_3column img:nth-child(-n+2) {
        margin-right: 23px;

    }
}

.office {
    display: block;
    width: 1050px;
    height: 660px;
    box-shadow: 14px 15px 13px #dddddd;
    position: relative;
}

.office img {
    width: 100%;
}

.office span {
    background-color: #ffffff;
    width: 45%;
    height: 30%;
    right: 0;
    padding: 30px 40px;
    position: absolute;
}

.access_flex {
    display: inline-block;
    width: 43%;
    justify-content: center;
    margin: 2px 12px;
}

.office_margin {
    margin-bottom: 100px;
}

@media screen and (max-width: 480px) {
    .office_margin {
        margin-bottom: 60px;
    }

    .access_flex {
        display: inline-block;
        width: 100%;
        justify-content: center;
        margin: 10px auto;
    }

}

.interview_flex {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;

}

.interview_wrap {
    margin: 0 25px;
    display: block;
    transition: 0.3s;

}

.interview_margin {
    margin-bottom: 80px;
}

@media screen and (max-width: 719px) {

    .interview_flex {
        display: flex;
        flex-flow: column;
        width: 90%;
        margin: 20px auto;
    }

    .interview_wrap {
        margin: 15px auto;
        display: block;
        transition: 0.3s;
    }

    .interview_margin {
        margin-bottom: 40px;
    }
}

.interview_wrap:hover {
    transform: scale(1.02);
}

.interview_wrap .overlay-type-extern .image-overlay-inside {
    display: none;
}

.interview_wrap .image-overlay {
    background: #ffffffc2;
}

.finterview_flex img {
    width: 240px;
}

.interview_flex img {
    width: 240px;
}

.interview {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.interview h1 {
    font-size: 22px;
    color: #1C791A;
    border-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: #a5d2a4;
    line-height: 35px;
    margin-top: 60px;
    margin-bottom: 15px;
}

.interview span {
    display: block;
    font-size: 22px;
    color: #dc8a21;
    margin-bottom: 0px;
    padding-top: 10px;
}

.interview p {
    font-size: 15px;
    line-height: 26px;
}

.Q_flex {
    display: flex;
    justify-content: space-between;
}

.Q_flex45 {
    width: 45%;
}

.Q_flex img {
    margin-top: 60px;
}

.interview_relative {
    position: relative;
    width: 95%;
    top: 0px;
    left: 0px;
    margin: 0 auto;
}

.interview_absolute {
    position: absolute;
    top: 10%;
    right: 0px;
}

@media screen and (min-width: 780px) and (max-width:980px) {
    .interview_relative {
        position: relative;
        width: max-content;
        top: 0px;
        left: 0px;
        margin: 0 auto;
    }

    .interview_absolute {
        position: unset;
        width: max-content;
        top: 10%;
        right: 0px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 780px) {
    .interview h1 {
        font-size: 15px;
        color: #1C791A;
        border-bottom: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a5d2a4;
        line-height: 25px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .interview span {
        display: block;
        font-size: 20px;
        color: #dc8a21;
        margin-bottom: -10px;
        padding-top: 3px;
    }

    .interview p {
        font-size: 13px;
        line-height: 26px;
    }

    .Q_flex {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }

    .Q_flex45 {
        width: 100%;
    }


    .Q_flex img {
        margin-top: 60px;
    }

    .interview_relative {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin: 0 auto;
    }

    .interview_absolute {
        position: unset;
        top: 10%;
        right: 0px;
    }
}

.box9_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 50px;
}

.box9_text {
    display: block;
    max-width: 305px;
    width: 100%;
    min-width: 220px;
    height: 50px;
    background: #f4f4f4;
    box-shadow: 3px 3px 3px #dadada;
    text-align: center;
    margin: 5px 5px;
    padding: 13px;
    font-size: 17px;
    letter-spacing: 1px;
}

.box9_margin {
    margin-top: 7%;
}

/*井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上*/


.bg {
    background-attachment: fixed;
    background-image: gold;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*SFコラボ作品ページ*/
.sf-maincontent-pc {
    display: block;
}

.sf-maincontent-sp {
    display: none;
}

.sf-smallcontents li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.sf-smallcontents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
}

.sf-maincontent div,
.sf-smallcontents img {
    margin-bottom: 2%;
}

.sf-maincontent img:hover,
.sf-smallcontents img:hover {
    opacity: 0.6;
}

.sfcopyright {
    text-align: center;
}

.sf-character {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.sf-character div {
    margin-bottom: 2%;
}

.correlation-chart {
    text-align: center;
}

.correlation-chart a {
    color: #0d0f1f;
}

.correlation-chart a:hover {
    color: #0d0f1f;
    text-decoration: none;
}

.chartbtn-open {
    display: inline-block;
    width: 290px;
    height: 50px;
    text-align: center;
    background-color: #eee;
    font-size: 20px;
    line-height: 52px;
    border: 1px solid #0d0f1f !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.chartbtn-open:after {
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FFF;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: .2s;
    z-index: -1;
}

.chartbtn-open:hover {
    color: #eee;
}

.chartbtn-open:hover:after {
    height: 240%;
    opacity: 1;
}

.chartbtn-open:active:after {
    height: 340%;
    opacity: 1;
}

span.sf-title {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
}

span.sfborder {
    border: 1px solid #d2d2d2;
    width: 100%;
    display: block;
    margin: 5% 0;
}

ul.sfcontents-2columns {
    list-style: none;
    margin: 0;
    column-count: 2;
    padding: 0;
    height: 100%;
}

.sfcontents-2columns li {
    margin-left: 0;
    font-size: 1.2em;
    display: inline-block;
    box-sizing: border-box;
    padding-bottom: 20px;
    width: 100%;
}

ul.sfcontents-list {
    list-style: none;
    padding: 0;
}

ul.sfcontents-list li {
    margin-left: 0;
    font-size: 1.2em;
    margin-bottom: 15px;
}


span.comming-soon {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.comming-soon::before {
    position: absolute;
    content: 'Comming soon';
    left: 30%;
    top: 37%;
    color: white;
    width: 40%;
    height: 50px;
    background: rgba(29, 29, 29, 0.9);
    line-height: 47px;
    font-size: 1em;
    z-index: 21;
}

.sfnotes {
    border: 1px dashed #0084c4 !important;
    width: 100%;
    display: block;
    margin: 3% 0;
    clear: both;
}

span.sfnotes-month {
    display: inline-block;
    background: #0081b7;
    color: white;
    padding: 0 7px;
    margin-right: 10px;
}

.comic-pdf {
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.comic-thum {
    width: 32%;
    background-color: #f5f5dc;
    text-align: center;
    margin-bottom: 3%;
    padding-bottom: 1%;
}

.comic-pdf div:not(:nth-child(3n)) {
    margin-right: 2%;
}

@media screen and (max-width:375px) {
    .sf-smallcontents {
        flex-flow: column;
        justify-content: center;
        width: 100%;
    }

    .sf-smallcontents li {
        width: 100% !important;
    }

    .sf-maincontent-pc {
        display: none;
    }

    .sf-maincontent-sp {
        display: block;
    }

    .past-contents {
        margin: 0;
    }

}

@media screen and (max-width:500px) {
    .comic-pdf {
        display: block;
        flex-wrap: nowrap;
    }

    .comic-thum {
        width: 100% !important;
    }

}

@media screen and (max-width:767px) {
    .sf-smallcontents li:not(:nth-child(3n)) {
        margin-right: 0.5%;
    }

    .sf-smallcontents li {
        width: 33%;
    }

    .sf-character div {
        width: 33%;
    }

    .comic-thum {
        width: 48%;
    }

    .comic-pdf div:nth-child(n-1) {
        margin-right: 2%;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    .sf-smallcontents li:not(:nth-child(3n)) {
        margin-right: 0.5%;
    }

    .sf-smallcontents li {
        width: 33%;
    }

    .sf-character div {
        width: 25%;
    }

}

/*仕様表*/
.databox {
    display: flex;
    flex-wrap: wrap;
    background: aliceblue;
    margin: 5px;
    width: 1045px;
}

.databox_img {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}

.databox_data {
    width: 190px;
    padding: 10px;
}

.data_laser {
    width: 170px;
    padding: 10px;
}

.data_filter {
    width: 230px;
    padding: 10px;
}

.data_appli {
    width: 290px;
    padding: 10px;
}

.databox_img img {
    border: 1px solid;
    border-radius: 15px;
}

/*サポートページ*/
.sup_doc {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: flex-start;
}

.supbox {
    width: 100%;
    max-width: 252px;
    height: 276px;
    border: 1px solid darkblue !important;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
}

.boxtitle {
    text-align: center;
    font-weight: 600;
    margin: 5px;
    padding: 5px;
    font-size: 18px;
    color: black;
}

.boxcomment {
    margin: 5px;
    padding: 5px;
    height: 100px;
}

.boximg {
    display: table;
    margin: 0 auto;
    font-size: 100px;
    color: cornflowerblue;
    padding: 10px;
}

.boximg a {
    color: cornflowerblue;
    display: block;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.subbox {
    width: 515px;
    display: block;
    margin: 5px;
}

span.suptitle {
    display: block;
    text-align: center;
    font-size: 24px;
    padding: 15px;
    background: cornflowerblue;
    color: white;
    font-weight: 600;
}

/*カタログページ*/
span.catatitle {
    font-size: 24px;
    background: cornflowerblue;
    color: white;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 5px;
}

.catalog {
    display: flex;
    flex-wrap: wrap;
}

.catabox {
    background: snow;
    margin: 10px;
    padding: 10px;
    width: 240px;
    border: 1px solid;
    text-align: center;
}

.catalog ._df_thumb {
    width: 80px;
    height: 115px;
    margin: 10px;
}

.cataimg img {
    border: 1px solid gray;
    box-shadow: 3px 3px 1px gray;
}

.catadata:before {
    content: "更新日：";
}

.catapdf {
    background: #00c575;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: white;
    position: relative;
    width: 80px;
    height: 30px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #00675d;
}

.catadata {
    padding: 5px 0;
}

.catapdf:hover {
    background: #029056;
}

.catapdf a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    color: white;
    padding-right: 5px;
}

.catapdf a:hover {
    color: white;
}

.catapdf a {
    text-decoration: none;
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 0;
}

.catapdf a[target="_blank"] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.cataname {
    font-size: 14px;
    line-height: initial;
    font-weight: 600;
    letter-spacing: 0.04em;
    display: inline-block;
    vertical-align: bottom;
    height: 42px;
}

.catamodel {
    font-size: 12px;
    border-bottom: 1px solid;
}

.catamodel:before {
    content: "型式：";
}

.catapro:hover {
    background: red;
}

.catapro a:hover {
    color: white;
}

.catapro a {
    text-decoration: none;
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 0;
    font-size: 14px;
}

.catapro a[target="_blank"] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.catapro {
    background: #a81010;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: white;
    position: relative;
    width: 80px;
    height: 30px;
}

/*サポートページ　技術解説*/
.sup_box {
    margin: -20px 0 0;
    padding: 0;
    align-items: center;
}

.sup_box label {
    padding: 0;
    margin: 5px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 12px !important;
    background: #d3d3d3a3;
}

.sup_box label:hover {
    background: #efefef;
}

.sup_box input {
    display: none !important;
}

.sup_box .box_open {
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
}

.sup_box input:checked ~ .box_open {
    padding: 5px;
    margin: 0;
    height: auto;
    opacity: 1;
}

.sup_box label:before {
    display: inline-block;
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    padding-right: 5px;
    transition: 0.2s;
}

.sup_box input:checked ~ label:before {
    content: '\f078';
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #668ad8;
}

.box_open ol {
    padding: 0;
    margin: 0;
    background: aliceblue;
    list-style: none;
}

.box_open ol li {
    margin: 0;
    padding: 4px 10px 4px 0;
    font-size: 14px;
    border-bottom: 2px solid white;
    position: relative;
    z-index: 10000;
}

.doc_box {
    width: 505px;
    border: 1px solid;
    margin: 10px;
    display: inline-block;
}

.doc_name {
    padding: 5px 0 0;
    text-align: center;
    color: black;
    font-weight: 600;
}

.box_open a:hover,
.box_open a:focus,
.box_open a:visited {
    color: #666666;
    text-decoration: none;
    background: #2196f34d;
}

.box_open a {
    display: inline;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    padding-left: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.box_open ol li:before {
    content: "・";
    padding-left: 12px;
}

/*picotech*/
.picobox {
    display: flex;
    flex-wrap: wrap;
}

.picoimg {
    display: block;
    position: relative;
    width: 260px;
    height: 230px;
    margin: 0 auto;
    padding: 10px;
    border: 2px outset aliceblue;
    overflow: hidden;
    background: white;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.picoimg img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 100000;
    margin: 0;
    padding: 15px;
}

.pickpro {
    width: 770px;
    margin: 0;
    padding: 0 0 0 20px;
}

.picdata ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.picdata ul li {
    width: 306px;
    padding: 3px 10px 3px 0;
}

.picdata {
    margin-left: 50px;
    background: ghostwhite;
    padding: 10px;
}

.menu {
    clear: both;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.menu ul {
    width: 500px;
}

span.promenu {
    display: block;
    text-align: center;
    font-size: 20px;
    background: blanchedalmond;
    padding: 10px;
    clear: both;
}

.box-movie {
    display: block;
}

/*info見出し*/
span.info:before {
    content: "info";
    background: red;
    color: white;
    padding: 1px 10px;
    border-radius: 8px;
    margin-right: 5px;
}

span.new:before {
    content: "NEW";
    background: red;
    color: white;
    padding: 1px 10px;
    border-radius: 8px;
    margin-right: 5px;
}

/*超短パルスレーザー ultrashurt*/
.wavelength {
    font-size: 22px;
    font-weight: 600;
    background: aliceblue;
    padding: 10px 5px 10px 20px;
    border-left: 10px solid;
    border-bottom: 1px solid;
}

.wavelength:before {
    content: "波長：";
}

.short_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
    margin-bottom: 20px;
}

.short_img {
    width: 240px;
    height: 150px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.short_img img {
    width: auto;
    height: auto;
    max-height: 100%;
    padding: 20px 20px 0 20px;
    object-fit: contain;
    display: block;
    z-index: 10000;
    margin: 0 auto;
}

.short_right {
    margin: 0 auto;
}

.short_power:before {
    content: "平均出力：";
    font-weight: 600;
    margin-left: -40px;
}

.short_power {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 180px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
    display: block;
}

.short_pulse:before {
    content: "パルスエネルギー：";
    font-weight: 600;
    margin-left: -40px;
}

.short_pulse {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 230px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
}

.short_width:before {
    content: "パルス幅：";
    font-weight: 600;
    margin-left: -40px;
}

.short_width {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 200px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
}

.pro_data a {
    background: darkmagenta !important;
    color: white;
    display: block !important;
    width: 100px;
}

.pro_data a[target="_blank"] {
    background: none;
    padding-right: 10px !important;
    /* margin-right: 0px; */
}

.short_data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 810px;
    width: 100%;
    align-items: center;
    height: 100%;
}

.short_pro_box {
    display: flex;
}

.pro_name {
    padding: 5px 10px !important;
    margin: 5px 0px !important;
    max-width: 550px !important;
    width: 100%;
    border-left: 10px solid #FF9800 !important;
    background: dodgerblue !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-left: 70px !important;
    border-radius: 0px !important;
    line-height: 24.75px !important;
}

.pro_note {
    padding: 5px 10px !important;
    margin: 5px 0 !important;
    padding-left: 65px !important;
    max-width: 230px;
    width: 100%;
    border-left: 10px solid #FF9800 !important;
    background: rebeccapurple !important;
    color: white !important;
    font-size: 18px !important;
    position: relative !important;
    font-weight: 600;
    border-radius: 0 !important;
    line-height: 24.75px !important;
}

.pro_name:before {
    content: "製品名：";
    font-weight: 600;
    margin-left: -60px;
}

.pro_note:before {
    position: absolute;
    content: "型番：";
    font-weight: 600;
    margin-left: -55px;
}

.pro_data {
    display: block;
    max-width: 100px;
    width: 100%;
    margin: 0;
    height: 34px;
}

/*動画サムネイル（コメントあり）*/
.thumbnailbox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

span.play2:hover {
    background: #f0f8ff7a;
    transition: all 0.5s;
}

span.play3:hover {
    background: #f0f8ff7a;
    transition: all 0.5s;
}

.thumbnailcell {
    width: 100%;
    max-width: 330px;
    height: 100%;
    max-height: 210px;
    margin: 2px 2px 2em 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.thumbnailcell a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.thumbnailcell a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000000000000;
}

.thumbnailimg {
    position: relative;
    width: 100%;
    height: 200px;
    padding: 5px;
    margin: 10px 0;
    display: block;
    top: 10px;
    left: 10px;
    margin-bottom: 20px;
}

.thumbnailimg img {
    z-index: 20000;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 170px;
    object-fit: unset;
    padding-right: 5px;
}

.thumbnailtitle {
    position: absolute;
    display: inline-block;
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    top: 3px;
    left: 3px;
    background: bisque;
    z-index: 100000000;
    color: black;
}

span.play2 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.play2::before {
    position: absolute;
    content: '\E897';
    font-family: 'entypo-fontello';
    right: 10px;
    bottom: 25px;
    color: white;
    width: 45px;
    height: 30px;
    border-radius: 10px;
    background: #ff0000bf;
    line-height: 33px;
    margin: 0;
    font-size: 18px;
    z-index: 21;
    box-shadow: 2px 2px 3px black;
}

span.play3 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.play3::before {
    position: absolute;
    content: 'プレビュー';
    right: 10px;
    bottom: 25px;
    color: white;
    width: 70px;
    height: 30px;
    border-radius: 10px;
    background: #ff0000bf;
    line-height: 33px;
    margin: 0;
    font-size: 3px;
    z-index: 21;
    box-shadow: 2px 2px 3px black;
}

@media only screen and (max-width: 873px) {
    .thumbnailcell {
        padding: 0px 5px;
        margin: 0 auto;
    }
}

/*防護服サムネ*/
.protectiontest .thumbnailimg img {
    object-fit: contain;
}

/*Photodigm Inc.　スタイル*/
.pkgflexbox {
    display: flex;
    flex-wrap: wrap;
}

.pkglinkbox {
    border: solid 1px #232323 !important;
    width: 23%;
    margin: 1%;
    position: relative;
    z-index: 1;
    text-align: center;
}

.pkglinkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.pkglinkbox img {
    height: 60%;
    object-fit: cover;
}

.pkglinkbox a:hover {
    opacity: 0.1;
    background-color: #232323;
}

.pkgname {
    font-size: 1.8em;
    display: inline-block;
    width: 100%;
    line-height: 1.7em;
}

@media screen and (max-width: 768px) {
    .pkglinkbox {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {
    .pkgname {
        font-size: 1.2em;
        margin-bottom: 10%;
        line-height: 1.1em;
        padding-bottom: 5%;
    }
}

/*FMD*/
.pickpro table th,
.pickpro table td,
.pickpro li {
    font-size: 12px;
}

.pickpro table th {
    width: 120px;
}

.pickpro table td {
    text-align: left;
}


ul.accessories {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.accessories li {
    margin: 0;
    padding: 0;
    width: 375px;
    padding-right: 10px;
}

ul.accessories li img {
    display: block;
    object-fit: contain;
    margin: 0 auto;
    height: 120px;
}


.etc_pic img {
    height: 220px;
    width: auto;
    object-fit: contain;
}

.etc_pic {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 20px 0;
    max-width: 260px;
    width: 100%;
}

.etc_pic span {
    font-size: 12px;
    line-height: initial;
}

.etc_pic p {
    margin: 0;
}

/*○×△*/
span.false {
    font-size: 30px;
    color: blue;
    font-weight: 600;
}

span.true {
    font-size: 30px;
    color: red;
    font-weight: 600;
}

span.null {
    font-size: 30px;
    color: green;
    font-weight: 600;
}

/*プレスリリース*/
.press_main {
    font-size: 15px;
    margin-bottom: 20px;
}

.press_body {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 20px;
}

.press_img {
    width: 280px;
    margin-right: 10px;
}

.press_data {
    width: 400px;
    padding-left: 10px;
    display: block;
    overflow-wrap: anywhere;
}

.press_data p {
    margin: 0;
}

span.heading:before {
    content: "\f0c8";
    font-family: "Font Awesome 5 Free";
    padding-right: 6px;
    font-size: 15px;
}

span.heading {
    font-weight: 600;
    font-size: 16px;
}

.press_data ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.press_img ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.press_img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
    padding: 10px 40px;
    border: 1px solid;
}

.imgcont img {
    height: auto;
    object-fit: contain;
    padding: 0;
    object-position: top;
}

.press_data ul li {
    padding: 2px;
    font-size: 15px;
}

.press_img ul li {
    padding: 2px;
    font-size: 15px;
}

.press_subbody {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: black;
    background: lightgoldenrodyellow;
    padding: 10px 0;
}


/*レーザーゴーグル*/
.pro_goggle {
    display: flex;
    flex-wrap: wrap;
}

.pro_goggle .img {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
}

.pro_img3 {
    width: 100%;
    max-width: 330px;
    height: 200px;
    position: relative;
}

.prodata {
    width: 100%;
    max-width: 700px;
}

.pro_basic {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pro_img3 img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pro_img4 img {
    width: auto;
    height: auto;
}

.pro_model {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 20px 5px 5px;
    border-left: 5px solid gray;
}

.pro_wavelength {
    display: inline-block;
    width: 470px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.pro_use {
    display: inline-block;
    width: 700px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddmodel {
    display: inline-block;
    width: 200px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddata {
    display: flex;
    flex-wrap: wrap;
    width: 680px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.pro_od {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

.pro_model:before {
    content: "タイプ：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.pro_wavelength:before {
    content: "対象波長：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.pro_use:before {
    content: "用途：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.oddmodel:before {
    content: "型番：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.od_img {
    width: 100%;
    height: auto;
}

.od_img img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: block;
    object-fit: contain;
}

.oddvlt {
    display: inline-block;
    width: 280px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddvlt:before {
    content: "可視光透過率（VLT）：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.oddata:before {
    content: "波長と光学濃度（OD）：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

/*オリジナル製品一覧*/
.products_container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pro_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.pro_title {
    width: 100%;
}

.pro_databox {
    margin: 10px 10px 30px 30px;
}

.pro-data {
    width: 100%;
    margin-left: 15px;
    border-left: 2px solid;
    padding-left: 10px;
    max-width: 762px;
    display: block;
}

.pro-img {
    width: 270px;
    max-width: 270px;
    height: 100%;
    min-height: 310px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.pro-img img {
    position: absolute;
    display: block;
    padding: 15px;
    margin: auto 0;
    top: auto;
    left: auto;
    width: 270px;
    height: 310px;
    object-fit: contain;
    z-index: 100000;
}

.pro-catalog {
    background: #00c575;
    position: relative;
    width: 180px;
    text-align: center;
    margin: 0;
    border-radius: 10px;
    height: 40px;
    font-size: 18px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.pro-catalog a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 8px;
    display: block;
    z-index: 10001;
}

.pro-catalog a[target="_blank"],
.pro_button a[target="_blank"] {
    background: none !important;
}

.pro-catalog span:hover,
.pro_button span:hover {
    color: #FFC107;
}

.pro-catalog span {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 0 8px 24px;
    z-index: 10000;
    font-size: 14px;
    text-align: left;
}

.pro_button {
    background: #009B01;
    color: white;
    position: relative;
    width: 100px;
    text-align: center;
    margin: 0;
    border-radius: 10px;
    height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
}

.pro_button a {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 8px !important; /*#main .entry-content a[target="_blank"]{}を上書き */
    display: block;
    z-index: 100001;
}

.pro_button a:hover {
    position: absolute;
    color: white;
    text-decoration-line: none;
    background: darkorange;
    border-radius: 10px;
}

.pro_button span {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    z-index: 10000;
}

.pro-catalog span:after {
    position: absolute;
    top: 23%;
    left: 9px;
    content: "\f1c1";
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    color: navy;
    font-weight: 100;
}


.pro-catalog:hover {
    background: #027748;
}

.pro_button:hover {
    background: #005900;
}

.products_top {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border: 2px solid #03A9F4 !important;
    border-radius: 20px;
    margin-bottom: 20px;
}

.protopleft {
    width: 460px;
    margin: 0 auto;
}

.protopright {
    width: 530px;
    margin-left: 20px;
    margin: 0 auto;
}

.protopcatchcopy {
    color: #ff0000;
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
}

.protoptitle {
    font-size: 22px;
    padding-bottom: 10px;
    color: blue;
    font-weight: 600;
}

.protopcoment {
    margin-bottom: 10px;
    color: black;
    font-size: 18px;
    padding-left: 10px;
}

/*素材集*/
ul.material_all {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.material_all li a {
    background: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

ul.material_all li {
    border: 1px solid;
    padding: 3px 8px;
    margin: 2px;
    background: aliceblue;
}

.material_pic {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

ul.material_pic li {
    margin: 0 0 5px 0;
    padding: 2px;
    width: 95px;
    height: 95px;
    object-fit: contain;
}

/*会社概要*/
.company_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.company_tile {
    width: 320px;
    position: relative;
    border: 2px solid #2196F3 !important;
    margin: 10px;
    border-radius: 15px;
}

.company_tile a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
}

.company_img {
    padding: 10px;
}

.company_title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 0;
}

.company_coment {
    text-align: center;
    font-size: 13px;
    line-height: initial;
    padding: 10px 0;
}


.company_tile a:hover {
    background: #f0ffff7a;
    border-radius: 15px;
}

.company_img img {
    padding: 0 45px;
}

/*laseview*/
.laseview th {
    background: #FFEB97;
    color: black;
}

.laseview table th {
    font-size: 13px;
}

.laseview table td {
    font-size: 14px
}

/*新FAQ*/
.faqtitle::before {
    counter-increment: number 1;
    content: "Q"counter(number, decimal-leading-zero) "：";
    color: #ffffff;
    font-size: 18px;
    background-color: #4caf50;
    border-radius: 5px;
    padding: 0 7px;
    margin-right: 10px;
    margin-left: -78px;
}

.faqcomment::before {
    content: "A"counter(number, decimal-leading-zero) "：";
    color: #ffffff;
    font-size: 18px;
    background-color: #0e548a;
    border-radius: 5px;
    padding: 0 7px;
    margin-left: -78px;
    margin-right: 13px;
}

span.faqtitle {
    display: block;
    padding-left: 78px;
    font-size: 18px;
    font-weight: 600;
    color: black;
    padding-bottom: 10px;
    border-bottom: 1px dashed;
}

span.faqcomment {
    display: block;
    margin-left: 78px;
    word-break: break-word;
    margin-top: 10px;
    margin-bottom: 20px;
}

.faqcontainer br {
    display: none;
}

.faqbox {
    counter-reset: number 0;
    border: 1px solid;
}
.faqbox div:nth-child(2n-1) {
    background-color: rgb(212, 241, 255);
}
.faqbox div {
    padding: 10px;
}

span.faqcomment br {
    display: block;
}

span.faqtitle br {
    display: block;
}

/*paypal*/
.paypal {
    width: fit-content;
    clear: both;
    margin: 0 auto;
}

/*LHB比較表*/
table.lhbtable1 td,
table.lhbtable1,
table.lhbtable2 td,
table.lhbtable2 {
	font-size: 12px;
}

table.lhbtable1,
table.lhbtable2 {
	table-layout: fixed;
	line-height: normal;
}

table.lhbtable1 tr td:nth-of-type(1),
table.lhbtable1 tr th:nth-of-type(2) {
	background-color: #e0f8ff;
}

table.lhbtable1 tr td:nth-of-type(2),
table.lhbtable1 tr th:nth-of-type(3) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(3),
table.lhbtable1 tr th:nth-of-type(4) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(4),
table.lhbtable1 tr th:nth-of-type(5) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(5),
table.lhbtable1 tr th:nth-of-type(6) {
	background-color: aliceblue;
}

table.lhbtable2 tr td:nth-of-type(1) ,
table.lhbtable2 tr th:nth-of-type(2) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(2),
table.lhbtable2 tr th:nth-of-type(3) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(3),
table.lhbtable2 tr th:nth-of-type(4) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(4),
table.lhbtable2 tr th:nth-of-type(5) {
	background-color: honeydew;
}

tr.lhb25 {
    background: #e0f8ff!important;
}

tr.lhb50 {
    background: aliceblue!important;
}

tr.lhb100 {
    background: azure!important;
}

tr.lhb200 {
    background: honeydew!important;
}

/* ボタンの色をenfoldテーマカラーから変更 */
div .main_color .button,
.main_color input[type='submit']{
  border-color: #005900;
  background-color: #009B01;
}
div .main_color .button:hover,
.main_color input[type='submit']:hover{
    background: #005900;
}
#main .avia-button-left a[target="_blank"]{
  border-color: #005900;
  background-color: #009B01 !important;
  background-image: none;
}
#main .avia-button-left a[target="_blank"]:hover{
    background: #005900;
}
/*上にスクロールするボタンを .pro_boxから継承
 * usage class="pro_box button_scrollup" */
.button__scrollup {
  position: relative;
  padding-left: 2em;
	width:auto;
	border-color: #a81010;
	border-radius: 15px;
  background-color: #4CAF50;
}
.button__scrollup::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg) translate(-0.6em, 1.1em) scale(1,1);
}
.button__scrollup>a {
  color: #fff;
	height:auto;
   width: auto;
   position: static;
   padding: 0 !important;
   display: inline;
}
.button__scrollup>a:hover {
	position: static;
	background: inherit;
}
/* 光響製品のメリット */
.kokyo-adopted ,
div.main_color tr.kokyo-adopted {
	background-color: #d4f8e4;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
div.main_color table.kokyo-adopted-2 td:nth-child(2){
	background-color: #d4f8e4;
}
div.main_color table.kokyo-adopted-2 th:nth-child(2),
div.main_color table.kokyo-adopted-2 td:nth-child(2){
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

/** inquery button **/
/* <span class="button button__inquiry"><a>inquiry</a></span> */
div .main_color .button.button__inquiry{
	position: relative;
   display: block;
   margin-left: auto;
   margin-right: auto;
	text-align: center;
	width: 35%;
	min-width: 15em;
	border-radius: 8px;
	padding: 0.5em 1.1em 0.5em 2.1em;
   font-size: 1.2em;
   font-weight: normal;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66c65f+0,00c402+17,66c65f+100 */
background: rgb(102,198,95); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,198,95,1) 0%, rgba(0,196,2,1) 17%, rgba(102,198,95,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,198,95,1) 0%,rgba(0,196,2,1) 17%,rgba(102,198,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,198,95,1) 0%,rgba(0,196,2,1) 17%,rgba(102,198,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c65f', endColorstr='#66c65f',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c7efc4+0,a4e597+17,69db67+45,00d607+100 */
/*background: rgb(199,239,196); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(199,239,196,1) 0%, rgba(164,229,151,1) 17%, rgba(105,219,103,1) 45%, rgba(0,214,7,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(199,239,196,1) 0%,rgba(164,229,151,1) 17%,rgba(105,219,103,1) 45%,rgba(0,214,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(199,239,196,1) 0%,rgba(164,229,151,1) 17%,rgba(105,219,103,1) 45%,rgba(0,214,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7efc4', endColorstr='#00d607',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+87,005700+100 */
/*background: rgb(180,221,180); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 87%, rgba(0,87,0,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 87%,rgba(0,87,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 87%,rgba(0,87,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#005700',GradientType=0 ); /* IE6-9 */
}
div .main_color .button.button__inquiry > a{
	color: inherit;
	font-weight: inherit;
}
.button.button__inquiry::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	z-index: 2;
	background-color: transparent;
	transform: translate(18px, -5px) rotate(45deg);
	border-right: 4px solid green;
	border-top: 4px solid green;
	width: 8px;
	height: 8px;
}
div .main_color .button.button__inquiry::after {
	content: "";
	position: absolute;
	display: block;
	background-color: white;
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translate(13px, -13px);
	border: 1px solid green;
	border-radius: 50%;
	width: 25px;
	height: 25px;
}
/*aboutus*/
div.aboutus-border {
    border: 2px solid #ff911c;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

h2.aboutus-color {
    background-color: rgba(0,0,0,0) !important;
    color: #ff911c !important;
    width: 300px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 1.2% !important;
}

.aboutus-span {
    color: #222;
    width: 600px;
    display: inline-block;
}

span.aboutus-big {
    font-size: 1.5em;
}

.aboutus-list li {
    margin-top: 0;
}

.aboutus-vision {
    display: flex;
    width: 80%;
    margin: 20px auto;
}

.aboutus-vision img{
    width: 200px;
    max-width: initial;
}

@media screen and (min-width: 540px) {
.aboutus-customers ul {
	width:100%;
    display: grid;
    grid-template-rows: repeat(47, auto);
/*    gap: 10px;*/
    grid-auto-flow: column;
	grid-auto-columns: 50%;
}
.aboutus-customers ul{
	list-style-type: disc;
	margin:0;
	padding:0;
	flex-direction: column;
/*	height: 1700px;*/
}
.aboutus-customers li{
	padding: .5ex;
	box-sizing: border-box;
}
	/*.aboutus-customers li{
	display: table-cell;
	border-collapse: collapse;
	border: 1px solid #e1e1e1;
	border-top-width: 0;
	padding: .5ex;
	box-sizing: border-box;
	text-align: center;
}*/
.aboutus-customers li:nth-child(2n){
/*	border-left-width: 0px;?/
}
.aboutus-customers li:nth-child(1),
.aboutus-customers li:nth-child(2){
/*	border-top-width: 1px;*/
}
}
@media screen and (max-width: 540px) {
    span.aboutus-big {
        font-size: 1em;
        font-weight: bold;
    }

    .aboutus-span {
         display: inline;
    }

    .aboutus-vision {
    display: block;
    width: 80%;
    margin: 20px auto;
    }
    
    .aboutus-vision img{
    width: 200px;
    }
}

/*会社概要役員*/
.prof_box {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 5px;
}

.profimg {
    padding: 10px;
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
}

.profcoment {
    padding: 15px 10px 10px 20px;
    margin: 0 auto;
    max-width: 780px;
    width: 100%;
    background: papayawhip;
    color: black;
}

.profmane {
    font-size: 28px;
    padding: 10px 0;
    border-bottom: 2px solid blue!important;
    font-style: oblique;
}

.proftitle {
    font-size: 20px;
    padding: 10px;
}

.proffield {
    font-size: 18px;
    padding: 10px;
}

.profmane span {
    font-size: 18px;
    margin-left: 20px;
}