/* スライドショーの下に表示される〇の間隔を調整しています　*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px !important;
}

/* /スライドショーの下に表示される〇の間隔を調整しています　*/

/* IE対策用指定 */
.swiper-slide img {
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}
@media (min-width: 769px) {
    /* PC用スタイル */
    /* スライドショー関連のスタイルです　*/
    .detail_img {
        width: 400px;
        height: 400px;
        border: 1px solid #efefef;
        box-sizing: border-box;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* /スライドショー関連のスタイルです　*/
    div.expl_block {
        font-size: 14px;
    }

    .side_area {
        float: left;
    }

    .main_area {
        float: left;
        margin-top: 8px;
        width: 690px;
    }

    .sub {
        float: left;
    }

    .detail_img_block {
        /* width:491px; */
        float: left;
    }

    .detail_txt_block {
        margin-left: 20px;
        float: left;
        font-size: 15px;
        width: 270px;
    }

    img.main_img {
        border: none;
        width: 370px;
    }

    .sub img {
        width: 80px;
        height: auto;
        border: none;
        margin-right: 5px;
    }

    .expl_block {
        font-size: 16px;
        line-height: 2.5em;
        width: 650px;
    }

    .links {
        font-size: 14px;
        line-height: 2.2em;
    }

    .slideline {
        width: 713px;
        height: 600px;
        background: #5D5891;
        margin-left: 5px;
    }

    .slidein {
        width: 703px;
        height: 590px;
        margin: 0 5px;
        background: #ADAAC7;
    }

    .product_name {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .price_detail {
        margin: 0;
        color: #ff0000;
        font-weight: bold;
        font-size: 15px;
    }

    /* 価格等の表示を表組ではない表示に変えているスタイルです */
    table.tableAlt {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
    }

    table.tableAlt tr, table.tableAlt td,table.tableAlt th, table.tableAlt tbody {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    table.tableAlt th {
        text-align: left;
        border: solid 1px #6d6e71;
        padding: 5px;
    }

    table.tableAlt td {
        padding: 10px;
    }

    /* /価格等の表示を表組ではない表示に変えているスタイルです */
    /* お客様の声 */
    .voice_inner {
        margin: 2% 0px 2%;
        border: solid 3px #ccc;
        width: 100%;
        height: 350px;
        background-color: #f6f9fa;
        overflow: scroll;
        padding: 2% 2% 0 2%;
        font-size: 14px;
        box-sizing: border-box;
    }

    .voice_inner ul li {
        display: block;
        width: 95%;
        padding: 2% 2%;
        margin-bottom: 10px;
        list-style: center;
        text-align: center;
        font-size: 12px;
        box-sizing: border-box;
    }

    .voice_inner ul li img {
        width: 95%;
    }

    .pan {
        margin: 2px 5px 8px 0px;
    }

    .rs_pd_cart_btn {
        margin: 5px 10px;
    }

    .detail_cont {
        margin: 20px 0 35px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* スマホタブレットで表示されるフッター部分のメニューをPCでは非表示に */
    #footerCustomBtns {
        display: none;
    }

    /* /スマホタブレットで表示されるフッター部分のメニューをPCでは非表示に */
}

@media (max-width: 768px) and (min-width: 641px) {
    /* タブレット  */
    .ad-contain {
        display: none;
        visibility: hidden
    }

    /* スライドショー関連のスタイルです　*/
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .detail_img_block, .detail_img {
        float: none;
        width: 52vw;
        height: 52vw;
    }

    /* /スライドショー関連のスタイルです　*/
    /* 画面サイズに合わせてスライド・価格部分を伸張させるように調整してるスタイル関連です */
    #contents {
        float: none;
        padding-right: 0;
    }

    .main_area {
        margin-top: 8px;
        width: 100%;
    }

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

    .detail_img {
        text-align: center;
    }

    .detail_txt_block {
        margin-left: 0;
        float: none;
        font-size: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 43%;
    }

    /* /画面サイズに合わせてスライド・価格部分を伸張させるように調整してるスタイル関連です */
    .main-table {
        width: 100%;
    }

    .product_name {
        background: #abdadd;
        padding: 5px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .product-linkList {
        width: 100%;
        list-style: none;
    }

    .sk_link_other {
        margin-bottom: 10px;
    }

    /* 価格等の表示を表組ではない表示に変えているスタイルです */
    table.tableAlt {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
    }

    table.tableAlt tr, table.tableAlt td,table.tableAlt th, table.tableAlt tbody {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    table.tableAlt th {
        text-align: left;
        border: solid 1px #6d6e71;
        padding: 5px;
    }

    table.tableAlt td {
        padding: 10px;
    }

    /* /価格等の表示を表組ではない表示に変えているスタイルです */
    /* お客様の声 */
    .voice_inner {
        margin: 2% 0px 2%;
        border: solid 3px #ccc;
        width: 100%;
        height: 50vh;
        background-color: #f6f9fa;
        overflow: scroll;
        padding: 2% 2% 0 2%;
        font-size: 14px;
        box-sizing: border-box;
    }

    .voice_inner ul li {
        display: block;
        width: 95%;
        padding: 2% 2%;
        margin-bottom: 10px;
        list-style: center;
        text-align: center;
        font-size: 12px;
        box-sizing: border-box;
    }

    .voice_inner ul li img {
        width: 95%;
    }

    /* フッターのカートに入れる、購入手続き */
    #footerCustomBtns {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        background: white;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        z-index: 100;
    }

    #footerCustomBtns ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 5px;
        justify-content: space-around;
    }

    #footerCustomBtns li {
        border-radius: 5px;
        background: #ff6f00;
        width: 49%;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        color: white;
        font-weight: bold;
    }

    #footerCustomBtns a {
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

    .fa {
        margin-right: 0.2rem;
    }

    body {
        padding-bottom: 3rem;
    }

    /* //フッターのカートに入れる、購入手続き */
}

@media (max-width: 640px) {
    /* スマホ用 */
    .ad-contain {
        display: none;
        visibility: hidden
    }

    /* スライドショー関連のスタイルです　*/
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .detail_img_block {
        float: none;
        width: 100%;
    }

    .detail_img {
        width: 95vw;
        height: 95vw;
        margin: 0 auto 10px;
    }

    /* /スライドショー関連のスタイルです　*/
    /* 端末幅に合わせて伸張するように調整するスタイルです */
    #contents {
        float: none;
        padding-right: 0;
    }

    .main_area {
        margin-top: 8px;
        width: 100%;
    }

    .detail_img {
        text-align: center;
    }

    .detail_txt_block {
        margin-left: 0;
        float: none;
        font-size: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-table {
        width: 100%;
    }

    /* /端末幅に合わせて伸張するように調整するスタイルです */
    .product_name {
        background: #abdadd;
        padding: 5px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .product-linkList {
        width: 100%;
        list-style: none;
    }

    .sk_link_other {
        margin-bottom: 10px;
    }

    /* 価格等の表示を表組ではない表示に変えているスタイルです */
    table.tableAlt {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
    }

   table.tableAlt tr, table.tableAlt td,table.tableAlt th, table.tableAlt tbody {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    table.tableAlt th {
        text-align: left;
        border: solid 1px #6d6e71;
        padding: 5px;
    }

    table.tableAlt td {
        padding: 10px;
    }

    /* /価格等の表示を表組ではない表示に変えているスタイルです */
    /* お客様の声 */
    .voice_inner {
        margin: 2% 0px 2%;
        border: solid 3px #ccc;
        width: 100%;
        height: 50vh;
        background-color: #f6f9fa;
        overflow: scroll;
        padding: 2% 2% 0 2%;
        font-size: 14px;
        box-sizing: border-box;
    }

    .voice_inner ul li {
        display: block;
        width: 95%;
        padding: 2% 2%;
        margin-bottom: 10px;
        list-style: center;
        text-align: center;
        font-size: 12px;
        box-sizing: border-box;
    }

    .voice_inner ul li img {
        width: 95%;
    }

    /* フッターのカートに入れる、購入手続き */
    #footerCustomBtns {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        background: white;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        z-index: 100;
    }

    #footerCustomBtns ul {
        list-style: none;
        display: flex;
        margin: 0;
        padding: 5px;
        justify-content: space-around;
    }

    #footerCustomBtns li {
        border-radius: 5px;
        background: #ff6f00;
        width: 49%;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        color: white;
        font-weight: bold;
    }

    #footerCustomBtns a {
        color: white;
        display: block;
        width: 100%;
        height: 100%;
    }

    .fa {
        margin-right: 0.2rem;
    }

    body {
        padding-bottom: 3rem;
    }

    /* //フッターのカートに入れる、購入手続き */

}

/* 表組表示の調整 */
table.description_tbl {
        font-size: 14px;
        letter-spacing: 0.1em;
        line-height: 1.5;
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0px;
        border: 1px solid #AAAAAA;
        border-collapse: collapse;
        border-spacing: 0px;
        background-color: #fff;
    }

    table.description_tbl caption {
        display: none;
    }

    table.description_tbl {
        font-size: 14px;
        letter-spacing: 0.1em;
        line-height: 1.5;
        border-collapse: collapse;
        border-spacing: 0px;
    }

    table.description_tbl th {
        text-align: center;
        font-weight: bold;
        padding: 5px;
        border-left: 1px solid #AAAAAA;
        border-bottom: 1px dotted #AAAAAA;
        background-color: #EEEEEE;
    }

    table.description_tbl td {
        font-weight: normal;
        margin: 0px;
        padding: 5px;
        border-left: 1px solid #AAAAAA;
        border-bottom: 1px dotted #AAAAAA;
    }

table.table td:first-child {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  background-color: #efefef;
  width: 20%;
}

table.table tr:last-child td {
  border-bottom: 1px solid #ddd;
}
/* /表組表示の調整 */