@charset "utf-8";

body { background-color: #fff; }
.wrap-bg-invisible-black .container { width: 90%; margin: 3em auto; }

.wrap-bg-invisible-black { overflow: hidden; margin: 3em auto;}
.wrap-bg-invisible-black h1 { font-size: 2em; margin: 10px; }
.wrap-bg-invisible-black h2 { font-size: 1.5em; margin: 30px 0 10px 10px; }

.wrap-bg-invisible-black { max-width: 1282px; clear: both; overflow: hidden; }
.wrap-bg-invisible-black .container { width: 90%; margin: 0px auto; }
.left-side { display: inline-block; width: 22%; margin-right: 1%; }
.main-side { display: inline-block; width: 70%; margin-left: 1%; vertical-align: top; }
.main-side .original .item ul { }
.main-side .original .item li { font-size: 1em; }
.main-side .original .item li img { width: 90px; height: 90px; }

.wrap .container { width: 100%; margin: 0px auto; }

.product-item-list { display: flex; flex-wrap: wrap; justify-content: left; }
.product-item-list h3 { font-size: 1em; margin-bottom: 0.5em; }
.product-item-list .wrap { width: 45%; margin: 1%; padding: 1%; border: solid thin #ccc; /*background-color: rgba(0,0,0,0.4);*/ }
.pruduct-spec-list li { border-bottom: dotted thin #ccc; font-size: 1em; padding: 0.5em 0; }
.pruduct-spec-list li:last-child { border-bottom: none; }

table.zaiko {}
table.zaiko tr {}
table.zaiko th,
table.zaiko td.maker { background: #ccc; }
table.zaiko td,
table.zaiko th { padding: 0.5em; }

.list-flex-warp .storelist {}
.list-flex-warp .storelist ul { margin: 1.5em 0; }
.list-flex-warp .storelist ul li { margin: 0.5em; width: 16em; display: inline-block; border: 1px solid #ccc; border-radius: 1em; padding: 1em 2em; }


/* responsible */
@media screen and (min-width: 769px) { 
}

@media screen and (max-width: 768px) {
.left-side,
.main-side { display: block !important; }
}


/* ===========================================================================
   media
=========================================================================== */


/*  製品リスト */

.content {
    border-bottom: none !important;
}
.container .tittle  { 
    margin: 1.6em 0 0 0 !important;
    }
.container .txt  { 
    margin: 1em 0 2em 0em;
    }
.container .tab-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    padding: 0 1%;
    margin: 5% 0 5%;
}
@media screen and (max-width: 768px) {
        .container .tab-container { 
        width: 100%;
        margin: 5% auto 5%;
        }
    }
.container .tab-container a {
    color: inherit;
    display: block;
}
.container .tab,
.container .tab_simulated {
    width: 32%;
    padding: 0.8em 0em;
    text-align: center;
    border-radius: 25px;
    border: solid thin #0068b7;
    color: #0068b7;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
        .container .tab,
        .container .tab_simulated { 
            width: 100%;
            margin: 0.4em auto;
        }
    }
.container .tab:hover,
.container .tab_simulated:hover {
    color: #fff;
    background-color: #0068b7;
}
.product-item-list  { 
    justify-content: space-between;
    }
.product-item-list .wrap { 
    width: 25%;
    margin: 1% 0;
    padding: 3%;
    border-radius: 5px;
    }
    @media screen and (max-width: 768px) {
        .product-item-list .wrap { 
        width: 100%;
        }
    }
.product-img-list.pruduct-spec-list {
    text-align: center;
}
.product-img-list img {
    width: 90%;
    text-align: center;
}

table {
width: 100%;
border-collapse: collapse;
}
td {
border: 1px solid #ccc;
padding: 8px 12px;
font-size: 12px;
text-align: left;
}
table td:first-child {
border-left: none;
}
table td:last-child {
border-right: none;
}
tr:nth-child(even) td {
background-color: #fff;
}
.pruduct-spec-list ul { 
    margin: 1.6em auto 0;
    }
.content {
    display: none;
}
.content.show {
    display: block;
}

/* 安心サポート */
#support {
    background: #f6f6f6;
}
#support .container {
    max-width: 70%;
    margin: 0 auto;
    padding: 6em 0;
    background: none;
}

#support .btn_support {
    color: #0068b7;
    background-color: #fff;
    border-radius: 5px;
    padding: 1em 0.5em;
    text-align: center;
    font-size: 1.0em;
    border: 1px solid #0068b7;
    width: 50%;
    margin: 2.4em auto;
}

@media screen and (max-width:768px) {
    #support .container {
    max-width: 90%;
    }
}
#support h2 {
    font-size: 3.2em;
    margin: 0 0 0.5em 0;
    color: #0068b7;
    font-weight: 500;
}
@media screen and (max-width:768px) {
    #support h2 {
    font-size: 2em;
    }
}
@media screen and (max-width:768px) {
    #support h3 {
        font-size: 16px;
        margin: 1em 0;
        font-weight: 500;
        }
}
.support_detail {
    margin: 2em auto;
}
.support_detail ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.support_detail li {
    width: 41%;
    border-radius: 5px;
    background-color: #fff;
    padding: 3% 3% 3%;
    text-align: center;
}
@media screen and (max-width:768px) {
    .support_detail li {
        width: 100%;
        padding: 2em;
        margin: 0 auto 1em;
    }
}


.support_detail h3 {
    color: #fff;
    background-color: #0068b7;
    border-radius: 25px;
    padding: 0.5em;
    text-align: center;
    font-size: 1.0em;
}

.support_detail h4 {
    font-size: 24px;
    line-height: 1.4;
    margin: 0.8em auto 0.8em;
}
@media screen and (max-width:768px) {
    .support_detail a:last-child {
        font-size: 1em;
    }
}


.support_detail p {
    margin-bottom: 0.5em;
}
.support_detail a {
    color: #0068b7;
    font-size: 1.1em;
    font-weight: 500;
}
.note {
    width: 60%;
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .support_detail ul {
        width: 100%;
    }
}

/* FAQ（よくある質問） */

/* accordion */
.ic_blueray {
    /* display: inline-block; */
    /* font-weight: 700; */
    font-size: 10px;
    background: #0068b7;
    color: #fff;
    /* border: 2px solid #fff; */
    padding: 0.3em 1em;
    border-radius: 10px;
    margin: 0 0.5em 0 0;
    width: 5%;
    /* position: absolute; */
    /* left: 5em; */
}
.ic_dvd {
    /* display: inline-block; */
    /* font-weight: 700; */
    font-size: 10px;
    background: #66BB6A;
    color: #fff;
    /* border: 2px solid #fff; */
    padding: 0.3em 1em;
    border-radius: 10px;
    margin: 0 0.5em 0 0;
    width: 5%;
    /* position: absolute; */
    /* left: 15em; */
}
.accordion {
    margin: 0 0 4em 0;
    }
.accordion .item {
    margin: 0 0 2em;
    }
.category-title {
    font-weight: 700;
    font-size: 20px;
    margin: 1em 0 2em;
    text-indent: -2.5em;
    padding-left: 2.5em;
    }

.category-title:not(:first-child) {
    margin: 6em 0 2em;
    }
.accordion-title::before {
    content: "Q";
    font-weight: 700;
    font-size: 20px;
    background: #0068b7;
    color: #fff;
    border: 2px solid #fff;
    padding: 0.3em 0.5em;
    border-radius: 50%;
    /* margin: 10em 0.5em 10em 10em; */
    position: absolute;
    top: 0.8em;
    left: 0em;
    /* width: 1em; */
}
@media screen and (max-width:768px) {
    .accordion-title::before {
    position: static;
    }
}
.accordion-title {
    cursor: pointer;
    padding: 10px 10px 10px 0;
    font-size: 20px;
    position: relative;
    /* text-indent: -2.5em; */
    padding-left: 2.5em;
}
@media screen and (max-width:768px) {
    .accordion-title {
    text-indent: -3em;
    padding: 0 0 0  3em;
    font-size: 16px;
    font-weight: 600;
    }
}

.accordion-content {
    display: none;
    padding: 10px 10px 10px 0;
    margin-bottom: 2.4em;
    }
.accordion-content p {
    text-indent: -3em;
    padding-left: 3em;
}
@media screen and (max-width:768px) {
    .accordion-content p {
    text-indent: -3.3em;
        padding: 0 0 0 3.3em;
    }
}
.accordion-content p::before {
    content: "A";
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    color: #0068b7;
    border: 2px solid #0068b7;
    padding: 0.3em 0.5em;
    border-radius: 50%;
    margin: 0 0.5em 0 0;
    }