@charset "utf-8";
@media screen and (any-pointer:fine),(-ms-high-contrast: active), (-ms-high-contrast: none) {
/* @media screen and (any-pointer:fine) { */
    .score-graph {
        height:90px;
    }
    .score-graph .graph-wrapper {
        position:relative;
        width:206px;
        height:67px;
        margin:23px auto 0px;
    }
    .score-graph .graph-wrapper .bar {
        position:relative;
        width:10px;
        height:100%;
        background-color:#e5e5e5;
        float:left;
        margin:0px 16px 0px 15px;
    }
    .score-graph .graph-wrapper .bar .core {
        width:100%;
        height:50%;
        position:absolute;
        bottom:0px;
        background-color:#007ad6;
    }
    .score-graph .graph-wrapper .bar .alt {
        width:32px;
        height:19px;
        background-image:url("/inc/images/comment-ico.png");
        background-repeat:no-repeat;
        color:#fff;
        font-size:9px;
        text-align:center;
        line-height:10px;
        position:absolute;
        bottom:50%;
        left:-11px; /* -1 * 16px(left margin) + (width / 2) */
    }
    .score-graph .graph-wrapper .bar .lgnd {
        position:absolute;
        font-size:13px;
        top:100%;
        padding-top:10px;
        width:32px;
        left:-11px; /* -1 * 16px(left margin) + (width / 2) */
        text-align:center;
    }
    .product-info .summary {
        min-height:580px;
        margin-bottom: 70px;
    }
    .product-info .gallery-wrapper .big img {
        padding-top: 50px;
        width:500px;
    }
    .product-info .gallery-wrapper .thumbs  {
        width:500px;
        text-align:center;
    }
    .product-info .gallery-wrapper .thumbs img {
        cursor:pointer;
        width:60px;
        box-sizing: border-box;
        border:1px solid transparent;
    }
    .product-info .gallery-wrapper .thumbs img.selected {
        cursor:inherit;
        border:1px solid #000;
    }

    .product-info .gallery-wrapper {
        width:600px;
        float:left;
    }

    .product-info .options {
        width:600px;
        float:right;
        margin-top:35px;
    } 
    .product-info .options li.brand {
        height:60px;
        line-height:60px;
        font-size:18px;
        color:#000;
        border-bottom:1px solid #000;
        font-weight:900;
    }
    .product-info .options li.name {
        min-height:50px;
        line-height:30px;
        font-size:20px;
        padding:15px 0px;
        /* padding-top:10px; */
    }
    .product-info .options li.dft {
        font-size:17px;
        height:50px;
        line-height:50px;
        color:#464646;
        border-bottom:1px solid #d6d4d4;
        box-sizing: border-box;
    }
    .product-info .options li.dft .title {
        width:190px;
        float:left;
        text-indent:10px;
    }
    .product-info .options li.dft .value { float:left; height:50px; line-height:50px; }
    .product-info .options li.dft.price .value { font-weight:700; text-decoration:line-through; }
    .product-info .options li.dft.price-member .value { font-weight:900; color:#464646;}
    .product-info .options li.dft.price-member .value .formatted { font-size:24px; color:#000;}
    .product-info .options li.dft.price-special .value { color:#d10f0f; font-weight:900;}
    .product-info .options li.dft.delivery-price .value { color:#007ad6; font-weight:700;}

    .product-info .extra-option { 
        margin-top:15px; 
        height:30px; 
        line-height:30px;
        text-indent:10px;
        font-size:15px;
        color:#aaa;
    }
    .product-info .extra-option .select-selected {
        font-size:15px;
        background-position: right 10px top 10px;
    } 
    .product-info .extra-option .select-selected,
    .product-info .extra-option .select-items div { font-size:15px; }
    .amount-n-price-wrapper {
        height:30px;
        line-height:30px;
        margin-top:35px;
    }
    .amount-n-price-wrapper .amount { float:left; }
    .amount-n-price-wrapper .amount .title {
        font-size:18px; 
        color:#464646;
        font-weight: 700;
        float:left;
        height:30px;
        line-height:30px;
        padding:0px 30px 0px 5px;
    }
    .amount-n-price-wrapper .amount .amount-controller {
        border:1px solid #d7d7d7;
        float:left;
    }
    .amount-n-price-wrapper .amount .amount-controller button,
    .amount-n-price-wrapper .amount .amount-controller input {
        display:block;
        float:left;
        border:none;
        box-sizing: border-box;
        color:#464646;
    }
    .amount-n-price-wrapper .amount .amount-controller button {
        width:30px;  background:#e7e7e7;
        height:30px;
        line-height:30px;
        font-size:18px; text-align:center;
    }
    .amount-n-price-wrapper .amount .amount-controller input {
        border-left:1px solid #d7d7d7;
        border-right:1px solid #d7d7d7;
        height:30px;
        width:50px;
        line-height:30px;
        font-size:18px; text-align:center;
    }
    .amount-n-price-wrapper div.price {
        text-align:right;
        height:30px;
        line-height:30px;
        font-size:18px;
        font-weight:700;
    }
    .amount-n-price-wrapper div.price span {
        vertical-align:middle;
    }
    .amount-n-price-wrapper span.header {
        margin-right:10px;
    }
    .amount-n-price-wrapper span.currency,
    .amount-n-price-wrapper span.price {
        font-size:32px;
    }
    .btn-buy {
        margin-top:35px;
    }
    .btn-buy button {
        display:block;
        width:298px;
        height:40px;
        line-height:40px;
        color:#fff;
        font-size:20px;
        font-weight:900;
        border:none;
    }
    .btn-buy button.buy {
        float:right;
        background-color:#007ad6;
    }
    .btn-buy button.cart {
        float:left;
        background-color:#222;
    }
    .navigator {
        height:61px;
        line-height:61px;
        border-top:1px solid #000;
        text-align:center;
        background:#fff;
    }
    .navigator.fixed {
        display:none;
    }

    .navigator a {
        float:left;
        width:25%;
        height:61px;
        line-height:61px;
        border-bottom:3px solid #e4e3e3;
        text-decoration:none;
        color:#000;
        font-size:20px;
        font-weight:500;
    }
    .navigator a.active {
        border-color: #767171;
        font-weight:900;
    }
    .section.detail {
        text-align:center;
    }
    div.navi {
        visibility:hidden;
        width:1px; height:166px; background-color:transparent;
        border:0;
    }
    .section h3 {
        font-weight:900;
        font-size:20px;
        color:#000;
    }
    .section h3 .cnt {
        color:#d10f0f;
    }

    .section.review .score-summary {
        margin-top:25px;
        border:1px solid #dfdddd;
        box-sizing: border-box;
        height:205px;
    }
    .section.review .score-summary li {
        border-right:1px solid #dfdddd;
        float:left;
        width:33%;
        box-sizing: border-box;
        height:100%;
        text-align:center;
    } 
    .section.review .score-summary li h4 {
        text-align:center;
        font-size:14px;
        margin-top:40px;
        font-weight:500;
    }
    .section.review .score-summary li .stars {
        letter-spacing:-3px;
        color: #d10f0f;
        margin-top:15px;
    }
    .section.review .score-summary li .stars i {
        font-size:22px;
        margin:0px auto;
    }
    .section.review .score-summary .score {
        font-size:64px;
        font-weight:900;
        color:#000;
    }
    .section.review .score-summary .product {
        text-align:left;
        margin-left:75px;
        margin-right:85px;
        height:30px;
        line-height:30px;
        font-size:13px;
    }
    .section.review .score-summary .product span.title {
        color:#007ad6;
        border:1px solid #007ad6;
        box-sizing:border-box;
        height:19px;
        line-height:19px;
        padding:3px 13px 2px 14px;
    }

    .section.review .score-summary .product .note {
        margin-left:20px;
        color:#696969;
    }
    .section.review .score-summary .product .pct {
        float:right;
        color:#000;
        font-weight:700;
    }

    .list-header {
        height:55px;
        line-height:55px;
        font-size:14px;
        color:#010101;
    }

    .list-header .cnt {
        padding:0px 20px;
        border-right:1px solid #b7b7b7;
        height:13px;
    }
    .list-header .cnt.cnt_text {
        border-right:none;
    }
    .list-header label {
        padding-left:10px;
    }
    .list-header .order {
        margin-right:10px;
    }

    table {
        font-size:14px;
        color:#464646;
        border-spacing:0;
        border-top:1px solid #d7d7d7;
        border-bottom:1px solid #d7d7d7;
        width:100%;
    }

    table .seq {
        text-align:center;
    }

    table .author {
        text-align:center;
    }
    table .stars {
        margin:0px auto;
        text-align:center;
    }
    table .stars i {
        color:#d10f0f;
        font-size:14px;
        letter-spacing:-5px;
    }

    table th {
        font-weight:700;
        height:30px;
        line-height:30px;
        background-color:#f2f2f2;
    }
    table td {
        border-top:1px solid #d7d7d7;
        height:65px;
        line-height:65px;
        color:#464646;
        text-align:center;
    }
    .section.AS td .bold {
        font-weight:700;
        color:#010101;
    }
    .section.AS .bold {
        font-weight:900;
        color:#010101;
    }
    .section.AS .desc {
        padding:20px 10px;
        font-size:14px;
        font-weight:500;
        color:#4f4f4f;
    }

    .section.AS table  {
        border-bottom:none !important;
        border-right:none !important;
        border-top:1px solid #d7d7d7;
        border-left:1px solid #d7d7d7;

    }
    .section.AS table thead th {
        border:none;
        border-bottom:1px solid #d7d7d7;
        font-size:14px;
        height:35px;
        line-height:35px;
        color:#000;
        font-weight:900;
    }
    .section.AS table tbody td, 
    .section.AS table tbody th {
        border-top:none;
        border-left:none;
        border-right:1px solid #d7d7d7;
        border-bottom:1px solid #d7d7d7;
        line-height:18px;
        text-align:left;
        padding-left:25px;
        font-size:13px;
    } 
    .section.AS table tbody th i {
        font-size:14px;
        color:#d7dddd;
        vertical-align:middle;
    }
    .section.AS table tbody th .normal,
    .section.AS table tbody td .normal {
        font-size:12px;
        color:#919191;
    }

    .section.AS table tbody td {
        text-align:left;
        line-height:17px;
        padding-left:60px;
        color:#919191;
    }
    .section.AS table tbody th {
        color:#000;
    }

    .section.AS h3 {
        height:80px;
        line-height:80px;
        font-size:20px;
        font-weight:900;
        color:#000;
    }
    .section.AS h3 a {
        font-size:12px;
        color:#4f4f4f;
        font-weight:500;
        background-color:#e5e5e5;
        border:1px solid #b7b7b7;
        padding:3px 10px;
        text-decoration:none;
        vertical-align:middle;
        margin-left:15px;
    }

    .section.AS .etc th {
        padding-left:70px;
        width:322px;
    }
    .section.AS .etc td {
        padding:20px 35px;
        font-size:13px;
    }
    .section.AS .etc td .warn {
        color:#d10f0f;
    }

    #review_list_tbl td {
        line-height: 1rem;
    }
    #review_list_tbl td .preview {
        height: 1rem;
        overflow: hidden;
    }

    #review_list_tbl .review_area {
        text-align: left;
    }
    
    #review_list_tbl .review_area .short_reviw {
        margin-top: 1rem;
    }
    #review_list_tbl .review_area .short_reviw div dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    #review_list_tbl .review_area .short_reviw div dl dt {
        background-color: #007ad6;
        border-radius: 1rem;
        color: #fff;
        width:3rem;
        text-align: center;
        padding: 0.2rem 0rem;
    }
    #review_list_tbl .review_area .short_reviw div dl dd {
        margin: 0rem;
        padding: 0.2rem 2rem 0.2rem 1rem;
    }
    #review_list_tbl .review_area .photo_images ul {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        margin: 1rem 0.1rem;
    }
    #review_list_tbl .review_area .photo_images ul li{
        flex-basis:18%;
    }
    
    #review_list_tbl .review_area .photo_images ul li img{
        width: 9rem;
        height: 9rem;
    }

    #review_list_tbl .like_btn {
        border-radius: 1rem;
        text-decoration: none;
        margin: 0.1rem;
        border:0.1rem solid #ececec;
        color: black;
        padding: 0.5rem 1.2rem;
    }
    #review_list_tbl .like_btn div {
        display: inline-block;
        vertical-align: middle;
    }
    #review_list_tbl .like_btn div img{
        margin-top: 0.1rem;
    }


}
@media screen and (any-pointer:coarse){
    .fixed-main-menu-wrapper {
        display:none !important;
    }
}