body {
    background-color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    word-break: break-all;
}

hr {
    clear: both;
}

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 1em;
}

.mb2 {
    margin-bottom: 2em;
}

.mt1 {
    margin-top: 1em;
}

.mt2 {
    margin-top: 2em;
}

.inlineBlock {
    display: inline-block;
}

#main table.responsiveTable {
    text-align: left;
}

#main table.responsiveTable tbody td,
#main table.responsiveTable tbody th {
    background: transparent;
    border: none;
}

.btn {
    border-radius: 0 !important;
}

#header {
    margin-bottom: 30px;
}

#header #background {
    background-color: #F9D812;
}

#header nav .navbar-nav>.modules-btn>a {
    color: #333;
}

#header nav .navbar-nav>.modules-btn>a:hover {
    text-decoration: none;
}

#main .iframeWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

#main #searchCategory {
    font-size: .9em;
    background-color: #ffe8d1;
    padding: .5em 1em;
    margin-bottom: 1em;
}

#main #searchCategory a {
    display: inline-block;
    margin-bottom: 1em;
}

#main #searchCategory .categoryBox {
    padding-top: 1em;
}

#main #searchCategory .categoryBtn {
    display: inline-block;
    cursor: pointer;
    color: #2196f3;
}

#main #searchCategory .categoryBtn:hover {
    text-decoration: underline;
}


#main h1 {
    font-size: 1.1em;
    font-weight: normal;
}

#main #itemDetailInfo {
    background: #f5f5f5;
    padding: 13px 13px;
    margin-bottom: 1em;
    font-size: .7em;
}

#main #itemDetailInfo .contbox th {
    width: 100px;
    padding-top: 5px;
}

#main #itemDetailInfo .contbox td {
    padding-top: 5px;
    padding-left: 4px;
    word-wrap: break-word;
}

#main .priceArea {
    text-align: center;
}

#main .priceBox {
    background-color: #f91212;
    padding: .3em .5em;
    color: #fff;
    font-size: 1em;
    /*margin-right: .2em;*/
    display: inline-block;
    vertical-align: middle;
}

#main .price {
    /*padding: .3em .5em;*/
    font-size: 1.5em;
    font-family: helvetica;
    font-weight: bolder;
    display: inline-block;
    vertical-align: middle;
}

.tax {
    /*font-size: 10px;
    margin: 0 0 0 2px;*/
    white-space: nowrap;
    vertical-align: 1px;
}

#main .price .tax {
    font-family: inherit;
    padding: 0;
    font-size: 12px;
    /*margin: 0 0 0 5px;*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#main .pointInfo {
    padding: 1em 1em;
    margin-bottom: 1em;
    background-color: #ffe8d1;
}

#main .pointInfo img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main .pointInfo #point {
    font-size: 1.5em;
    font-family: helvetica;
    font-weight: bolder;
}

#main .orderButton {
    text-align: center;
    margin-bottom: 1em;
}

#main .orderButton input[type=submit] {
    font-family: FontAwesome, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    border-radius: 0;
}

#main .orderButtonBelow {
    font-family: FontAwesome, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, 'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 1em;
    font-weight: bolder;
    color: #5a3e1c;
    letter-spacing: .2em;
    padding: .8em;
    background-color: #ffd700;
}

#main #itemSetInfo {
    font-size: .9em;
    background: #f5f5f5;
    padding: 13px 13px;
}

#main #itemSetInfo {
    word-break: break-all;
}

#main #itemSetInfo th {
    text-align: center;
}

#main #itemSetInfo th:nth-child(2) {
    width: 28%;
}

#main #itemSetInfo input[type=submit] {
    font-family: FontAwesome, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    display: inline-block;
    border-radius: 0;
}

#main #itemSetInfo select {
    margin-bottom: 1em;
}

#main h3 {
    font-size: .9em;
}

#main #recommend h3 {
    font-size: 1em;
    font-weight: bolder;
    color: #5a3e1c;
    letter-spacing: .2em;
    padding: .8em;
    background-color: #ffd700;
}

#main #recommend .row {
    display: flex;
    flex-wrap: wrap;
}

#main #recommend a {
    font-size: .8em;
}

#main #recommend img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main #shopping-detail {
    margin-bottom: 2em;
    line-height: 1.2em;
}

#main #shopping-detail h3 {
    font-size: 1em;
    font-weight: bolder;
    color: #5a3e1c;
    letter-spacing: .2em;
    padding: .8em;
    background-color: #ffd700;
}

#main #shopping-detail h4 {
    font-size: .8em;
    list-style: none;
    background: url("../images/record-icon.gif") no-repeat 10px 12px;
    padding: 10px 30px;
    background-color: #ffffcc;
}

#main #shopping-detail p {
    font-size: .75em;
}

#main #shopping-detail img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main .itemCampBnr {
    display: none;
}

.kizaicomtoprec {
    font-weight: bold;
    padding: 1em;
    border-style: dashed;
    border-color: #A99F65;
    border-width: 5px;
}

.kizaicomrec {
    background-color: #F8F3D5;
    background-repeat: repeat-y;
    padding: 1em;
    border-style: dashed;
    border-color: #CECECE;
    border-width: 1px;
}

.recordsuisen {
    margin-left: 10px;
    margin-right: 5px;
    padding: 12px;
    background: url("/anarog/rc/suisenkabe.gif");
}

.recordsuisen2 {
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: -15px;
}

.recordsuisen3 {
    margin-left: 10px;
    margin-right: 5px;
}

#left-menu .menu-nav,
#right-menu .menu-nav {
    display: none;
}











/*#left-menu h4,
#right-menu h4 {
    font-size: 1em;
    text-align: center;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
    background-image: -webkit-linear-gradient(#f2f2f2, #FFF);
    background-image: linear-gradient(#f2f2f2, #FFF);
    border-top: 3px solid #ec9b00;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    padding: 7px 0px;
    color: #333;
}*/

#left-menu h4,
#right-menu h4 {
    font-size: .9em;
    padding: .5em;
    color: #010101;
    background: #ffebd0;
    border-bottom: solid 2px #ec9b00;
}

#left-menu .row-fluid div,
#right-menu .row-fluid div {
    margin-bottom: .5em;
}

#left-menu p,
#right-menu p {
    font-size: .8em;
}

#left-menu li,
#right-menu li {
    list-style: none;
}

#left-menu #snsButtons {
    margin-left: 0px;
}

#left-menu #snsButtons li {
    padding-right: 0px;
    padding-left: 0px;
}

#left-menu .bnrArea,
#right-menu .bnrArea {
    font-size: .8em;
    text-align: center;
}

#left-menu .mailMag {
    font-size: .8em;
}

#left-menu input {
    width: 100%;
}

#left-menu h4:first-child,
#right-menu h4:first-child {
    margin-top: 0;
}

#left-menu .menu-list li,
#right-menu .menu-list li {
    font-size: .8em;
    list-style: none;
    color: #993333;
    background: url("/otainew/images/list_icon.gif") no-repeat 0px 15px;
    border-bottom: 1px dotted #666666;
    padding: 10px 0 10px 15px;
}

#left-menu .row-fluid img,
#right-menu .row-fluid img {
    width: 100%;
}

#left-menu .menu-list .listGruop,
#right-menu .menu-list .listGruop {
    font-size: 1em;
    background: none;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0;
}

#left-menu .menu-list .listGruop ul li:nth-child(1),
#right-menu .menu-list .listGruop ul li:nth-child(1) {
    background: none;
    padding: 0.5em;
}

#left-menu .menu-list .listGruop ul li:not(:first-child),
#right-menu .menu-list .listGruop ul li:not(:first-child) {
    background: url(/otainew/images/list_icon.gif) no-repeat 20px 15px;
    padding: 10px 0 10px 30px;
}

#left-menu .menu-list .listCaption,
#right-menu .menu-list .listCaption {
    background: none;
}

#main .movieThumb {
    position: relative;
}

#main .playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#main #itemInfo p {
    letter-spacing: .1em;
    line-height: 1.7em;
    font-size: .9em;
    padding: 0 1em;
}

#main #itemInfo img {
    margin-bottom: 1em;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
}

#main #itemInfo iframe {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main #itemInfo h2 {
    font-weight: bolder;
    font-size: 1em;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
    background-image: -webkit-linear-gradient(#f2f2f2, #FFF);
    background-image: linear-gradient(#f2f2f2, #FFF);
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: .8em .5em;
    border-left: 5px #ff8000 solid;
}

#main #itemInfo #commentmidashi {
    font-weight: bolder;
    font-size: 1em;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
    background-image: -webkit-linear-gradient(#f2f2f2, #FFF);
    background-image: linear-gradient(#f2f2f2, #FFF);
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: .8em .5em;
    border-left: 5px #ff8000 solid;
}

#main #itemInfo #commentspec {
    font-weight: bolder;
    font-size: 1em;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
    background-image: -webkit-linear-gradient(#f2f2f2, #FFF);
    background-image: linear-gradient(#f2f2f2, #FFF);
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: .8em .5em;
    border-left: 5px #6f6f6f solid;
}

#main #itemInfo #commentdouga {
    font-weight: bolder;
    font-size: 1em;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF));
    background-image: -webkit-linear-gradient(#f2f2f2, #FFF);
    background-image: linear-gradient(#f2f2f2, #FFF);
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 0px 1px #FFF inset;
    box-shadow: 0px 0px 0px 1px #FFF inset;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: .8em .5em;
    border-left: 5px #000080 solid;
}

#main #itemInfo #userComment {
    font-weight: bolder;
    background-color: #FFF;
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2em;
    margin-bottom: 2em;
    border-left: none;
    position: relative;
    padding: .8em .9em;
    background-color: #f0f0f0;
    border-radius: 6px;
}

#main #itemInfo #userComment::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f0f0f0;
}

#main #itemInfo .commentEyesWrapper {
    padding: 0 1em 1em 1em;
    width: 100%;
    position: relative;
    background: url("/top/eyenote.gif") no-repeat left top;
    background-color: #fcfbd4;
}

#main #itemInfo .commentEyesWrapper {
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

#main #itemInfo .commentEyesWrapper:before {
    content: "";
    display: block;
    padding-top: 25%;
}

#main #itemInfo .commentEyesWrapper2 {
    padding: 0 1em 0 1em;
    width: 100%;
    position: relative;
    background: url("/top/eyenote2.gif") no-repeat left top;
}

#main #itemInfo .commentEyesWrapper2 {
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

#main #itemInfo .commentEyesWrapper2:before {
    content: "";
    display: block;
    padding-top: 25%;
}

#main #itemInfo #commenteyes img {
    width: 100%;
}

#main #itemInfo table {
    word-break: break-all;
}

#main #itemInfo hr {
    margin: 1em 0;
}

#main #itemInfo .presentset {
    width: 600px;
}

#main #itemInfo .presentset h3 {
    min-height: 30px;
    background-color: #fcec74;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    background-image: url("images/badge.gif");
    background-repeat: no-repeat;
    background-position: 10px 10px;
    font-size: 30px;
    padding: 10px 10px 10px 40px;
}

#main #itemInfo .presentset .present_img {
    float: left;
    width: 42%;
}

#main #itemInfo .presentset .present_img img {
    max-width: 252px;
}

#main #itemInfo .presentset .present_txt {
    padding: 0;
    width: 55%;
    float: right;
    font-size: 1.2em;
    line-height: 1.6em;
    letter-spacing: .2em;
}

#main #itemInfo .presentset .button {
    text-align: center;
    clear: both;
    margin: 25px 0 30px 0;
}

#main #itemInfo .presentset .button a {
    background: #3498db;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    font-family: Arial;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}

#main #itemInfo .presentset .button a:hover {
    background: #3cb0fd;
    text-decoration: none;
}

#main #itemInfo .presentset hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
    margin: 20px 0 30px 0;
}

#main #itemInfo .setheadingor {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #fe931f;
    background: linear-gradient(#fe931f 50%, #ff8500 50%, #ff8500);
    border-left: 8px solid #ed811f;
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo .setheadinggr {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #71cf45;
    background: linear-gradient(#71cf45 50%, #5dc82c 50%, #5dc82c);
    border-left: 8px solid #6dbd42;
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo .setheadingbl {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #43a8b2;
    background: linear-gradient(#43a8b2 50%, #2a9ca7 50%, #2a9ca7);
    border-left: 8px solid #3b9da0;
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo .setheadingbr {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #b67147;
    background: linear-gradient(#b67147 50%, #ac5f2b 50%, #ac5f2b);
    border-left: 8px solid #a76640;
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo .setheadingpu {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #cf45c4;
    background: linear-gradient(#cf45c4 50%, #c82cc3 50%, #c82cc3);
    border-left: 8px solid #c82ca4;
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemList .item h5 {
    font-size: .9em;
}

#main #itemList .item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main #itemList .item p {
    font-size: .7em;
}

#main #itemList hr {
    border-top: #999 solid 1px;
    color: #444;
}

#main #itemList .searchResult p {
    font-size: 1em;
}

#main #itemList .searchResult a {
    cursor: pointer;
}

#main #itemList .item .priceBox {
    font-size: .7em;
    padding: .5em;
}

#main #itemList .item .price {
    font-size: .8em;
}

#main #itemList .item .tax {
    font-size: .6em;
}

#main #itemList .item .html2 img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main #itemList .item .row {
    margin-bottom: 1em;
}

#main #itemList .item .row form {
    margin-bottom: 1em;
}

#main #itemList .item .pointPrice {
    font-size: 1.5em;
    font-weight: bolder;
}

#main #itemList .item .html2 {
    position: relative;
    padding: .5em .75em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

#main #itemList .item .html2::before,
#main #itemList .item .html2:after {
    border: 10px solid transparent;
    border-bottom-color: #ccc;
    border-top-width: 0;
    width: 0;
    top: -11px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
}

#main #itemList .item .html2::before {
    border-bottom: 10px solid #ccc;
}

#main #itemList .item .html2::after {
    top: -9px;
    border-bottom: 10px solid #fff;
}

#main #itemList .item input[type=submit] {
    padding: 6px 5px;
    font-family: FontAwesome, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    display: inline-block;
    border-radius: 0;
}

#footer {
    font-size: .75em;
    clear: both;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #993333;
    background: #f9d812;
}

#footer li {
    display: inline-block;
    margin-bottom: 1em;
}

#footer li>a {
    border-radius: 0;
    color: #993333;
    border-right: 1px solid #928E27;
    padding: 6px 8px;
    margin: 0;
}

#footer li>a:hover,
#footer li>a:focus {
    background-color: #F9D812;
    color: #0a6ebd;
    text-decoration: underline;
}

#footer li>a:hover,
#footer li>a:focus {
    color: #92278F;
}

.facebook {
    text-align: center;
    margin-bottom: 2em;
}

.fb_iframe_widget>span {
    vertical-align: baseline !important;
}

.jaccsInfo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.jaccs {
    position: relative;
    padding: 0.5em 0.5em 0.5em 1.7em;
}

.jaccs:before {
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.jaccs:after {
    content: "";
    position: absolute;
    background: #d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.cart-frame .cart-form td,
.cart-frame .cart-step td {
    border: 1px solid #cfcfcf;
    padding: 5px;
}

.cart-frame .cart-form table td {
    border: none;
}

.cart-frame .cartframe-alert {
    border: solid 1px #ff0000;
    background-color: #ffffcc;
    padding: .5em;
}

.cart-frame .cart-card {
    border: 1px solid #cfcfcf;
    padding: 5px;
}

.cart-frame .text-area {
    width: 100%;
}

#main #topPage h1 {
    font-size: .8em;
}

#main #topPage .logbox {
    font-size: .76em;
    border: solid 1px #808080;
    height: 150px;
    padding: 0.5em;
    overflow: auto;
    margin-bottom: 2em;
}

#main #topPage #bannerArea iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main #topPage img {
    display: block;
    max-width: 100%;
    height: auto;
}

#main #topPage #bannerArea img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#main #topPage table {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#main #topPage #topButton {
    margin-bottom: 1em;
}

#main #topPage #topButton .col-xs-3 {
    padding-right: 2px;
    padding-left: 2px;
}

#main #topPage #updates {
    font-weight: bolder;
    color: #fff;
    letter-spacing: .2em;
    padding: .5em .75em;
    background-color: #a65625;
}

#main #topPage #bannerArea hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

#main #topPage #usedItems {
    width: 100%;
    table-layout: fixed;
    font-size: .8em;
}

#main #topPage #usedHeading {
    background-color: #f00;
}

#main #topPage #usedItems strong,
#main #topPage #popularItems strong,
#main #topPage #newItems strong {
    color: #f00;
}

#main #topPage #usedHeading strong {
    color: #fff;
}

#main #topPage #recordItems,
#main #topPage #popularItems,
#main #topPage #newItems {
    width: 100%;
    table-layout: fixed;
    font-size: .8em;
}

#main #topPage #recordItems td,
#main #topPage #popularItems td,
#main #topPage #newItems td {
    border-top: none;
}

#main #topPage #recordItems tr:nth-child(odd) td img {
    margin: 0 auto;
}

#main #topPage #djSets {
    font-weight: bolder;
    color: #5a3e1c;
    letter-spacing: .2em;
    padding: .5em .75em;
    background-color: #ffd700;
}

#main #topPage #popularItems tr:nth-child(3n) td,
#main #topPage #newItems tr:nth-child(3n) td {
    padding-bottom: 2em;
}

#main #topPage .menulist .row {
    padding: 0 10px;
}

#main #topPage .menulist .col-xs-3 {
    margin-bottom: 1em;
    padding: 0 5px;
}


#main #topPage #recordMenuBtn {
    display: inline-block;
    cursor: pointer;
    color: #2196f3;
}


#main #topPage .menulist .col-xs-3 img {
    margin: 0 auto;
}

#main #topPage .menu-list,
#main #topPage .menu-list .Inset {
    padding: 0;
}


#main #topPage .menu-list li {
    font-size: .8em;
    list-style: none;
    color: #993333;
    background: url("/otainew/images/list_icon.gif") no-repeat 0px 15px;
    border-bottom: 1px dotted #666666;
    padding: 10px 0 10px 15px;
}

#main #topPage .row-fluid img {
    width: 100%;
}

#main #topPage .menu-list .listGruop {
    font-size: 1em;
    background: none;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0;
}

#main #topPage .menu-list .listGruop ul li:nth-child(1) {
    background: none;
    padding: 0.5em;
}

#main #topPage .menu-list .listGruop ul li:not(:first-child) {
    background: url(/otainew/images/list_icon.gif) no-repeat 20px 15px;
    padding: 10px 0 10px 30px;
}

#main #topPage .menu-list .listCaption {
    background: none;
}


/* 商品ページ20180601追加 */

#main #itemInfo .comment_price {
    font-size: 4em;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1em;
    color: #ff0000;
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
}

#main #itemInfo .comment_price span {
    font-size: 0.4em;
}








/* 商品ページ20180613追加 */

#main #itemInfo .col-xs-6 img {
    width: 100%;
}







/* 検索一覧グリッド化20180619追加 */

#main #itemList .item {
    padding: 15px;
}

#main #itemList .js-text-overflow {
    overflow: hidden;
    height: 5.5em;
}







/* 中古品 */

#main #itemInfo #chuukoInfo {
    background: #f5f5f5;
    padding: 13px 13px;
    margin-bottom: 1em;
    font-size: 1em;
}

#main #itemInfo #chuukoInfo ul {
    list-style: none;
    padding-left: 0;
}

#main #itemInfo #chuukoInfo ul li {
    letter-spacing: .1em;
    line-height: 1.7em;
    font-size: .9em;
    padding: 0.5em 1em 0.5em 1em;
    border-bottom: solid 1px #dadada;
}

#main #itemInfo #chuukoInfo ul li p {
    padding: 0;
    font-weight: bold;
}

#main #itemInfo #chuukoInfo ul li .col-xs-10 p {
    font-weight: normal;
}

#main #itemInfo .chuukoClass {
    text-align: center;
    font-size: 3em;
    font-weight: bolder;
    color: orange;
    padding: 0em;
}

#main #itemInfo #chuukoInfo ul li #hinshu {
    font-size: 2em;
}

#main #itemInfo #chuukoInfo ul li #hinshu,
#main #itemInfo #chuukoInfo ul li #n,
#main #itemInfo #chuukoInfo ul li p.pricedif {
    font-weight: bolder;
    color: #f00;
}

#main #itemInfo #chuukoInfo ul li p.pricedif {
    font-size: 1em;
    margin-bottom: 0;
}

#main #itemInfo #chuukoInfo>ul>li:last-child {
    border-bottom: none;
}



/* カート */

#main .cart-frame p,
#main .cart-frame table {
    letter-spacing: .1em;
    line-height: 1.7em;
    font-size: .9em;
    padding: 0 1em;
}

#main .cart-frame h2 {
    color: #5a3e1c;
    padding: .5em .75em;
    background-color: #ffd700;
}

#main .cart-frame h3 {
    font-size: 1.2em;
    list-style: none;
    background: url(https://www.otaiweb.com/template/images/record-icon.gif) no-repeat 10px 15px;
    padding: 10px 30px;
    background-color: #ffffcc;
}

#main .cart-frame .cart-step {
    width: 100%;
    font-size: .8em;
    margin: 1em 0;
}

#main .cart-frame .continue_btn {
    text-align: center;
}

#main .cart-frame .continue_btn img {
    max-width: 70%;
}

#main .cart-frame .item-table,
#main .cart-frame .order-table {
    width: 100%;
    margin-bottom: .5em;
}

#main .cart-frame .item-table th,
#main .cart-frame .order-table th {
    width: 20%;
    text-align: center;
    background-color: #FFEB94;
}

#main .cart-frame .item-table td,
#main .cart-frame .item-table th,
#main .cart-frame .order-table td,
#main .cart-frame .order-table th {
    padding: .5em;
}

#main .cart-frame .deletebtn {
    float: right;
    margin-bottom: 2em;
}

#main .cart-frame .order-table {
    clear: both;
    margin-bottom: 2em;
}

#main .cart-frame .order-table #e_all {
    font-weight: 900;
    color: #f00;
}


#main .cart-frame .point_message {
    margin-bottom: 2em;
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 15px;
}

#main .cart-frame .point_message p {
    margin-bottom: 0;
}

#main .cart-frame .point_message span {
    font-weight: 900;
    color: #f00;
}

#main .cart-frame .danger_message {
    padding: 1em;
    background-color: #ffffcd;
    border: 1px solid #f00;
    border-radius: 15px;
    margin-bottom: 2em;
}

#main .cart-frame .danger_message .danger_icon {
    margin-bottom: .8em;
    text-align: center;
}

#main .cart-frame .danger_message .danger_icon img {
    width: 38px;
}

#main .cart-frame .mailmag th {
    width: 65%;
}

#main .cart-frame .mailmag th:firstchild {
    width: 100%;
}


/* 検索一覧 */

#itemList table.narrow a {
    cursor: pointer;
}


/* DJ set */

#main #itemInfo #djset .djsettanpin {
    font-weight: bold;
    color: #0b0b0b;
    background: linear-gradient(to bottom right, #cbcaca 50%, #b4b4b4 50%);
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo #djset .djseta {
    font-weight: bold;
    color: #0b0b0b;
    background: linear-gradient(to bottom right, #f95e59 50%, #fe1b14 50%);
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo #djset .djsetb {
    font-weight: bold;
    color: #0b0b0b;
    background: linear-gradient(to bottom right, #f1fe14 50%, #dae612 50%);
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo #djset .djsetc {
    font-weight: bold;
    color: #0b0b0b;
    background: linear-gradient(to bottom right, #1276e6 50%, #0e5db6 50%);
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo #djset .djsetd {
    font-weight: bold;
    color: #0b0b0b;
    background: linear-gradient(to bottom right, #3ceb13 50%, #34c812 50%);
    padding: 0.5em;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.6);
}

#main #itemInfo #djset .row {
    margin-right: -5px;
    margin-left: -5px;
}

#main #itemInfo #djset .col-lg-1,
#main #itemInfo #djset .col-lg-10,
#main #itemInfo #djset .col-lg-11,
#main #itemInfo #djset .col-lg-12,
#main #itemInfo #djset .col-lg-2,
#main #itemInfo #djset .col-lg-3,
#main #itemInfo #djset .col-lg-4,
#main #itemInfo #djset .col-lg-5,
#main #itemInfo #djset .col-lg-6,
#main #itemInfo #djset .col-lg-7,
#main #itemInfo #djset .col-lg-8,
#main #itemInfo #djset .col-lg-9,
#main #itemInfo #djset .col-md-1,
#main #itemInfo #djset .col-md-10,
#main #itemInfo #djset .col-md-11,
#main #itemInfo #djset .col-md-12,
#main #itemInfo #djset .col-md-2,
#main #itemInfo #djset .col-md-3,
#main #itemInfo #djset .col-md-4,
#main #itemInfo #djset .col-md-5,
#main #itemInfo #djset .col-md-6,
#main #itemInfo #djset .col-md-7,
#main #itemInfo #djset .col-md-8,
#main #itemInfo #djset .col-md-9,
#main #itemInfo #djset .col-sm-1,
#main #itemInfo #djset .col-sm-10,
#main #itemInfo #djset .col-sm-11,
#main #itemInfo #djset .col-sm-12,
#main #itemInfo #djset .col-sm-2,
#main #itemInfo #djset .col-sm-3,
#main #itemInfo #djset .col-sm-4,
#main #itemInfo #djset .col-sm-5,
#main #itemInfo #djset .col-sm-6,
#main #itemInfo #djset .col-sm-7,
#main #itemInfo #djset .col-sm-8,
#main #itemInfo #djset .col-sm-9,
#main #itemInfo #djset .col-xs-1,
#main #itemInfo #djset .col-xs-10,
#main #itemInfo #djset .col-xs-11,
#main #itemInfo #djset .col-xs-12,
#main #itemInfo #djset .col-xs-2,
#main #itemInfo #djset .col-xs-3,
#main #itemInfo #djset .col-xs-4,
#main #itemInfo #djset .col-xs-5,
#main #itemInfo #djset .col-xs-6,
#main #itemInfo #djset .col-xs-7,
#main #itemInfo #djset .col-xs-8,
#main #itemInfo #djset .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

#main #itemInfo #djset img {
    margin-bottom: 11px;
    display: inline-block;
}


/*#main #itemInfo #djset .row {
    margin-bottom: 11px;
}*/

#main #itemInfo #djset .djsetkakaku {
    font-weight: bold;
    background-color: #f5f5f5;
    padding: .5em;
    font-size: 1.3em;
}

#main #itemInfo #djset .djsetkakaku img {
    margin-bottom: 0;
}

#main #itemInfo #djset .muryoutokuten {
    font-weight: 900;
    margin: 0;
    line-height: 2em;
    margin-bottom: 11px;
    padding: 0 1em 0px 5px;
}

#main #itemInfo #djset .muryoutokuten span {
    background-color: #f00;
    color: #fff !important;
    padding: .5em;
    margin-right: .5em;
}