/*@import url("/web/20190130004256cs_/https://gigaplus.makeshop.jp/vsone/sitemap.css");*/
@import url("../css/bootstrap.min.css");

table {
    max-width: 100vw !important
}

#makebanner {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 900px;
    max-width: 100%
}

#makebanner tbody {
    display: block;
    max-width: 100%
}

#makebanner tbody tr {
    display: flex
}

#makebanner tbody tr form {
    order: 5
}

#makebanner tbody tr td {
    display: block
}

@media only screen and (min-width: 640px) {
    #makebanner tbody tr td {
        padding: 5px
    }
}

#makebanner tbody tr td:nth-of-type(1) {
    text-align: left;
    order: 1;
    width: 100%
}

#makebanner tbody tr td:last-child {
    order: 0;
    max-width: 100%
}

#makebanner tbody tr td:last-child table tbody tr td {
    width: 98%;
    padding: 10px
}

#makebanner tbody tr td:last-child table tbody tr td table tbody {
    display: table-row-group
}

#makebanner tbody tr td:last-child table tbody tr td table tbody tr {
    display: table-row
}

#makebanner tbody tr td:last-child table tbody tr td table tbody tr td {
    display: table-cell;
    width: auto;
    padding: 2px
}

#makebanner tbody tr td:last-child table tbody tr td table tbody tr:nth-of-type(1) {
    padding: 0;
    width: auto
}

#makebanner tbody tr td:last-child table tbody tr td table tbody tr td:nth-of-type(2) {
    display: table-cell;
    width: auto
}

#makebanner tbody tr td:last-child table tbody tr td table tbody tr:last-child {
    padding: auto;
    width: auto
}

@media only screen and (min-width: 640px) {
    #makebanner tbody tr td:nth-of-type(1) {
        order: 0;
        width: 29%
    }

    #makebanner tbody tr td:nth-of-type(2) {
        display: none
    }

    #makebanner tbody tr td:last-child {
        order: 3;
        width: 71%;
        text-align: left
    }
}

* html .clear,
*:first-child+html .clear {
    zoom: 1
}

html {
    overflow-y: scroll
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    color: #333;
    font-size: 13px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.4;
    text-align: center;
    border-top: 5px solid #a43333;
}

div,
main {
    display: block;
    position: relative
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

@media only screen and (min-width: 640px) {
    .slick-dotted.slick-slider {
        margin-bottom: 20px !important
    }
}

ol,
ul,
li {
    list-style: none
}

h1,
h2,
h4,
h5,
h6 {
    font-size: 100%;
    text-align: left
}

h1 {
    font-size: 10px;
    color: #FFF;
    padding-top: 3px;
    display: block;
    width: auto;
    float: left;
    text-align: left
}

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #a06dff;
}

h5 {
    border: 3px solid #000;
    background: -moz-linear-gradient(top, #666, #000);
    background: -webkit-linear-gradient(top, #666, #000);
    background: linear-gradient(to bottom, #7b2626, #a43333);
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    width: 98%;
    text-indent: 10px;
    line-height: 30px;
    padding: 0;
    margin: 10px auto
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

caption,
th,
p {
    text-align: left
}

p {
    line-height: 1.4em
}

a {
    text-decoration: none;
    color: inherit;
    background-color: inherit
}

a:link,
a:visited {
    color: #1b4f98;
    text-decoration: underline
}

a:hover {
    color: #1b4f98;
    text-decoration: none
}

a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8
}

a:active {
    color: #1b4f98;
    text-decoration: underline
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal
}

img,
abbr,
acronym,
fieldset {
    border: 0
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.woong {
    width: 100% !important
}

.float_l {
    float: left
}

.float_r {
    float: right
}

.clearfix {
    display: inline-block
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clear {
    clear: both
}

.line {
    font-size: 1px;
    line-height: 1px
}

.wrap900 {
    width: 100%
}

@media only screen and (min-width: 450px) {
    .wrap900 {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .wrap900 {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    .wrap900 {
        width: 900px
    }
}

.wrap640 {
    width: 100%
}

@media only screen and (min-width: 450px) {
    .wrap640 {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .wrap640 {
        width: 640px
    }
}

.wrap260 {
    width: 260px !important
}

@media only screen and (min-width: 640px) {
    table {
        width: 100%
    }
}

table tr {
    flex-wrap: wrap;
    justify-content: space-around
}

@media only screen and (min-width: 640px) {
    table tr {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    table tr td {
        width: 95%;
        text-align: center;
        margin: 10px auto
    }
}

#header {
    position: relative;
    color: #000;
    margin: 6px 0px;
    padding: 0;
    height: 105px;
    width: auto;
    background-repeat: repeat-x;
    display: block;
    text-align: center
}

#header_inner {
    text-align: left;
    height: 105px;
    width: 100%;
    margin: 0 auto;
    background-position: center top;
    position: relative;
    font-style: italic
}

@media only screen and (min-width: 640px) {
    #header_inner {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #header_inner {
        width: 900px
    }
}

.header_copy {
    display: none
}

@media only screen and (min-width: 640px) {
    .header_copy {
        display: block;
        text-align: right;
        color: #000000;
        font-size: 1.2rem;
        font-weight: bold;
        font-style: italic;
        margin: 0 auto
    }

    .header_copy .red {
        font-size: 1.4rem;
        color: #B00;
        display: inline-block;
        margin-right: 5%;
        text-shadow: -1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff
    }
}

#header_logo {
    background-position: left;
    margin: 0;
    padding: 0;
    height: 105px;
    width: auto;
    background-repeat: no-repeat;
    background-image: url("../images/header_bg.png")
}

#head_obi {
    height: 22px;
    width: 100%;
    display: block;
    float: left
}

@media only screen and (min-width: 640px) {
    #head_obi {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #head_obi {
        width: 900px
    }
}

#head_obi p {
    font-size: 9px;
    color: #FFF;
    height: 10px;
    width: 100px;
    position: absolute;
    left: 770px;
    top: 1px
}

#header_logo {
    font-size: .8rem;
    color: #FFF;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 640px) {
    #header_logo {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #header_logo {
        width: 900px
    }
}

#headerWrap {
    width: 100%;
    background: #fff;
    text-align: center;
    padding-bottom: 15px
}

#head {
    min-height: 75px;
    height: auto !important;
    height: 75px
}

#h_logo {
    float: left;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 640px) {
    #h_logo {
        width: 360px
    }
}

#h_right {
    float: right;
    width: 100%
}

@media only screen and (min-width: 640px) {
    #h_right {
        width: 600px
    }
}

#h_nv {
    position: absolute;
    top: 70px;
    left: 270px;
    width: 204px
}

#h_nv li {
    float: left;
    width: 97px;
    font-size: .8rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    height: 23px;
    margin: 0 5px 0 0
}

#h_nv02 {
    right: 5%;
    display: block;
    position: absolute
}

@media only screen and (min-width: 640px) {
    #h_nv02 {
        display: block;
        position: absolute;
        top: 70px;
        left: 270px;
        width: 400px
    }

    #h_nv02 li {
        float: left;
        width: 98px;
        font-size: .8rem;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        height: 23px;
        line-height: 23px;
        margin: 0 5px 0 0
    }
}

#mypage {
    font-size: 13px;
    color: #FFF;
    display: block;
    height: 23px;
    width: 97px;
    margin: 5px auto;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    background: #b25201;
    background: -moz-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdac2), color-stop(50%, #f47001), to(#b25201));
    background: -webkit-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: -o-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: linear-gradient(#efefef 0%, #d101f4 50%, #3e1563 100%);
    border: 1px solid #000000;
}

a#mypage:hover {
    display: block;
    width: 97px;
    height: 23px;
    color: #fff;
    background: #df7006;
    background: -moz-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fae2d4), color-stop(50%, #ff7a01), to(#df7006));
    background: -webkit-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: -o-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: linear-gradient(#fae2d4 0%, #3e1563 50%, #d101f4 100%)
}

#mypageentry {
    font-size: 13px;
    color: #FFF;
    display: block;
    height: 23px;
    width: 97px;
    margin: 5px auto;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    background: #b25201;
    background: -moz-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdac2), color-stop(50%, #f47001), to(#b25201));
    background: -webkit-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: -o-linear-gradient(#ffdac2 0%, #f47001 50%, #b25201 100%);
    background: linear-gradient(#ffffff 0%, #0160f4 50%, #0c01b2 100%);
    border: 1px solid #000000;
}

a#mypageentry:hover {
    display: block;
    width: 97px;
    height: 23px;
    color: #fff;
    background: #df7006;
    background: -moz-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fae2d4), color-stop(50%, #ff7a01), to(#df7006));
    background: -webkit-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: -o-linear-gradient(#fae2d4 0%, #ff7a01 50%, #df7006 100%);
    background: linear-gradient(#ffffff 0%, #0c01b2 50%, #0160f4 100%);
}

#mypagecart {
    font-size: 13px;
    color: #FFF;
    display: block;
    height: 23px;
    width: 97px;
    margin: 5px auto;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    background: #970000;
    background: -moz-linear-gradient(#ffd9db 0%, #d80001 50%, #970000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd9db), color-stop(50%, #d80001), to(#970000));
    background: -webkit-linear-gradient(#ffd9db 0%, #d80001 50%, #970000 100%);
    background: -o-linear-gradient(#ffd9db 0%, #d80001 50%, #970000 100%);
    background: linear-gradient(#ffd9db 0%, #d80001 50%, #970000 100%);
    border: 1px solid #d80001
}

a#mypagecart:hover {
    display: block;
    width: 97px;
    height: 23px;
    color: #fff;
    background: #fb0006;
    background: -moz-linear-gradient(#ffedef 0%, #ff3847 50%, #fb0006 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffedef), color-stop(50%, #ff3847), to(#fb0006));
    background: -webkit-linear-gradient(#ffedef 0%, #ff3847 50%, #fb0006 100%);
    background: -o-linear-gradient(#ffedef 0%, #ff3847 50%, #fb0006 100%);
    background: linear-gradient(#ffedef 0%, #ff3847 50%, #fb0006 100%)
}

#search-link {
    font-size: 13px;
    color: #FFF;
    display: block;
    height: 23px;
    width: 97px;
    margin: 5px auto;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    background: #38357a;
    background: -moz-linear-gradient(#e3defc 0%, #1938e6 50%, #38357a 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#e3defc), color-stop(50%, #1938e6), to(#38357a));
    background: -webkit-linear-gradient(#e3defc 0%, #1938e6 50%, #38357a 100%);
    background: -o-linear-gradient(#e3defc 0%, #1938e6 50%, #38357a 100%);
    background: linear-gradient(#e3defc 0%, #1938e6 50%, #38357a 100%);
    border: 1px solid #1938e6
}

a#search-link:hover {
    display: block;
    width: 97px;
    height: 23px;
    color: #fff;
    background: #0808a8;
    background: -moz-linear-gradient(#efedfc 0%, #3c60f0 50%, #0808a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#efedfc), color-stop(50%, #3c60f0), to(#0808a8));
    background: -webkit-linear-gradient(#efedfc 0%, #3c60f0 50%, #0808a8 100%);
    background: -o-linear-gradient(#efedfc 0%, #3c60f0 50%, #0808a8 100%);
    background: linear-gradient(#efedfc 0%, #3c60f0 50%, #0808a8 100%)
}

#headlink_smt {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/hedcart_smt.jpg");
    width: 166px;
    height: 23px;
    display: block;
    background-repeat: no-repeat;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 23px;
    font-weight: bold
}

#navi {
    background-image: url("../images/nvi_03.gif");
    background-repeat: repeat-x;
    height: 60px;
    width: 100%;
    display: block;
    zoom: 1;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 640px) {
    #navi {
        background-image: url("../images/nvi_03.gif");
        background-repeat: repeat-x;
        height: 31px;
        width: 100%;
        display: block;
        zoom: 1;
        text-align: center;
        width: 100%
    }
}

#gnv {
    width: 901px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

ul#globalnavi {
    width: 901px;
    max-width: 100%;
    height: 54px;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

ul#globalnavi li {
    display: block;
    float: left;
    height: 27px;
    width: 33.3%;
    text-align: right;
    text-align: -webkit-right
}

@media only screen and (min-width: 450px) {
    ul#globalnavi li {
        width: 128px
    }
}

ul#globalnavi li#navi6 {
    display: none
}

@media only screen and (min-width: 450px) {
    ul#globalnavi li#navi6 {
        display: block
    }
}

ul#globalnavi li a {
    display: block;
    height: 27px;
    background: #000000;
    background: -moz-linear-gradient(#888 0%, #000 50%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#888), color-stop(50%, #000), to(#000));
    background: -webkit-linear-gradient(#888 0%, #000 50%, #000 100%);
    background: -o-linear-gradient(#888 0%, #000 50%, #000 100%);
    background: linear-gradient(#888 0%, #9f2a2a 50%, #000 100%);
    border: 1px double #333
}

ul#globalnavi li a:hover {
    background: #706b6b;
    background: -moz-linear-gradient(#ffcccf 0%, #cc0418 50%, #b50b1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcccf), color-stop(50%, #cc0418), to(#b50b1c));
    background: -webkit-linear-gradient(#ffcccf 0%, #cc0418 50%, #b50b1c 100%);
    background: -o-linear-gradient(#ffcccf 0%, #cc0418 50%, #b50b1c 100%);
    background: linear-gradient(#ffcccf 0%, #971c1c 50%, #5e0707 100%);
    border: 3px double #706b6b;
}

#globalnavi {
    color: #FFF
}

#globalnavi a {
    font-size: 13px;
    color: #FFF
}

#navi1 a,
#navi2 a,
#navi3 a,
#navi4 a,
#navi5 a,
#navi6 a,
#navi7 a {
    line-height: 25px;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    text-align: center
}

#navi6 a {
    display: none
}

@media only screen and (min-width: 450px) {
    #navi6 a {
        display: block
    }
}

#sitemap {
    font-size: 10px;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

#site {
    height: 18px;
    width: 125px;
    float: right;
    padding-top: 3px;
    display: table
}

#site tr {
    display: table-row
}

#site tr td {
    width: auto;
    display: table-cell;
    flex-wrap: auto;
    justify-content: auto;
    padding-top: 3px
}

#search-box #search {
    height: 18px
}

#search-box div {
    display: none
}

@media only screen and (min-width: 640px) {
    #search-box div {
        display: block;
        float: right;
        height: 20px;
        width: 230px;
        position: relative;
        top: 20px;
        margin: 0;
        line-height: 20px
    }
}

.b_form {
    text-align: right
}

.quantityInput input {
    height: 36px
}

.quantityAmend img,
.basketQunantity img {
    max-width: fit-content
}

.M_quantity-table {
    display: table
}

.M_quantity-table tr {
    display: table-row !important
}

.M_quantity-table tr td {
    display: table-cell !important;
    width: auto !important;
    text-align: left !important
}

#top_feature {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative
}

@media only screen and (min-width: 640px) {
    #top_feature {
        width: 100%
    }
}

.slider-for li {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px
}

@media only screen and (min-width: 640px) {
    .slider-for li {
        background-size: contain;
        width: 100%;
        height: 178px
    }
}

.slider-for li div {
    display: block;
    position: relative;
    height: 100%
}

.slider-for li a {
    display: block;
    position: relative;
    opacity: 0;
    height: 100%
}

.slider-for li a:hover {
    opacity: 0
}

.slider-nav {
    height: 50px
}

.slider-for,
.slider-nav {
    max-width: 100%;
    overflow: hidden
}

#gallery_wrap {
    max-width: 100%
}

#wrap {
    width: 100%;
    height: 100%
}

#wrapper,
#makebanner,
#topImage {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {

    #wrapper,
    #makebanner,
    #topImage {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {

    #wrapper,
    #makebanner,
    #topImage {
        width: 950px;
    }
}

#wrapper {
    margin-top: 30px
}

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.itembox_rank li {
    float: left;
    height: 325px;
    padding: 0 10px 10px 0;
    width: 120px
}

#subNav {
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right;
    height: 14px
}

#subNav img {
    vertical-align: top
}

#subNav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 4px;
    vertical-align: top
}

#subNav .M_loginBtn {
    display: block;
    width: 55px;
    height: 14px;
    background: url("/images/original_design_default/samplesource/4/hNav01.png") no-repeat 0 0;
    text-indent: -9999em;
    text-align: left;
    overflow: hidden
}

#subNav .M_logoutBtn {
    display: block;
    width: 67px;
    height: 14px;
    background: url("/images/original_design_default/samplesource/4/hNav01_out.png") no-repeat 0 0;
    text-indent: -9999em;
    text-align: left;
    float: left;
    overflow: hidden
}

#subNav .M_loginBtn:hover,
#subNav .M_logoutBtn:hover {
    background-position: 0 -14px
}

#subNav .M_helloMsg {
    float: left;
    font-size: 1rem;
    margin-right: 5px;
    line-height: 14px
}

#cart {
    position: absolute;
    top: 24px;
    right: 0
}

#telnum,
#M_basketTemp1 {
    float: right
}

#telnum {
    padding: 0 10px
}

#telnum p {
    margin: 4px auto 0
}

#telnum em {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #cc0000
}

#gNav {
    width: 100%;
    height: 50px
}

@media only screen and (min-width: 900px) {
    #gNav {
        width: 960px
    }
}

#gNav li {
    float: left
}

#gNav li a {
    display: block;
    width: 192px;
    height: 50px;
    text-indent: -9999em;
    overflow: hidden
}

#gNav li#gNav01 a {
    background: url("/images/original_design_default/samplesource/4/gNav01.png") no-repeat top
}

#gNav li#gNav02 a {
    background: url("/images/original_design_default/samplesource/4/gNav02.png") no-repeat top
}

#gNav li#gNav03 a {
    background: url("/images/original_design_default/samplesource/4/gNav03.png") no-repeat top
}

#gNav li#gNav04 a {
    background: url("/images/original_design_default/samplesource/4/gNav04.png") no-repeat top
}

#gNav li#gNav05 a {
    background: url("/images/original_design_default/samplesource/4/gNav05.png") no-repeat top
}

#gNav li#gNav01 a:hover,
#gNav li#gNav02 a:hover,
#gNav li#gNav03 a:hover,
#gNav li#gNav04 a:hover,
#gNav li#gNav05 a:hover {
    background-position: 0 -50px
}

#contentsWrap {
    clear: both
}

#leftContents {
    width: 260px
}

#leftContents .section {
    margin-bottom: 20px
}

.inputWrap {
    padding: 10px
}

.inputWrap img {
    float: left;
    _margin-left: 0
}

.search_input {
    width: 130px;
    _width: 125px;
    float: left;
    height: 22px;
    border: 1px solid #b2b2b2
}

#l_member ul {
    text-align: right;
    margin-bottom: 5px
}

#l_member li {
    display: inline;
    font-size: 1rem;
    background: url("/images/original_design_default/samplesource/4/listIconR.png") no-repeat left;
    padding-left: 12px;
    margin-left: 2px
}

#l_member li a {
    color: #333
}

#l_calendar table {
    margin-bottom: 5px;
    border-collapse: separate;
    border-spacing: 1px
}

#l_calendar table {
    display: table
}

#l_calendar table tr {
    display: table-row !important
}

#l_calendar table tr td,
#l_calendar table tr td:nth-of-type(1),
#l_calendar table tr td:last-child {
    display: table-cell !important;
    width: auto !important;
    min-width: 35px;
    text-align: center
}

#l_owner,
#l_banner {
    text-align: center
}

#l_owner table,
#l_banner table {
    margin: 0 auto
}

#l_poll img {
    margin: 0 2px
}

#l_poll b {
    color: #333
}

#l_poll input {
    margin-right: 5px
}

#l_poll a {
    display: block;
    height: 21px;
    float: left;
    margin-right: 4px
}

#l_poll a img {
    display: none
}

#l_poll a#poll_b01 {
    width: 58px;
    background: url("/images/original_design_default/samplesource/4/poll_b01.png") no-repeat 0 0;
    margin-left: 28px
}

#l_poll a#poll_b02 {
    width: 69px;
    background: url("/images/original_design_default/samplesource/4/poll_b02.png") no-repeat 0 0
}

#l_poll a#poll_b01:hover,
#l_poll a#poll_b02:hover {
    background-position: 0 -21px
}

#l_board table {
    width: 100%
}

#l_banner img {
    margin-bottom: 5px
}

#left_newsevent {
    width: 230px;
    padding: 0 5px 5px
}

#left_newsevent img {
    display: none;
    margin: 0;
    padding: 0
}

#left_newsevent td {
    font-size: 1rem
}

#left_special tbody {
    display: table-row-group
}

#left_special tbody tr {
    display: table-row;
    width: auto
}

#left_special tbody tr td {
    width: auto;
    display: table-cell;
    font-size: .8rem;
    padding: 0
}

#left_special tbody tr td.line {
    width: 0 !important;
    min-width: auto;
    padding: 0
}

#left_special {
    width: 230px;
    padding: 0 5px 5px
}

#left_special td {
    font-size: 1rem;
    vertical-align: top;
    line-height: 1.5em
}

#left_special td img {
    width: auto;
    min-width: 50px;
    vertical-align: top;
    margin-bottom: 10px;
    padding-bottom: 10px
}

#left_special tr {
    margin-bottom: 30px
}

#right_box4 .left_calendar {
    width: 120px;
    border: 1px solid #000;
    margin: auto
}

#right_box4 .left_calendar b {
    font-size: 7pt
}

#right_box4 .left_calendar table {
    width: 110px;
    margin: 5px;
    border: none
}

#right_box4 .left_calendar tr {
    border: none;
    height: 16px
}

#right_box4 .left_calendar td {
    border: none;
    text-align: center
}

.rightContents {
    max-width: 100% !important;
    margin-left: 0
}

@media only screen and (min-width: 640px) {
    .rightContents {
        width: 600px
    }
}

.rightContents .section {
    margin-bottom: 30px
}

.r_left {
    float: left;
    width: 520px
}

.r_right {
    float: right;
    width: 220px
}

.titleMgn {
    margin-bottom: 10px
}

#r_shopIntro {
    margin-bottom: 0
}

#r_new .lims table {
    margin: 10px auto;
    width: 170px
}

#r_new .lims table .woong {
    width: auto;
    font-size: .8rem
}

#r_new .lims table .woong td {
    text-align: left;
    font-weight: bold;
    padding-top: 5px
}

#r_new .lims table .woong td a {
    font-weight: normal
}

#r_new .lims table .woong td img {
    margin-left: 5px
}

#r_recommend .lims table {
    margin: 10px;
    width: 170px
}

#r_recommend .lims table .woong {
    width: auto
}

#r_recommend .lims table .woong td {
    text-align: left;
    font-weight: bold;
    padding-top: 5px
}

#r_recommend .lims table .woong td a {
    font-weight: normal
}

#r_recommend .lims table .woong td img {
    margin-left: 5px
}

#r_recommend .lims table .woong td a b {
    font-weight: normal;
    font-size: 1rem
}

.M_rankingCenter .M_ranking li.midImg {
    padding: 0 10px;
    text-align: center;
    width: 105px !important
}

.M_rankingCenter .M_ranking li.midImg:nth-child(4),
.M_rankingCenter .M_ranking li.midImg:nth-child(5) {
    display: none
}

@media only screen and (min-width: 640px) {

    .M_rankingCenter .M_ranking li.midImg:nth-child(4),
    .M_rankingCenter .M_ranking li.midImg:nth-child(5) {
        display: block
    }
}

#r_ranking .rankList {
    float: left;
    width: 152px;
    position: relative
}

#r_ranking em {
    display: block;
    text-indent: -9999em
}

#r_ranking .rankImg {
    margin: 5px auto
}

#r_ranking #rank1 em {
    background: url("/images/original_design_default/samplesource/4/rankIcon1.png") no-repeat center;
    width: 31px;
    height: 25px
}

#r_ranking #rank2 em {
    background: url("/images/original_design_default/samplesource/4/rankIcon2.png") no-repeat center;
    width: 28px;
    height: 22px
}

#r_ranking #rank3 em {
    background: url("/images/original_design_default/samplesource/4/rankIcon3.png") no-repeat center;
    width: 28px;
    height: 22px
}

#r_ranking #rank4 em {
    background: url("/images/original_design_default/samplesource/4/rankIcon4.png") no-repeat center;
    width: 17px;
    height: 17px
}

#r_ranking #rank5 em {
    background: url("/images/original_design_default/samplesource/4/rankIcon5.png") no-repeat center;
    width: 17px;
    height: 17px
}

#r_ranking p {
    text-align: left
}

#r_ranking .rankPrice {
    font-weight: bold
}

#r_review #M_reviewView {
    width: 100%;
    margin: 0
}

#r_review #M_reviewView table {
    width: 100%;
    margin: 0
}

#r_recent #recent {
    margin-top: 10px;
    display: flex;
}

#r_recent #recent .itemBox {
    width: 50%;
    display: contents
}

@media only screen and (min-width: 640px) {
    #r_recent #recent .itemBox {
        width: 130px
    }
}

#r_recent #recent .itemBox table {
    width: 50%;
    margin-bottom: 20px
}

@media only screen and (min-width: 640px) {
    #r_recent #recent .itemBox table {
        width: 130px
    }
}

#r_recent #recent .itemBox table .itemImg img {
    max-height: 100px
}

#r_recent .name a {
    font-size: .7rem;
    text-align: left;
    margin: 5px 5px 0
}

#r_recent .price {
    text-align: left;
    margin: 5px 5px 0;
    font-weight: bold
}

#r_recent #recent .line {
    width: 0 !important;
    min-width: auto
}

#r_recent #recent .line img {
    display: none
}

#top #r_news img {
    margin-bottom: 10px
}

#top #r_news td.woong {
    width: auto;
    padding: 2px 10px 2px 0;
    border-bottom: 1px dotted #b2b2b2
}

.pankuzu {
    text-align: left;
    background: #e6e6e6;
    border: 1px solid #c9c9c9;
    line-height: 20px;
    margin-bottom: 10px
}

.pankuzu a {
    padding: 0 5px;
    font-size: .8em;
    color: #333
}

.pankuzu font {
    color: #333;
    font-size: .8rem
}

#category .title {
    font-size: 18px;
    margin-bottom: 20px;
    background: url("/images/original_design_default/samplesource/4/h2title.png") no-repeat center;
    line-height: 60px;
    height: 60px;
    padding-left: 20px;
    color: #333;
    font-weight: bold
}

#r_resultInfo {
    font-size: 1rem;
    margin: 0 auto 10px
}

.total {
    float: left
}

.listSort {
    float: right;
    text-align: right
}

.listSort li {
    display: inline
}

#category .innerList {
    overflow: hidden;
    _zoom: 1;
    letter-spacing: -0.40em;
    text-align: left
}

#category .innerList li {
    vertical-align: top;
    text-align: center;
    letter-spacing: normal;
    display: block
}

#category .innerBox {
    margin: 10px;
    text-align: center;
    display: flex;
    border-bottom: 2px dotted #CCC
}

#category .innerBox .imgWrap {
    width: 25%
}

#category .innerBox .detail {
    width: 75%;
    padding: 5px
}

#category .innerBox .detail .content {
    text-align: left
}

#category .name {
    margin-bottom: 5px
}

#category .imgWrap {
    text-align: center;
    margin-bottom: 5px
}

#category .price {
    font-weight: bold;
    color: #333
}

#category .price span {
    padding: 0 2px
}

#category .consumerPrice {
    font-size: 1rem;
    color: #999;
    text-decoration: line-through
}

#category .else {
    text-align: left
}

#category .else li {
    float: none;
    width: auto;
    display: inline
}

#category .M_lumpinput {
    text-align: right
}

#category .content {
    border-top: 1px dashed #b2b2b2;
    padding: 10px 0;
    margin: 10px auto;
    border-bottom: 1px dashed #b2b2b2;
    font-size: 1rem
}

#category .btnWrap {
    margin: 10px auto 5px;
    background: #e6e6e6;
    padding: 5px 0;
    text-align: left
}

#category .btnWrap img {
    margin-left: 5px
}

#category .btnWrap .soldout {
    text-align: center;
    color: #cc0000
}

#itemLink {
    margin-bottom: 30px;
    font-size: 1rem
}

.item_prev {
    float: left;
    background: url("/images/original_design_default/samplesource/4/listIconL.png") no-repeat left;
    padding-left: 14px
}

.item_next {
    float: right;
    background: url("/images/original_design_default/samplesource/4/listIconR.png") no-repeat right;
    padding-right: 14px
}

#itemImg {
    text-align: center;
    width: 100%;
    margin: 10px
}

#itemImg img {
    object-fit: contain;
    max-height: 300px
}

@media only screen and (min-width: 640px) {
    #itemImg {
        width: 300px
    }
}

.M_rankingCenter .M_ranking li.midImg .name a {
    font-size: .8rem
}

#itemInfo {
    width: 100%;
    margin-bottom: 30px
}

@media only screen and (min-width: 640px) {
    #itemInfo {
        width: 631px
    }
}

#itemInfo .detailTxt table,
#itemInfo .detailTxt tr,
#itemInfo .detailTxt td {
    border: none
}

@media (max-width: 480px) {
    #itemInfo {
        width: 100%
    }
}

#table1 {
    border: solid 1px #ccc;
    width: 100%
}

#table1 th,
#table1 td {
    border: solid 1px #ccc
}

#detailInfo {
    text-align: right;
    margin-top: 10px
}

#detailInfo table {
    width: 100%;
    margin-bottom: 10px
}

#detailInfo table td {
    height: auto;
    padding: 0 !important
}

#itemInfo #detailInfo table font {
    color: #ef0d0d;
    font-weight: bolder;
}

#detail table {
    margin-bottom: 20px
}

#detail table tbody {
    display: table-row-group
}

#detail table tbody tr {
    display: table-row;
    width: auto
}

#detail table tbody tr td {
    padding: 0 !important;
    width: auto !important;
    max-width: auto;
    display: table-cell
}

#detail table tbody tr td:nth-of-type(2) {
    display: table-cell
}

#detailInfo table input {
    margin-right: 5px
}

#detailInfo table img {
    vertical-align: center
}

#detailInfo #M_usualValue td {
    font-size: 16px;
    padding: 10px 0
}

#wrapper #makebanner #detailInfo #M_usualValue,
#wrapper #makebanner #detailInfo #wrapper #makebanner #detailInfo #M_taxview {
    border: none;
    width: auto;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif
}

#detailInfo #M_usualValue {
    font-size: 15px;
    font-weight: bold
}

#detailInfo #M_taxview {
    width: auto
}

#viewButton {
    text-align: center;
    margin-bottom: 50px
}

#detail h2 {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold
}

#detail .detailTxt {
    border-top: 1px dotted #b2b2b2;
    border-bottom: 1px dotted #b2b2b2;
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: left
}

#wrapper #detail .stockList input {
    border: 0
}

#r_contact {
    margin: 10px 0 10px -5px;
}

#r_contact li {
    float: left;
    margin-left: 5px
}

#r_sns {
    margin-top: 10px
}

#r_sns li {
    float: left
}

#basketBtn {
    background: #ededd6;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    position: relative
}

#basketBtn .soldout {
    text-align: center;
    color: #cc0000
}

#r_detailExt {
    margin-bottom: 0
}

#r_addImg {
    margin-bottom: 0
}

#r_addImg li {
    float: left;
    width: 50%;
    text-align: center;
    padding-bottom: 30px;
    line-height: 1.4
}

#r_addImg li .inner {
    margin: 0 10px
}

@media only screen and (min-width: 640px) {
    #r_addImg li {
        width: 33%
    }
}

#r_addImg .addImg a {
    border: 1px solid #b2b2b2;
    padding: 5px;
    display: block
}

#r_addImg li p {
    width: 100%;
    margin: 10px 5px 0
}

#detail #r_review {
    margin-bottom: 40px
}

#detail #r_review .imgLI input {
    border: none
}

#r_group {
    border-top: 1px dashed #B2B2B2;
    padding-top: 20px
}

#r_group h3 {
    font-weight: bold;
    background: url("/images/original_design_default/samplesource/4/titleIcon.png") no-repeat left;
    padding-left: 20px
}

#r_group #M_group {
    width: 100%;
    margin: 16px auto;
    border-collapse: collapse
}

#r_group #M_group .itemBox {
    width: 170px
}

#r_group #M_group .itemBox table {
    width: 170px
}

#r_group #M_group td.itemImg {
    width: 170px
}

#r_group #M_group .itemBox {
    vertical-align: top
}

#r_group #M_group .name,
#r_group #M_group .spe,
#r_group #M_group .price {
    margin: 5px 5px 0;
    text-align: left
}

#r_group #M_group .itemImg {
    text-align: center
}

#r_group #M_group .line {
    width: 10px;
    min-width: auto
}

#r_group #M_group .line img {
    display: none
}

#r_group #M_group .price {
    font-weight: bold
}

#detail #r_recent {
    border-top: 1px dashed #b2b2b2;
    padding-top: 20px
}

#detail #recent .itemBox {
    width: 150px
}

#detail #recent .itemBox table {
    width: 150px
}

.loginForm {
    margin-top: 20px
}

.loginForm h3 {
    font-size: 14px;
    margin-bottom: 20px;
    background: url("/images/original_design_default/samplesource/4/h3title.png") no-repeat left;
    padding-left: 20px
}

.loginForm .section {
    text-align: center
}

.btnWrap {
    margin-top: 20px;
    text-align: center
}

.loginForm .leadTxt {
    margin-bottom: 30px
}

.loginForm .lostpass {
    text-align: center;
    font-size: 1rem;
    margin-top: 5px
}

.loginForm .formTable {
    margin: 20px auto 0;
    width: 400px
}

@media (max-width: 480px) {
    .loginForm .formTable {
        width: 90% !important
    }
}

.formTable th,
.formTable td {
    border: 1px solid #b2b2b2;
    padding: 6px 8px
}

.formTable th {
    background: #6f96cc;
    color: #fff;
    width: 120px
}

.M_nameList input {
    padding: 2px;
    border: 1px solid #b2b2b2
}

#r_review input,
#r_review textarea {
    padding: 2px;
    border: 1px solid #b2b2b2
}

.loginForm .formTable input {
    width: 200px !important
}

#memberLogin .btnWrap {
    overflow: hidden;
    _zoom: 1
}

#memberLogin .btnWrap div {
    float: left;
    width: 360px;
    padding-bottom: 20px
}

#memberLogin .btnWrap #newMember {
    border-right: 1px dotted #b2b2b2
}

#memberLogin .btnWrap p {
    margin: 20px
}

#contractBox {
    width: 700px;
    height: 280px;
    overflow: auto;
    border: 1px solid #b2b2b2;
    padding: 10px;
    text-align: left;
    margin-top: 20px
}

@media (max-width: 480px) {
    #contractBox {
        width: 100%
    }
}

#memberForm #M_entryForm {
    margin: 30px 10px 20px;
    width: 740px;
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2
}

@media (max-width: 480px) {
    #memberForm #M_entryForm {
        width: 80% !important
    }
}

* html #memberForm #M_entryForm {
    position: relative
}

#memberForm #M_entryForm th,
#memberForm #M_entryForm td {
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    padding: 8px
}

* html #memberForm #M_entryForm th,
* html #memberForm #M_entryForm td {
    position: relative
}

#memberForm #M_entryForm th {
    background: #e8edf3;
    width: 160px
}

#memberForm .M_txt {
    font-size: 1rem;
    margin-left: 10px
}

#memberForm #mailreceiveN,
#memberForm #sex1 {
    margin-left: 10px
}

#memberForm .M_ex,
#memberForm .M_info {
    font-size: 1rem;
    color: #666
}

#memberForm .M_post {
    display: block;
    width: 96px;
    height: 22px;
    background: url("/images/original_design_default/samplesource/4/r_postBtn.png") no-repeat;
    float: left;
    text-indent: -9999em;
    overflow: hidden;
    _zoom: 1
}

#memberForm #mailreceiveY,
#memberForm #mailreceiveN,
#memberForm #sex0,
#memberForm #sex1 {
    border: none
}

#makebanner #M_changepw {
    background: #E8EDF3
}

#makebanner #M_changepwTable th {
    background: #6F96CC
}

#r_leave img {
    display: none
}

#r_leave a {
    display: block;
    width: 81px;
    height: 22px;
    margin-top: 5px;
    background: url("/images/original_design_default/samplesource/4/memberjoin_escape.png") no-repeat 0 0
}

#r_leave a:hover {
    background-position: 0 -22px
}

#r_pointData {
    border: 1px solid #b2b2b2;
    background: #eee;
    padding: 10px;
    margin: 20px 60px 30px
}

#r_pointData p {
    text-align: center
}

#r_pointData strong {
    font-size: 15px;
    font-weight: bold;
    color: #cc0000
}

#r_pointList table {
    border-collapse: separate;
    width: 400px;
    margin: 0 180px;
    border-spacing: 0
}

#r_pointList td {
    border: 1px solid #fff;
    padding: 8px;
    text-align: center
}

#r_pointList td font {
    font-size: 13px
}

#r_searchName {
    margin: 20px 0
}

#r_searchName font {
    color: #333;
    font-weight: bold
}

#r_searchInput table tbody tr td:nth-of-type(2) {
    display: block !important
}

#r_searchInput {
    background: #e6e6e6;
    padding: 10px
}

#r_searchInput table {
    width: 100%;
    background: #fff
}

#r_searchInput .btnWrap {
    margin-top: 10px
}

#r_searchInput th,
#r_searchInput td {
    border: 1px solid #b2b2b2;
    padding: 6px 8px
}

#r_searchInput th {
    background: #333;
    color: #fff;
    font-size: 9pt;
    width: 100%
}

@media only screen and (min-width: 640px) {
    #r_searchInput th {
        width: 25%
    }
}

#r_searchInput td {
    width: 100%
}

@media only screen and (min-width: 640px) {
    #r_searchInput td {
        width: 75% !important
    }
}

#r_searchInput .sch_top {
    order: 1
}

@media only screen and (min-width: 640px) {
    #r_searchInput .sch_top {
        order: inherit
    }
}

@media (max-width: 480px) {
    #r_searchInput table {
        width: 100%
    }
}

#r_searchList table,
#r_pager table {
    width: 100%
}

.searchResult {
    font-size: 14px;
    margin-bottom: 20px;
    background: url("/images/original_design_default/samplesource/4/searchIcon.png") no-repeat left;
    padding-left: 20px
}

#r_searchList .innerList {
    letter-spacing: -0.40em;
    text-align: left
}

#r_searchList .innerList li {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal
}

#r_searchList .innerBox {
    margin: 10px
}

#r_searchList .name {
    margin-bottom: 5px
}

#r_searchList .imgWrap {
    text-align: center
}

#r_searchList .price {
    font-weight: bold;
    color: #333
}

#r_searchList .else {
    text-align: left
}

#r_searchList .else li {
    float: none;
    width: auto;
    display: inline
}

#r_searchList .btnWrap {
    margin: 10px auto 5px;
    background: #e6e6e6;
    padding: 5px;
    text-align: center
}

#r_basket {
    margin-bottom: 60px
}

#basketTable {
    width: 100%;
    margin-top: 30px;
    display: table
}

#basketTable tr {
    display: table-row !important
}

#basketTable tr td {
    display: table-cell !important
}

#basketTable tr th {
    display: table-row-group !important
}

#basketTable th,
#basketTable td {
    text-align: center;
    border-bottom: 1px solid #b2b2b2;
    padding: 6px
}

#basketTable th {
    border-top: 2px solid #b2b2b2;
    border-bottom: 1px dashed #b2b2b2;
    white-space: nowrap
}

#basketTable .basketNum {
    width: 30px !important;
    padding: 0
}

#basketTable .basketImg {
    width: 56px !important
}

#basketTable .basketName {
    width: 400px !important;
    text-align: left
}

#basketTable td.basketQuantity {
    width: 145px !important
}

#basketTable td.basketQuantity table.basketQunantity {
    width: 20px !important
}

#basketTable .basketQuantity input,
#basketTable .basketQuantity table {
    float: left;
    margin-right: 4px
}

#basketTable .basketQuantity img {
    float: left;
    margin: 0 0 1px
}

#basketTable .basketQuantity td {
    border: none;
    padding: 0
}

#basketTable .basketPoint,
#basketTable .basketPrice {
    width: 70px !important
}

#basketTable .basketOption {
    text-align: left;
    margin-top: 4px;
    left: -100px
}

#basketTable .basketHaisou {
    padding: 0
}

#basketTable .carriageWrap {
    margin: 4px 0
}

#basketTable .basketHaisou p {
    text-align: right
}

#basketTable .basketHaisou .carriageMsg1 {
    color: #cc0000
}

#basketTable .basketHaisou .carriageMsg2 {
    font-size: 1rem
}

#basketTable .basketBtns {
    width: 80px
}

#basketTable .basketBtns img {
    margin-bottom: 2px
}

#basketTable .basketTotal {
    text-align: right;
    background: #f7d9b2;
    border-top: 3px solid #ffffff;
}

#basketTable .basketTotal em {
    font-weight: bold;
    font-size: 15px;
    color: #cc0000
}

#basketTable .basketEmpty p {
    text-align: center;
    margin: 10px auto
}

@media (max-width: 480px) {
    #basketTable .basketName {
        width: 100%
    }
}

#r_basket .btnWrap .btnBack {
    float: left;
    padding-top: 5px;
    white-space: nowrap;
    z-index: 5
}

@media only screen and (min-width: 640px) {
    #r_basket .btnWrap .btnBack {
        margin-left: 10px
    }
}

#r_basket .btnWrap .btnOrder {
    width: 100%;
    text-align: center;
    margin: auto;
    margin-right: 10px
}

#r_basket .btnWrap .btnOrder img {
    margin-top: 20px
}

@media only screen and (min-width: 640px) {
    #r_basket .btnWrap .btnOrder {
        float: right;
        width: auto;
        margin-right: 10px
    }

    #r_basket .btnWrap .btnOrder img {
        margin-top: auto
    }
}

#wishTable {
    width: 100%
}

#wishTable th,
#wishTable td {
    text-align: center;
    border-bottom: 1px solid #b2b2b2;
    padding: 6px
}

#wishTable th {
    border-top: 2px solid #b2b2b2;
    border-bottom: 1px dashed #b2b2b2
}

#wishTable .wishName {
    text-align: left;
    width: 240px
}

#wishTable .wishQuantity input {
    margin-right: 4px
}

#r_news {
    margin-top: 30px
}

#r_news #newsHead {
    text-align: left;
    border-bottom: 2px solid #b2b2b2;
    padding: 4px 0;
    font-size: 15px
}

#r_news #newsHead span {
    margin-right: 10px;
    font-size: 1rem;
    color: #999
}

#r_news #newsContents {
    text-align: left;
    padding: 40px 20px;
    border-bottom: 1px dashed #b2b2b2;
    margin-bottom: 20px
}

#r_news #newsAccess {
    text-align: right;
    font-size: 1rem;
    color: #999;
    margin-top: 20px
}

#r_news #newsNext {
    text-align: right;
    font-size: 1rem;
    background: url("/images/original_design_default/samplesource/4/listIconR.png") no-repeat right;
    padding-right: 15px;
    margin-bottom: 10px
}

#r_news #newsList {
    margin-bottom: 20px
}

#r_news #newsList .line {
    background: #fff;
    min-width: auto
}

#r_news #newsList .lims {
    border-bottom: 1px dashed #b2b2b2
}

#r_news #newsListBtn {
    text-align: center
}

#makebanner #guideMain {
    margin: 0 70px
}

.pageTop {
    text-align: right;
    margin-top: 60px
}

#footerWrap {
    width: 100%;
    background: #092f63;
    margin-top: 20px
}

#footer {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 1rem
}

@media (max-width: 480px) {
    #footer {
        width: 100%
    }
}

#f_nav {
    overflow: hidden;
    _zoom: 1;
    float: left
}

#f_nav li {
    display: inline;
    padding: 0 1em 0 8px;
    background: url("/images/original_design_default/samplesource/4/footerDot.png") no-repeat left
}

#f_nav li a:link,
#f_nav li a:visited,
#f_nav li a:active {
    text-decoration: none;
    color: #fff
}

#f_nav li a:hover {
    text-decoration: underline;
    color: #fff
}

#f_info {
    float: right;
    width: 400px;
    text-align: right;
    color: #fff
}

#f_info a {
    color: #fff
}

@media (max-width: 480px) {
    #f_info {
        width: 100%
    }
}

.addImg a img {
    width: 175px
}

#feature {
    width: 100%;
    background: #000
}

.contents,
main {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    overflow: auto
}

@media only screen and (min-width: 640px) {

    .contents,
    main {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {

    .contents,
    main {
        width: 900px
    }
}

@media (max-width: 480px) {

    .contents,
    main {
        width: 100%
    }
}

#feature .left {
    float: left
}

#feature .right {
    float: right
}

#feature .btn:hover {
    opacity: 0.5
}

#feature ul.list {
    background: url("https://gigaplus.makeshop.jp/vsone/future/azur_seatcover/hijet_2_bg.png");
    width: 100%;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

@media only screen and (min-width: 640px) {
    #feature ul.list {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #feature ul.list {
        width: 900px
    }
}

#feature ul.list li {
    width: 22%;
    margin: 10px;
    display: inline-block
}

#feature ul.list li p {
    text-align: center;
    margin-bottom: 20px
}

#feature ul.list li p:nth-child(1) {
    width: 300px;
    height: 100px;
    vertical-align: middle;
    display: table-cell
}

#feature .contents3 {
    background: url("https://gigaplus.makeshop.jp/vsone/future/azur_seatcover/hijet_3_bg.png");
    height: 892px;
    overflow: auto
}

#feature .contents3 h2:first-child {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    height: 250px
}

@media only screen and (min-width: 640px) {
    #feature .contents3 h2:first-child {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #feature .contents3 h2:first-child {
        width: 900px
    }
}

#feature .contents3 .left {
    margin-bottom: 25px
}

@media (max-width: 480px) {
    #feature ul.list {
        width: 100%
    }
}

@media (max-width: 480px) {
    #feature .contents3 h2:first-child {
        width: 100%
    }
}

.contents3 .right {
    margin-bottom: 25px
}

#feature .contents3 div div:nth-child(odd) {
    margin-left: 20px
}

#feature .contents3 div div:nth-child(even) {
    margin-right: 20px
}

#feature .contents3 .point {
    margin-top: 42px
}

#feature .contents4 {
    clear: both;
    background: #fff
}

#feature .contents4 hr {
    height: 0;
    margin: 30px 0;
    padding: 0;
    border: 0;
    display: inline-block;
    clear: both;
    width: 100%;
    border-bottom: dotted #a0a0a0 1px
}

#feature .gyay_lage {
    color: #4e5157;
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px
}

#feature .contents4 .item {
    padding: 40px;
    overflow: hidden
}

#feature .contents4 .item div {
    width: 400px
}

#feature .contents4 .left {
    height: 350px;
    position: relative
}

#feature .contents4 .left p {
    text-align: center
}

#feature .contents4 .item img {
    max-width: 400px
}

#feature .contents4 .left .btn {
    position: absolute;
    left: 76px;
    bottom: 0
}

#feature .contents4 dt p {
    font-size: 14px;
    color: #fff;
    background: #0c55a0;
    padding: 3px 0 3px 10px
}

#feature .contents4 dd p {
    font-size: 16px;
    padding-left: 10px;
    margin: 5px 0
}

#feature .contents4 .itemspan {
    font-size: 0.7em
}

#feature .contents5 h2 p {
    text-align: center;
    width: 100%;
    margin: 40px 0
}

@media only screen and (min-width: 640px) {
    #feature .contents5 h2 p {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #feature .contents5 h2 p {
        width: 900px
    }
}

#feature .contents5 div {
    width: 400px;
    height: 620px;
    overflow: auto
}

#feature .contents5 div.left {
    margin-left: 40px
}

#feature .contents5 div.right {
    margin-right: 40px
}

#feature .contents5 p {
    color: #fff;
    font-size: 16px;
    text-align: justify
}

@media (max-width: 480px) {
    #feature .contents5 h2 p {
        width: 100%
    }
}

.chat-window-toggled .chat-header::before,
.chat-window-toggled-mobile div::before {
    content: "チャットでお問い合わせ" !important
}

#recent {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px
}

#recent tr {
    padding: 0;
    display: flex !important
}

#recent td {
    padding: 0
}

#recent td.itemBox {
    width: 110px;
    text-align: center;
    vertical-align: top
}

#recent td.itemImg {
    width: 110px;
    text-align: center
}

#recent td.line {
    width: 0px !important;
    padding: 0 !important;
    min-width: auto
}

#recent p {
    text-align: center;
    margin: 0
}

#recent .category {
    font-weight: bold
}

#leftRecent {
    width: 100%;
    margin-bottom: 5px
}

#leftRecent .imgTd {
    width: 70px;
    vertical-align: top
}

#leftRecent .imgTd img {
    margin: 5px 5px 0
}

#leftRecent .itemTd {
    width: auto
}

#leftRecent .itemTd p {
    margin: 0;
    padding: 0
}

ul.M_pager {
    margin: 16px auto 10px;
    padding: 0;
    text-align: center
}

ul.M_pager li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .8rem
}

ul.M_pager li a {
    padding: 2px 6px 0;
    background: #eee;
    border: 1px solid #ccc;
    text-decoration: none
}

ul.M_pager li.prev a,
ul.M_pager li.next a {
    background: #fff;
    border: none
}

ul.M_pager li.prev a:hover,
ul.M_pager li.next a:hover {
    text-decoration: underline
}

ul.M_pager li a:visited,
ul.M_pager li a:hover,
ul.M_pager li a:active {
    text-decoration: none
}

ul.M_pager li.active {
    font-weight: bold;
    padding: 2px 6px 0
}

#itemDetail #itemInfo table.stockList {
    margin: 0
}

#itemDetail #itemInfo table.stockList th,
#itemDetail #itemInfo table.stockList td {
    font-weight: normal;
    border: 1px solid #cecfce;
    font-size: 10pt;
    text-align: center;
    padding: 3px 5px
}

#itemDetail #itemInfo table.stockList th {
    font-weight: bold;
    background: #efefef
}

#itemDetail #itemInfo table.stockList th.leftLine {
    text-align: left
}

#itemDetail #itemInfo div.M_inventory p.stockTitle {
    margin: 12px 0 3px;
    font-weight: bold
}

#itemDetail #itemInfo div.M_inventory p.stockTitle span.hosoku {
    font-weight: normal;
    font-size: 1rem
}

#itemDetail #itemInfo div.M_inventory p.stockTxt {
    margin: 5px 0 10px
}

#M_itemInfo div.M_inventory table.stockList {
    margin: 0
}

#M_itemInfo div.M_inventory p.stockTitle {
    margin: 12px 0 3px;
    font-weight: bold
}

#M_itemInfo div.M_inventory p.stockTitle span.hosoku {
    font-weight: normal;
    font-size: 1rem
}

#M_itemInfo div.M_inventory p.stockTxt {
    margin: 5px 0 10px
}

.M_infoTable {
    margin-left: auto;
    width: auto !important
}

.M_inventory table.stockList {
    margin: 0
}

.M_inventory table.stockList th,
.M_inventory table.stockList td {
    font-weight: normal;
    border: 1px solid #cecfce;
    font-size: 10pt;
    text-align: center;
    padding: 3px 5px
}

.M_inventory table.stockList th {
    font-weight: bold;
    background: #efefef
}

.M_inventory table.stockList th.leftLine {
    text-align: left
}

.M_inventory p.stockTitle {
    margin-bottom: 3px;
    font-weight: bold
}

.M_inventory p.stockTitle span.hosoku {
    font-weight: normal;
    font-size: 1rem
}

.M_inventory p.stockTxt {
    margin: 5px 0 10px
}

#M_starList table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100% !important
}

@media only screen and (min-width: 640px) {
    #M_starList table {
        width: 600px
    }
}

#M_starList th,
#M_starList td {
    padding: 0
}

#M_starList th {
    width: 42px;
    font-weight: normal
}

#M_starList input.text {
    width: 110px
}

#M_starList .top {
    background: url("/images/brand/review_box_top.png") repeat-x top
}

#M_starList .btm {
    background: url("/images/brand/review_box_btm.png") repeat-x top
}

#M_starList .leftSide {
    width: 4px;
    background: url("/images/brand/review_box_left_02.png") repeat-y left
}

#M_starList .rightSide {
    width: 4px;
    background: url("/images/brand/review_box_right_02.png") repeat-y right
}

#M_starList td div {
    float: right;
    width: 88px;
    padding-top: 25px;
    text-align: left
}

#M_starList ul {
    overflow: hidden;
    _zoom: 1;
    padding: 0;
    margin: 0
}

#M_starList li {
    float: left;
    padding: 0 8px 0 0;
    list-style: none;
    overflow: hidden;
    _zoom: 1
}

#M_starList li input {
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    display: inline;
    width: 12px;
    height: 12px
}

#M_starList td.listTd {
    padding-bottom: 4px
}

#M_starList textarea {
    resize: none;
    float: left;
    width: 440px;
    height: 94px
}

#M_starList .imgLi li span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#M_starList .ic1 li span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#M_starList .ic2 li span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#M_starList .ic3 li span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#M_starList .ic4 li span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#M_starList .txtLi li span {
    margin-right: 2px;
    line-height: 1;
    float: left
}

#M_starList.sl2 {
    margin-top: 8px
}

#M_starList.sl2 input.text {
    width: 80px
}

#M_starList.sl2 li {
    padding-right: 4px
}

#M_starList.sl2 a img {
    margin-left: 2px
}

#main #review p.title {
    float: left
}

#main #review ul {
    overflow: hidden;
    _zoom: 1;
    padding: 0;
    margin: 0;
    float: right;
    width: 500px
}

#main #review li {
    float: left;
    padding: 0 8px 0 0;
    list-style: none;
    overflow: hidden;
    _zoom: 1
}

#main #review li input {
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    display: inline;
    width: 12px;
    height: 12px
}

#main #review .imgLi li span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#main #review .ic1 li span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#main #review .ic2 li span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#main #review .ic3 li span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#main #review .ic4 li span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#main #review .txtLi li span {
    margin-right: 2px;
    line-height: 1;
    float: left
}

#main #review textarea {
    resize: none
}

#main #reviewResult .imgLi span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#main #reviewResult .ic1 span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#main #reviewResult .ic1 span.off {
    background: url("/images/brand/starIcon1_off.png") no-repeat
}

#main #reviewResult .ic2 span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#main #reviewResult .ic2 span.off {
    background: url("/images/brand/starIcon2_off.png") no-repeat
}

#main #reviewResult .ic3 span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#main #reviewResult .ic3 span.off {
    background: url("/images/brand/starIcon3_off.png") no-repeat
}

#main #reviewResult .ic4 span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#main #reviewResult .ic4 span.off {
    background: url("/images/brand/starIcon4_off.png") no-repeat
}

#main #reviewResult .txtLi span {
    margin-right: 2px
}

#M_starContri table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 10px
}

@media only screen and (min-width: 640px) {
    #M_starContri table {
        width: 600px
    }
}

#M_starContri th {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 4px 0;
    text-align: center;
    font-weight: normal
}

#M_starContri td {
    padding: 4px 0;
    text-align: center
}

#M_starContri td p {
    text-align: left
}

#M_starContri .imgLi {
    text-align: center
}

#M_starContri .imgLi span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#M_starContri .ic1 span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#M_starContri .ic1 span.off {
    background: url("/images/brand/starIcon1_off.png") no-repeat
}

#M_starContri .ic2 span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#M_starContri .ic2 span.off {
    background: url("/images/brand/starIcon2_off.png") no-repeat
}

#M_starContri .ic3 span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#M_starContri .ic3 span.off {
    background: url("/images/brand/starIcon3_off.png") no-repeat
}

#M_starContri .ic4 span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#M_starContri .ic4 span.off {
    background: url("/images/brand/starIcon4_off.png") no-repeat
}

#M_starContri .txtLi span {
    margin-right: 2px
}

#M_review ul {
    overflow: hidden;
    _zoom: 1;
    padding: 0;
    margin: 4px 0 0
}

#M_review li {
    float: left;
    padding: 0 6px 0 0;
    list-style: none;
    overflow: hidden;
    _zoom: 1
}

#M_review li input {
    margin: 0 2px 0 0;
    padding: 0;
    float: left;
    display: inline;
    width: 12px;
    height: 12px
}

#M_review .imgLi li span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 1px
}

#M_review .ic1 li span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#M_review .ic2 li span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#M_review .ic3 li span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#M_review .ic4 li span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#M_review .txtLi li span {
    float: left;
    margin-right: 1px;
    line-height: 1
}

#M_review textarea {
    width: 200px !important;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 5px
}

@media only screen and (min-width: 640px) {
    #M_review textarea {
        width: 430px
    }
}

#M_review tbody tr td {
    text-align: left !important;
    height: 30px;
    min-width: 46px !important
}

#M_review .line {
    width: 0 !important;
    min-width: 0 !important
}

#M_reviewView .imgLi {
    text-align: center;
    padding: 4px 0
}

#M_reviewView .imgLi span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#M_reviewView .ic1 span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#M_reviewView .ic1 span.off {
    background: url("/images/brand/starIcon1_off.png") no-repeat
}

#M_reviewView .ic2 span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#M_reviewView .ic2 span.off {
    background: url("/images/brand/starIcon2_off.png") no-repeat
}

#M_reviewView .ic3 span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#M_reviewView .ic3 span.off {
    background: url("/images/brand/starIcon3_off.png") no-repeat
}

#M_reviewView .ic4 span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#M_reviewView .ic4 span.off {
    background: url("/images/brand/starIcon4_off.png") no-repeat
}

#M_reviewView .txtLi span {
    margin-right: 2px
}

#M_reviewView .txtLi span.off {
    color: #B3B3B3
}

#M_reviewViewAll {
    margin-top: 32px;
    max-width: 100%;
    word-wrap: break-word;
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    #M_reviewViewAll {
        width: 600px
    }
}

#M_reviewViewAll #M_reviewHead {
    overflow: hidden;
    _zoom: 1;
    line-height: 24px;
    margin-bottom: 8px
}

#M_reviewViewAll .M_reviewTotal {
    float: left;
    width: 30%;
    text-align: left;
    margin: 0
}

#M_reviewViewAll .M_reviewTotal span {
    font-weight: bold
}

#M_reviewViewAll .M_pager {
    float: right;
    width: 70%;
    text-align: right;
    margin: 0
}

#M_reviewViewAll .M_reviewList {
    border: 1px solid #ccc;
    background: #eee;
    margin-bottom: 8px;
    overflow: hidden;
    _zoom: 1
}

#M_reviewViewAll .M_reviewInner {
    margin: 8px;
    overflow: hidden;
    _zoom: 1
}

#M_reviewViewAll .M_reviewInfo {
    overflow: hidden;
    _zoom: 1;
    border-bottom: 1px dashed #ccc;
    line-height: 24px
}

#M_reviewViewAll .M_reviewName p {
    margin: 0;
    line-height: 1.6
}

#M_reviewViewAll .M_reviewRate {
    float: left;
    width: 30%;
    overflow: hidden;
    _zoom: 1
}

#M_reviewViewAll .M_reviewRate p {
    float: left;
    margin: 0 8px 0 0
}

#M_reviewViewAll .M_reviewRateEva {
    overflow: hidden;
    _zoom: 1;
    float: left;
    margin-top: 2px
}

#M_reviewViewAll .imgLi span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 24px;
    margin-right: 1px
}

#M_reviewViewAll .ic1 span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#M_reviewViewAll .ic1 span.off {
    background: url("/images/brand/starIcon1_off.png") no-repeat
}

#M_reviewViewAll .ic2 span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#M_reviewViewAll .ic2 span.off {
    background: url("/images/brand/starIcon2_off.png") no-repeat
}

#M_reviewViewAll .ic3 span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#M_reviewViewAll .ic3 span.off {
    background: url("/images/brand/starIcon3_off.png") no-repeat
}

#M_reviewViewAll .ic4 span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#M_reviewViewAll .ic4 span.off {
    background: url("/images/brand/starIcon4_off.png") no-repeat
}

#M_reviewViewAll .txtLi span {
    margin-right: 2px
}

#M_reviewViewAll .M_reviewerInfo {
    float: right;
    width: 60%;
    text-align: right
}

#M_reviewViewAll .M_reviewerInfo p {
    display: inline;
    margin: 0 4px 0 0
}

#M_reviewViewAll .M_reviewRead {
    background: #fff
}

#M_reviewViewAll .M_reviewReadText {
    margin: 8px;
    padding: 8px;
    text-align: left;
    line-height: 1.4
}

#M_reviewViewAll #M_reviewBtm {
    overflow: hidden;
    _zoom: 1;
    line-height: 24px
}

#M_reviewViewAll .M_reviewImg {
    float: left;
    width: 92px
}

#M_reviewViewAll .M_reviewImg img {
    border: 1px solid #999
}

#M_reviewTopArea #M_reviewViewAll .M_reviewBox {
    padding-left: 100px
}

#M_reviewAll #M_reviewViewAll,
#M_reviewPart #M_reviewViewAll {
    width: 100%;
    margin-top: 0
}

#M_reviewAll .M_reviewList {
    margin: 0 10px 10px
}

#M_reviewPart table {
    width: 434px;
    margin: 0 10px 10px
}

#M_reviewPart th {
    padding: 3px;
    vertical-align: middle
}

#M_reviewTop td {
    padding: 3px;
    vertical-align: middle
}

#M_reviewPart th {
    font-size: .8rem;
    color: #333;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #e9e9e9;
    text-align: center
}

#M_reviewPart td {
    border-bottom: 1px dashed #c9c9c9;
    padding: 3px
}

#M_reviewPart .M_reviewImg {
    width: 50px;
    text-align: center
}

#M_reviewPart .M_reviewReadText {
    width: 200px
}

#M_reviewPart .M_reviewReadText a {
    font-size: 1rem;
    padding-left: 4px
}

#M_reviewPart .M_reviewRate {
    width: 70px
}

#rvwPup .imgLi {
    text-align: center;
    padding: 4px 0
}

#rvwPup .imgLi span {
    display: block;
    text-indent: -9999em;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px
}

#rvwPup .imgLi.ic1 span {
    background: url("/images/brand/starIcon1.png") no-repeat
}

#rvwPup .imgLi.ic1 span.off {
    background: url("/images/brand/starIcon1_off.png") no-repeat
}

#rvwPup .imgLi.ic2 span {
    background: url("/images/brand/starIcon2.png") no-repeat
}

#rvwPup .imgLi.ic2 span.off {
    background: url("/images/brand/starIcon2_off.png") no-repeat
}

#rvwPup .imgLi.ic3 span {
    background: url("/images/brand/starIcon3.png") no-repeat
}

#rvwPup .imgLi.ic3 span.off {
    background: url("/images/brand/starIcon3_off.png") no-repeat
}

#rvwPup .imgLi.ic4 span {
    background: url("/images/brand/starIcon4.png") no-repeat
}

#rvwPup .imgLi.ic4 span.off {
    background: url("/images/brand/starIcon4_off.png") no-repeat
}

#rvwPup .txtLi span {
    margin-right: 2px
}

#M_memberValue {
    display: none
}

#M_memberValue .M_member_price_in,
#M_memberValue .M_member_price_ex {
    color: #a00000;
    font-weight: bold;
    font-size: 15px
}

#M_memberValue input.M_member_price_in,
#M_memberValue input.M_member_price_ex {
    border: none;
    text-align: right
}

#M_memberValue input.M_member_price_tax {
    border: none;
    color: #000;
    text-align: right
}

#M_restockSend,
#main #M_restockSend {
    margin: 5px auto 15px
}

.M_restockOption {
    text-align: center
}

#M_restockSend a:link,
#M_restockSend a:visited,
#M_restockSend a:active {
    text-decoration: underline
}

.M_restockOption a:link,
.M_restockOption a:visited,
.M_restockOption a:active {
    text-decoration: underline
}

#itemDetail .M_restockOption a:link,
#itemDetail .M_restockOption a:visited,
#itemDetail .M_restockOption a:active {
    text-decoration: underline
}

#M_restockSend a:hover,
.M_restockOption a:hover,
#itemDetail .M_restockOption a:hover {
    text-decoration: none
}

#M_group {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px
}

#M_group tr {
    padding: 0
}

#M_group td {
    padding: 0
}

#M_group td.itemBox {
    width: 110px;
    text-align: center;
    vertical-align: top
}

#M_group td.itemImg {
    width: 110px;
    text-align: center
}

#M_group td.line {
    width: 4px !important;
    min-width: auto
}

#M_group p {
    text-align: center;
    margin: 0
}

#M_group .category {
    font-weight: bold
}

#M_nameCustom {
    margin: 10px auto
}

#M_nameCustom .M_nameTxt {
    margin-bottom: 16px
}

#M_nameCustom .M_nameList li {
    margin-bottom: 16px;
    text-align: left
}

#M_nameCustom .M_nameList li.lastChild {
    margin-bottom: 0
}

#M_nameCustom .M_nameItem {
    margin-bottom: 8px
}

#M_nameCustom .M_nameLimit {
    text-align: right;
    font-size: 1rem;
    color: #999;
    margin-top: 4px
}

#M_nameCustom .M_nameInput,
#M_nameCustom .M_nameTextarea {
    width: 100%;
    padding: 2px 0
}

#M_nameCustom .M_nameRequired {
    background: #cc0000;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-right: 8px;
    padding: 1px 3px
}

#M_nameCustom .M_errorMessage {
    color: #ff0000;
    margin-top: 4px;
    background: url("../../shop/images/errorIcon.png") no-repeat 0 0;
    padding-left: 20px
}

.M_headBasket {
    float: right;
    width: 126px;
    padding: 3px 3px 0;
    border: 1px solid #b3b3b3;
    margin: 0 0 5px 5px;
    background: #ededed
}

#M_headBasketSwitch {
    position: relative;
    width: 126px;
    height: 26px;
    z-index: 999;
    float: right
}

#M_headBasketIn {
    clear: both;
    font-size: 1rem;
    text-align: right;
    padding: 2px 0;
    width: 126px
}

#M_headBasketIn em {
    color: #ff0000;
    font-style: normal;
    font-weight: bold
}

#M_basketClosedBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 126px;
    height: 26px;
    cursor: pointer;
    text-indent: -9999em;
    text-align: left
}

#M_basketClosedBox a {
    display: block;
    width: 126px;
    height: 26px
}

#M_basketTemp1 #M_basketClosedBox {
    background: url("/images/basket/headBasketSwitch1.png") no-repeat
}

#M_basketTemp2 #M_basketClosedBox {
    background: url("/images/basket/headBasketSwitch2.png") no-repeat
}

#M_basketTemp3 #M_basketClosedBox {
    background: url("/images/basket/headBasketSwitch3.png") no-repeat
}

#M_basketOpenedBox {
    position: absolute;
    right: 0;
    top: 25px;
    width: 200px;
    height: auto;
    background: #ffebeb;
    display: none;
    border: 1px solid #b00000
}

.M_headBasket table {
    margin: 3px 10px;
    width: 178px
}

.M_headBasket td {
    font-size: .8rem;
    padding: 6px 2px;
    border-bottom: 1px dotted #999
}

.M_headBasket td.M_headImg {
    width: 44px
}

.M_headBasket td.M_headNum {
    text-align: right;
    white-space: nowrap
}

.M_headBasket tr#last-child td {
    border-bottom: none
}

.M_headBasket a {
    color: #333;
    text-decoration: underline
}

.M_headBasket a:hover {
    color: #666;
    text-decoration: none
}

.M_nameTxt {
    margin-bottom: 16px
}

.M_nameList li {
    margin-bottom: 16px;
    text-align: left
}

.M_nameItem {
    margin-bottom: 8px
}

.M_nameFix {
    width: 98%;
    padding: 2px 4px;
    background: #e8e8e8;
    border: 1px dotted #c9c9c9
}

#basketTable .addName td {
    border-bottom-style: dashed
}

#basketTable a img.nameQunantity {
    float: none;
    margin-top: 8px
}

#basketTable .basketQunantity td {
    border: none
}

.nameWrap {
    margin: 10px 0
}

.nameTxt {
    margin-bottom: 4px
}

.nameList li {
    margin-bottom: 8px;
    text-align: left
}

.nameFix {
    padding-left: 15px
}

.nameItem {
    margin-bottom: 8px
}

.nameAmount {
    text-align: right;
    border-top: 1px dotted #ccc;
    padding: 6px
}

#M_changepw {
    margin: 40px 0;
    background: #ddd;
    padding: 15px
}

#M_changepwTitle {
    font-size: 14px;
    margin: 0 auto 10px;
    font-weight: bold
}

#M_changepwInner {
    text-align: center
}

#M_changepwTxt {
    text-align: left;
    margin: 10px auto
}

#M_changepwTable {
    border-collapse: collapse;
    width: 500px;
    margin: 0 auto;
    font-size: .8rem;
    background: #fff
}

#M_changepwTable th,
#M_changepwTable td {
    border: 1px solid #bbb;
    padding: 5px
}

#M_changepwTable th {
    text-align: left;
    width: 200px;
    background: #666;
    color: #fff
}

#M_changepwTable input {
    width: 100%
}

#M_changepwBox {
    text-align: center;
    margin: 10px auto 0
}

#M_changepwBtn {
    cursor: pointer
}

#M_confirmpw {
    border: 1px solid #db9a9d;
    padding: 10px 15px;
    margin-top: 10px;
    background: #ffe6e7
}

#M_confirmpw p {
    float: left;
    margin: 0;
    line-height: 30px
}

#M_confirmpw th {
    width: 120px;
    text-align: right;
    font-weight: bold;
    color: #cc0000;
    font-size: .8rem
}

#M_topicPathWrap ul,
#M_topicPath li {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none
}

#M_topicPathWrap li {
    display: inline;
    background: url("/images/common/topicpath_arrow.png") no-repeat right top;
    padding-right: 12px;
    margin-right: 4px
}

#M_topicPathWrap li.M_current {
    background: none;
    padding-right: 0
}

.M_catalogList {
    width: 100%;
    background: #fff
}

.M_catalogList thead th {
    background: #e6e6e6
}

.M_catalogList th,
.M_catalogList td {
    border: 1px solid #999;
    padding: 6px;
    text-align: center
}

.M_catalogList .M_ctlg_number {
    width: 30px
}

.M_catalogList .M_ctlg_item_number {
    width: 194px
}

.M_catalogList .M_ctlg_num_ipt {
    width: 144px;
    vertical-align: middle
}

.M_catalogList .M_ctlgConfirm {
    display: inline-block;
    width: 34px;
    height: 18px;
    background: url("/images/common/r_confirmBtn.png") no-repeat;
    text-indent: -9999em;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: middle
}

.M_catalogList .M_ctlg_clear {
    width: 70px
}

.M_catalogList .M_ctlgClear {
    display: block;
    width: 56px;
    height: 19px;
    background: url("/images/common/r_clearBtn.png") no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    margin: 0 auto
}

.M_catalogList .M_ctlg_amount {
    width: 62px;
    text-align: center
}

.M_catalogList .M_basketQunantity {
    width: 50px;
    margin: 0 auto
}

.M_catalogList .M_ctlg_amt_ipt {
    width: 30px;
    margin-right: 4px
}

.M_catalogList .M_ctlg_amt_ipt[type="text"]:disabled {
    background: #e9e9e9;
    border: 1px solid #ccc
}

.M_catalogList .M_basketQunantity td {
    border: none;
    padding: 0;
    font-size: 1px;
    line-height: 1px
}

.M_catalogList .M_basketQunantity img {
    margin: 0 0 1px
}

.M_catalogList .M_catalogItem {
    width: 100%
}

.M_catalogList .M_catalogItem dt {
    float: left;
    text-align: center;
    width: 100px
}

.M_catalogList .M_catalogItem dt img {
    border: 1px solid #ccc
}

.M_catalogList .M_catalogItem dd {
    padding-left: 108px;
    text-align: left
}

.M_itemMemberPriceStr {
    color: #ff0000
}

.M_catalogList .M_erroritem {
    background: #FFE9E9
}

.M_catalogList .M_errorMsg {
    color: #ff0000;
    margin-top: 4px
}

#M_ordercontract tbody {
    display: table-row-group
}

#M_ordercontract tbody tr {
    display: table-row;
    width: auto
}

#M_ordercontract tbody tr td {
    width: auto;
    display: table-cell;
    font-size: .8rem;
    padding: 0
}

#M_ordercontract table tbody tr td:nth-of-type(1) {
    width: auto !important
}

#M_ordercontract table tbody tr td:nth-of-type(2) {
    display: table-cell
}

.M_ordercontractTitle {
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 48px
}

.M_ordercontractWrap {
    margin-bottom: 32px
}

.M_ordercontractItem {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px
}

a:link {
    text-decoration: none;
    color: #0A50FF
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: #000080
}

a:active {
    text-decoration: none
}

img {
    border-style: none
}

ul {
    list-style-type: none
}

:focus {
    outline: 0
}

dl {
    text-align: left
}

caption,
th,
td {
    text-align: left;
    font-weight: normal
}

blockquote:before,
blockquote:after {
    content: ""
}

q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

* html .clearfix {
    height: 1%
}

#container_inner {
    height: auto;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    text-align: center
}

#makebanner {
    text-align: left;
    max-width: 100%;
    background-color: #ededd6;
}

p {
    font-family: "メイリオ", Meiryo, sans-serif
}

#top-flash {
    clear: both;
    text-align: center
}

#top-flash_inner {
    position: relative;
    height: 312px;
    width: 100%;
    max-width: 100%;
    margin: 10px auto;
    text-align: left
}

@media only screen and (min-width: 640px) {
    #top-flash_inner {
        width: 100%
    }
}

#point {
    height: 114px;
    width: 100%;
    margin: 10px auto;
    text-align: center
}

#content_inner {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 900px) {
    #content_inner {
        width: 900px
    }
}

#left {
    float: left;
    position: relative;
    width: 100%;
    height: auto
}

@media only screen and (min-width: 640px) {
    #left {
        width: 640px
    }
}

#left_inner {
    width: 100%;
    clear: both;
    margin: 0 0 10px
}

@media only screen and (min-width: 640px) {
    #left_inner {
        width: 640px
    }
}

#right {
    float: right;
    position: relative;
    width: 260px
}

#right_inner {
    width: 260px;
    position: relative
}

#left_inner h2,
.h2_title {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    background-image: url("../images/h3lng.gif");
    background-repeat: no-repeat;
    vertical-align: middle;
    height: auto;
    width: 100%;
    line-height: 25px;
    clear: both;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 6px 0 0 10px
}

#box1 {
    width: 100%
}

#box1_02 {
    width: 100%;
    padding-top: 10px
}

#box1_left {
    margin: 0;
    width: 100%;
    float: left
}

@media only screen and (min-width: 640px) {
    #box1_left {
        width: 306px
    }
}

.box2 {
    float: left;
    clear: both;
    padding: 0;
    width: 100%;
    margin: 0 0 10px;
    background-color: #F2F2F2;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
    height: auto
}

@media only screen and (min-width: 640px) {
    .box2 {
        width: 626px
    }
}

.box2_2 {
    float: left;
    clear: both;
    padding: 0;
    width: 100%;
    margin: 0 0 10px;
    background-color: #fff;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
    height: auto
}

@media only screen and (min-width: 640px) {
    .box2_2 {
        width: 626px
    }
}

#box1_a {
    width: 100%;
    border-radius: 5px;
    background: #8f0000;
    background: -moz-linear-gradient(#d00 0%, #8f0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#8f0000));
    background: -webkit-linear-gradient(#d00 0%, #8f0000 100%);
    background: -o-linear-gradient(#d00 0%, #8f0000 100%);
    background: linear-gradient(#d00 0%, #8f0000 100%);
    color: #FFF
}

#box1_a .card {
    background-color: inherit;
    border: none
}

#box1_a .card .card-title {
    color: #FFF
}

#box2_left {
    float: right;
    width: 100%
}

#box2_left img {
    font-size: 1rem;
    float: left
}

@media only screen and (min-width: 640px) {
    #box2_left {
        width: 450px
    }
}

#box1_right {
    float: right
}

#box_table {
    position: relative;
    top: 260px;
    width: calc(100% - 15px);
    font-size: 1rem;
    left: -5px;
    margin-left: 15px
}

@media only screen and (min-width: 640px) {
    #box_table {
        width: 609px !important
    }
}

#box_table td {
    font-size: 1rem;
    color: #FFF;
    height: 50px;
    padding-left: 5px;
    padding-top: 0;
    vertical-align: top;
    line-height: 14px
}

#box1_b {
    width: 100%;
    float: left;
    padding: 0;
    margin: 10px 0;
    height: auto
}

#box1_b p {
    font-size: 1rem
}

#b_1 {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    margin-left: 15px
}

@media only screen and (min-width: 640px) {
    #b_1 {
        width: 609px
    }
}

#b_2,
#b_3 {
    clear: both;
    margin-bottom: 20px;
    padding: 0;
    width: calc(100% - 15px);
    float: left;
    margin-left: 15px
}

@media only screen and (min-width: 640px) {

    #b_2,
    #b_3 {
        width: 609px
    }
}

#box2 .b_a {
    clear: both;
    width: 100%
}

.right_top {
    border: 3px solid #B00;
    background: -moz-linear-gradient(top, #F66, #B00);
    background: -webkit-linear-gradient(top, #F66, #B00);
    background: linear-gradient(to bottom, #F66, #B00);
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    width: 98%;
    text-indent: 10px;
    line-height: 30px;
    padding: 0;
    margin: 10px auto 0
}

#box2_right {
    float: right
}

#right_box1 {
    width: 98%;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #bb0000;
    border-bottom-color: #bb0000;
    border-left-color: #bb0000;
    margin: 0 auto;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

#right_box2 {
    width: 246px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    margin: 0 10px 13px 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    border-left-style: solid
}

#right_myp {
    width: 250px;
    height: 50px;
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/mp_bgi.jpg");
    background-repeat: no-repeat;
    margin-bottom: 10px
}

#r_nv {
    position: relative;
    width: 230px;
    top: 12px;
    left: 7px
}

#r_nv li {
    float: left;
    width: 110px;
    font-size: .8rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    height: 26px;
    margin: 0 0 0 5px
}

a#mypage_right {
    font-size: 13px;
    color: #FFF;
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/rightmp_link.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    width: 110px;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    font-weight: bold
}

a#mypage_right:hover {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/rightmp_hover.jpg");
    background-repeat: no-repeat;
    display: block;
    width: 110px;
    height: 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    font-weight: bold
}

a#cart_right {
    font-size: .8rem;
    color: #FFF;
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/rightcart_link.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    width: 110px;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    font-weight: bold
}

a#cart_right:hover {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/rightcart_hover.jpg");
    background-repeat: no-repeat;
    display: block;
    width: 110px;
    height: 26px;
    color: #fff
}

.list li {
    font-size: 1rem;
    color: #333
}

.left_txt {
    font-size: 1rem;
    color: #000;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.blg_tit {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px
}

.list {
    width: 203px;
    float: left;
    height: auto
}

.r1 {
    height: auto;
    width: 230px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
    font-size: 1rem;
    margin: 0 auto 5px
}

.day {
    font-size: 1rem;
    color: #000
}

.r1_img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

#container #cont .r1_img {
    height: 80px;
    width: 120px;
    margin: 5px
}

.name {
    font-size: .7rem;
    color: #03C;
    margin: 0;
    padding: 0
}

.name a {
    font-size: .7rem;
    color: #03C;
    margin: 0;
    padding: 0
}

.price {
    font-size: .8rem;
    font-weight: bold;
    color: #bb0000;
    text-align: right
}

.more {
    font-size: 1rem;
    color: #00f;
    text-align: right
}

#past {
    height: auto;
    width: 230px;
    font-size: 1rem;
    margin: 0 0 5px 8px
}

#past p {
    padding-left: 130px;
    font-size: 1rem;
    color: #00f;
    text-align: right
}

.b1 a {
    display: block;
    font-size: 13px;
    color: #bb0000;
    font-weight: bold;
    margin-top: 3px;
    text-decoration: none
}

.img_box {
    color: #D6D6D6;
    padding-top: 8px;
    padding-bottom: 0
}

.right_box3 {
    height: auto;
    width: 250px;
    margin-right: 10px;
    margin-bottom: 10px
}

.right_txt {
    font-size: 10px;
    margin-bottom: 13px;
    color: #000
}

#right_box4 {
    height: auto;
    width: 250px;
    margin-right: 10px;
    margin-bottom: 10px
}

.holiday {
    font-size: 1rem;
    color: #bb0000
}

#rd3_a {
    padding: 0;
    margin-top: 8px;
    margin-bottom: 13px
}

#rd3_a #menu {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    list-style-position: inside
}

#rd3_a #menu li {
    font-size: .8rem;
    color: #000;
    line-height: 20px;
    text-decoration: none;
    font-weight: bold
}

#rd3_a #menu li a {
    color: #000;
    font-weight: bold
}

#rd3_a #menu li:before {
    content: "●";
    color: #7d3b3b;
}

.list_name {
    padding-left: 10px
}

.list_name a {
    text-decoration: none;
    color: #0000FF
}

.list_name a:hover {
    text-decoration: underline
}

.blog_bottom {
    font-size: 1rem;
    color: #00f;
    margin-bottom: 30px;
    text-align: right;
    margin-right: 10px
}

#to_top {
    font-size: 1rem;
    color: #00f;
    text-align: right;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 640px) {
    #to_top {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #to_top {
        width: 900px
    }
}

hr {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 640px) {
    hr {
        width: 100%
    }
}

#footer {
    clear: both;
    position: relative
}

#footer_inner {
    clear: both;
    width: 100%;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

@media only screen and (min-width: 640px) {
    #footer_inner {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #footer_inner {
        width: 900px
    }
}

#footer_inner p {
    font-size: 1rem;
    color: #000;
    text-decoration: none;
    padding: 10px;
    margin: 0;
    text-align: center;
    vertical-align: middle
}

#footer_nav a {
    font-size: 1rem;
    color: #000
}

#footer_back {
    position: relative;
    margin: 0;
    padding: 0;
    width: auto;
    display: block;
    background-repeat: repeat-x;
    background-color: black;
    height: 44px
}

#footer_back p {
    font-size: 10px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 19px
}

#pan {
    padding: 0;
    height: auto;
    width: 100%;
    font-size: .8rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px
}

@media only screen and (min-width: 640px) {
    #pan {
        width: 100%
    }
}

@media only screen and (min-width: 900px) {
    #pan {
        width: 900px
    }
}

#long {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/h3_long.jpg");
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    text-indent: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px
}

#maker {
    font-size: 1rem;
    margin: 0;
    padding-top: 5px;
    padding-left: 10px;
    width: 100%
}

#maker ul li {
    width: 25%
}

@media only screen and (min-width: 640px) {
    #maker ul li {
        width: 9%
    }
}

#maker_list {
    margin-top: 10px
}

#maker_list li {
    float: left;
    padding-right: 3px
}

h4,
h6,
.h3_title {
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    line-height: 23px;
    height: 23px;
    margin: 15px auto;
    padding-left: 10px;
    background: #536a00;
    background: -moz-linear-gradient(#9ac302 0%, #749403 60%, #637b06 71%, #536a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#9ac302), color-stop(60%, #749403), color-stop(71%, #637b06), to(#536a00));
    background: -webkit-linear-gradient(#9ac302 0%, #749403 60%, #637b06 71%, #536a00 100%);
    background: -o-linear-gradient(#9ac302 0%, #749403 60%, #637b06 71%, #536a00 100%);
    background: linear-gradient(#e7c0ff 0%, #45004d 60%, #570b87 71%, #0c0014 100%);
    clear: both
}

.h4_title {
    font-weight: bold;
    background: none;
    color: #000
}

.shashu {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    clear: both
}

.shashu p {
    font-size: 13px;
    font-weight: bold;
    color: #db0000;
    padding: 0 10px 8px
}

.shashu ul {
    font-size: 10px;
    color: #00f;
    margin: 0;
    width: 100%
}

.shashu li {
    float: left;
    padding-right: 7px;
    padding-bottom: 10px;
    color: #000;
    text-align: center;
    width: 50%
}

@media only screen and (min-width: 640px) {
    .shashu li {
        width: 30%
    }
}

.shashu li a {
    color: #00f
}

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

#parts {
    font-size: 1rem;
    margin: 0;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 15px;
    width: 100%
}

#spec_tab {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #000
}

#tab_name {
    font-size: .8rem;
    font-weight: bold;
    color: #FFF;
    background-color: #666;
    padding-left: 10px
}

.tab_td {
    color: #000;
    background-color: #e6e6e6;
    width: 130px;
    font-size: 1rem;
    text-align: center;
    height: 20px;
    border: 1px solid #000
}

.tab_td1 {
    color: #000;
    height: 20px;
    font-size: 1rem;
    border: 1px solid #000;
    padding-left: 8px
}

#spec_pan {
    font-size: 1rem
}

.details {
    font-size: 1rem;
    color: #000;
    padding: 10px 0;
    height: 200px;
    width: 100%;
    clear: left
}

.details_entries {
    font-size: 1rem;
    color: #000;
    height: auto;
    width: 100%;
    float: left;
    padding: 10px 0
}

.details_entriesmore {
    font-size: 1rem;
    color: #000;
    height: auto;
    width: 100%;
    padding: 10px 0
}

.details_img {
    float: left;
    margin: 0 10px
}

.details_price {
    font-size: 15px;
    color: #db0000;
    font-weight: bold
}

#nagare {
    clear: both;
    margin-bottom: 20px
}

.details_list {
    margin-top: 10px
}

.details_list li {
    font-size: 1rem;
    width: 150px;
    line-height: 120%;
    float: left;
    margin-left: 6px
}

.sharyou {
    height: 131px;
    width: 100%;
    margin-bottom: 10px
}

.h3_img {
    margin-bottom: 10px
}

.h3_img p {
    font-size: 1rem;
    color: #000;
    padding-left: 10px
}

.h6_parts {
    height: 120px;
    width: 626px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    margin-top: 10px;
    margin-bottom: 10px
}

.parts_img {
    float: left;
    border-right-width: 0;
    height: auto
}

.parts_img img {
    border-right-width: 0;
    display: block
}

.parts_name {
    font-size: 14px;
    font-weight: bold;
    color: #00f;
    text-align: left;
    width: 454px;
    padding: 8px 10px 5px 7px
}

.parts_kensaku {
    font-size: 14px;
    font-weight: bold;
    color: #00f;
    text-align: left;
    width: 370px;
    padding: 0 5px 3px;
    font-size: 123%;
    overflow: hidden;
    word-wrap: break-word;
    float: left
}

.parts_kensaku a {
    font-size: 14px;
    font-weight: bold;
    color: #00f;
    text-align: left;
    width: 390px;
    padding: 5px 5px 3px;
    overflow: hidden;
    word-wrap: break-word
}

.parts_txt {
    font-size: 10px;
    vertical-align: bottom
}

.parts_txt img {
    padding-top: 3px;
    padding-bottom: 3px
}

.parts_txt1 {
    font-size: 9px;
    padding-left: 10px
}

.parts_price {
    font-size: .8rem;
    font-weight: bold;
    color: #db0000;
    padding-left: 10px;
    vertical-align: bottom
}

#inner_left {
    float: left;
    width: 350px
}

#inner_right,
#parts_inner1 img {
    float: right
}

#parts_txtbox {
    float: right;
    width: 464px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #000;
    padding-left: 10px
}

.parts_inner {
    width: 464px;
    height: auto;
    position: relative;
    bottom: 5px
}

#inner_right img {
    padding-bottom: 5px
}

.pts_head {
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    vertical-align: middle;
    height: 130px;
    width: 100%;
    margin-bottom: 10px;
    line-height: 28px;
    text-indent: 10px
}

.parts_list {
    width: 100%;
    height: 80px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.parts_list img {
    float: left;
    margin-right: 10px
}

list img {
    margin-right: 10px
}

#list_left {
    float: left
}

#list-right {
    float: right
}

.gr {
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
    background-color: #666;
    width: 495px;
    padding-left: 5px
}

.bl {
    font-size: 1rem;
    font-weight: bold;
    color: #00f
}

.list_left {
    float: left;
    margin: 0;
    padding: 0
}

.list-right {
    float: right;
    width: 500px;
    margin: 0;
    padding: 0
}

.left_a {
    float: left
}

.right-a {
    float: right;
    width: 110px
}

.right-a img {
    padding-bottom: 5px
}

.bordlayoutp3 {
    width: 620px;
    font-size: 1rem
}

.bordlayoutp3 img {
    margin-top: 3px;
    margin-left: 3px
}

.bordlayoutp3 td {
    padding: 10px;
    vertical-align: top
}

#bordtable {
    font-size: 1rem;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    width: 100%
}

.bordlayoutp4 td,
th {
    border: 1px #000 solid
}

.bordlayoutp4 {
    border: 1px solid #000;
    width: 100%;
    background-color: #FFFFFF
}

.bordlayoutp4 td {
    padding: 5px
}

.td_inner {
    text-align: center
}

.setumei {
    background-color: #FFFFFF
}

.redtxt {
    color: #db0000
}

.mailbin {
    font-weight: bold;
    color: #00F
}

.sen {
    text-decoration: line-through
}

#foot_link {
    font-size: 10px;
    color: #FFF
}

#partsde,
#syaryoude,
#sde_toblg,
#sde_tofb {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/red_arw.gif");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    text-indent: 15px
}

#calendar-inner {
    background-color: #f2f2f2;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
    height: auto;
    margin: 0;
    padding: 0 0 8px
}

#calendar {
    color: #444444;
    width: 245px;
    padding: 0;
    display: block;
    margin: 0 auto 0 2px
}

.calendarhead {
    font-size: 13px;
    letter-spacing: 1px;
    font-family: "メイリオ", Meiryo, sans-serif;
    text-align: center;
    width: 240px;
    color: #333;
    padding: 8px 0 0;
    margin: 0 auto
}

#calendar-table {
    border-collapse: collapse;
    text-align: center;
    margin: 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 120%;
    width: 160px
}

#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 1rem;
    width: 100%
}

#calendar td {
    text-align: center;
    font-size: .8rem;
    line-height: 120%;
    width: 32px
}

.today {
    display: block;
    border: 1px solid #444444
}

.sunday {
    color: #e50003
}

.holiday {
    color: #e50003
}

.holiday a:link,
.holiday a:visited {
    color: #e50003
}

.saturday {
    color: #0000ff
}

.saturday a:link,
.saturday a:visited {
    color: #0000ff
}

.details form {
    line-height: 25px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: .8rem
}

.kensaku-content div {
    margin-top: 5px;
    margin-bottom: 5px
}

.sus {
    font-size: .8rem;
    color: #FFF;
    background-color: #0f7318;
    padding-left: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #000
}

.brfm {
    font-size: .8rem;
    color: #FFF;
    background-color: #4D4D4D;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.exterior,
.exte_wheel_cvr {
    font-size: .8rem;
    color: #FFF;
    background-color: #a80f0f;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.interior {
    font-size: .8rem;
    color: #FFF;
    background-color: #db6e21;
    padding-left: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #000
}

.engine {
    font-size: .8rem;
    color: #FFF;
    background-color: #6ead00;
    padding-left: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #000
}

.brfm {
    font-size: .8rem;
    color: #FFF;
    background-color: #4D4D4D;
    padding-left: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #000
}

.interior {
    font-size: .8rem;
    color: #FFF;
    background-color: #db6e21;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.elec {
    font-size: .8rem;
    color: #FFF;
    background-color: #b58b00;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.posi {
    font-size: .8rem;
    color: #FFF;
    background-color: #35aef0;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.led {
    font-size: .8rem;
    color: #FFF;
    background-color: #6133b8;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.general {
    font-size: .8rem;
    color: #FFF;
    background-color: #000066;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.accessory {
    font-size: .8rem;
    color: #FFF;
    background-color: #cc509a;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.air_inex {
    font-size: .8rem;
    color: #FFF;
    background-color: #3571d4;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.gsi_tit {
    font-size: .8rem;
    color: #FFF;
    background-color: #4D4D4D;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.dis_1 {
    height: auto;
    width: 626px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000
}

.dis {
    width: 626px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    float: left
}

.inbox {
    height: 55px;
    width: 105px;
    position: relative;
    display: block
}

#inner_right {
    position: relative;
    bottom: 5px;
    height: 100%;
    width: 105px
}

.sus,
.exterior,
.interior,
.engin,
.toyota,
.nissan,
.honda,
.mitsubishi,
.mazda,
.subaru,
.suzuki,
.daihastu,
.import {
    margin-bottom: 10px;
    border: 1px solid #000;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0
}

.imgback {
    background-color: #dedede;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000;
    height: auto
}

.shop_cart {
    text-align: right;
    padding-right: 5px;
    padding-top: 5px
}

.deli {
    vertical-align: bottom;
    text-align: right;
    padding-right: 10px
}

#icrn_tbl {
    margin-top: 5px;
    list-style-type: none
}

.TOYOTA_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #4d4d4d;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.SUZUKI_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #35afe0;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.NISSAN_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #3571d4;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.HONDA_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #a80f0f;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.MITSUBISHI_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #db6e21;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.MAZDA_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #6ead00;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.SUBARU_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #b58b00;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.DAIHATSU_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #0f7318;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.IMPORT_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #6133b8;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.LEXUS_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #da70d6;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.ISUZU_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #808000;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.汎用_1 {
    font-size: .8rem;
    color: #FFF;
    background-color: #000066;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.汎用_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #000066;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.TOYOTA_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #4d4d4d;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.NISSAN_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #3571d4;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.HONDA_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #a80f0f;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.MITSUBISHI_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #db6e21;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.MAZDA_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #6ead00;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.SUBARU_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #b58b00;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.SUZUKI_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #35afe0;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.DAIHATSU_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #0f7318;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.IMPORT_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #6133b8;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.LEXUS_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #da70d6;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.ISUZU_2 {
    font-size: .8rem;
    color: #FFF;
    background-color: #808000;
    padding-left: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-right: 10px;
    text-align: right
}

.page-title {
    color: #333;
    font-size: 1rem
}

.parts1 {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    clear: both
}

.parts1 p {
    font-size: 13px;
    font-weight: bold;
    color: #db0000;
    padding: 0 10px 8px
}

.parts1 ul {
    font-size: 10px;
    color: #00f;
    margin: 0;
    width: 100%;
    height: auto
}

ul.itembox_rank li {
    float: left;
    height: 325px;
    padding: 0 10px 10px 0;
    width: 120px
}

.parts1 li a {
    color: #00f;
    margin: 0;
    padding: 0
}

#parts_lt {
    height: auto;
    width: 150px;
    float: left
}

.parts1_list li {
    padding-right: 7px;
    padding-bottom: 10px;
    float: left;
    width: 150px;
    color: #000
}

#sysbt_prts-lst li {
    height: auto;
    width: 100%
}

.parts_txt p {
    padding-left: 10px;
    margin-right: 10px
}

.parts_box {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    margin-bottom: 10px;
    padding: 0
}

#bdy_prc {
    width: 300px;
    float: right
}

.txt_13 {
    font-size: 13px;
    line-height: 22px
}

.parts_name a {
    color: #00F;
    font-weight: bold;
    text-decoration: underline;
    padding: 8px 10px 5px 8px
}

.parts_name a:hover {
    color: #00F;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 10px 5px 8px
}

#long a {
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    font-family: "メイリオ", Meiryo, sans-serif
}

#long a:hover {
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    font-family: "メイリオ", Meiryo, sans-serif
}

#otr_lst a {
    font-family: "メイリオ", Meiryo, sans-serif;
    font-size: 15px;
    color: #666;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px
}

#otr_lst a:hover {
    font-family: "メイリオ", Meiryo, sans-serif;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px
}

.search-results-header {
    color: #333
}

.content-nav {
    text-align: center;
    width: 640px;
    height: auto
}

.PtsPrice {
    color: #990000;
    font-size: 14px;
    font-weight: bold;
    float: right
}

.searchImg {
    float: left
}

.kensaku-body {
    font-size: 10px;
    width: 350px;
    color: #000000
}

.kensaku-body a {
    font-size: 10px
}

.m_btm8 {
    margin-bottom: 8px
}

.kensaku_spec {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.kensaku_wrap {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc
}

#qaList {
    height: auto;
    width: 100%;
    padding-bottom: 15px
}

#qaList li {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/qa_list.gif");
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 210px;
    display: block
}

#qaList li a {
    font-size: 13px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 32px;
    display: block;
    padding-top: 8px;
    line-height: 15px;
    padding-bottom: 8px
}

#qaList li p {
    font-size: 13px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 32px;
    padding-top: 8px;
    line-height: 15px;
    padding-bottom: 8px
}

#qaSubtit {
    clear: both;
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/qa_subTit.gif");
    background-repeat: no-repeat;
    height: 23px;
    width: 100%;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    text-indent: 20px;
    line-height: 23px;
    margin-bottom: 8px
}

.qa_q {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/qa_q.gif");
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: auto;
    background-color: #E6E6E6;
    padding-top: 3px;
    padding-bottom: 15px
}

.qa_q p {
    padding-left: 60px;
    font-size: .8rem;
    font-weight: bold;
    color: #000
}

.qa_a {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/qa_a.gif");
    background-repeat: no-repeat;
    display: block;
    height: auto;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 15px
}

.qa_a p {
    font-size: 1rem;
    font-weight: normal;
    padding-left: 60px
}

#qaSublist li {
    margin-bottom: 10px
}

#inr630 {
    height: auto;
    width: 100%
}

#whlList {
    height: auto;
    width: 100%;
    padding-bottom: 15px;
    margin-top: 25px
}

#whlList li {
    background-image: url("https://gigaplus.makeshop.jp/vsone/image/sub_img/qa_list.gif");
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    width: 200px;
    display: block;
    padding-right: 10px
}

#whlList li a {
    font-size: 13px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 32px;
    display: block;
    padding-top: 8px;
    line-height: 18px;
    padding-bottom: 20px
}

#whlList li p {
    font-size: 13px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 32px;
    padding-top: 8px;
    line-height: 15px;
    padding-bottom: 8px
}

.whlList02 {
    margin: 0;
    padding-left: 5px;
    height: auto;
    width: 620px;
    clear: both
}

.whlList02_inn li {
    margin-top: 15px;
    padding-right: 4px;
    padding-bottom: 0;
    float: left;
    width: 120px;
    color: #000
}

.whlList02_inn li a {
    padding-right: 4px;
    padding-bottom: 5px;
    float: left;
    width: 120px;
    color: #000;
    font-size: 1rem
}

#whlList02 li {
    color: #000000;
    float: left;
    padding-bottom: 10px;
    padding-right: 3px
}

#whlList02 li a {
    font-size: 13px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 5px;
    display: block;
    padding-top: 8px;
    line-height: 18px;
    padding-bottom: 20px
}

#whlList02 li img {
    margin-bottom: 0
}

#whlList02 li p {
    font-size: 10px;
    font-weight: 500;
    height: auto;
    width: auto;
    padding-left: 5px;
    padding-top: 5px;
    line-height: 2px;
    padding-bottom: 8px
}

.whL1,
.whL2,
.whL3,
.whL4 {
    float: left;
    height: 71px;
    margin-bottom: 15px;
    margin-right: 5px;
    text-align: left;
    width: 120px
}

.whL5 {
    float: left;
    height: 71px;
    margin-bottom: 15px;
    text-align: left;
    width: 120px
}

.whlList li a {
    color: #0000FF
}

.m_top15 {
    margin-top: 15px
}

#linkHanyo {
    width: 629px;
    height: 35px;
    background-color: #FF9;
    margin: 15px 0 5px;
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: 13px;
    color: #090;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #F60;
    box-shadow: 1px 1px 5px #333
}

#page {
    font-size: 13px;
    text-align: center
}

#page a {
    font-size: 13px
}

.mp_0 {
    margin: 0;
    padding: 0
}

.shashu_list li img {
    margin-bottom: 0
}

@-moz-document url-prefix() {
    .mp_0 {
        margin-top: -5px;
        margin-left: 2px
    }
}

#switching {
    font-size: .8rem;
    text-align: center
}

#switching a {
    font-size: .8rem;
    text-align: center
}

#mfl_lst li {
    float: left;
    height: 175px;
    width: 200px;
    margin: 5px
}

#mfl_lst img {
    width: 200px;
    height: 133px
}

.mfl_lsta {
    font-size: .8rem;
    line-height: 14px
}

.mfl_lstimg {
    height: 133px;
    width: 200px
}

#whlinch {
    font-size: 10px
}

#whlinch a {
    display: inline
}

.wh_tab {
    font-size: 10px;
    margin: 0 0 0 5px;
    padding: 0
}

.wh_tab td {
    font-size: 1rem
}

.muf_txt a {
    font-size: 1rem;
    text-align: center
}

#w-r_lst li {
    float: left;
    height: 180px;
    width: 200px;
    margin: 5px;
    display: block
}

#w-r_lst img {
    width: 200px;
    height: 133px;
    display: block
}

.w-r_lsta {
    font-size: .8rem;
    line-height: 14px
}

.w-r_lstimg {
    height: 133px;
    width: 200px
}

.leftfoto {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 140px;
    width: 150px
}

.centerfoto {
    float: left;
    margin: 5px;
    height: 140px;
    text-align: center;
    width: 150px
}

.wipercaption {
    margin-top: 5px;
    text-align: center
}

@-moz-document url-prefix() {
    .wipercaption {
        margin-top: 0;
        text-align: center
    }
}

.rightfoto {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    height: 140px;
    text-align: center
}

#wiper4 {
    width: 100%;
    text-align: center
}

#r_detailWrap {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 640px) {
    #r_detailWrap {
        flex-wrap: nowrap
    }
}

.M_quantity-table tbody tr {
    margin: 0
}

.M_quantity-table tbody tr td {
    margin: 0
}

#basketBtn {
    display: flex
}

.qa_title {
    background-color: #000;
    color: #FFF
}

.qa_title :before {
    content: "&#9654;";
    margin-right: .5rem
}

.qa p {
    padding: 2px .5rem
}

.qa .q {
    font-weight: bold;
    background-color: #CCC
}

.qa .q:before {
    content: "Q.";
    color: blue;
    margin-right: .5rem
}

.qa .a {
    margin-top: .5rem;
    margin-bottom: 2rem
}

.qa .a:before {
    content: "A.";
    font-weight: bold;
    color: red;
    margin-left: .5rem;
    margin-right: .5rem
}

#wheel {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    list-style-type: none;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background: #fff;
    overflow: hidden
}

#wheel * {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    list-style-type: none;
    box-sizing: border-box;
    text-decoration: none
}

#wheel .main {
    margin-bottom: 1em
}

#wheel .main img {
    max-width: 640px;
    width: 100%
}

@media only screen and (min-width: 640px) {
    #wheel {
        width: 640px
    }
}

#wheel h3 {
    margin: 0 auto 0.5em;
    max-width: 640px;
    width: 100%;
    height: 40px;
    background: url(https://gigaplus.makeshop.jp/vsone/handle/handle_cover_h2bg.png) no-repeat;
    background-size: cover;
    text-align: left
}

#wheel h3 p {
    margin: 0 auto;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5em 1em;
    background: url(https://gigaplus.makeshop.jp/vsone/handle/handle_cover_h2img.gif) no-repeat;
    background-size: contain
}

#wheel ul {
    padding: 0;
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#wheel ul li {
    margin-bottom: 1em;
    max-width: 48%
}

#wheel li img {
    max-width: 100%
}

#wheel nav {
    font-size: 12px;
    width: 98%;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    #wheel nav {
        width: 640px
    }
}

#wheel nav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#wheel nav li {
    width: 30%;
    text-align: center;
    margin-bottom: 2em
}

#wheel nav a {
    position: relative;
    text-decoration: none;
    border-radius: 10px;
    border: solid 1px #ccc;
    color: black;
    font-weight: bold;
    display: block;
    padding: 0.5em;
    transition: all 0.1s;
    text-align: center
}

#wheel nav a::after {
    position: absolute;
    content: ">";
    right: 1em
}

#wheel nav span {
    color: red;
    font-size: 0.25em
}

#wheel nav li:hover a {
    background: #666;
    color: white
}

#wheel .wheel_cover_size li {
    width: 24%
}

#wheel .wheel_cover_material li {
    width: 49%
}

#wheel .wheel_cover_stich {
    display: flex;
    justify-content: space-between
}

#wheel .wheel_cover_stich>div {
    width: 49%
}

.clone-nav {
    display: block;
    position: fixed;
    bottom: -50px;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%)
}

@media only screen and (min-width: 640px) {
    .clone-nav {
        display: none
    }
}

.clone-nav ul {
    width: 100% !important
}

.clone-nav ul li {
    height: 50px;
    border: solid 1px #FFFFFF;
    background-color: #BF1E39;
    padding: 7px;
    font-size: .7rem
}

.clone-nav ul li a {
    color: #FFFFFF
}

.clone-nav ul li a i {
    font-size: 1.3rem
}

.is-show {
    transform: translateY(0)
}

.accordion-content {
    padding: 10px 0
}

.accordion-click {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    margin-top: 15px
}

.accordion-click:after {
    content: "▼ Click";
    display: block;
    position: absolute;
    right: 5%;
    top: 0
}

@media only screen and (min-width: 640px) {
    .accordion-click:after {
        display: none
    }
}

.border-b {
    border-bottom: 2px solid #060606
}

.dotted-t {
    border-top: 1px dotted #060606
}

#head {
    width: 100% !important;
}

#container {
    width: 100% !important;
}

h4 {
    width: 100% !important;
}

#foot {
    width: 100% !important;
}

div.color_search {
    width: 100% !important;
}

div.shape_search {
    width: 100% !important;
}

td[width="147"] {
    display: inline-block !important;
}

.footer_inner {
    padding: 10px;
    background-color: burlywood;
    color: white;
}

p.footer_nav.text-center a {
    color: white !important;
}