@charset "UTF-8";

/* CSS Document */

/*　全体
---------------------------------------------------------- */
body {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    -webkit-text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
}

a.linkStyle {
    text-decoration: underline !important;
    color: #1F72C0 !important;
}

a.linkStyle:hover {
    text-decoration: none !important;
}

img {
    vertical-align: middle;
}

.wrapper {
    width: 100%;
    min-width: 1040px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

input[type="text"] {
    line-height: 2;
    height: 2em;
}

ul.normalist {
    margin: 5px 0 5px 8px;
    padding-left: 8px;
}

ul.normalist li {
    list-style: disc;
}

p.normaltxt {
    margin: 10px 0;
}

div.normalbox {
    margin: 15px 0;
}

.font-large {
    font-size: 116%;
}

.normaltit {
    font-size: 116%;
    margin: 5px 0;
    font-weight: bold;
    display: block;
}

.nomalInner {
    padding: 0 10px;
}

.text-left {
    text-align: left;
}

.onlyradio label {
    width: auto !important;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    float: none;
}

.onlyradio label input[type="radio"] {
    width: auto !important;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 0;
    margin-right: 5px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .wrapper {
        min-width: 0;
    }

    .onlyradio label {
        float: none !important;
    }

    .onlyradio label input[type="radio"] {
        float: none !important;
    }
}

.imgWidth {
    width: 100%;
    height: auto;
}

.cf {
    clear: both;
}

#tab1 label {
    font-size: 116%;
}

.errorTxt {
    color: #DF4435;
    font-size: 88%;
    clear: both;
}

.errorBox {
    background: #FBF8F1;
    padding: 20px;
    margin: 0px auto 20px;
}

.errorBox dt {
    color: #DF4435;
    font-size: 116%;
}

.errorBox dd ul {
    list-style: disc;
    padding: 10px 0px 0px 20px;
}

#alert {
    display: block;
    text-align: center;
    margin: 1em 0 0;
}

strong {
    font-weight: bold;
}


/* top
---------------------------------------------------------- */
/* 191120 move */
.quocard {
  padding: 1em;
  margin: 2em 0;
  border: solid 1px #cba033;
  background: #fffcf5;
}
.quocard p {
  text-align:center;
  margin: 0; 
  padding: 0;
  font-size: 15px;
  font-weight:bold;
  color:#333333;
}
.quocard .quocard_head {
  text-align:center;
  font-weight:bold;
  font-size: 17px;
  color:#e33f2b;
}
.quocard .quocard_head a{
  color:#e33f2b;
  text-decoration: underline;
}
.quocard .quocard_head a:hover{
  text-decoration: none;
}
.quocard .quocard_head a:active,
.quocard .quocard_head a:visited{
  color:#e33f2b;
}

.categoryBox li a:hover {
    background: #FD7A58;
    color: #FFF;
}


/* News Box */
.newsBox .newsBoxInner {
    box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%;
    padding: 15px;
    background: #fff;
}

.newsBox .mapInner {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.newsBox .mapInner img {
    width: 100%;
    max-width: 750px;
    height: auto;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
    .newsBox .mapInner {
        padding-top: 10px;
        margin-bottom: 10px;
    }
}

.newsBox h3.leftH3 {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.0;
    font-weight: bold;
}

.newsBox h3.leftH3:after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    margin: auto 0;
    background: url(../img/common/bg_line_01.png) repeat;
}

.newsBox .newsList {
    display: table-cell;
}

.newsBox .newsList dt:first-child {
    margin-top: 0;
}

.newsBox .newsList dt time {
    display: block;
}

.newsBox .newsList dt a {
    color: #337ab7;
    text-decoration: underline;
}

.newsBox .newsList dd {
    color: #6c6c6c;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .newsBox {
        padding: 30px 0;
    }

    .newsBox h3.leftH3 {
        width: 90px;
        padding-right: 6px;
        font-size: 123%;
    }

    .newsBox h3.leftH3:after {
        width: 6px;
        left: 99px;
    }

    .newsBox .newsList {
        padding-left: 20px;
    }

    .newsBox .newsList dt {
        margin-top: 25px;
    }

    .newsBox .newsList dt time {
        font-size: 115%;
        margin-bottom: 5px;
    }

    .newsBox .newsList dt a:hover {
        text-decoration: none;
    }

    .newsBox .newsList dd {
        margin-top: 5px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .newsBox {
        padding: 0;
        margin-top: -1.4em;
    }

    .newsBox .newsBoxInner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .newsBox h3.leftH3 {
        width: 60px;
        padding-right: 3px;
        font-size: 92.5%;
    }

    .newsBox h3.leftH3:after {
        width: 3px;
        left: 67px;
    }

    .newsBox .newsList {
        padding-left: 10px;
        margin: 0 5%;
    }

    .newsBox .newsList dt {
        margin-top: 10px;
    }

    .newsBox .newsList dt time {
        font-size: 84.6%;
    }

    .newsBox .newsList dt a,
    .newsBox .newsList dt span {
        font-size: 61.5%;
    }

    .newsBox .newsList dd {
        font-size: 61.5%;
    }
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .searchBox {
        padding: 35px 0px;
    }

    .searchBox input {
        width: 75%;
    }

    .searchBox form {
        background: #EBE8D5;
        padding: 10px 30px;
        border: 1px solid #FFFFFF;
        margin-bottom: 20px;
    }

    .searchBox form .btn_style01 {
        float: left;
        width: 15%;
        padding-left: 10px;
        font-size: 123.1%;
    }

    .searchBox form .btn_style01 span {
        background: url(../img/common/ico_search.png) no-repeat right center;
        padding-right: 40px;
        padding-bottom: 2px;
        background-position: 100% 3px;
    }

    .searchBox form label,
    .searchBox form input {
        float: left;
        font-size: 123.1%;
        margin-right: 15px;
        height: 30px;
        line-height: 2em;
        margin-top: 5px;
    }

    .searchBox ul li {
        float: left;
        width: 49%;
    }

    .searchBox ul li:first-child {
        margin-right: 20px;
    }

    .searchBox ul li .btn_style01 {
        font-size: 153.9%;
    }

    .searchBox ul li .btn_style01 span {
        background: url(../img/common/ico_arrow_w.png) no-repeat right center;
        padding-right: 30px;
    }

    .ranking {
        background: url(../img/common/bg_content_line.jpg) repeat-x left top, url(../img/common/bg_content_line.jpg) repeat-x left bottom, url(../img/common/bg_content_01.jpg) repeat left top;
        padding: 35px 0px;
    }

    .ranking h2 {
        font-size: 230%;
        text-align: center;
        background: url(../img/common/bg_tit_line.png) no-repeat center bottom;
        padding-bottom: 12px;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .ranking h2 span {
        display: block;
        margin-bottom: 10px;
    }

    .ranking ol li {
        width: 200px;
        float: left;
        margin-right: 10px;
    }

    .ranking ol li a,
    .ranking ol li span {
        display: block;
    }

    .ranking ol li a:hover dt img,
    .ranking ol li a:hover dd {
        opacity: 0.4;
    }

    .ranking ol li:last-child {
        margin-right: 0px;
    }

    .ranking ol li dt {
        text-align: center;
        margin: 10px auto;
    }

    .ranking ol li dt span {
        background: #FFF;
        margin: 10px auto 0px;
    }

    .ranking ol li dd p {
        color: #E33F2B;
        font-size: 138.5%;
    }

    #top .reason {
        background: url(../img/top/bg_reason.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
        background-color: #f5f2eb;
    }

    #top .reason h2 {
        text-align: center;
        background: url(../img/common/bg_content_02.jpg) repeat left top !important;
        padding: 20px 0px;
    }

    .h2Wrap {
        background: url(../img/common/bg_line_01.png) repeat-x left top;
        padding-top: 10px;
    }

    .common .contentRight .reason h2 {
        text-align: center;
        background: url(../img/common/bg_content_02.jpg) repeat left top !important;
        padding: 20px 0px;
    }

    .reasonWrap {
        margin: 0px auto 40px;
        background: url(../img/common/bg_w.png) repeat left top;
        border-radius: 0px 0px 20px 20px;
        padding: 0px 0px 40px 20px;
    }

    #top .reasonInner {
        width: 49%;
        float: left;
        margin-top: 40px;
        height: 263px;
    }

    #top .reasonTxt {
        margin: 0px auto;
        padding-top: 30px;
        clear: both;
    }

    #top .reasonTxt p {
        font-size: 108%;
        line-height: 1.5;
        margin: 0px 10px;
    }

    #top .reasonTxt .btn_style01 a {
        font-size: 153.9%;
        padding: 13px;
        width: 45%;
        margin: 30px auto 0px;
    }

    #top .reasonTxt .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding-right: 25px;
    }

    .reasonInner img {
        float: left;
    }

    .reasonInner dl {
        float: left;
        margin-left: 15px;
    }

    #top .reasonInner dl {
        width: 210px;
    }

    .reasonInner dl dt {
        font-size: 197%;
        font-weight: 700;
        border-bottom: 1px dotted #EB3900;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .reasonInner dl dt span {
        background: url(../img/common/bg_line.jpg) repeat-x 0 0;
        background-size: 20px;
        padding-bottom: 10px;
    }

    .reasonInner dl dd {
        color: #666666;
    }

    .reasonInner dl dd span {
        color: #E53D1F;
        font-weight: 700;
    }

    .reasonInner p {
        font-size: 108%;
        width: 90%;
        color: #212121;
        margin-bottom: 20px;
        margin-left: 30px;
    }

    .reasonInner .btn_style01 {
        width: 90%;
        margin-left: 30px;
    }

    .reasonInner .btn_style01 a {
        font-size: 167%;
        padding: 18px 15px;
    }

    .reasonInner .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding-right: 20px;
    }

    #top .categoryBox {
        padding: 50px 0px;
    }

    #top .bg_style01 h3 {
        background: url(../img/common/bg_tit_line_01.png) no-repeat center bottom;
    }

    #top .categoryBox li {
        float: left;
        width: 25%;
    }

    #top .categoryBox li {
        border: 1px dotted #D7D696;
    }

    .categoryBox li a {
        border: 4px solid #CDCDCD;
        /*display: block;*/
        background: #FFFFFF;
        color: #2C2C2C;
        font-size: 108%;
        position: relative;
        display: table;
        width: 100%;
    }

    .common .categoryBox li a {
        border: 4px solid #EBEBE9;
        height: 80px;
    }

    .categoryBox li .imgArea,
    .categoryBox li p {
        display: table-cell;
    }

    .categoryBox li .imgArea {
        width: 46%;
    }

    .categoryBox li a img {
        float: left;
        margin-left: 5px;
    }

    .categoryBox li p {
        /*float: left;*/
        vertical-align: middle;
        padding-right: 10px;
        /*width: 46%;*/
        /*    position: absolute;
    top: 50%;
    left: 46%;
    margin-top: -0.5em;*/
    }

    /*.categoryBox li:nth-child(2) p, .categoryBox li:nth-child(5) p, .categoryBox li:nth-child(6) p, .categoryBox li:nth-child(7) p, .categoryBox li:nth-child(10) p, .categoryBox li:nth-child(11) p, .categoryBox li:nth-child(12) p {
    margin-top: -1.5em;
}*/
    .lifestyleBox {
        padding-bottom: 40px;
    }

    .lifestyleBox li {
        width: 200px;
        float: left;
        margin: 0px 10px 10px 0px;
    }

    .lifestyleBox li:nth-child(5),
    .lifestyleBox li:nth-child(10) {
        margin: 0px 0px 10px 0px;
    }

    .lifestyleBox a {
        color: #333333;
    }

    .lifestyleBox a:hover {
        color: #333333;
    }

    .lifestyleBox li dl {
        position: relative;
        background: #FFF;
        z-index: 10;
    }

    .lifestyleBox li dl:hover dt,
    .lifestyleBox li dl:hover dd {
        opacity: 0.3;
    }

    .lifestyleBox li dl dt img {
        background: #FFF;
    }

    .lifestyleBox dd {
        background: url(../img/common/bg_w_01.png) left top;
        padding: 10px;
        position: absolute;
        height: 30%;
        bottom: 0;
        width: 200px;
    }

    .lifestyleBox dd p {
        background: url(../img/common/ico_click_r.png) no-repeat left top;
        background-position: 2px 2px;
        padding-left: 20px;
        font-weight: 600;
        font-size: 108%;
    }

    .voiceWrap {
        padding: 40px 0px;
    }

    .contactbnrWrap {
        border: 1px solid #D6D6D6;
        background: #EBEBEB;
        padding: 4px;
        margin-bottom: 40px;
    }

    .contactBnr {
        background: #FFF;
    }

    .contactBnr>img {
        float: left;
    }

    .contactBnr .contactbnrInner {
        box-sizing: border-box;
        float: left;
        max-width: 750px;
        padding: 15px 30px;
    }

    .contactBnr .contactbnrInner.contactbnrCol-02 {
        padding: 18px 15px;
    }

    .contactBnr .contactbnrCol-02 .contactbnrItem {
        margin-left: 15px;
    }

    .contactBnr .contactbnrInner p,
    .contactBnr .contactbnrItem dl {
        letter-spacing: 0;
    }

    .contactBnr .contactbnrItem {
        float: left;
        margin-left: 30px;
        margin-bottom: 15px;
    }

    .contactBnr .contactbnrItem:first-child {
        margin-left: 0;
    }

    .contactBnr .contactbnrItem dl {
        min-width: 210px;
    }

    .contactBnr .contactbnrCol-02 .contactbnrItem dl {
        min-width: 328px;
    }

    .contactBnr .contactbnrItem dt {
        position: relative;
        padding: 0 5px 10px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: normal;
    }

    .contactBnr .contactbnrItem dt::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: url(../img/common/bg_line_01.png) repeat;
    }

    .contactBnr .contactbnrItem dd {
        text-align: center;
    }

    .contactBnr .contactbnrInner .contactLeftTxt {
        float: left;
        margin-top: 10px;
    }

    .contactBnr .contactbnrInner .contactLeftTxt span,
    .contactBnr .contactbnrItem dt span {
        color: #e33f2b;
    }

    .contactBnr .btn_style01 {
        float: right;
    }

    .contactBnr .contactbnrInner.contactbnrCol-02 {}

    .contactbnrItem-long .btn_style01 {
        float: none;
    }

    .contactbnrItem-long:nth-child(1) {
        width: 659px;
        position: relative;
    }

    .contactbnrItem-long>p:nth-child(1) {
        float: left;
        width: 45%;
        position: relative;
    }

    .contactbnrItem-long>p:nth-child(2) {
        float: left;
        width: 340px;
        padding-top: 10px;
    }

    .contactBnr .contactbnrInner .contactbnrItem-long .contactLeftTxt {
        float: none;
        width: 100%;
        margin-top: 12px;
    }

    .contactbnrItem-long:nth-child(2) {
        width: 240px;
        float: right;
    }

    .contactBnr .contactbnrInner .contactbnrItem-long:nth-child(2) .contactLeftTxt {
        margin-top: 16px;
    }

    .contactbnrCol-02 .btn_style p {
        font-size: 12px;
    }

    .contactBnr .btn_style01 a {
        display: table;
        width: 95%;
        height: 32px;
        font-size: 107.7%;
        padding: 15px 0;
        padding-right: 13px;
    }

    .contactBnr .btn_style01 a span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        background-size: 8px auto;
    }

    .voiceBox h3 {
        background: url(../img/common/bg_tit_line_02.png) no-repeat center bottom;
    }

    .voiceboxInner {
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }

    .voiceboxInner button {
        float: left;
        width: 35%;
        border: 0px;
        padding: 0px;
    }

    .voiceboxInner img {
        width: 100%;
        border: 1px solid #ccc;
    }

    .voiceboxInner img:hover {
        opacity: 1;
    }

    .voiceboxInner dl {
        float: left;
        width: 55%;
        margin-left: 5%;
    }

    .voiceBox .modal-body img {
        width: 100%;
    }

    .voiceboxInner dl dt {
        font-size: 153.9%;
        margin-bottom: 10px;
    }

    /*.voiceboxInner dl dt:hover {
    opacity: 0.3;
}*/
    .voiceboxInner dl dd {
        color: #6C6C6C;
    }

    .voiceBox .btn_style01 {
        clear: both;
        width: 320px;
        margin: 0px auto;
    }

    .voiceBox .btn_style01 a {
        font-size: 138.5%;
    }

    .voiceBox .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding: 4px 20px 4px 0px;
    }

    .flowBox {
        padding: 40px 0px;
        background: #FFF;
    }

    .flowBox h3 {
        background: url(../img/common/bg_tit_line_02.png) no-repeat center bottom;
        padding-bottom: 20px;
    }

    .flowBox a:hover .flowInner {
        opacity: 0.8;
    }

    .flowInner {
        width: 208px;
        height: 290px;
        float: left;
        border-top: 1px solid #D0E6FA;
        border-right: 1px solid #D0E6FA;
        border-bottom: 1px solid #D0E6FA;
        background: #F3F9FD;
    }

    .flowInner:first-child {
        border: 1px solid #D0E6FA;
    }

    .flowInner p {
        color: #3185D8;
        text-align: center;
        position: relative;
        width: 170px;
        margin: 10px auto 20px;
        padding: 10px;
        background: #F3F9FD;
        border-bottom: 1px dotted #3186D8;
    }

    .flowInner p span {
        position: absolute;
        font-size: 123.1%;
        padding: 0px 10px;
        background: #F3F9FD;
        width: 90px;
        margin: 0px auto;
        left: 0;
        right: 0;
    }

    .flowInner dt {
        text-align: center;
        color: #2281DE;
        font-size: 153.9%;
    }

    .flowInner dt span {
        display: block;
        margin: 15px auto 10px;
    }

    .flowInner dd {
        padding: 0px 15px;
    }

    .contentbottomWrap ol {
        padding-top: 25px;
    }

    .contentbottomWrap ol li {
        float: left;
        width: 334px;
        height: 163px;
        margin: 15px 15px 15px 0px;
    }
    .contentbottomWrap ol li:nth-child(2) {
        margin-top: 2px;
    }
    .contentbottomWrap ol li:nth-child(3n) {
        margin-right: 0;
    }

    .contentBottom {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .contentbottomLeft {
        float: left;
        width: 510px;
    }

    .contentbottomRight {
        width: 510px;
        float: right;
    }

    .contentbottomLeft h4 {
        color: #8B8173;
        font-size: 153.9%;
        background: url(../img/common/bg_line.png) repeat-x left bottom;
        padding: 15px 10px;
        margin-bottom: 10px;
    }

    .contentbottomLeft .rentalInfo,
    .payment {
        background: #FFF;
        border: 1px dotted #E2DFD7;
        padding: 20px;
    }

    .contentbottomLeft .rentalInfo {
        margin-bottom: 30px;
    }

    .rentalInfo dt {
        font-size: 138.5%;
        margin: 5px auto;
    }

    .payment dt {
        font-weight: normal;
    }

    .tit_fb {
        width: 500px;
    }
  }
  
.tit_fb {
    color: #FFF;
    background: #395B9A;
    padding: 10px;
    font-size: 138.5%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .searchBox ul {
        border-bottom: 1px solid #FFF;
    }

    .searchBox ul li {
        background: #E4412B;
        text-align: center;
        border-top: 1px solid #FFF;
    }

    .searchBox ul li a {
        color: #FFFFFF;
        display: block;
        padding: 13px 0px;
    }

    .searchBox ul li span {
        background: url(../img/common/ico_arrow_w.png) no-repeat right center #E4412B;
        background-size: 14px 7px;
        padding-right: 30px;
    }

    .searchBox form .btn_style01 span {
        background: url(../img/common/ico_search.png) no-repeat right center;
        padding-right: 20px;
        padding-bottom: 2px;
        background-size: 12px 11px;
        background-position: 100% 1px;
    }

    .searchBox form {
        width: 100%;
        padding: 20px 2%;
        margin: 0px auto;
        background: #EBE8D4;
    }

    .searchBox label {
        float: left;
        width: 20%;
        margin-right: 1%;
        margin-top: 5px;
    }

    .searchBox input {
        float: left;
        width: 51%;
        line-height: 2;
        margin-right: 2%;
    }

    .searchBox .btn_style01 {
        float: left;
        margin-top: -2px;
        width: 26%;
    }

    .searchBox .btn_style01 a {
        width: 100%;
        display: block;
        padding: 5px 3px;
    }

    .ranking {
        background: url(../img/common/bg_content_line.jpg) repeat-x left top, url(../img/common/bg_content_line.jpg) repeat-x left bottom, url(../img/common/bg_content_01.jpg) repeat left top;
        padding: 0px 3% 20px;
    }

    .ranking h2 {
        text-align: center;
        background: url(../img/common/sp/bg_tit_01.png) no-repeat center bottom;
        background-size: 350px 6px;
        font-size: 140%;
        font-weight: 700;
        padding: 30px 0px 15px 5px;
    }

    .ranking h2 span {
        display: block;
        margin-bottom: 10px;
    }

    .ranking li {
        width: 32%;
        float: left;
        text-align: center;
        margin: 10px 2% 10px 0px;
    }

    .ranking li img {
        margin-bottom: 10px;
    }

    .ranking li:nth-child(3n) {
        margin: 10px 0px;
    }

    .ranking li img.imgWidth {
        width: 100%;
    }

    .ranking ol li dd p {
        color: #E33F2B;
        text-align: left;
        font-size: 100%;
    }

    .ranking ol li dd p span {
        font-size: 88%;
    }

    .h2Wrap {
        background: url(../img/common/bg_line_01.png) repeat-x left top;
        background-size: 10px 10px;
        padding-top: 5px;
    }

    .h2Wrap h2 {
        text-align: center;
        background: url(../img/common/bg_content_02.jpg) repeat 0 0;
        padding: 13px 0px;
    }

    .h2Wrap h2 img {
        width: 90%;
    }

    .reasonWrap .smp {
        padding: 10px 5% 20px;
        background: #FBF8F1;
    }

    .reasonWrap .smp dl {
        border-bottom: 1px dotted #EB3900;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .reasonWrap .smp dt {
        float: left;
    }

    .reasonWrap .smp dt img {
        width: 70%;
    }

    .reasonWrap .smp dd {
        float: left;
        margin-top: 13px;
        font-size: 120%;
    }

    .reasonWrap .smp p {
        margin: 20px auto 10px;
    }

    .reasonWrap .btn_style01 a {
        padding: 10px 0px;
    }

    .reasonWrap .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding: 4px 20px 4px 0px;
        background-size: 7px 11px;
        font-size: 120%;
    }

    .categoryBox .tyleH3,
    .lifestyleBox .tyleH3,
    .packageBox .tyleH3 {
        background: url(../img/common/sp/bg_tit_02.png) no-repeat center bottom;
        margin: 0px 5%;
    }

    #top .categoryBox ol {
        margin: 20px 3%;
        padding: 4px;
    }

    .categoryBox ol li {
        float: left;
        position: relative;
        width: 50%;
        display: inline;
        border: 1px dotted #ACACAC;
    }

    .categoryBox ol li a {
        /*display: block;*/
        font-size: 60%;
        overflow: hidden;
        padding: 0;
        border: 4px solid #EBEBEB;
        background: #FFF;
        display: table;
        width: 100%;
    }

    .categoryBox li .imgArea,
    .categoryBox li p {
        display: table-cell;
    }

    .categoryBox ol li p {
        padding-left: 8%;
        padding-right: 10px;
        vertical-align: middle;
        /*    position: absolute;
    top: 50%;
    padding-right: 5px;
    margin-top: -0.5em;
    left: 43%;
    width: 55%;*/
    }

    /*.categoryBox ol li:nth-child(2) p, .categoryBox ol li:nth-child(5) p, .categoryBox ol li:nth-child(6) p, .categoryBox ol li:nth-child(7) p, .categoryBox ol li:nth-child(10) p, .categoryBox ol li:nth-child(11) p, .categoryBox ol li:nth-child(12) p {
    margin-top: -1.4em;
}*/
    /*.categoryBox ol li img {*/
    .categoryBox ol li .imgArea {
        width: 35%;
        height: auto;
        padding: 10px;
        padding-right: 0;
    }

    .categoryBox ol li .imgArea img {
        width: 100%;
    }

    .lifestyleBox a {
        color: #333333;
    }

    .lifestyleBox a:hover {
        color: #333333;
    }

    .lifestyleBox ol {
        margin: 20px 3% 0px;
        padding-bottom: 20px;
    }

    .lifestyleBox li {
        float: left;
        width: 32%;
        margin: 0px 2% 10px 0px;
    }

    .lifestyleBox li:nth-child(3n) {
        margin: 0px 0px 10px 0px;
    }

    .lifestyleBox li dl {
        position: relative;
    }

    .lifestyleBox li dl dt img {
        width: 100%;
    }

    .lifestyleBox dd {
        background: url(../img/common/bg_w_01.png) left top;
        padding: 10px 3px;
        height: 40%;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .lifestyleBox dd p {
        background: url(../img/common/ico_click_r.png) no-repeat left top;
        padding-left: 10px;
        padding-top: 1px;
        background-size: 4px 8px;
        background-position: 3px 4px;
        font-weight: 600;
        font-size: 70%;
    }

    .contactbnrWrap {
        background: #EBEBEB;
        padding: 4px;
        border: 1px solid #D6D6D6;
    }

    .contactBnr {
        background: #FFF;
        padding: 10px;
    }

    .contactBnr .contactbnrInner {
        box-sizing: border-box;
        font-size: 11px;
        margin-top: 20px;
    }

    .contactBnr .contactbnrInner .btn_style01 {
        font-size: 13px;
    }

    .contactBnr .contactbnrItem-long,
    .contactBnr .contactbnrItem {
        position: relative;
    }

    .contactBnr .contactbnrItem-long p {
        margin-bottom: 10px;
    }

    .contactBnr .contactbnrItem:first-child {
        margin-top: 0;
    }

    .contactBnr .contactbnrItem-long a,
    .contactBnr .contactbnrItem a {
        padding: 22px 20px;
    }

    .contactBnr .contactbnrItem-long dl,
    .contactBnr .contactbnrItem dl {
        display: block;
    }

    .contactBnr .contactbnrItem-long dt,
    .contactBnr .contactbnrItem dt {
        position: relative;
        display: block;
        padding: 0 5px 10px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: normal;
        font-size: 22px;
    }

    .contactBnr .contactbnrItem-long dt:after,
    .contactBnr .contactbnrItem dt::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: url(../img/common/sp/bg_line_01.png) repeat;
        background-size: 2px auto;
    }

    .contactBnr .contactbnrItem dt span {
        font-weight: bold;
    }

    .contactBnr .contactbnrItem dd {
        text-align: center;
    }

    .contactBnr .contactbnrItem dd img {
        height: 23px;
    }

    .contactBnr .contactbnrInner .contactLeftTxt {
        margin: 15px 0;
    }

    .contactBnr .contactbnrInner .contactLeftTxt span {
        color: #e33f2b;
    }

    .contactBnr .btn_style01 a {
        display: table;
        width: 100%;
        height: 44px;
        padding-right: 13px;
        font-weight: bold;
    }

    .contactBnr .btn_style01 a span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        background-size: 8px auto;
    }

    .voiceBox .btn_style01 a {
        padding: 10px 0px;
        font-size: 120%;
    }

    .voiceBox .btn_style01 span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        background-size: 5px 10px;
        padding-right: 10px;
    }

    .voiceWrap {
        padding: 30px 3%;
    }

    .flowBox {
        padding-bottom: 30px;
    }

    .voiceBox .tyleH3,
    .flowBox .tyleH3 {
        background: url(../img/common/sp/bg_tit_03.png) no-repeat center bottom;
    }

    .voiceboxInner button {
        width: 30%;
        border: 0px;
        padding: 0px;
        float: left;
    }

    .voiceboxInner button img {
        width: 100%;
    }

    .voiceboxInner {
        margin: 20px auto 30px;
    }

    .voiceboxInner dl {
        width: 68%;
        float: left;
        margin-left: 2%;
    }

    .voiceboxInner dl dt {
        margin-bottom: 10px;
    }

    .voiceboxInner dl dd {
        font-size: 77%;
    }

    .flowBox .contentInner,
    .flowBox .tyleH3 {
        margin: 0px 3%;
    }

    .flowInner p {
        border: 1px solid #D0E6FA;
        color: #2382DE;
        background: #F3F9FD;
        padding: 10px;
        font-size: 120%;
    }

    .flowInner p span {
        font-size: 88%;
    }

    .flowInner dt {
        float: left;
        width: 30%;
        text-align: center;
        padding: 10px 0px;
    }

    .flowInner dt .step02 {
        width: 93%;
    }

    .voiceBox a:hover img,
    .voiceBox dl dt a:hover {
        opacity: 1;
    }

    .flowInner dd {
        float: left;
        width: 66%;
        margin-left: 4%;
        font-size: 88%;
        padding: 10px 10px 10px 0px;
    }

    .contentbottomWrap ol {
        padding: 30px 5%;
    }

    .contentbottomWrap ol li {
        margin-bottom: 15px;
    }

    .contentbottomWrap ol li:nth-child(1) {
        margin-bottom: 5px;
    }

    .contentbottomWrap ol li img {
        width: 100%;
    }

    .contentBottom {
        padding: 0px 5%;
    }

    .contentBottom h4 {
        color: #8B8072;
        font-size: 116%;
        padding-left: 10px;
        background: url(../img/common/bg_line.png) repeat-x left bottom;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .contentBottom .rentalInfo dt {
        font-size: 118%;
        margin: 5px auto 10px;
    }

    .contentBottom .rentalInfo,
    .contentBottom .payment {
        background: #FFF;
        border: 1px dotted #E2DFD7;
        padding: 15px;
    }

    .contentBottom .rentalInfo {
        margin-bottom: 30px;
    }

    .contentbottomRight {
        margin-top: 30px;
        text-align: center;
    }

    .contentBottom .payment dt {
        font-weight: normal;
        font-size: 88%;
    }

    .contentbottomRight .tit_fb {
        text-align: left;
    }
}

@media screen and (min-width: 500px) {
    .fb-page-parent>.fb-page {
        width: 300px;
    }
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
    width: 100% !important;
}

.fb-page,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.fb-page {
    margin: 0px auto;
}

.contentbottomRight {
    padding-bottom: 30px;
}


/*accordion*/
.switch,
.switch01,
.switch02 {
    position: relative;
    cursor: pointer;
}

.column,
.column01,
#tab2 .tableWrap {
    display: none;
}

.switch span.ico {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/sp/ico_arrow_b.png) no-repeat right center;
    background-size: 7px;
    width: 7px;
    height: 11px;
    right: 20px;
    top: 65%;
    margin-top: -12px;
}

.switch01 {
    border-bottom: 1px solid #ACACAC;
}

.switch01 span.ico_01 {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/sp/ico_arrow_bl_l.jpg) no-repeat 0 0;
    background-size: 7px;
    width: 7px;
    height: 11px;
    right: 20px;
    top: 65%;
    margin-top: -12px;
}

.active01 span.ico_01 {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/sp/ico_close_bl_l.jpg) no-repeat 0 0;
    background-size: 11px;
    width: 11px;
    height: 7px;
    right: 20px;
    top: 65%;
    margin-top: -12px;
}

.switch02 {
    margin-bottom: 1px;
}

.switch02 span {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/ico_open_w.gif) no-repeat 0 0;
    background-size: 16px;
    width: 16px;
    height: 17px;
    right: 20px;
    top: 50%;
    margin-top: -8px;
}

.active02 span {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/ico_close_w.gif) no-repeat 0 0;
    background-size: 16px;
    width: 16px;
    height: 4px;
    right: 20px;
    top: 50%;
    margin-top: -2px;
}

.active span.ico {
    width: 11px;
    height: 7px;
    right: 20px;
    top: 70%;
    margin-top: -12px;
    background: url(../img/common/sp/ico_close_b.png) no-repeat 0 0;
    background-size: 11px;
}


/*--全商品一覧（まとめて注文）--*/
.list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.list li a {
    display: block;
    padding: 20px;
}

.tabWrap {
    margin-bottom: 50px;
}

.tab li {
    /*タブ部分*/
    float: left;
    padding-bottom: 3px;
}

.tab li:last-child {
    margin-right: 0px;
}

.tab li a {
    display: block;
    text-align: left;
    padding: 15px;
    margin-top: 3px;
}

.tab li a:hover {
    margin-top: 0px;
}

.tab li a span {
    /*内容のリスト表示*/
    background: url(../img/common/ico_arrow_bl.png) no-repeat right center;
    display: block;
}

.tab li a:hover span {
    background: url(../img/common/ico_arrow_w_s.png) no-repeat right center;
    display: block;
}

.tab_area {
    /*切り替え部分非表示*/
    display: none;
    border: 5px solid #E04436;
}

.tab_content {
    /*内容*/
    clear: both;
    overflow: hidden;
    width: 100%;
}

#tab1 h4 {
    background: #EBE8D4;
    text-align: center;
    font-size: 138.5%;
    padding: 10px;
    margin-bottom: 0px;
}

.setInner p {
    border-left: 5px solid #E04436;
    padding: 5px;
}

.setInner .radio input {
    margin-top: 2px;
}

.setInner .radio {
    margin-bottom: 15px;
}

#tab1 .btn_style02 a span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

#tab1 .last {
    margin: 20px auto 0px;
}

.tabWrap select {
    border-right: 1px solid #CCC;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none #FFF;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

.tabWrap select::-ms-expand {
    display: none;
}

.tabWrap .custom {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #EEEEEE;
    border: 1px solid #C1C1C1;
    position: relative;
}

.tabWrap .custom:after {
    position: absolute;
    top: 0px;
    padding: 8px 10px 8px 20px;
    bottom: 0;
    right: 0px;
    width: 1.5em;
    border-left: 1px solid #ACACAC;
    display: block;
    content: "";
    background: url(../img/common/ico_select.gif) no-repeat 0 0 #EEEEEE;
    background-position: 50% 15px;
    background-size: 9px;
    pointer-events: none;
}

.tabWrap .custom>select {
    width: auto;
}

/* 191120 add */
.tabWrap .futon_set-box .tab_content_inner .set_content{
  margin-bottom: 1em;
}
.tabWrap .futon_set-box .tab_content_inner a{
  font-size: 130%;
  color: #2072C1;
  text-decoration: underline;
}


#tab2 h4 {
    background: #FD7A58;
    color: #FFF;
    padding: 15px;
}

#tab2 table {
    width: 100%;
    border-bottom: 1px solid #ACACAC;
}

#tab2 table a {
    color: #2072C1;
    text-decoration: none;
    font-size: 116%;
}

#tab2 table a:hover {
    text-decoration: underline;
}

#tab2 table th {
    background: #828282;
    color: #FFF;
}

#tab2 table td {
    vertical-align: middle;
}

#list .style01 table,
#category_detail .style01 table {
    width: 100%;
}

#list .style01 th,
#category_detail .style01 th {
    background: #EEEEEE;
    border-top: 1px solid #ACACAC;
    padding: 10px 15px;
    font-size: 108%;
}

#list .style01 th.width10 {
    width: 100px;
}

#list .style01 th.width11 {
    width: 130px;
}

#list .style01 ._center,
#category_detail .style01 ._center {
    text-align: center;
}

#list .style01 ._right,
#category_detail .style01 ._right {
    text-align: right;
}

#list .style01 td:nth-child(2),
#category_detail .style01 td:nth-child(2) {
    width: 15%;
}

#list .style01 td:nth-child(3),
#category_detail .style01 td:nth-child(3) {
    width: 10%;
}

#list .style01 td:nth-child(4),
#category_detail .style01 td:nth-child(4) {
    width: 15%;
}

#list .style01 td,
#category_detail .style01 td {
    border-top: 1px solid #ACACAC;
    padding: 15px 10px;
}

#list .style01 table,
#category_detail .style01 table {
    border-bottom: 1px solid #ACACAC;
}

.mis {
    text-decoration: line-through;
}

#list .style01,
#category_detail .style01 {
    margin-top: 40px;
}

#list .style01 .sum,
#category_detail .style01 .sum {
    margin: 20px 10px;
    text-align: right;
    font-size: 123.1%;
}

#list .style01 .sum span,
#category_detail .style01 .sum span {
    font-size: 80%;
    text-align: left;
    margin-right: 30px;
}

.itemSelect h4 {
    background: #EBE8D4;
    padding: 10px;
}

.itemSelect {
    border: 5px solid #EBE8D4;
}

.itemselectInner p {
    border-left: 5px solid #E04436;
    padding: 5px;
}

#tab2 table th:nth-child(2) {
    text-align: center;
}

#tab2 table td:nth-child(2) {
    text-align: right;
    padding: 10px 20px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .list {
        margin-bottom: 50px;
    }

    #list .list li:nth-child(5),
    #lifestyle .list li:nth-child(5),
    #category_detail .list li:nth-child(5) {
        margin-right: 0px;
    }

    .list li a {
        width: 148px;
        font-size: 138.5%;
    }

    .tab li a span {
        /*内容のリスト表示*/
        background-position: 95% 50%;
    }

    .tab li a:hover span,
    .tab li.active a span {
        background-position: 95% 50%;
    }

    .tab li {
        /*タブ部分*/
        margin-right: 10px;
        padding-bottom: 3px;
    }

    .tab li a {
        font-size: 138.5%;
        padding: 15px;
        width: 385px;
        margin-top: 3px;
    }

    #tab1 {
        margin: 20px auto 30px;
    }

    #tab1 .tab_content_inner {
        padding: 19px;
        border: 1px solid #acacac;
        border-top: 0;
    }

    #tab1 .setWrap {
        padding-top: 20px;
        border-top: 1px dotted #acacac;
        margin-top: 19px;
    }

    #tab1 .btn_style02 {
        width: 385px;
        margin: 20px auto;
    }

    #tab1 .setInner {
        width: 175px;
    }

    .setInner {
        float: left;
        width: 160px;
        margin-right: 20px;
    }

    .setInner:nth-child(4n) {
        margin-right: 0px;
    }

    #tab1 .setInner:nth-child(4n) {
        width: 155px;
    }

    .setInner p {
        font-size: 123.1%;
    }

    #tab1 .custom {
        margin-bottom: -15px;
        margin-left: 20px;
        cursor: pointer;
    }

    #tab1 .btn_style02 a {
        font-size: 138.5%;
    }

    #tab2 table .width01 {
        width: 360px;
    }

    #tab2 table td small {
        display: block;
    }

    #tab1 .form-group {
        margin: 20px auto 40px;
    }

    #tab1 .form-group label {
        float: left;
    }

    #tab1 p.priceTxt {
        float: right;
        font-size: 116%;
        margin-top: 5px;
    }

    #tab1 .list_link .btn_style02 {
        margin-left: 0px;
    }

    #list .style01 .btn_style01 {
        width: 385px;
        margin: 20px auto 0px;
    }

    #tab2 h4 {
        font-size: 138.5%;
        padding: 15px;
    }

    #tab2 table td {
        width: 160px;
        vertical-align: middle;
        padding: 10px 15px;
    }

    .tabWrap select {
        width: 100px;
        padding: 8px 100px 8px 10px;
        cursor: pointer;
    }

    .tabWrap .custom {
        width: 120px;
    }

    #tab2 table th {
        padding: 5px 15px;
    }

    #list .style01 .btn_style01 a,
    #category_detail .style01 .btn_style01 a {
        font-size: 167%;
        padding: 15px;
    }

    #category_detail .style01 .btn_style01 {
        width: 60%;
        margin: 20px auto 50px;
    }

    #list .style01 .btn_style01 a span,
    #category_detail .btn_style01 a span {
        background: url(../img/common/ico_cart_l.png) no-repeat right center;
        padding: 5px 40px 5px 0px;
    }

    .itemSelect {
        margin-bottom: 40px;
    }

    .itemselectinnerWrap {
        padding: 15px;
    }

    .itemSelect h4 {
        font-size: 138.5%;
    }

    .itemselectInner {
        width: 170px;
        float: left;
        margin-right: 20px;
    }

    .itemselectInner:last-child {
        margin-right: 0px;
    }

    .itemselectInner p {
        border-left: 5px solid #E04436;
        font-size: 123.1%;
    }

    .itemselectInner label {
        font-size: 108%;
    }

    #tab1 .btn_style07,
    #tab2 .btn_style02 {
        width: 30%;
        margin: 20px auto;
    }
}

#tab1 .btn_style07,
#tab2 .btn_style02 {
    float: right;
}

#tab1 .btn_style07 span {
    background: url(../img/common/ico_arrow_w_s.png) no-repeat right center;
    padding-right: 25px;
}

#tab2 .btn_style02 span {
    background: url(../img/common/ico_arrow_up_w_s.png) no-repeat right center;
    padding-right: 25px;
}

#category_detail .categorydetailMiddle {
    margin-bottom: 0px;
}

#category_detail .categorydetailMiddle .tabWrap {
    display: block;
    overflow: hidden;
}

#category_detail .categorydetailMiddle .tabWrap label .custom {
    margin-bottom: -10px;
}

#category_detail .categorydetailMiddle .location {
    margin-bottom: 20px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    #tab1 .btn_style07,
    #tab2 .btn_style02 {
        width: 60%;
        margin: 0px auto 20px;
    }

    .sideMenu h3 {
        background: #E4412B;
        color: #FFF;
        padding: 15px;
        font-size: 138.5%;
    }

    .categoryBox {
        border-bottom: 1px solid #ACACAC;
    }

    #top .categoryBox {
        border-bottom: 0px;
    }

    .common .categoryBox {
        display: none;
    }

    .categoryBox li {
        float: left;
        border-top: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
        border-left: 1px solid #ACACAC;
        background: #FBF8F1;
        display: block;
        width: 50%;
    }

    .categoryBox li a {
        display: block;
        padding: 13px 5px 13px 15px;
        background: url(../img/common/ico_click_r.png) no-repeat left top;
        background-size: 4px;
        background-position: 6px 40%;
        font-size: 80%;
    }

    .common .categoryBox li a {
        height: 53px;
    }

    .categoryBox li:nth-child(2) a,
    .categoryBox li:nth-child(6) a,
    .categoryBox li:nth-child(12) a {
        background-position: 6px 35%;
        margin-top: 0px;
    }

    .categoryBox li:nth-child(2n) {
        border-left: 0px;
    }

    .list {
        margin-bottom: 30px;
    }

    .list li {
        width: 23%;
        margin: 0px 7px 7px 0px;
    }

    #list .list li:nth-child(4n),
    #category_detail .list li:nth-child(4n) {
        margin-right: 0px;
    }

    .list li a {
        width: 100%;
        padding: 15px 12px;
        font-size: 108%;
    }

    .tab {
        margin-bottom: 20px;
    }

    .tab li {
        /*タブ部分*/
        float: left;
        margin-right: 2%;
        width: 49%;
        padding-bottom: 3px;
    }

    .tab li:last-child {
        margin-right: 0px;
        float: right;
    }

    .tab li a {
        font-size: 85%;
        padding-right: 8px;
    }

    .tab li a span {
        /*内容のリスト表示*/
        background-position: 100% 50%;
    }

    .tab li a:hover span,
    .tab li.active a span {
        background-position: 100% 50%;
    }

    .setInner {
        margin-bottom: 20px;
    }

    .setInner p {
        font-size: 116%;
        margin-left: 10px;
        margin-bottom: 11px;
    }

    .setInner .radio,
    .setInner .checkbox {
        margin-bottom: 0px;
        border-bottom: 1px solid #EBEBEB;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .setInner .radio label,
    .setInner .checkbox label {
        display: block;
        padding: 13px 10px 13px 30px;
    }

    .setInner .radio:nth-child(even),
    .setInner .checkbox:nth-child(even) {
        background: #FBF8F1;
        border-top: 1px solid #EBEBEB;
        margin-top: -1px;
    }

    .setInner .radio:nth-child(odd),
    .setInner .checkbox:nth-child(odd) {
        margin-top: 0;
    }

    #tab1 h4 {
        font-size: 120%;
    }

    #tab1 .btn_style02 {
        margin: 20px auto;
        width: 80%;
    }

    #tab1 .btn_style02 a {
        padding: 20px 10px;
        font-size: 116%;
    }

    #tab1 .form-group label {
        margin: 0px 10px;
    }

    #tab1 .form-group .custom {
        margin-bottom: -8px;
        margin-left: 10px;
    }

    #tab1 .form-group {
        margin: 0px auto 20px;
    }

    #tab1 .form-group p.priceTxt {
        margin: 20px 0px 0px 10px;
        font-size: 108%;
    }
  
    /* 191120 add */
    .tabWrap .futon_set-box{
      margin-bottom: 20px;
    }

    #tab2 table th {
        font-size: 75%;
    }

    #tab2 table th:first-child {
        padding-left: 10px;
    }

    #tab2 table td {
        padding: 10px;
    }

    .tabWrap select {
        width: 60px;
        padding: 8px 30px 8px 8px;
    }

    .tabWrap .custom {
        width: 65px;
    }

    #tab2 .tabWrap select {
        width: 40px;
        padding: 8px 10px 8px 10px;
    }

    #tab2 table .width01 {
        width: 45%;
    }

    #list .style01 .width01 {
        width: 45%;
    }

    #list .style01 th.width10 {
        width: 10%;
    }

    #list .style01 th.width11 {
        width: 30%;
    }

    #list .style01 td {
        vertical-align: top;
    }

    #tab2 table td small {
        display: block;
    }

    #tab2 table a {
        font-size: 100%;
    }

    #tab2 h4 {
        font-size: 110%;
        padding: 15px 10px;
    }

    #tab2 h4 span {
        background-size: 80%;
        right: 4%;
    }

    #list .style01 .btn_style01 a,
    #category_detail .style01 .btn_style01 a {
        font-size: 120%;
        padding: 20px;
        margin: 0px 10%;
    }

    #list .style01 th,
    #category_detail .style01 th {
        font-size: 93%;
    }

    #category_detail .style01 th,
    #category_detail .style01 td {
        padding: 10px 5px;
    }

    #category_detail .style01 th.width01 {
        width: 48%;
    }

    #category_detail .style01 th.width02 {
        width: 21%;
    }

    #category_detail .style01 td:nth-child(2) {
        width: 20%;
    }

    #category_detail .style01 td:nth-child(3) {
        width: 10%;
        text-align: center;
    }

    #category_detail .style01 td:nth-child(4) {
        width: 25%;
    }

    #category_detail .style01 {
        margin-bottom: 30px;
    }

    #list .style01 .btn_style01 a span,
    #category_detail .style01 .btn_style01 a span {
        background: url(../img/common/ico_cart_l.png) no-repeat right center;
        padding: 5px 30px 5px 0px;
    }

    #list .style01 td,
    #category_detail .style01 td {
        font-size: 88%;
    }

    .itemSelect h4 {
        font-size: 123.1%;
    }

    #category_detail .setInner {
        margin: 20px auto 0px;
    }

    .itemSelect {
        margin-bottom: 20px;
    }
}


/*--家電セット--*/
.common .contentRight .itemBox h3 {
    background: url(../img/common/bg_tit.jpg) no-repeat left center;
    text-align: center;
    color: #FFF;
    padding: 10px 0px;
}

.common .itemBox .categoryInner li {
    float: left;
}

.common .itemBox .categoryInner .itemInner {
    background: #FBF8F1;
    border: 1px dotted #ACACAC;
    text-align: center;
}

.common .itemBox .categoryInner .itemInner:hover {
    background: #EBE8D4;
}

.itemBox .itemInner dt {
    font-weight: normal;
    margin: 15px auto 10px;
    font-size: 108%;
}

.itemBox .itemInner dd span {
    font-size: 73%;
}

.example dt {
    border: 1px solid #CCCCCC;
}

.categoryBloginner {
    background: #FBF8F1;
    line-height: 1.35;
}

.h4Wrap {
    background: #FD7A58;
    padding: 2px;
}

.h4Wrap h4 {
    border: 1px dotted #FFFFFF;
    color: #FFF;
    text-align: center;
    padding: 10px;
}

.example dd li {
    float: left;
    border: 1px solid #CCCCCC;
}

.categoryBloginner .categoryBlog_top {
    margin-top: 10px;
}

.categoryBloginner .categoryBlog_bottom {
    padding: 20px 0px;
}

.categoryBlog .btn_style01 a span {
    background: url(../img/common/ico_click_w.png) no-repeat right center;
    padding-right: 30px;
    padding: 5px 30px;
}

.datepicker td {
    font-weight: bold !important;
}

.datepicker td:hover {
    background-color: #e9c0ba !important;
}

td.disabled,
td.disabled:hover {
    border-radius: 0;
    background-color: #999 !important;
    color: #FFF !important;
    border-radius: 0 !important;
}

td.active {
    background-color: #ede13d;
}

th.dow:nth-child(1),
td.disabled:nth-child(1) {
    color: #f00 !important;
}

th.dow:nth-child(7),
td.disabled:nth-child(7) {
    color: #00f !important;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .common .itemBox .categoryInner .itemInner {
        padding: 20px;
    }

    .common .itemBox .categoryInner li {
        margin: 0px 15px 15px 0px;
        float: left;
        width: 250px;
    }

    .common .itemBox .categoryInner li a:focus {
        color: #333;
        text-decoration: none;
    }

    .h4Wrap h4 {
        font-size: 138.5%;
    }

    .itemBox .categoryInner li:nth-child(3n) {
        margin: 0px 0px 15px 0px;
    }

    .common .contentRight .itemBox h3 {
        font-size: 167%;
        margin-top: 50px;
    }

    .categoryBlog h2 {
        margin-top: 50px;
    }

    .itemBox .itemInner dt {
        font-size: 138.5%;
    }

    .itemBox .itemInner dd {
        font-size: 138.5%;
    }

    .categoryBloginner dt {
        float: left;
    }

    .categoryBlog_list dd {
        float: right;
        width: 520px;
    }

    .categoryBloginner .categoryBlog_top dt {
        float: left;
        width: 210px;
        height: 210px;
        overflow: hidden;
        position: relative;
    }

    .categoryBloginner .categoryBlog_top dt img {
        max-height: 100%;
      /*  position: absolute;
        left: -50%;
        margin-left: 25%;*/
        width: auto;
    }

    /*
    .categoryBloginner .categoryBlog_top dd {
        float: right;
        width: 520px;
    }
    */
    .categoryBloginner .categoryBlog_bottom dd {
        float: right;
        width: 360px;
    }

    .example dd li {
        margin: 0px 12px 13px 0px;
    }

    .example dd li:nth-child(3n) {
        margin: 0px 0px 10px 0px;
    }

    .example dt {
        float: left;
    }

    .example dd {
        float: left;
        width: 390px;
        margin-left: 13px;
    }

    .categoryBloginner {
        padding: 20px;
        font-size: 108%;
    }

    .categoryBloginner .categoryBlog_top {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .categoryBlog .btn_style01 a {
        padding: 20px;
        font-size: 138.5%;
    }

    .categoryBlog .btn_style01 {
        margin: 30px 15%;
    }

    #voice .modal-dialog img {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .common .itemBox .categoryInner .itemInner {
        padding: 15px;
    }

    .common .itemBox .categoryInner li {
        width: 48%;
        float: left;
        margin: 0px 4% 4% 0px;
    }

    .common .itemBox .categoryInner li:nth-child(2n) {
        margin: 0px 0px 4% 0px;
    }

    .common .itemBox .categoryInner .itemInner img {
        width: 100%;
    }

    .itemBox .itemInner dt {
        font-size: 100%;
    }

    .itemBox .itemInner dd {
        font-size: 100%;
    }

    .common .contentRight .itemBox h3 {
        font-size: 116%;
        margin-top: 20px;
    }

    .example img {
        width: 100%;
    }

    .example li {
        width: 32%;
        margin: 2% 2% 0% 0px;
    }

    .example li:nth-child(3n) {
        margin: 2% 0px 0px 0px
    }

    .example li img {
        width: 100%;
    }

    .categoryBlog h2 {
        margin-top: 30px;
    }

    .categoryBlog_top {
        margin: 10px 15px;
    }

    .categoryBloginner .categoryBlog_top dt {
        width: 38%;
        float: left;
    }

    .categoryBloginner dt img {
        width: 100%;
    }

    .categoryBloginner .categoryBlog_top dd {
        width: 100%;
        margin: 0;
    }

    .categoryBloginner .categoryBlog_top dd img {
        width: 100%;
        object-fit: contain;
    }

    .categoryBloginner .categoryBlog_list dd {
        width: 58%;
        margin-left: 4%;
        float: left;
    }

    .categoryBloginner p {
        margin: 0px 15px;
    }

    .categoryBloginner .categoryBlog_top {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .categoryBloginner .categoryBlog_bottom {
        padding: 15px;
    }

    .categoryBloginner .categoryBlog_bottom dt {
        margin-bottom: 15px;
    }

    .categoryBlog .btn_style01 {
        margin: 20px auto 40px;
    }

    .categoryBlog .btn_style01 a {
        padding: 15px;
        font-size: 116%;
    }

    .categoryBlog .btn_style01 a span {
        background-size: 10px;
    }
}


/*--商品詳細--*/
div.g-inner {
    position: relative;
    width: 350px;
    height: 410px;
    margin-bottom: 10px;
}

#view {
    position: absolute;
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
    overflow: hidden;
}

#view p img {
    width: 100%;
}

#view p {
    position: absolute;
    border: 1px solid #EBEBEB;
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
}

#thumbBtn {
    position: absolute;
    top: 350px;
    left: 0px;
}

#caption {
    position: absolute;
    top: 165px;
    left: 0px;
}

#thumbBtn li {
    float: left;
    position: relative;
    text-align: right;
    cursor: pointer;
}

#thumbBtn li:last-child {
    margin: 10px 0px 0px 0px;
}

#thumbBtn li img {
    border: solid 1px #ccc;
}

#thumbBtn li.active {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

.categorydetailTop .btn_style02 a span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding: 5px 15px 5px 0px;
}

.categorydetailTop .detailtopRight dt {
    background: #FBF8F1;
    padding: 10px;
    border-top: 3px solid #E2D199;
}

.categorydetailTop .detailtopRight dd {
    padding: 10px;
}

.categorydetailTop .detailtopRight dl {
    margin-bottom: 20px;
}

.categorydetailMiddle {
    margin: 30px auto;
}

.categorydetailMiddle .detailtopLeft p {
    background: #EE8719;
    color: #FFF;
    padding: 10px;
    font-size: 138.5%;
}

.categorydetailMiddle .detailtopRight p {
    background: #84A800;
    color: #FFF;
    padding: 10px;
    font-size: 138.5%;
}

.categorydetailMiddle .radio {
    margin: 2px 0px 0px 0px;
}

.categorydetailMiddle .radio label {
    background: #FBF8F1;
    display: block;
    padding: 10px 10px 10px 30px;
    margin-bottom: 1px;
    margin: 0px;
}

.categorydetailMiddle .radio em {
    display: inline-block;
    /*font-style: normal;*/
    min-width: 2.25em;
}

.categorydetailMiddle .radio span {
    display: inline-block;
    min-width: 5.75em;
    margin-left: 0.25em;
    text-align: right;
}

.strike_through {
    text-decoration: line-through;
}

.price {
    color: #DF4435;
    font-weight: 700;
}

.fontR {
    color: #DF4435;
}

.secondhand {
    margin-bottom: 20px;
}

.secondhand dt {
    margin-top: 10px;
}

.secondhand dd {
    line-height: 1.5;
    display: block;
    overflow: hidden;
}

.secondhand dd .form-group {
    margin-bottom: 0;
}

#category_detail .tabWrap .btn_style01 a span {
    background: url(../img/common/ico_cart_l.png) no-repeat right center;
    padding: 5px 30px 5px 0px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #thumbBtn li {
        width: 50px;
        margin: 10px 10px 0px 0px;
    }

    .categorydetailTop .detailitemNumbersp{
        display: none;
        }

    .detailtopLeft {
        width: 380px;
        float: left;
    }

    .detailtopRight {
        width: 380px;
        float: right;
    }

    .categorydetailTop .detailtopRight dd {
        font-size: 108%;
    }

    .categorydetailTop .btn_style02 a {
        font-size: 100%;
        padding: 10px 4px;
    }


    .categorydetailTop .detailtopRight .detailitemNumber{
        font-size: 145%;
    }

    .categorydetailTop .detailtopRight p {
        margin-bottom: 20px;
    }

    .categorydetailMiddle .radio label {
        font-size: 123.1%;
    }

    .fontR {
        font-size: 123.1%;
    }

    .secondhand dt {
        font-size: 123.1%;
    }

    #category_detail .tabWrap label {
        float: left;
    }

    #category_detail .tabWrap .btn_style01,
    #category_detail .tabWrap .noClick {
        width: 50%;
        float: left;
    }

    #category_detail .tabWrap {
        margin-top: 30px;
    }

    #category_detail .tabWrap .btn_style01 a {
        padding: 18px 20px;
        margin-top: -5px;
        font-size: 167%;
    }

    #category_detail .tabWrap .noClick {
        margin-top: -5px;
        color: #FFF;
    }

    #category_detail .tabWrap label .custom {
        margin: 10px 20px -13px 20px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    div.g-inner {
        position: relative;
        width: 280px;
        height: 350px;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 10px;
    }

    #view {
        position: absolute;
        width: 280px;
        height: 300px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0px auto;
        overflow: hidden;
    }

    #view p img {
        width: 100%;
        height: auto;
    }

    #view p {
        position: absolute;
        border: 1px solid #EBEBEB;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    #thumbBtn {
        position: absolute;
        top: 280px;
        left: 0px;
    }

    #thumbBtn li {
        width: 15%;
        margin: 10px 2% 0px 0px;
    }

    #thumbBtn li img {
        width: 100%;
        height: auto;
    }
    
    .categorydetailTop .detailitemNumbersp{
        font-size: 137%;
        padding: 0 0 15px 0;
        }

    .categorydetailTop .detailtopLeft {
        margin-bottom: 20px;
    }

    .categorydetailTop .btn_style02 a {
        font-size: 116%;
        padding: 15px;
    }
   
    .categorydetailTop .detailtopRight .detailitemNumber{  
        display: none;
    }

    .categorydetailTop .detailtopRight p {
        margin-top: 20px;
    }

    .fontR {
        font-size: 108%;
    }

    .secondhand dt {
        font-size: 108%;
    }

    .categorydetailMiddle .detailtopLeft {
        margin-bottom: 20px;
    }

    #category_detail .tabWrap {
        margin-top: 20px;
    }

    #category_detail .tabWrap .btn_style01,
    #category_detail .noClick {
        width: 80%;
        margin: 20px auto 0px;
    }

    #category_detail .tabWrap .btn_style01 a {
        padding: 25px;
        font-size: 116%;
    }

    #category_detail .tabWrap label .custom {
        width: 100px;
        margin: 10px 10px -13px 10px;
    }

    #category_detail .tabWrap label select {
        padding: 10px 60px 10px 10px;
        width: 40px;
    }
}


/*--カート--*/
.cartTit ul li {
    float: left;
}

.cartTit ul li {
    background: url(../img/cart/bg_tit.png) no-repeat 0 0;
}

.cartTit ul li.active {
    color: #FFF;
    background: url(../img/cart/bg_tit_on.png) no-repeat 0 0;
}

.cartTit p {
    color: #DF4433;
    margin: 20px auto;
    text-align: center;
    font-size: 88%;
}

.cartTop table {
    width: 100%;
    margin-bottom: 20px;
}

.cartTop table th {
    background: #EEEEEE;
    padding: 10px;
    text-align: center;
}

.cartTop table td {
    padding: 10px;
}

.cartTop table td .fontR {
    font-size: 123.1%;
}

.cartTop table td.none {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

.cartMiddle dt {
    background: #DF4433;
    color: #FFF;
    font-size: 138.5%;
    padding: 10px;
    font-weight: normal;
}

select.form-control01 {
    font-size: 100%;
}

select.form-control {
    background: -moz-linear-gradient(top center, #fff 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#EEEEEE));
    background: linear-gradient(top center, #fff 0%, #EEEEEE 100%);
}

.selectWrap:first-child {
    margin-bottom: 10px;
}

.cartTop table td .form-group {
    margin: 0px;
}

.cartMiddle {
    margin: 30px auto;
}

/* 191119 add */
.cartTop .issuanceOfQuotation-box{
  padding: 0px 12px;
  margin-bottom: 20px;
}
.cartTop .issuanceOfQuotation-box .accordion07 .switch07{
  margin-top: 0;
  background: #DF433A;
  border: 1px #B7281E solid;
  box-shadow: 0 2px 0 #B7281E;
}
.cartTop .issuanceOfQuotation-box .accordion07 .guideInner{
  display: none;
  background-color: #FBF8F1;
  border: 1px #ACACAC dotted;
  padding: 20px;
}
.cartTop .issuanceOfQuotation-box .accordion07 .guideInner .textbox-wrap{
  margin-bottom: 10px;
}
.cartTop .issuanceOfQuotation-box .accordion07 .guideInner .textbox-heading{
  width: 30%;
  float: left;
  text-align: center;
}
.cartTop .issuanceOfQuotation-box .accordion07 .guideInner .textbox{
  width: 66%;
  float: right;
}
.cartTop .issuanceOfQuotation-box .accordion07 .guideInner .textbox input{
  width: 100%;
  padding: 5px 1%;
}
.cartTop .issuanceOfQuotation-box .accordion07 .mitumori a{
  margin-bottom: 0;
}


/* clearfix */
.cartMiddle:after {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
    font-size: 0.1em;
}

.cartMiddle {
    display: inline-block;
}


/* Hides from Mac-IE */
* html .cartMiddle {
    height: 1%;
}

.cartMiddle {
    display: block;
}


/* End hide from Mac-IE */

/* clearfix end */
.cartMiddle dl {
    margin-bottom: 20px;
}

.cartMiddle dl dt {
    margin-bottom: 20px;
}

.cartMiddle dl input {
    border-radius: 0px;
}

.cartMiddle>p a {
    padding: 0 0.25em;
    color: #1F72BF;
    text-decoration: underline;
}

.cartMiddle p a:hover {
    text-decoration: none;
}

.cartMiddle li:nth-child(2) {
    margin-right: 0px;
}

.cartMiddle li dt {
    margin-bottom: 10px;
}

.cartMiddle label {
    float: left;
}

.cartMiddle .zipcodeBox {
    width: 100%;
}

.cartMiddle .btn_style05 {
    float: left;
    margin-top: -10px;
}

.form-group.width03 input {
    pointer-events: none;
}

@media (min-width: 768px) and (max-width: 5000px) {

    #dp2,
    #dp1 {
        margin: 10px auto;
        width: 66%;
    }

    .input-append label span {
        float: left;
        font-weight: bold;
        margin: 10px 10px 0px 0px;
    }

    .input-append label input {
        float: left;
        line-height: 2.5;
        height: 36px;
        width: 60%;
    }

    #dpq.input-append label input {
        float: left;
        line-height: 2.5;
        height: 36px;
        width: 156px;
    }

    #noki {
        text-align: center;
        font-size: 200%;
    }

    .mitumori a {
        font-size: 116%;
        padding: 13px;
        margin: 20px 10px;
        width: 30%;
    }

    .totalBox {
        margin-bottom: 50px;
    }

    .totalBox dl {
        width: 460px;
        margin-left: 320px;
        margin-bottom: 10px;
        border-bottom: 1px solid #acacac;
    }

    .totalBox dt {
        box-sizing: border-box;
        float: left;
        font-size: 130%;
        width: 35%;
        padding-left: 5px;
    }

    .totalBox dd {
        box-sizing: border-box;
        float: left;
        width: 65%;
        padding-right: 5px;
        font-size: 130%;
        text-align: right;
    }

    .delivery {
        margin: 0px auto 30px;
        clear: both;
    }
}

#dp2 label,
#dp1 label {
    float: left;
    width: 320px;
    margin-top: 2px;
}

@media screen and (min-width:0px) and (max-width: 768px) {
    #noki {
        text-align: center;
        font-size: 116%;
        margin-bottom: 10px;
    }

    #dp2 label,
    #dp1 label {
        float: left;
        width: 50%;
        margin: 0px auto 10px;
    }

    #dp2 label input,
    #dp1 label input {
        width: 90%;
    }

    #dp2 label span,
    #dp1 label span {
        display: block;
    }

    .form-group #dp2.input-append .btn_style05,
    .form-group #dp1.input-append .btn_style05 {
        width: 48%;
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .mitumori a {
        font-size: 100%;
        padding: 8px;
        margin: 15px auto;
        width: 80%;
    }

    .totalBox {
        /*margin-left:6%;*/
        margin-bottom: 30px;
        text-align: right;
    }

    .totalBox dt {
        float: left;
        width: 50%;
    }

    .totalBox dd {
        float: left;
        width: 50%;
    }

    .delivery {
        margin: 0px auto 20px;
        clear: both;
    }
}

.delivery dt {
    background: #EBE8D4;
    border-top: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
    border-left: 1px solid #ACACAC;
    font-weight: normal;
    font-size: 153.9%;
    padding: 10px 15px;
}

.delivery dd {
    padding: 10px;
    font-size: 108%;
    border: 1px solid #ACACAC;
}

.delivery dd h4 {
    background: #EBE8D4;
    padding: 10px;
    font-size: 116%;
}

.delivery dd .radio {
    background: #EEEEEE;
    padding: 10px;
    float: left;
    width: 24.25%;
    margin: 0.5% 1% 0.5% 0;
}

.delivery dd .radio._half {
    width: 49.5%;
}

.delivery dd .radio._half:nth-child(2n+1) {
    margin-right: 0;
}

.delivery dd .radio._full {
    width: 100%;
    margin-right: 0;
}

.delivery dd .radio._half:nth-of-type(2n+2) {
    margin-right: 0;
}

.radio+.radio {
    margin-top: 10px;
}

.delivery dd .radioWrap {
    display: block;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #cccccc;
    margin: 10px 0;
}

.delivery dd .radioWrap .radio:nth-of-type(4n) {
    margin-right: 0;
}

.delivery dd .radio label {
    display: block;
    font-weight: bold;
    font-size: 110%;
}

.delivery dd h5 {
    clear: both;
    /*margin-top:20px;*/
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 123.1%;
}

.delivery dd .shitei01,
.delivery dd .shitei02 {
    margin-bottom: 20px;
}

.ruleTit {
    font-size: 153.9%;
}

.ruleInner {
    border: 1px solid #ACACAC;
    height: 300px;
    overflow-y: scroll;
    padding: 15px;
    margin: 20px auto;
}

.ruleInner input[type=radio] {
    -moz-transform-origin: right bottom;
    -moz-transform: scale(2, 2);
}

.rule .ruleInner dt {
    clear: both;
    width: 100%;
}

.rule .ruleInner dd {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.rule label {
    font-size: 108%;
    font-weight: normal;
}

.cartMiddle input {
    float: left;
    margin: -10px 10px 0px 10px;
}

.cartMiddle input[type="radio"] {
    margin-top: 0;
    margin-right: 5px;
}

.rule dt {
    float: left;
    font-weight: normal;
    width: 49%;
}

.rule dd {
    float: right;
    width: 49%;
}

.rule dt a span {
    background: url(../img/common/ico_back.png) no-repeat left center;
    padding-left: 15px;
}

.rule dd a span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 15px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .cartTit ul li {
        padding: 15px 40px 15px 20px;
        background-size: 260px;
        font-size: 138.5%;
        width: 260px;
        display: block;
    }

    .cartTop table {
        width: 100%;
        border: 1px solid #ACACAC;
    }

    .cartTop table td ol li {
        float: left;
        margin: 10px 10px 0px 0px;
    }

    .cartTop table td ol li:last-child {
        margin: 10px 0px 0px 0px;
    }

    .cartTit p {
        font-size: 153.9%;
    }

    .width02 {
        width: 83px;
    }

    .cartTop .width03 {
        width: 110px;
    }

    .cartTop table th {
        border: 1px solid #ACACAC;
        padding: 10px;
        font-size: 108%;
        text-align: center;
    }

    .cartTop table td {
        border: 1px solid #ACACAC;
        padding: 10px;
        font-size: 108%;
    }

    .form-group.width03 {
        width: auto;
    }

    .form-group.width03 input {
        width: 98%;
        padding: 5px 1%;
        clear: both;
        margin-left: 0px;
        margin-bottom: 10px;
        -moz-box-sizing: content-box;
        -khtml-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .cartTop .itemDetail img {
        float: left;
    }

    .cartTop .itemDetail p {
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 35%;
        margin: auto;
        display: table-cell;
    }

    .cartTop .itemDetail p small {
        display: block;
        font-size: 80%;
    }

    .cartTop .itemDetail {
        position: relative;
        width: 290px;
    }
  
    /* 191119 add */
    .cartTop .issuanceOfQuotation-box .accordion07{
      width: 49%;
      float: left;
    }
    .cartTop .issuanceOfQuotation-box .accordion07 .mitumori a{
      width: 80%;
      margin-right: auto;
      margin-left: auto;
    }
    

    .cartMiddle li select.form-control {
        width: 300px;
    }

    .cartMiddle .zipcodeBox input.txt3 {
        width: 7%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .cartMiddle .zipcodeBox input.txt4 {
        width: 8%;
    }

    .rule dt.btn_style06 a,
    .btn.continue p.btn_style06 a {
        background-color: #666666 !important;
        box-shadow: 0 3px 0 #4f4f4f;
    }

    .btn.continue p.btn_style06 a {
        font-size: 130%;
        font-weight: bold;
    }

    .rule dt.btn_style06 a:hover,
    .btn.continue p.btn_style06 a:hover {
        box-shadow: none;
    }

    .rule dt a,
    .rule dd a {
        font-size: 150%;
        padding: 15px;
    }

    .rule dt .form-group,
    .rule dd .form-group {
        width: 60%;
    }

    .cartMiddle li dl {
        width: 380px;
        margin-bottom: 30px;
    }

    .cartMiddle li {
        float: left;
        margin-right: 20px;
    }

    .confirm .topTxt {
        font-size: 130%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    /*select.form-control01{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 70%;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}*/
    select.form-control {
        font-size: 70%;
        background: -moz-linear-gradient(top center, #fff 0%, #EEEEEE 100%);
        background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#EEEEEE));
        background: linear-gradient(top center, #fff 0%, #EEEEEE 100%);
    }

    .selectWrap {
        position: relative;
        background-image: url(../img/common/ico_select01.png) no-repeat right center;
        background-size: 5px;
        background-position: 95% 5%;
    }

    .width02 {
        width: 20%;
    }

    .cartTop table .width03 {
        width: 25%;
    }

    .cartTit ul li.active {
        padding: 8px 0px 8px 8px;
        background-size: 100% 30px;
        font-size: 60%;
    }

    .cartTop table td,
    .cartTop table th {
        border-top: 1px solid #ACACAC;
        border-bottom: 1px solid #ACACAC;
        font-size: 73%;
        padding: 10px 3px;
    }

    .cartTop .itemDetail p small {
        display: block;
    }

    .cartMiddle dt {
        font-size: 116%;
    }

    .cartMiddle .zipcodeBox input.txt3 {
        width: 15%;
        margin-left: 2%;
        margin-right: 2%;
        padding-left: 7px;
        padding-right: 7px;
    }

    .cartMiddle .zipcodeBox input.txt4 {
        width: 17%;
        padding-left: 7px;
        padding-right: 7px;
    }

    .cartTit ul li {
        padding: 8px 0px 8px 8px;
        background-size: 100% 30px;
        font-size: 73%;
        display: block;
    }

    .cartTit ul li {
        width: 33%;
    }

    .cartTop table .width02 ol li {
        width: 45%;
        float: left;
        margin: 0px 10% 0px 0px;
    }

    .cartTop table .width02 ol li:last-child {
        margin: 0px 0px 0px 0px;
    }

    .cartTop table .width02 ol li img {
        width: 100%;
        height: auto;
    }

    .deleteBtn img {
        width: 70%;
    }

    .cartMiddle ol li dd {
        width: 50%;
    }

    .width03 input {
        width: 98%;
        padding: 5px 1%;
        clear: both;
        margin-left: 0px;
        margin-bottom: 10px;
        -moz-box-sizing: content-box;
        -khtml-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .cartMiddle label {
        float: left;
    }

    .cartMiddle dd input {
        width: 32%;
    }

    .cartMiddle dd input.half {
        width: 40%;
    }

    .cartMiddle .btn_style05 {
        float: left;
        width: 45%;
        padding: 8px 0px;
        margin-top: -10px;
    }

    .cartMiddle .btn_style05 a {
        font-size: 73%;
    }

    .delivery dd .radio {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .delivery dd .radio._half {
        width: 100%;
    }

    .radio+.radio {
        margin-top: 10px;
    }

    .rule dd a,
    .rule dt a {
        padding: 13px 8px;
        font-size: 70%;
    }

    .rule dt.btn_style06 a,
    .btn.continue p.btn_style06 a {
        background-color: #666666 !important;
        box-shadow: 0 3px 0 #4f4f4f;
    }

    .rule dt.btn_style06 a:hover,
    .btn.continue p.btn_style06 a:hover {
        box-shadow: none;
    }

    .rule label {
        font-size: 93%;
    }

    #cart .cartInner .fontR {
        font-size: 93%;
    }

    .confirm .topTxt {
        font-size: 116%;
    }
}

.customerInfo {
    margin: 30px auto 20px;
}

.customerInfo form {
    margin-top: 10px;
}

.width03 .txtCenter {
    text-align: center;
}

.customerInfo .leftBox {
    font-size: 108%;
    background: #EEEEEE;
    line-height: 2;
    overflow: hidden;
    padding: 10px;
}

.customerInfo radio {
    margin: 0px;
}

.customerInfo label input {
    margin: 0px;
}

.customerInfo .radio input {
    margin-top: 5px;
}

.customerInfo .rightBox {
    line-height: 2;
}

.customerInfo01 .radio,
.customerInfo02 .radio {
    margin: 0px;
}

.customerInfo01 {
    margin-bottom: 20px;
}

.customerInfo02 .btn_style05 {
    width: 35%;
    float: left;
    padding: 3px 10px;
}

.customerInfo .customerInfo02 dl {
    margin: 10px auto;
}

.customerInfo .customerInfo02 .payway03 {
    margin: 0px auto;
}

.customerInfo .customerInfo02 .payway03 a {
    text-decoration: underline;
}

.customerInfo .customerInfo02 .payway03 a:hover {
    text-decoration: none;
}

.paywayTxt {
    padding: 10px;
}

.customerInfo .customerInfo02 .maTop20 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ACACAC;
}

.lastTxt {
    padding: 0px 10px;
}

.customerInfo .customerInfo02 dt {
    border-bottom: 1px dotted #ACACAC;
    margin-bottom: 10px;
}

.customerInfo .customerInfo02 .payway03 dt {
    font-weight: normal;
    border-bottom: 0px;
}

.customerInfo02 .calendarBox {
    padding: 5px 10px;
}

.customerInfo02 .zipcodeBox {
    padding: 10px 5px 3px;
}

.customerInfo02 .zipcodeBox label {
    float: left;
    margin-right: 20px;
    width: 30%;
}

.customerInfo02 .zipcodeBox label input.txt3 {
    display: inline;
    width: 30%;
    padding: 0px 7px;
}

.customerInfo02 .zipcodeBox label input.txt4 {
    display: inline;
    width: 34%;
    padding: 0px 7px;
}

.calendarBox label {
    float: left;
    width: 40%;
}

.customerInfo .radio label {
    margin-right: 20px;
    font-weight: bold;
}

.customerInfo .keiyaku input {
    width: 20px;
}

.customerInfo .radio #beforeBox {
    border-bottom: 1px dotted #ACACAC;
    padding: 10px;
}

.customerInfo .radio #beforeBox label {
    margin-left: 0px;
    padding-left: 0px;
}

.customerInfo .rightBox .fontR {
    font-size: 108%;
}

.calendarBox .btn_style05 {
    float: left;
    width: 30%;
    margin-left: 20px;
}

.calendarBox .btn_style05 a span {
    background: url(../img/common/ico_calendar.gif) no-repeat right 0;
    padding: 3px 0px 3px 0px;
}

.customerInfo .customerInfo02 .form-group {
    margin-bottom: 0px;
}

.btnBox li {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.btnBox li:nth-child(2) {
    margin-right: 0;
}

.customerInfo form .btn_style01 a {
    padding: 20px;
    display: block;
}

.customerInfo form .btn_style01_unselect a {
    padding: 20px;
    display: block;
}

.customerInfo form .btnBox .btn_style01 a {
    padding: 20px;
    width: 100%;
    margin: 0px;
    display: block;
}

.customerInfo form .btnBox .btn_style01_unselect a {
    padding: 20px;
    width: 100%;
    margin: 0px;
    display: block;
}

.customerInfo form .btn_style01 span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

.customerInfo form .btn_style01_unselect span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}


.customerInfo form .btnBox .btn_style01 span {
    font-family: FontAwesome;
    background: none;
    padding-right: 0px;
}


.customerInfo form .btn_style01_unselect span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

.customerInfo form .btnBox .btn_style01_unselect span {
    font-family: FontAwesome;
    background: none;
    padding-right: 0px;
}


.customerInfo form .btnBox .btn_style06 span {
    font-family: FontAwesome;
    display: block;
}

.number input {
    width: 20%;
}

.btnBox li a {
    padding: 15px !important;
    font-size: 153.9%;
}

.customerInfo .customerInfo02 p span.fontG {
    color: #999999;
    /*margin-left: 4%;*/
    font-size: 88%;
}


/* .customerInfo */
.checkbox-inline {
    margin-right: 10px;
}

.heightLine-53 input,
.heightLine-57 input,
.heightLine-58 input,
.heightLine-57 input,
.heightLine-58 input,
.heightLine-59 input,
.heightLine-64 input,
.heightLine-65 input,
.heightLine-66 input,
.heightLine-67 input,
.heightLine-69 input,
.heightLine-72 input,
.heightLine-73 input,
.heightLine-76 input,
.heightLine-80 input,
.heightLine-81 input,
.heightLine-83 input,
.heightLine-84 input,
.heightLine-85 input,
.heightLine-86 input,
.heightLine-87 input,
.heightLine-88 input,
.heightLine-90 input {
    width: 100%;
}

#beforeBox label {
    width: 100%;
}

#secondBox .rightBox .txtCheck {
    font-size: 93%;
}

#beforeBox input#yotei {
    width: 50%;
}

#beforeBox input {
    width: 70%;
}

.caution {
    border: 1px solid #999;
    padding: 15px;
    margin-bottom: 20px;
}

.caution dl {
    margin-top: 10px;
}

.caution dl dd {
    margin-left: 1em;
}

.heightLine-51 input,
.heightLine-61 input[type="text"] {
    width: 38%;
    margin-right: 2%;
}

.heightLine-51 input:nth-child(2),
.heightLine-61 input[type="text"]:nth-child(2) {
    margin-right: 0px;
}

.customerInfo .customerInfo02 span.fontG {
    display: block;
    clear: both;
    margin-left: 0px;
}

.heightLine-53 input[type="radio"],
.heightLine-76 input[type="radio"] {
    width: 20px;
}

.customerInfo .leftBox .clearfix {
    position: relative;
}

.customerInfo02 .leftBox p {
    float: left;
}

.customerInfo02 .leftBox span.required {
    /*float:right;*/
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    background: #DF4435;
    font-size: 80%;
    padding: 0px 6px;
    border-radius: 2px;
}

.customerInfo02 #np_before {
    position: relative;
}

.customerInfo02 #np_before span.required {
    display: block;
    position: relative;
    left: -55px;
    width: 34px;
    height: 22px;
    color: #FFF;
    background: #DF4435;
    font-size: 88%;
    text-align: center;
    border-radius: 2px;
    margin: -25px 0px 0 0;
}


@media screen and (min-width: 0px) and (max-width: 768px) {
    .customerInfo02 #np_before {
        position: relative;
    }

    .customerInfo02 #np_before span.required {
        display: block;
        position: relative;
        left: 0;
        width: 34px;
        height: 22px;
        color: #FFF;
        background: #DF4435;
        font-size: 88%;
        text-align: center;
        border-radius: 2px;
        margin: 0;
    }
}


.input-append input {
    float: left;
}

.input-append .btn_style05 {
    float: left;
    color: #FFF;
    margin-left: 20px;
}

#dp2.input-append .btn_style05,
#dp1.input-append .btn_style05 {
    float: right;
    width: 170px;
    color: #FFF;
    margin-left: 20px;
}

.input-append .btn_style05 span {
    background: url(../img/common/ico_calendar.gif) no-repeat right center;
    padding: 5px 30px 5px 0px;
    color: #FFF;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    .input-append .btn_style05 {
        font-size: 88%;
    }

    .btnBox li a {
        padding: 13px 8px;
        font-size: 80%;
    }

    .customerInfo form .btnBox .btn_style01 a {
        font-size: 80%;
    }
    .customerInfo form .btnBox .btn_style01_unselect a {
        font-size: 80%;
    }
}

.input-append input {
    width: 38%;
    border: 1px solid #CCCCCC;
    line-height: 2.3;
    padding-left: 10px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .customerInfo .leftBox {
        float: left;
        width: 33%;
        border-top: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
        border-left: 1px solid #ACACAC;
    }

    #cart .customerInfo02 .leftBox p span {
        font-size: 78%;
        display: inline-block;
        line-height: 1.7;
    }

    .customerInfo .lastLine .leftBox,
    .customerInfo .lastLine .rightBox {
        border-bottom: 1px solid #ACACAC;
    }

    .customerInfo .rightBox {
        width: 67%;
        padding: 10px;
        float: left;
        border-top: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
    }

    .customerInfo .rightBox .notes {
        margin: 10px 0;
    }

    .customerInfo .rightBox .notes input[type=checkbox] {
        margin-top: 7px;
    }

    .customerInfo .noneLine {
        border-top: 0px;
        padding-top: 0px;
    }

    #formTop {
        margin-bottom: 20px;
        border-bottom: 1px solid #ACACAC;
    }

    .customerInfo01 {
        border-bottom: 1px solid #ACACAC;
    }

    .customerInfo .rightBox textarea {
        width: 100%;
        height: 120px;
    }

    #firstBox div.customerInfo02:last-child,
    #secondBox .secondInner div.customerInfo02:last-child {
        border-bottom: 1px solid #ACACAC;
    }

    #secondBox .secondInner {
        margin-top: 30px;
    }

    .customerInfo form .btn_style01 a {
        width: 60%;
        margin: 40px auto;
        font-size: 153.9%;
    }

    .customerInfo form .btn_style01_unselect a {
        width: 60%;
        margin: 40px auto;
        font-size: 153.9%;
    }

    .customerInfo .customerInfo02 dd {
        padding: 0px 10px;
    }

    .customerInfo .customerInfo02 dt {
        padding: 10px;
    }

    .customerInfo02 .btn_style05 a {
        padding: 0;
        display: block;
    }

    .calendarBox .btn_style05 {
        width: 40%;
    }

    .zipcodeBox,
    .calendarBox {
        margin-bottom: -7px;
    }

    .confirm .rule {
        margin: 40px auto;
    }

    .addressInner input {
        display: inline;
        width: 35%;
        margin-left: 2%;
    }

    .addressInner span.last {
        margin-left: 2%;
    }

    #cart .customerInfo .radio span.fontR {
        display: block;
    }

    #cart .customerInfo .custom {
        width: 100px;
    }

    .confirmBox dl dd div {
        float: left;
        width: 48%;
    }

    .confirmBox dl dd div:nth-child(2) {
        margin-left: 4%;
    }
}

#formTop input {
    width: 100%;
}

.confirmBox p {
    margin-top: 10px;
}

.confirmBox a {
    text-decoration: underline;
}

.confirmBox a:hover {
    text-decoration: none;
}

.confirmBox dl dt {
    background: #FD7A58;
    color: #FFF;
    font-weight: normal;
    font-size: 108%;
    padding: 10px;
}

.confirmBox dl dd {
    display: none;
    padding: 0px 10px 10px 10px;
}

.confirmBox .kashite {
    margin-bottom: 20px;
    margin-top: 0;
}

.confirmBox .kashite span {
    float: left;
    font-weight: bold;
    font-size: 150%;
    margin-right: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.confirmBox ul li {
    list-style: disc;
}

.confirmBox dd p a {
    text-align: right;
    display: block;
}

.confirmBox ul {
    margin: 10px 0px 0px 20px;
}

.confirmBox ul li span {
    font-weight: bold;
}

.rule01 .btn_style06 a {
    padding: 8px 15px 7px;
}

.rule .btn_style06 a span,
.rule .btn_style01 a span {
    display: block;
}

.rule .btn_style06 a span {
    background-position: 10% 50%;
    display: block;
}

.rule .btn_style01 a span {
    background-position: 90% 50%;
    display: block;
}

.rule .btn_style06 p {
    font-size: 60%;
}

.heightLine-111 input {
    width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .rule01 .btn_style06 a {
        padding: 8px 15px;
        height: 39px;
    }

    .confirmBox dl dt {
        background: #FD7A58;
        color: #FFF;
        font-weight: normal;
        font-size: 108%;
        padding: 15px;
    }

    .completeBox .switch02 span {
        right: 6px;
    }

    .addressInner span {
        display: block;
    }

    #cart .completeWrap .switch02 span {
        right: 11px;
    }

    .addressInner input {
        width: 100%;
    }

    #cart .registration .none .leftBox {
        background: none;
        padding: 0;
        height: 0;
        display: none !important;
    }

    #cart .registration .none .rightBox {
        margin-top: -20px;
    }

    .rule {
        margin-top: 20px;
    }

    .customerInfo .noneLine span.none {
        display: none;
    }
}


/*カート　モーダル*/
#modal-content {
    width: 50%;
    margin: 0;
    padding: 10px 20px;
    border: 2px solid #aaa;
    background: #fff;
    position: fixed;
    display: none;
    z-index: 10000;
}

#modal-overlay {
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}

.button-link {
    color: #00f;
    text-decoration: underline;
}

.button-link:hover {
    cursor: pointer;
    color: #f00;
}


#cart .customerInfo .custom>select {
    width: auto;
}

#cart .customerInfo .custom {
    overflow: hidden;
    display: inline-block;
    background-color: #EEEEEE;
    border: 1px solid #C1C1C1;
    position: relative;
    margin-bottom: -12px;
    margin-left: 5%;
    font-weight: normal;
}

#cart .customerInfo select {
    padding: 2px 100px 2px 10px;
    border-right: 1px solid #CCC;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none #FFF;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

#cart .customerInfo .custom:after {
    position: absolute;
    top: 0px;
    padding: 2px 10px 2px 20px;
    bottom: 0;
    right: 0px;
    width: 1.5em;
    border-left: 1px solid #ACACAC;
    display: block;
    content: "";
    background: url(../img/common/ico_select.gif) no-repeat 0 0 #EEEEEE;
    background-position: 50% 11px;
    background-size: 9px;
    pointer-events: none;
}

#cart .customerInfo select::-ms-expand {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .customerInfo02 .leftBox .visible-xs>p:nth-child(1):before {
        content: "";
        display: inline-block;
        width: 45px;
    }

    .customerInfo02 .leftBox .visible-xs>p.no-required:nth-child(1):before {
        content: none;
    }

    .customerInfo02 .leftBox span.required {
        top: 3px;
        right: auto;
        left: 0;
    }

    .customerInfo .rightBox {
        margin-bottom: 20px;
        padding-top: 10px;
    }

    .customerInfo .rightBox .fontR {
        font-size: 108%;
        display: block;
    }

    .customerInfo .rightBox textarea {
        width: 100%;
        height: 80px;
    }

    .customerInfo02 .btn_style05 a {
        font-size: 80%;
        padding: 8px 5px;
        display: block;
    }

    .customerInfo form .btn_style01 a {
        font-size: 116%;
    }
    .customerInfo form .btn_style01_unselect a {
        font-size: 116%;
    }

    .payway03 {
        line-height: 1.5;
        font-size: 93%;
    }

    .payway03 dt {
        padding-bottom: 10px;
    }

    .customerInfo02 .zipcodeBox label input {
        width: 37%;
        display: inline;
        margin-top: 5px;
    }

    .customerInfo02 .zipcodeBox label {
        width: 47%;
    }

    .customerInfo02 .zipcodeBox .btn_style05 {
        margin-left: -10px;
        padding: 3px 0px;
        width: 47%;
    }

    .calendarBox .btn_style05 {
        width: 55%;
        font-size: 88%;
        padding: 10px 5px 10px 5px;
        margin: 5px 0px 10px 3%;
    }

    .calendarBox input {
        margin-top: 7px;
    }

    .number input {
        width: 16%;
    }

    #cart .customerInfo .custom {
        width: 100px;
        float: left;
    }

    #cart .customerInfo .custom {
        overflow: hidden;
        display: inline-block;
        background-color: #EEEEEE;
        border: 1px solid #C1C1C1;
        position: relative;
        margin-bottom: -17px;
        margin-left: 5%;
    }

    .number .fontG {
        display: block;
        margin-top: 5px;
    }

    .calendarBox {
        margin-left: -10px;
    }

    .confirm .rule {
        margin-bottom: 20px;
    }
}


/*--カート　お客様情報登録完了--*/
.completeWrap .btn_style01 a {
    padding: 15px;
}

.completeWrap .btn_style01 span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

.completeBox {
    border: 5px solid #EBE8D4;
    padding: 15px;
    line-height: 1.7;
}

.firstTxt {
    text-align: center;
    color: #E04436;
    margin-bottom: 15px;
}


@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .cartTop .complete {
        margin-bottom: 40px;
    }

    .cartTop .complete dt {
        font-size: 153.9%;
    }

    .cartTop .complete dd p {
        font-size: 123.1%;
    }

    .complete ul {
        background: #3788D5;
        padding: 10px 33px;
        margin-top: 20px;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
    }

    .completeWrap .btn_style01 {
        padding: 15px;
        clear: both;
        font-size: 153.9%;
        margin: 40px auto;
        width: 60%;
    }

    .firstTxt {
        font-size: 150%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .cartTop .complete dt {
        font-size: 120%;
    }

    .cartTop .complete dd p {
        font-size: 116%;
    }

    .complete .telbox dt {
        width: 43%;
        float: left;
    }

    .complete .telbox dd {
        width: 57%;
        float: left;
    }

    .complete dd img {
        width: 100%;
    }

    .complete .telbox {
        background: #3788D5;
        margin-top: 20px;
        padding: 10px;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
    }

    .complete .telbox p {
        color: #FFF;
        clear: both;
        font-size: 73%;
        text-align: center;
    }

    .complete .telbox dt {
        font-size: 77%;
        color: #FFF;
        margin-top: 3px;
    }

    .completeWrap .btn_style01 {
        margin: 20px auto;
    }

    .completeWrap .btn_style01 a {
        font-size: 116%;
    }

    .firstTxt {
        font-size: 125%;
    }
}


/*--検索結果--*/

/*--ご契約中のお客様へ--*/
#search .searchBox {
    padding: 0px 0px 20px;
}

#search .itemBox {
    margin-bottom: 40px;
}

.relationInfo dl.firstdl,
.relationInfo dl:first-child {
    border-top: 2px solid #EBE8D3;
}

#contact .contentRight .relationInfo dl:last-child dd {
    border-bottom: 0px;
}

.relationInfo dt {
    background: url(../img/common/ico_q.png) no-repeat left top;
    background-position: 10px 12px;
    padding: 15px 20px 15px 42px;
    font-weight: normal;
    border-bottom: 2px solid #EBE8D3;
    border-right: 2px solid #EBE8D3;
    border-left: 2px solid #EBE8D3;
}

.relationInfo dd {
    border-bottom: 2px solid #EBE8D3;
    /*display: none;*/
}

.relationInfo dd p {
    font-weight: normal;
    background: url(../img/common/ico_a.png) no-repeat left top;
    background-position: 10px 10px;
    padding: 15px 20px 15px 45px;
}

#cust .relationInfo dd p {
    background: none;
    text-align: left;
}

#cust .relationInfo dd span {
    text-align: left;
    display: block;
    padding: 15px 20px 10px 45px;
    font-size: 108%;
}

#cust .relationInfo dd table {
    width: 90%;
    margin-left: 45px;
}

#cust .relationInfo dd td,
#cust .relationInfo dd th {
    border: 1px solid #CCC;
    padding: 10px;
    text-align: left;
}

#cust .relationInfo dd {
    background: url(../img/common/ico_a.png) no-repeat left top;
    background-position: 12px 10px;
    padding: 0px 20px 15px 0px;
    text-align: center;
}

#faq .relationInfo dd .text-center {
    margin: 0px auto 10px;
    display: block;
}

#faq .relationInfo dd a,
#cust .relationInfo dd a {
    color: #1F72C0;
    text-decoration: underline;
}

.relationInfo dt {
    position: relative;
}

.relationInfo dt span {
    display: block;
    position: absolute;
    z-index: 10;
    background: url(../img/common/ico_open_r.png) no-repeat 0 0;
    background-size: 8px;
    width: 8px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
}

.relationInfo .active04 span {
    background: url(../img/common/ico_close_r.png) no-repeat 0 0;
    background-size: 14px;
    width: 14px;
    height: 7px;
    right: 20px;
    top: 50%;
    margin-top: -4px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #search .itemBox dl dt {
        font-weight: normal;
    }

    .relationInfo dt {
        font-size: 138.5%;
    }

    .relationInfo dt span {
        right: 20px;
    }

    .relationInfo dd p {
        font-size: 108%;
    }

    #search .searchBox input {
        width: 67%;
    }

    #search .searchBox form {
        padding: 10px 20px;
    }

    #search .searchBox .btn_style01 {
        width: 20%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #search .itemBox dl dt {
        font-size: 70%;
    }

    .relationInfo dt {
        background-size: 25px;
        background-position: 10px 15px;
        font-size: 108%;
    }

    .relationInfo dd p {
        background-size: 25px;
        background-position: 10px 15px;
        font-size: 93%;
    }

    .relationInfo dt span {
        right: 5%;
    }

    .relationInfo .active04 span {
        right: 5%;
    }

    .relationInfo {
        margin-bottom: 20px;
    }

    #search .searchBox form {
        padding: 10px;
    }

    #search .searchBox .btn_style01 a {
        padding: 8px 3px;
        font-size: 60%;
    }

    #search .searchBox label {
        font-size: 88%;
    }

    #faq .relationInfo dd img {
        margin-bottom: 10px;
    }
}

.madogutiBox {
    margin-top: 40px;
}

.madogutiBox p {
    padding: 0px 10px 10px;
}

.madogutiBox .list li:nth-child(3n) {
    margin-right: 0px;
}

.madogutiBox .list li a {
    width: 100%;
}

.madogutiBox dl dt {
    color: #DF4435;
    font-weight: normal;
    border-bottom: 1px dotted #ACACAC;
    padding: 5px 10px;
}

.madogutiBox dl dd {
    padding: 5px 10px 10px;
}

.madogutiInner {
    margin-bottom: 40px;
}

.madogutiInner p {
    border: 1px dotted #ACACAC;
    padding: 13px;
    background: #FBF8F1;
    text-align: center;
}

.madogutiInner p img {
    margin-left: 20px;
    margin-top: -3px;
}

#cust .relationInfo .last dd {
    border-bottom: 0px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .madogutiBox .list {
        margin-left: 1%;
        margin-bottom: 30px;
    }

    .madogutiBox .list li {
        width: 32%;
    }

    .madogutiBox dl dt {
        font-size: 138.5%;
    }

    .madogutiInner p {
        font-size: 167%;
    }

    .madogutiBox p {
        font-size: 108%;
    }

    .madogutiBox dl dd {
        font-size: 108%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .madogutiInner {
        margin-bottom: 20px;
    }

    .madogutiBox .list {
        margin-bottom: 20px;
        margin-left: 1%;
    }

    .madogutiBox .list li {
        width: 31%;
    }

    #cust .relationInfo dd {
        padding-right: 0px;
    }

    #cust .relationInfo dd p {
        padding: 10px 0px 0px 45px;
    }

    #cust .relationInfo dd img {
        margin-top: 10px;
    }

    #cust .relationInfo dd table {
        font-size: 85%;
    }

    #cust .relationInfo dd table th,
    #cust .relationInfo dd table td {
        padding: 5px;
    }

    .madogutiBox {
        padding-bottom: 5px;
    }

    .madogutiBox dl dt {
        font-size: 116%;
    }

    .madogutiInner p {
        font-size: 120%;
    }

    .madogutiInner p img {
        width: 60%;
    }

    .madogutiBox dl dd {
        font-size: 100%;
    }
}


/*--ライフスタイル--*/
.priceBox {
    margin-bottom: 10px;
}

.blogWrap {
    background: #FBF8F1;
    border: 1px dotted #E2DFD7;
    padding: 15px;
}

.blogWrap dt {
    margin: 10px auto;
}

.blogWrap dl {
    margin-bottom: 10px;
}

#lifestyle .list li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#lifestyle .list li a {
    display: block;
    padding: 20px 10px;
    font-size: 124%;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #lifestyle .list li:nth-child(5n) {
        margin-right: 0px;
    }

    /*#lifestyle .list li:nth-child(1) a, #lifestyle .list li:nth-child(4) a, #lifestyle .list li:nth-child(5) a, #lifestyle .list li:nth-child(7) a {
    padding: 8px 10px 9px;
}*/
    #lifestyle .list li a {
        padding: 40px 5px;
        display: block !important;
        overflow: hidden;
    }

    #lifestyle .list li a span {
        display: block;
        padding: 40px 0px;
    }

    .blogWrap dt {
        font-size: 138.5%;
    }

    #lifestyle .itemBox {
        margin-bottom: 40px;
    }
}

#lifestyle .list li {
    display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    /*#lifestyle .list li:nth-child(1) a, #lifestyle .list li:nth-child(4) a, #lifestyle .list li:nth-child(5) a, #lifestyle .list li:nth-child(7) a {
    padding: 12px 10px 13px;
}*/
    #lifestyle .list li a {
        padding: 20px 10px;
        overflow: hidden;
        display: block !important;
    }

    #lifestyle .list li a span {
        display: block;
    }

    .blogWrap dt {
        font-size: 123.1%;
    }

    #lifestyle .itemBox {
        margin-bottom: 20px;
    }

    .blogWrap {
        margin-bottom: 40px;
    }

    #lifestyle .list li {
        width: 31%;
    }

    #lifestyle .list li a {
        font-size: 88%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #lifestyle .list li {
        margin: 0px 3% 3% 0px;
    }

    #lifestyle .list li:nth-child(3n) {
        margin: 0px 0px 3% 0px;
    }
}


/*--ご利用の流れ--*/
#category_detail .flowWrap ul,
#flow .flowWrap ul {
    margin-top: 20px;
}

#category_detail .flowWrap ul li,
#flow .flowWrap ul li {
    float: left;
}

#category_detail .stepInner h3,
#flow .stepInner h3 {
    background: url(../img/flow/bg_tit.jpg) no-repeat left center;
}

#category_detail .stepInner h3 span,
#flow .stepInner h3 span {
    margin-right: 20px;
}

#category_detail .stepInner dt,
#flow .stepInner dt {
    float: left;
    width: 20%;
}

#category_detail .stepInner dd,
#flow .stepInner dd {
    float: left;
    font-size: 108%;
    width: 80%;
    padding: 0px;
}

#category_detail .stepInner p,
#flow .stepInner p {
    font-size: 108%;
    padding: 0px 10px 10px 10px;
}

#category_detail .stepInner p span.fontR,
#flow .stepInner p span.fontR {
    font-size: 100%;
}

#category_detail .stepInner p span.fonyB,
#flow .stepInner p span.fonyB {
    color: #2B84D9;
}

#category_detail .stepInner ol,
#flow .stepInner ol {
    margin: 0px 10px 10px;
}

#category_detail .stepInner ol a,
#flow .stepInner ol a {
    font-size: 123.1%;
    background: url(../img/common/ico_point_r.png) no-repeat left center;
    padding: 10px 10px 10px 30px;
}

#category_detail .stepInner ol a:hover,
#flow .stepInner ol a:hover {
    text-decoration: underline;
}

#category_detail .flowWrap .btn_style01,
#flow .flowWrap .btn_style01 {
    width: 60%;
    margin: 30px auto;
}

/* 191118 add */
#category_detail .stepInner .paddingBottom-0{
  padding-bottom: 0;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {

    #category_detail .stepInner h3,
    #flow .stepInner h3 {
        margin-top: 30px;
    }

    #category_detail .flowWrap .btn_style01 a,
    #flow .flowWrap .btn_style01 a {
        font-size: 153.9%;
        padding: 15px;
    }

    #category_detail .flowWrap .btn_style01 a span,
    #flow .flowWrap .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding-right: 30px;
    }
  
    /* 191118 add */
    #category_detail .stepInner .btn_style03.paddingBottom-0 a{
      margin-top: 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    #category_detail .flowWrap ul li,
    #flow .flowWrap ul li {
        width: 33%;
    }

    #category_detail .stepInner h3,
    #flow .stepInner h3 {
        margin-top: 20px;
    }

    #category_detail .stepInner h3 span,
    #flow .stepInner h3 span {
        margin-right: 10px;
    }

    #category_detail .stepInner p,
    #flow .stepInner p {
        font-size: 100%;
    }

    #category_detail .flowWrap .btn_style01,
    #flow .flowWrap .btn_style01 {
        width: 100%;
        font-size: 116%;
    }

    #category_detail .flowWrap .btn_style01 a,
    #flow .flowWrap .btn_style01 a {
        font-size: 116%;
        padding: 13px;
    }

    #category_detail .flowWrap .btn_style01 span,
    #flow .flowWrap .btn_style01 span {
        background: url(../img/common/ico_click_w_s.png) no-repeat right center;
        background-size: 8px;
        padding-right: 20px;
    }
  
    /* 191118 add */
    #category_detail .stepInner .btn_style03.paddingBottom-0 a{
      margin-top: 10px;
    }
}


/*--家具・家電レンタル情報--*/
#rental_info .categoryBloginner {
    margin-bottom: 40px;
    position: relative;
}

#rental_info .categoryBloginner .btn_style01 {
    width: 100%;
    margin-left: 0px;
}

#rental_info .categoryBloginner .btn_style01 span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}


/*.categoryBlog_bottomWrap {
    display: none;
}*/
#rental_info .categoryBloginner .active05 {
    display: none;
}

.categoryBlog_bottomWrap p {
    border-top: 1px dotted #666666;
    padding-top: 20px;
}

#rental_info .categoryBloginner .btn_style01 a,
#rental_info .categoryBloginner .btn_style01 .btn_style01Inner {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

#rental_info .categoryBloginner .btn_style01 .btn_style01Inner {
    background: #DF433A;
    box-shadow: 0 3px 0 #B7281E;
    color: #fff;
}

#rental_info .categoryBloginner .btn_style01 .btn_style01Inner:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

#rental_info .categoryBloginner .categoryBlog_top {
    border-bottom: 0px;
}

#rental_info .listBox .selection {
    display: none;
}

#rental_info #page-1 {
    display: block;
}

.modalBox button {
    padding: 0px;
    border: 0px;
}

.modal-body {
    text-align: center;
}

.modal-header {
    border-bottom: 0px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #rental_info .categoryBlog_top {
        padding-bottom: 0px;
    }

    #rental_info .categoryBloginner .btn_style01 {
        position: absolute;
    }

    #rental_info .categoryBloginner .btn_style01 {
        width: 65%;
        position: absolute;
        bottom: 20px;
        right: -100px;
    }

    #rental_info .categoryBloginner .btn_style01 .btn_style01Inner {
        font-size: 138.5%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #rental_info .categoryBloginner {
        margin-bottom: 20px;
    }

    #rental_info .categoryBlog .btn_style01 {
        margin: 20px auto;
    }

    #rental_info .categoryBlog_top {
        padding-bottom: 0px;
    }

    #rental_info .categoryBloginner .btn_style01 {
        width: 100%;
        padding-bottom: 20px;
    }

    #rental_info .h4Wrap h4 {
        padding: 15px;
        text-align: left;
    }

    #rental_info .categoryBloginner .btn_style01 .btn_style01Inner {
        font-size: 116%;
    }

    .modal-body img {
        width: 100%;
        height: auto;
    }

    .modal .close {
        top: 4%;
    }
}


/*--営業所一覧--*/
#access .contentRight h2 {
    margin-bottom: 10px;
}

#access .accessBox h3 {
    margin-bottom: 10px;
}

#access .contentRight p {
    padding: 10px;
    font-size: 108%;
}

.accessboxLeft dt {
    background: #E04436;
    color: #FFF;
    font-weight: normal;
    padding: 10px;
}

#access .accessboxRight p {
    padding: 0px;
}

#access .accessboxRight p a {
    color: #1F72BF;
    text-decoration: underline;
    font-size: 100%;
}

#access .list li a {
    width: 100%;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .accessboxLeft {
        float: left;
    }

    .accessboxRight {
        float: right;
        width: 400px;
    }

    .accessboxLeft dt {
        font-size: 123.1%;
    }

    .accessboxLeft dd p {
        margin-bottom: 20px;
    }

    #access .list {
        margin-left: 1%;
    }

    #access .list li {
        width: 32%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #access .accessBox:last-child {
        border-bottom: 0px;
    }

    #access .accessBox h3 {
        text-align: center;
        font-size: 116%;
    }

    .accessboxLeft {
        margin-top: 10px;
    }

    .accessboxLeft dd p {
        font-size: 93%;
    }

    .accessboxLeft dt,
    .accessboxLeft dd p:first-child {
        font-size: 108%;
    }

    #access .list li {
        width: 31%;
    }

    #access .list li a {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/*--特定商取引法に基づく表示--*/
.tablestyle1 .tableInner .leftBox {
    background: #FBF8F1;
}

#order .tableInner a {
    color: #1F72BF;
    text-decoration: underline;
}

#order .tableInner a:hover {
    text-decoration: none;
}

.boxMap06 a {
    color: #1F72BF;
    text-decoration: underline;
}

.boxMap06 p {
    text-align: left;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .tablestyle1 .tableInner {
        font-size: 108%;
    }

    .boxMap06 {
        padding: 15px;
        text-align: center;
        border-right: 1px solid #ACACAC;
        border-left: 1px solid #ACACAC;
    }

    #order .tableInner span {
        font-weight: bold;
    }

    #order .heightLine-57 p,
    #order .heightLine-60 p,
    #order .heightLine-61 p {
        margin-bottom: 20px;
    }

    .tablestyle1 .tableInner .leftBox {
        float: left;
        width: 21%;
        padding: 15px;
        border-top: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
        border-left: 1px solid #ACACAC;
    }

    .tablestyle1 .tableInner .rightBox {
        width: 79%;
        padding: 15px;
        float: left;
        border-top: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
    }

    #order .tableInner .rightBox img {
        margin-bottom: 10px;
    }

    .tablestyle1 .last {
        border-bottom: 1px solid #ACACAC;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .tablestyle1 .tableInner .leftBox {
        border: 1px solid #ACACAC;
        padding: 10px;
        font-size: 108%;
    }

    .tablestyle1 .tableInner .rightBox {
        padding: 10px;
        margin-bottom: 10px;
    }

    #order .heightLine-57 p,
    #order .heightLine-60 p,
    #order .heightLine-61 p {
        margin-bottom: 10px;
    }

    .tablestyle1 .tableInner .rightBox p span {
        font-weight: bold;
    }

    .tablestyle1 .tableInner .rightBox img {
        margin-bottom: 10px;
        width: 100%;
    }
}


/*--お問い合わせ--*/
#contact .tableInner .leftBox {
    position: relative;
}

#contact .tableInner .leftBox span {
    position: absolute;
    right: 10px;
    background: #E04436;
    word-break: keep-all;
    font-size: 93%;
    color: #FFF;
    padding: 0 5px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

#contact .tableInner .rightBox input[type="text"] {
    line-height: 2;
    height: 2em;
}

#contact .tableInner .rightBox span {
    margin-left: 2%;
    color: #999999;
}

#contact .tableInner textarea {
    height: 100px;
}

#contact .tableInner .rightBox input,
#contact .tableInner textarea {
    width: 100%;
    border-radius: 0px;
    /* CSS3草案 */
    -webkit-border-radius: 0px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    /* Firefox用 */
}

#contact .tableInner .zipcodeBox label {
    float: left;
}

#contact .tableInner .zipcodeBox .btn_style05 {
    float: left;
}

#contact .tableInner .zipcodeBox .btn_style05 span {
    color: #FFF;
}

#contact form .btn_style01 a span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

#contact .contactTop .btn_style01 a {
    padding: 15px;
    margin: 10px auto 40px;
}

#contact .contactTop .btn_style01 a span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding: 10px 20px 10px 0px;
}

#contact .contactTop {
    padding: 0px 0px 10px;
}

#contact .contactTop .last dd {
    border-bottom: 0px;
}

#contact .contactTop h3 {
    margin-top: 20px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #contact .contactTop {
        padding: 10px 0px;
        font-size: 108%;
    }

    #contact .contactTop .btn_style01 a {
        font-size: 130%;
        width: 50%;
    }

    #contact .tableInner .leftBox {
        width: 25%;
        line-height: 2;
    }

    #contact .tableInner .leftBox.addpb {
        padding-bottom: 55px;
    }

    #contact .tableInner .rightBox {
        width: 75%;
    }

    #contact .tableInner .rightBox .red {
        color: #f00;
    }

    #contact form .btn_style01 {
        margin: 40px auto;
        width: 50%;
    }

    #contact form .btn_style01 a {
        font-size: 153.9%;
        padding: 15px;
    }

    #contact .tableInner .zipcodeBox .btn_style05 {
        width: 40%;
        margin: -5px 0px 0px 2%;
    }

    #contact .tableInner .zipcodeBox label {
        width: 40%;
    }

    #contact .tableInner .zipcodeBox label input {
        width: 90%;
    }

    #contact .tableInner .tel input {
        width: 40%;
    }
}

@media print,
screen and (min-width: 0px) and (max-width: 767px) {
    #contact .container>#main_column {
        float: none;
    }

    #contact .container>#main_column .contentRight {
        margin: 20px auto;
        padding: 0 15px;
    }

    #contact .tableInner .leftBox {}

    #contact .tableInner .leftBox span {
        position: static;
        margin-right: 5px;
    }

    #contact .contactTop .btn_style01 a {
        font-size: 108%;
    }

    #contact .tableInner .rightBox {
        padding: 10px 0px;
    }

    #contact form .btn_style01 {
        margin: 0px auto 20px;
    }

    #contact form .btn_style01 a {
        padding: 13px 10px;
        font-size: 116%;
    }

    #contact .tableInner .tel input {
        width: 30%;
    }

    #contact .tableInner .zipcodeBox label {
        width: 48%;
    }

    #contact .tableInner .zipcodeBox label input {
        width: 84%;
    }

    #contact .tableInner .zipcodeBox .btn_style05 {
        width: 48%;
        padding: 7px;
    }

    #contact .tableInner .zipcodeBox .btn_style05 a {
        font-size: 80%;
        padding: 0px;
    }

    #contact .tableInner .tel input {
        width: 50%;
    }
}


/*--お問い合わせ 確認--*/
#contact .confirm h2 {
    margin-bottom: 10px;
}

#contact .confirm .tableInner .rightBox {
    line-height: 2;
}

#contact .confirm .rule .btn_style01 {
    margin: 0px;
}

#contact .confirm .rule dt,
#contact .confirm .rule dd {
    width: 49%;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #contact .confirm .rule {
        margin: 40px auto;
    }

    #contact .confirm .tablestyle1 p.pa10 {
        padding: 10px;
    }
}

#thank .cartTop .complete {
    border: 5px solid #EBE8D4;
    padding: 15px;
}

#thank .cartTop .complete dt {
    text-align: center;
    color: #E04436;
    font-weight: normal;
    margin-bottom: 10px;
}

#thank .cartTop .complete dd p {
    font-size: 123.1%;
    margin-bottom: 10px;
}

#thank .complete li p {
    font-size: 131%;
    margin-top: 8px;
    margin-right: 10px;
    color: #FFF;
}

#thank .complete li {
    float: left;
    color: #FFF;
}

#thank .complete li span {
    display: block;
    margin-top: 12px;
    margin-left: 10px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #contact .confirm .rule {
        margin: 20px auto;
    }

    #contact form .btn_style06 a {
        padding: 13px 10px;
        font-size: 116%;
    }

    #contact .confirm .tablestyle1 p.pa10 {
        margin-bottom: 10px;
    }

    #thank .complete .telbox dt {
        font-size: 77%;
        color: #FFF;
        margin-top: 3px;
    }
}


/*--お問い合わせ エラー表示--*/
.error {h3
    color: #DF4434;
    display: none;
}

.hasError input {
    background: #F6C4BF;
}

/*--CSR--*/

.common .contentRight .caseCSR  {
    margin: 40px auto;
}
.common .contentRight .caseCSR h4 {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 150%;
    line-height: 1.3;
}

.common .contentRight .caseCSR h5 {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 140%;
    line-height: 1.3;
}
.common .contentRight .caseCSR  a{
    color: #337ab7;
    text-decoration: underline;
}

.common .contentRight .caseCSR h5 a:hover {  
    text-decoration: none;
  }
  
.common .contentRight .caseCSR p{
    font-size: 120%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .common .contentRight .caseCSR h4 {
        font-size: 130%;
    }
    .common .contentRight .caseCSR h5 {
        font-size: 120%;
    }
    .common .contentRight .caseCSR p{
        font-size: 110%;
    }
}    

/*--かして！どっとこむの特長--*/
#reason .h2Wrap h2 {
    background: #E53D20;
    padding: 15px;
}

#reason .reasonInner dl dd {
    font-size: 116%;
    line-height: 1.5;
}

#reason .reasonInner dl dd p {
    color: #666;
    font-size: 88%;
    width: 100%;
    margin: 10px 0px 0px 0px;
}

#reason .reasonInner dl dd p a {
    font-size: 108%;
    text-align: right;
    display: block;
    color: #1F72BF;
    text-decoration: underline;
}

#reason .reasonWrap {
    margin-bottom: 0px;
}

#reason .reasonInner dl dd p a:hover {
    text-decoration: none;
}

#reason .contentRight .btn_style01 a {
    font-size: 130%;
    width: 100%;
    max-width: 480px;
    padding: 15px;
    margin: 0px auto;
}

#reason .contentRight .btn_style01 a span {
    background: url(../img/common/ico_click_w.png) no-repeat right center;
    padding: 0 25px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #reason .reasonInner dl {
        width: 490px;
        margin-top: 20px;
    }

    #reason .reasonInner {
        margin-bottom: 40px;
    }

    #reason .reasonInner .reasonImg {
        float: left;
        width: 260px;
        margin: 0px 0px 0px -10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #reason .contentRight .btn_style01 a {
        font-size: 116%;
        padding: 15px;
        margin: 0px auto;
    }

    #reason .reasonInner dl {
        width: 62%;
        margin-left: 2%;
        float: left;
    }

    #reason .reasonInner .reasonImg {
        float: left;
        width: 36%;
        margin: 0px;
    }

    #reason .reasonInner img {
        width: 100%;
        height: auto;
    }

    #reason .reasonInner {
        margin-bottom: 25px;
    }

    #reason .reasonInner dl dt {
        border-bottom: 1px dotted #EB3900;
        padding-bottom: 5px;
        font-size: 110%;
        margin-bottom: 5px;
    }

    #reason .reasonInner dl dd {
        font-size: 93%;
    }

    #reason .reasonInner dl dt span {
        background: url(../img/common/bg_line.jpg) repeat-x left bottom;
        background-position: 0px 0px;
        padding-bottom: 10px;
    }

    #reason .reasonInner dl dd span {
        color: #E53D1F;
    }
}


/*--送料・お支払い方法--*/
#guide .guideBox h3 {
    margin-top: 30px;
}

#guide .guideBox h3:first-child {
    margin-top: 0px;
}

.guideboxInner {
    padding: 0px 10px;
}

#guide .guideBox ul li {
    margin: 3% 2% 0px 0px;
    float: left;
}

#guide .guideBox ul li {
    width: 32%;
}

#guide .guideBox ul li:nth-child(3n) {
    margin: 3% 0px 0px 0px;
}

#guide .guideBox ul li a {
    display: block;
    text-align: center;
    width: 100%;
    border: 1px dotted #CCCCCC;
    padding: 25px 25px 0;
    color: #2072C1;
    text-decoration: underline;
    background: #FBF8F1;
}

#guide .guideBox ul li a:hover {
    background: #B3A584;
    color: #FFF;
    text-decoration: none;
}

#guide .guideBox ul li a p {
    min-height: 4em;
}

#guide .guideBox ul li img {
    margin-bottom: 10px;
}

.guideboxInner p {
    margin-bottom: 10px;
    font-size: 108%;
}

.guideboxInner p span {
    font-size: 116%;
}

.guideboxInner dl {
    margin-bottom: 20px;
}

.guideboxInner dt {
    font-weight: normal;
    font-size: 123.1%;
    color: #DF4434;
    margin-bottom: 5px;
}

.guideboxInner dd {
    font-size: 108%;
}

.guideboxInner dd a {
    color: #1F72BF;
    text-decoration: underline;
}

/* 191127 add */
#guide .guideBox .cp-banner{
  margin-bottom: 30px;
}
#guide .guideBox .cp-banner a{
  display: block;
}

.switch07 {
    background: #FD7A58;
    position: relative;
    color: #FFF;
    font-size: 138.5%;
    padding: 15px;
    border-radius: 3px;
    margin: 30px auto 0px;
    box-shadow: 0 3px 0 #F54328;
}

.switch07:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

.switch07 span {
    background: url(../img/common/ico_arrow_w.png) no-repeat 0 0;
    display: block;
    position: absolute;
    z-index: 10;
    background-size: 15px;
    right: 3%;
    top: 50%;
    margin-top: -3px;
    width: 15px;
    height: 20px;
}

.active07 span {
    background: url(../img/common/ico_click_w.png) no-repeat 0 0;
    display: block;
    position: absolute;
    z-index: 10;
    background-size: 10px;
    right: 3%;
    top: 50%;
    margin-top: -7px;
    width: 10px;
    height: 20px;
}

.guideInner table {
    width: 100%;
    margin-top: 10px;
}

.guideInner table th,
.guideInner table td {
    border: 1px solid #ACACAC;
    padding: 10px;
}

.accordion07 .guideInner table th:last-child {
    text-align: center;
}

.accordion07 .guideInner table td:last-child {
    text-align: right;
}

.guideboxInner img {
    margin-bottom: 10px;
}

.guideInner table th {
    background: #EEEEEE;
}

.guideInner dl {
    margin-top: 15px;
}

.guideInner dt {
    padding: 0px 10px 5px;
    font-weight: normal;
    font-size: 108%;
    border-bottom: 1px dotted #ACACAC;
}

.guideInner dd {
    padding: 5px 10px 0px;
}

.oshiharai p {
    padding: 10px;
}

.oshiharai dl {
    margin: 10px auto 20px;
}

.oshiharai dt {
    padding: 0px 10px 5px;
    border-bottom: 1px dotted #ACACAC;
}

.oshiharai dd {
    padding: 5px 10px 0px;
}

.oshiharai dd p {
    padding: 0px;
}

.guideboxInner .last dt {
    color: #333333;
}


/*.guideInner {
    display: none;
}*/
@media screen and (min-width: 0px) and (max-width: 767px) {
    #guide .guideBox ul li img {
        width: 100%;
    }

    #guide .guideBox ul li a {
        padding: 5px;
        font-size: 88%;
    }

    #guide .guideBox ul li a p {
        min-height: 5.5em;
    }

    .guideInner table th {
        font-size: 93%;
    }

    .guideInner table th:first-child {
        width: 55%;
    }

    .guideInner table td {
        font-size: 88%;
    }

    .guideboxInner .imgWidth {
        width: 100%;
    }
}

/* 210208 add */
#guide .accordion07 .guideInner {
  display: none;
}


/*--よくあるご質問--*/
#faq .boxstyleInner ul li {
    background: url(../img/common/ico_point_r.png) no-repeat left center;
}

#faq .boxstyleInner ul li a {
    font-size: 123.1%;
}

#faq .boxstyleInner ul li a:hover {
    text-decoration: underline;
}

#faq .contentRight .relationInfo dl.last dd {
    border-bottom: 0px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .boxstyleInner {
        width: 380px;
        float: left;
    }

    .boxstyleInner:last-child {
        margin-left: 20px;
    }

    #faq .boxstyleInner ul li {
        padding: 5px 0px 5px 30px;
    }

    #faq .contentRight h2.maT {
        margin-top: 40px;
    }

    #faq .contentRight h3 {
        margin-top: 30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #faq .boxstyleInner:last-child {
        margin: 0px auto 30px;
    }

    #faq .contentRight .relationInfo dl dt {
        padding: 15px 25px 15px 42px;
    }

    #faq .boxstyleInner h3 {
        margin-bottom: 10px;
    }

    #faq .boxstyleInner ul {
        margin-left: 10px;
    }

    #faq .boxstyleInner ul li {
        background-size: 20px;
        padding: 5px 0px 5px 25px;
    }

    #faq .contentRight h2.maT {
        margin-top: 30px;
    }
}


/*--お客様の声--*/
#voice .voiceWrap {
    background: #FBF8F1;
    padding: 15px;
    margin: 10px auto 30px;
    position: relative;
}

#voice button {
    border: 0px;
    padding: 0px;
}

#voice .voiceLeft {
    /*float: left;*/
}

#voice .voiceLeft .h4Wrap {
    display: inline-block;
    min-width: 200px;
    margin-bottom: 10px;
}

#voice .voiceLeft button {
    /*margin-bottom: 20px;*/
}

#voice .voiceLeft img {
    width: 100%;
    margin-bottom: 20px;
}

#voice .voiceRight {
    /*float: right;*/
}

#voice .voiceRight dt {
    font-weight: normal;
}

#voice .voiceRight dd img {
    display: block;
    margin: 20px auto 0;
}

#voice .voiceWrap .btn_style01 {
    clear: both;
}

#voice .voiceWrap .btn_style01 a {
    padding: 15px;
}

.voicebottom {
    border-top: 1px dotted #666666;
    padding-top: 20px;
    clear: both;
}

.voicebottom dt {
    background: #84A800;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: normal;
}

.voicebottom dt span {
    display: block;
    padding: 5px;
    color: #FFF;
    border: 1px dotted #FFF;
    font-size: 108%;
}

#voice .voiceWrap .btn_style01 .btn_style01Inner {
    position: relative;
    display: block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

#voice .voiceWrap .btn_style01 .btn_style01Inner {
    background: #DF433A;
    box-shadow: 0 3px 0 #B7281E;
    color: #fff;
}

#voice .voiceWrap .btn_style01 .btn_style01Inner:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
    cursor: pointer;
}

.active06 {
    display: none;
}

#voice .voiceWrap .btn_style01 span {
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
    padding-right: 20px;
}

#voice .list .selection {
    display: none;
}

#voice #page-1 {
    display: block;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #voice .voiceLeft {
        /*width: 27%;*/
    }

    #voice .voiceRight {
        /*width: 70%;*/
    }

    .voicebottom dt {
        width: 200px;
    }

    /*#voice .voiceWrap .btn_style01 {
    width: 65%;
    position: absolute;
    bottom: 0px;
    right: -100px;
}*/
    #voice .voiceRight dt {
        font-size: 153.9%;
        margin: 10px auto 20px;
    }

    #voice .voiceRight dd {
        font-size: 108%;
        padding-bottom: 20px;
        /*min-height:400px;*/
    }

    #voice .voiceWrap .btn_style01 .btn_style01Inner {
        font-size: 138.5%;
        padding: 15px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
    #voice .voiceWrap .btn_style01 {
        margin: 20px auto;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #voice .voiceLeft {
        /*width: 35%;*/
    }

    .voicebottom dt {
        /*width: 35%;*/
    }

    #voice .voiceRight {
        /*width: 60%;*/
    }

    #voice .voiceRight dt {
        margin: 10px auto;
    }

    #voice .voiceRight dd {
        font-size: 88%;
        margin-bottom: 20px;
    }

    #voice .voiceRight img {
        width: 100%;
    }

    #voice .voiceLeft img {
        width: 100%;
    }

    #voice .voiceWrap .btn_style01 a {
        font-size: 116%;
        padding: 10px;
    }

    #voice .categoryBlog .btn_style01 {
        margin: 0px auto 20px;
    }

    #voice .voicebottom dd {
        font-size: 88%;
    }

    .voicebottom dt {
        width: 100%;
    }
}


/*--　インフォメーション --*/
#info .infoBox {
    border-bottom: 1px dotted #CDC9C4;
    font-size: 108%;
    margin-top: 20px;
}

#info .infoBox dl {
    border-top: 3px solid #E2D199;
    background: #FBF8F1;
    padding: 10px;
}

#info .infoBox dt {
    font-weight: normal;
    font-size: 100%;
    margin-bottom: 5px;
}

#info .infoBox dl dd {
    font-size: 138.5%;
}

#info .infoBox p a {
    color: #1F72C0;
    text-decoration: underline;
}

#info .infoBox p {
    padding: 10px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #info .infoBox img {
        width: 100%;
    }

    #info .infoBox dl dt {
        font-size: 93%;
    }

    #info .infoBox dl dd {
        font-size: 118%;
    }
}


/*--メディア掲載案内--*/
a.txtlink {
    color: #1F72C0;
    text-decoration: underline;
}



#media .boxstyleInner ul li {
    background: url(../img/common/ico_point_r.png) no-repeat left center;
}

#media .contentRight ol li {
    float: left;
}

#media .contentRight ol {
    margin-bottom: 20px;
}

#media .boxstyleInner ul {
    margin-left: 10px;
}

#media .boxstyleInner ul li a {
    font-size: 123.1%;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #media .boxstyleInner ul li {
        padding: 5px 0px 5px 30px;
    }

    #media .contentRight p {
        padding: 10px;
    }

    #media .contentRight .boxstyleWrap img {
        margin-left: 10px;
    }

    #media .contentRight .boxstyleWrap p {
        font-size: 108%;
        line-height: 1.8;
    }

    #media .contentRight ol {
        margin-left: 10px;
    }

    #media .contentRight ol li {
        margin-right: 10px;
    }

    #media .contentRight h3 {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    #media .contentRight .boxstyleWrap h3 {
        margin-top: 30px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #media .boxstyleInner:last-child {
        margin: 0px;
    }

    #media .contentRight h3 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #media .contentRight img {
        width: 100%;
        margin: 10px 0px;
    }

    #media .contentRight ol li {
        width: 48%;
    }

    #media .contentRight ol li:nth-child(2) {
        margin-left: 4%;
    }

    #media .contentRight .boxstyleInner p {
        margin-left: 10px;
    }

    #media .contentRight .boxstyleInner li {
        background-size: 20px;
        padding: 5px 0px 5px 25px;
    }
}


/*--お役立ちリンク集--*/
#link .boxstyleInner ul li,
.boxstyleInner_s ul li {
    background: url(../img/common/ico_point_r.png) no-repeat left center;
}

#link .boxstyleInner ul li a,
.boxstyleInner_s ul li a {
    font-size: 123.1%;
}

#link .boxstyleInner ul li a:hover,
.boxstyleInner_s ul li a:hover {
    text-decoration: underline;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {

    #link .boxstyleInner ul li,
    .boxstyleInner_s ul li {
        padding: 5px 0px 5px 30px;
    }

    #link .contentRight h3 {
        margin-top: 30px;
    }

    .boxstyleInner_s {
        width: 33%;
        float: left;
    }

    /* .switch04:hover {
    cursor: pointer;
} */
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #link .boxstyleInner:last-child {
        margin: 0px;
    }

    #link .contentRight h3 {
        margin-bottom: 10px;
    }

    #link .contentRight .relationInfo dl dt {
        padding: 15px 25px 15px 42px;
    }

    #link .boxstyleInner {
        margin-bottom: 0px;
    }

    #link .boxstyleInner ul,
    .boxstyleInner_s ul {
        margin-left: 10px;
    }

    #link .boxstyleInner ul li,
    .boxstyleInner_s li {
        background-size: 20px;
        padding: 5px 0px 5px 25px;
    }

    .boxstyleInner_s ul li {
        background-size: 20px;
    }

    #link .boxstyleWrap {
        margin-bottom: 30px;
    }
}


/*--キャンペーン情報--*/
/* 191127 add */
.banner-img + .cp-precautions{
  margin-top: 20px;
}
.cp-precautions .list-dot dt{
  font-size: 116%;
  font-weight: bold;
  padding: 0px 10px 5px;
  border-bottom: 1px dotted #ACACAC;
  margin-bottom: 6px;
}
.list-dot dd{
  padding: 5px 10px 0 1em;
  position: relative;
}
.list-dot dd::before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0.4em;
}



/*--特典情報--*/

/*--家電･家具レンタル規約--*/
#campaign .agreementBox p {
    text-align: center;
}

#campaign .agreementBox p.text-left {
    text-align: left;
    padding: 0px 10px;
}

.agreementBox dl {
    margin-bottom: 20px;
}

.agreementBox dl dt {
    background: #EBE8D4;
    font-weight: normal;
    padding: 10px;
}

.agreementBox dl dd {
    padding: 10px;
}

.agreementBox dl dd table {
    width: 100%;
}

.agreementBox dl dd table th {
    font-weight: bold;
}

.agreementBox dl dd table th,
.agreementBox dl dd table td {
    border: 1px solid #CCC;
    padding: 10px;
}

#campaign .agreementBox p.tokuten2 {
    margin-bottom: 20px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #campaign .agreementBox p {
        margin-bottom: 40px;
    }

    #campaign .agreementBox .btn_style01 a {
        padding: 15px;
        font-size: 167%;
    }

    #campaign .agreementBox .btn_style01 a span {
        background: url(../img/common/ico_click_w.png) no-repeat right center;
        padding-right: 30px;
    }

    #campaign .agreementBox .btn_style01 {
        width: 60%;
        margin: 40px auto;
    }

    .agreementBox dl dt {
        font-size: 123.1%;
    }

    .agreementBox dl dd {
        font-size: 108%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #campaign .agreementBox p {
        margin-bottom: 30px;
    }

    #campaign .agreementBox .btn_style01 a {
        padding: 15px;
        font-size: 116%;
    }

    #campaign .agreementBox .btn_style01 {
        margin: 20px auto 40px;
    }

    #campaign .agreementBox .btn_style01 a span {
        background: url(../img/common/ico_click_w_s.png) no-repeat right center;
        padding-right: 30px;
    }

    #campaign .agreementBox p img {
        width: 100%;
    }

    .agreementBox dl dt {
        font-size: 116%;
    }

    .agreementBox dl dd table th,
    .agreementBox dl dd table td {
        font-size: 88%;
    }
}


/*--レンタルVS購入比較--*/
#vs .vsBox h3 {
    background: #FD7A58 !important;
    color: #FFF;
    margin-top: 30px;
}

.vsBox .lose {
    border: 1px solid #84A800;
    position: relative;
}

.vsBox .lose dt {
    background: #84A800;
    color: #FFF;
    padding: 10px;
    font-weight: normal;
    font-size: 123.1%;
}

.vsBox .lose dd {
    padding: 10px;
}

.vsBox .lose dd p {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 108%;
}

.vsBox .lose dd p.none {
    border-bottom: 0px;
}

.vsBox dd span img {
    position: absolute;
    right: 3px;
    top: 5px;
}

.vsBox .win {
    border: 1px solid #EE8719;
    position: relative;
}

.vsBox .win dt {
    background: #EE8719;
    color: #FFF;
    padding: 10px;
    font-weight: normal;
    font-size: 123.1%;
}

.vsBox .win dd {
    padding: 10px;
}

.vsBox .win dd p {
    margin-bottom: 3px;
    font-size: 108%;
}

.vsBox .win dd p.none {
    margin-bottom: 10px;
}

.winTxt {
    background: url(../img/vs/bg_line.gif) repeat-x left bottom;
    padding-bottom: 20px;
    position: relative;
}

.winTxt dt.text-center,
.winTxt p.text-center {
    color: #E04436;
    font-weight: bold;
    margin: 20px auto 10px;
}

.winTxt dd.text-center p {
    background: #FBF8F1;
}

.winTxt dd.text-center dt {
    font-weight: normal;
    font-size: 123.1%;
    background: url(../img/common/ico_arrow_r.png) no-repeat right center;
    padding: 0px 20px 0px 0px;
}

.winTxt dd.text-center dd {
    font-size: 123.1%;
    margin-left: 30px;
}

.winTxt dd.text-center dd span {
    color: #DF4435;
}

.winTxt dd.text-center dl {
    background: #FBF8F1;
    width: 100%;
    text-align: center;
}

.vsboxBottom {
    padding: 30px 0px;
}

.vsboxBottomtext {
    background: url(../img/vs/bg_line.png) repeat-x left bottom;
    margin: 0px auto;
}

.vsboxBottomtext span {
    font-size: 120%;
    color: #DF4433;
}

.vsboxBottom dl {
    background: #F3F3E9;
    padding: 20px 10px 40px;
    margin: 30px auto;
}

.vsboxBottom dl dt {
    color: #3788D5;
    border-bottom: 1px dotted #3788D5;
    padding-bottom: 10px;
    font-weight: normal;
}

.vsboxBottom dl dd img {
    padding: 20px 0px 30px;
}

.vsboxBottom dl dd .btn_style01 {
    margin: 0px auto;
}

.vsboxBottom dl dd .btn_style01 a {
    padding: 15px;
}

.vsboxBottom dl dd .btn_style01 a span {
    padding: 5px 20px 5px 10px;
    background: url(../img/common/ico_click_w_s.png) no-repeat right center;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .vsBox ol li {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

    .vsBox ol li:last-child {
        margin-right: 0px;
    }

    .vsboxBottomtext {
        font-size: 182%;
    }

    .vsboxBottom dl dt {
        font-size: 153.9%;
    }

    .winTxt dd img {
        position: absolute;
        right: 125px;
        top: -15px;
    }

    .winTxt dt.text-center,
    .winTxt p.text-center {
        font-size: 182%;
    }

    .vsboxBottom dl dd .btn_style01 {
        font-size: 167%;
        width: 65%;
    }

    .winTxt dd.text-center dl {
        padding: 10px 80px;
    }

    .winTxt dd.text-center dt {
        float: left;
    }

    .winTxt dd.text-center dd {
        float: left;
    }

    .vsboxBottomtext {
        padding: 10px;
        width: 80%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    .winTxt dt.text-center,
    .winTxt p.text-center {
        font-size: 116%;
    }

    .vsBox dd span img {
        width: 40px;
    }

    .vsBox dd {
        font-size: 88%;
    }

    .vsBox .lose {
        margin-bottom: 10px;
    }

    .vsBox .win dt,
    .vsBox .lose dt {
        font-size: 108%;
    }

    .vsboxBottom dl dd .btn_style01 a {
        font-size: 116%;
    }

    .winTxt dd img {
        position: absolute;
        right: 10px;
        top: -15px;
        width: 40px;
    }

    .winTxt {
        padding-bottom: 5px;
    }

    .winTxt dl {
        padding: 10px 0px;
    }

    .winTxt dd.text-center dt {
        background: none;
    }

    .winTxt dd.text-center dt span {
        color: #E04436;
    }

    .vsboxBottomtext {
        background-position: 0px 12px;
    }
}


/*--会社概要--*/
#about .topTxt {
    padding: 0px 10px 20px 10px;
}

#about .topTxt span {
    color: #DF4434;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #about .topTxt {
        font-size: 123.1%;
    }
}


/*--プライバシーポリシー--*/
#privacy .privacyBox dl {
    margin-top: 20px;
}

#privacy .privacyBox dt {
    background: #EBE8D4;
    font-size: 123.1%;
    font-weight: normal;
    padding: 10px;
}

#privacy .privacyBox dl dd {
    margin-left: 10px;
    background: url(../img/common/ico_square_r.gif) no-repeat left top;
}

#privacy .privacyBox a {
    color: #1F72BF;
    text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 5000px) {
    #privacy .privacyBox p {
        padding: 10px;
    }

    #privacy .privacyBox dl dd {
        padding: 0px 10px 10px 10px;
        background-position: 0px 13px;
        font-size: 108%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #privacy .privacyBox dl dd {
        padding: 10px 10px 10px 15px;
        background-position: 0px 14px;
        background-size: 8px;
    }
}


/*--サイトマップ--*/
#sitemap .boxstyleInner ul li {
    background: url(../img/common/ico_point_r.png) no-repeat left center;
}

#sitemap .boxstyleInner ul li a {
    font-size: 123.1%;
}

#sitemap .boxstyleInner ul li a:hover {
    text-decoration: underline;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .boxstyleInner {
        width: 380px;
        float: left;
        margin-left: 20px;
    }

    .boxstyleInner:first-child {
        margin-left: 0px;
    }

    #sitemap .boxstyleInner ul li {
        padding: 5px 0px 5px 30px;
    }

    #category_detail .location {
        width: 380px;
    }

    .location {
        border: 1px solid #EBE8D4;
        padding: 13px;
        width: 530px;
        float: left;
        font-size: 93%;
    }
}

.radioWrap p {
    float: left;
}

.radioWrap .radio {
    float: left;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .boxstyleInner:last-child {
        margin: 30px auto 20px;
    }

    #sitemap .boxstyleInner h3 {
        margin-bottom: 10px;
    }

    #sitemap .boxstyleInner ul {
        margin-left: 10px;
    }

    #sitemap .boxstyleInner ul li {
        background-size: 20px;
        padding: 5px 0px 5px 25px;
    }

    .location {
        border: 1px solid #EBE8D4;
    }

    #category_detail .location {
        border: 1px solid #EBE8D4;
        margin-top: 20px;
    }

    #category_detail .secondhand .location {
        margin-top: 0;
    }

    #category_detail .location {
        margin-bottom: 0px;
    }

    #category_detail .location label {
        display: block;
    }

    #category_detail .location .radio {
        margin: 0px 0px 0px 2%;
    }

    #list .location {
        padding: 15px;
    }

    #list .location .radio {
        float: left;
        margin: 0px 0px 0px 2%;
    }

    #list .location .radio label {
        display: block;
    }

    #list .location p {
        float: left;
    }
}

.location p {
    float: left;
    font-weight: bold;
}

.location .radio label {
    margin-left: 20px;
}

.location .radio label input {
    margin-top: 0px;
}

.location01 label {
    font-weight: normal;
}

.set {
    clear: both;
}

#category_detail .location {
    padding: 20px;
}

#category_detail .location p {
    margin-bottom: 0px;
}

#category_detail .location label {
    margin-left: 10px;
}

.notes {
    clear: both;
    border: 1px solid #E2D199;
    padding: 20px;
    margin: 20px auto;
}

.notes h4 {
    background: #FBF8F1;
    padding: 15px;
    font-size: 116%;
    font-weight: bold;
}

.notes p,
.notes label {
    font-weight: bold;
    font-size: 108%;
}

.notes label {
    margin-top: 10px;
}

.notes label span,
.notes p span {
    font-weight: normal;
    font-size: 93%;
}


/*--延長・回収について--*/
#recovery .textRed {
    color: #FF0000;
}

#recovery .container .text {
    margin: 10px 0 20px;
}

#recovery .container .text.text-center {
    text-align: center;
}

#recovery .container .btn_style01 {
    width: 80%;
    margin: 0 auto;
    font-size: 150%;
}

#recovery .container .btn_style01_unselect {
    width: 80%;
    margin: 0 auto;
    font-size: 150%;
}

#recovery .customerInfo .custom>select {
    width: auto;
}

#recovery .customerInfo .custom {
    overflow: hidden;
    display: inline-block;
    background-color: #EEEEEE;
    border: 1px solid #C1C1C1;
    position: relative;
    margin-bottom: -12px;
    font-weight: normal;
}

#recovery .customerInfo select {
    padding: 2px 100px 2px 10px;
    border-right: 1px solid #CCC;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none #FFF;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

#recovery .customerInfo .custom:after {
    position: absolute;
    top: 0px;
    padding: 2px 10px 2px 20px;
    bottom: 0;
    right: 0px;
    width: 1.5em;
    border-left: 1px solid #ACACAC;
    display: block;
    content: "";
    background: url(../img/common/ico_select.gif) no-repeat 0 0 #EEEEEE;
    background-position: 50% 11px;
    background-size: 9px;
    pointer-events: none;
}

#recovery .customerInfo select::-ms-expand {
    display: none;
}

#recovery ol.number-list {
    padding-left: 2em;
    list-style-type: decimal;
}

#recovery .recovery-table {
    margin: 20px auto 40px;
}

#recovery .recovery-table table {
    width: 100%;
}

#recovery .recovery-table table th,
#recovery .recovery-table table td {
    border: 1px solid #acacac;
    padding: 5px;
}

#recovery .recovery-table table thead {}

#recovery .recovery-table table thead th {
    text-align: center;
    color: #fff;
    background-color: #828282;
}

#recovery .recovery-table table tbody {}

#recovery .recovery-table table tbody th {
    background-color: #eee;
}

#recovery .recovery-table table tbody td {
    text-align: right;
}

#recovery .customerInfo02 .delivery {
    margin: 10px 0 0;
    font-size: 12px;
}

#recovery .customerInfo02 .delivery dt {
    border-bottom: 0;
    margin-bottom: 0;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    #recovery .customerInfo02 .btn_style05 {
        width: 20%;
    }

    #recovery .customerInfo02 .leftBox p span {
        font-size: 78%;
        display: inline-block;
        line-height: 1.7;
    }

    #recovery .customerInfo form .btn_style01 {
        width: 100%;
        text-align: center;
    }
    #recovery .customerInfo form .btn_style01_unselect {
        width: 100%;
        text-align: center;
    }

    #recovery .customerInfo form .btn_style01 a {
        padding: 15px;
        margin: 20px auto;
        font-size: 110%;
    }
    #recovery .customerInfo form .btn_style01_unselect a {
        padding: 15px;
        margin: 20px auto;
        font-size: 110%;
    }

    #recovery .customerInfo02 #dp1 {
        margin: 0;
        width: 100%;
    }

    #recovery .customerInfo02 #dp1 .btn_style05 {
        width: 167px;
    }

    #recovery .customerInfo02 .delivery dd {
        padding-top: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #recovery .none .leftBox {
        display: none;
    }

    #recovery .contentRight {
        margin: 20px 10px;
    }

    #recovery .container .btn_style01 {
        width: 100%;
        font-size: 120%;
    }

    #recovery .container .btn_style01_unselect {
        width: 100%;
        font-size: 120%;
    }

    #recovery .recovery-table {
        overflow-x: scroll;
        font-size: 75%;
        border-collapse: collapse;
    }

    #recovery .recovery-table::-webkit-scrollbar {
        height: 10px;
    }

    #recovery .recovery-table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #ccc;
    }

    #recovery .recovery-table::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #eee;
    }

    #recovery .recovery-table table {
        width: 100%;
        min-width: 590px;
        margin-bottom: 5px;
    }

    #recovery .recovery-table table thead,
    #recovery .recovery-table table tbody {
        display: block;
    }

    #recovery .recovery-table table tr {
        display: table;
    }

    #recovery .recovery-table table th,
    #recovery .recovery-table table td {
        display: table-cell;
        vertical-align: middle;
    }

    #recovery .recovery-table table tr th:first-child {
        position: absolute;
        left: 10px;
        z-index: 10;
        width: 149px;
        border-right-width: 1px;
    }

    #recovery .recovery-table table tr::before {
        content: "";
        display: table-cell;
        width: 160px;
        height: 1px;
    }

    #recovery .recovery-table table th,
    #recovery .recovery-table table td {
        box-sizing: content-box;
        border-right-width: 0;
        border-bottom-width: 0;
        padding: 10px 5px;
    }

    #recovery .recovery-table table tr th:first-child+* {
        padding-left: 10px;
        border-left-width: 0;
    }

    #recovery .recovery-table table thead th:nth-child(n+2),
    #recovery .recovery-table table tbody td {
        width: 50px;
    }

    #recovery .recovery-table table thead th:last-child,
    #recovery .recovery-table table tbody td:last-child {
        border-right-width: 1px;
    }

    #recovery .recovery-table table tbody tr:last-child * {
        border-bottom-width: 1px;
    }

    #recovery .customerInfo02 .input-append input {
        width: 46%;
        padding-left: 5px;
    }

    #recovery .customerInfo02 #dp1 .btn_style05 {
        width: 48%;
        padding: 3px 5px;
        margin-top: 2px;
        margin-left: 6%;
    }

    #recovery .customerInfo02 #dp1 .btn_style05 span {
        padding-right: 25px;
    }
}

/*-  rs miura wrote 18.04.20 -*/

.customerInfo02 #np_before .centerInput {
    text-align: center;
}

.customerInfo02 #np_before .inputW100 {
    width: 100%;
}

.customerInfo02 #np_before span.required.notup {
    margin: 0 0 -25px;
}

.customerInfo02 #np_before .radio span.required.notup {
    margin: 10px 0 -25px;
}

.customerInfo02 #np_before .inputM10 {
    margin: 10px 0 0;
}

.customerInfo02 #np_before .inputM10+.inputM10 {
    margin: 10px 0;
}

.customerInfo02 #np_before span.required:not(#hissu_np2) {
    display: block;
}

.customerInfo02 #np_before span.required#hissu_np2 {
    display: none;
}

#beforeBox .yotei_box .popCalendar {
    width: 100%;
}

#beforeBox .yotei_box .popCalendar label {
    margin-top: 3px;
    width: 50%;
}

#beforeBox .yotei_box .input-append label input {
    margin-top: 0;
    width: 65%;
    height: 26px;
}

#beforeBox .yotei_box input#yotei {
    width: 65%;
}

#beforeBox .yotei_box .popCalendar.input-append .btn_style05 {
    float: left;
}

#beforeBox .yotei_box .input-append label span {
    margin-top: 0;
    line-height: 26px;
    height: 26px;
}

#beforeBox .yotei_box .input-append label span {
    margin-top: 0;
    line-height: 26px;
    height: 26px;
}

.customerInfo .radio #beforeBox {
    border: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .customerInfo02 #np_before span.required.notup {
        margin: 0;
    }

    .customerInfo02 #np_before .radio span.required.notup {
        margin: 10px 0 0;
    }

    .customerInfo02 #np_before span.required {
        margin-bottom: 10px;
    }

    #beforeBox .yotei_box input#yotei,
    #beforeBox .yotei_box #dp2.input-append .btn_style05,
    #beforeBox .yotei_box #dp1.input-append .btn_style05,
    #beforeBox .yotei_box .popCalendar label,
    #beforeBox .yotei_box #dp1 label {
        width: 100%;
        float: none;
    }

    #beforeBox .yotei_box #dp1.input-append .btn_style05 {
        margin-top: 0;
    }

    .registration #main_column.right {
        float: none;
    }

}

#recovery .container .text.textw80 {
    width: 80%;
    margin: 10px auto 20px;
}

#recovery .container .text.textw80:last-child {
    margin: 10px auto 40px;
}

#recovery .container .text.textw80 a {
    text-decoration: underline;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #recovery .container .text.textw80 {
        width: 100%;
        margin: 10px auto 20px;
    }

    .form-inline p.custam {
        margin-top: 15px;
    }

}

/*- 20180529 -*/
#recovery .customerInfo02 .btn_style05.wautoaddress {
    width: auto
}

.customerInfo02 .zipcodeBox.addzipaddress label {
    width: 40%;
}

.customerInfo .customerInfo02.minh100box .rightBox,
.customerInfo .customerInfo02.minh100box .leftBox {
    min-height: 100px;
}

.customerInfo02 .zipcodeBox.addzipaddress label input[type="radio"] {
    width: auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .customerInfo .customerInfo02.minh100box .leftBox {
        min-height: auto;
    }

    .customerInfo02 .zipcodeBox.addzipaddress label.sp_w100 {
        width: 100%;
    }

    .customerInfo02 .zipcodeBox.addzipaddress label input[type="radio"] {
        width: 20px;
    }
}

/*- 20180607 -*/
.footerDeli {
    padding: 0px 5%;
}

.footerDeli table {
    width: 100%;
}

.footerDeli td {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 0px 0px 12px;
}

.footerDeli td h4 {
    cursor: pointer;
}

.footerDeli td .guideInner {
    display: none;
    background: #FBF8F1;
    border: 1px dotted #ACACAC;
    padding: 20px;
}

.footerDeli td .switch07 {
    margin: 20px auto 0px;
}

.footerDeli h3 {
    width: 100%;
    font-size: 123.1%;
    background: url(../img/common/bg_line.png) repeat-x left bottom !important;
    padding: 15px 10px;
    font-weight: 700;
    text-align: center;
}

.footerDeli .btn_style01 {
    clear: both;
    width: 320px;
    margin: 20px auto 55px;
}

.footerDeli .btn_style01 a {
    font-size: 138.5%;
}

.footerDeli .btn_style01 a span {
    background: url(../img/common/ico_click_w.png) no-repeat right center;
    padding: 4px 20px 4px 0px;
}

.customerInfo .rightBox .notes .form-group {
    margin-bottom: 20px;
}

.customerInfo .rightBox .notes .form-group label {
    font-weight: normal;
}

.customerInfo .rightBox .notes .form-group span {
    font-weight: bold;
}

.customerInfo .rightBox .notes .form-group p {
    padding: 20px 10px 5px;
    border-bottom: 1px dotted #ACACAC;
    font-weight: normal;
}


@media print,
screen and (max-width: 5000px) and (min-width: 768px) {
    .footerDeli {
        padding: 0px;
    }

    .footerDeli td {
        display: table-cell;
        width: 50%;
        padding: 0px 12px 12px 0px;
    }

    .footerDeli td:nth-child(2n) {
        padding: 0px 0px 12px 0px;
    }
}


.contactbnrCol-02 .btn_style.contactbnrItem-long div:nth-child(n+2) {
    margin-top: 10px;
}

.contactbnrCol-02 .btn_style.contactbnrItem-long div .fontR a {
    margin: 0;
    padding: 0;
    color: #DF4435;
}

.contactbnrItem-long .campaign_info {
  display: block;
  margin-top: 5px;
}

.contactbnrItem-long .campaign_info a {
  text-decoration: underline;
  padding: 0;
}

.contactbnrItem-long .campaign_info a:hover {
  text-decoration: none;
}

.newwrap #newAndOld_8 label,
.newwrap #newAndOld_18 label {
    position: relative;
}

.newwrap #newAndOld_8 label:after,
.newwrap #newAndOld_18 label:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    right: -25px;
    top: 0px;
    background: url(../img/common/icon_popular.png) no-repeat right center;
    background-size: cover;
    position: absolute;
}

.newwrap label#newAndOld_8,
.newwrap label#newAndOld_18 {
    position: relative;
}

.newwrap label#newAndOld_8:after,
.newwrap label#newAndOld_18:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    right: -19px;
    top: 0px;
    background: url(../img/common/icon_popular.png) no-repeat right center;
    background-size: cover;
    position: absolute;
}



@media screen and (min-width: 0px) and (max-width: 767px) {

    .newwrap #newAndOld_8 label:after,
    .newwrap #newAndOld_18 label:after {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        right: 10px;
        top: 11px;
        background: url(../img/common/icon_popular.png) no-repeat right center;
        background-size: cover;
        position: absolute;
    }

    .newwrap label#newAndOld_8:after,
    .newwrap label#newAndOld_18:after {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        right: 0px;
        top: 11px;
        background: url(../img/common/icon_popular.png) no-repeat right center;
        background-size: cover;
        position: absolute;
    }
}

/*-- 引越し不要サービス --*/
/*-  rs takahashi wrote 20.02.14 -*/
#moving .common .contentRight .heading-level3{
  font-size: 116%;
  background: none !important;
  padding: 0px 10px 5px;
  margin-bottom: 1em;
}
.heading-level3{
  font-weight: bold;
  margin-top: 2em;
}
.heading-level3.is-underline{
  border-bottom: 1px dotted #ACACAC;
}
#moving .contentRight .red-text{
  color: #ff0000;
}
.dot-list li{
  padding-left: 0.8em;
  position: relative;
}
.dot-list li ~ li{
  margin-top: 5px;
}
.dot-list > li::before{
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333333;
}
.attention-list li{
  position: relative;
}
.attention-list > li{
  padding-left: 1.2em;
}
.attention-list > li::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #333333;
}
#moving .contentRight .relationInfo dl.last dd {
  border-bottom: none;
}

/*-- ランクアップサービス rs takahashi-katsu wrote 20.06.22 --*/
.rankup-service-Inner table {
    width: 100%;
    margin-top: 10px;
  }
  
  .rankup-service-Inner table th {
    background: #EEEEEE;
    width: 55%;
  }
  
  .rankup-service-Inner table th,
  .rankup-service-Inner table td {
    border: 1px solid #ACACAC;
    padding: 10px;
  }
  
  #campaign .contentRight .relationInfo dl:last-child dd {
    border-bottom: 0px;
  }
  
  .rankup-attention-list li~li {
    margin-top: 5px;
  }
  
  .rankup-attention-list li {
    padding-left: 0.8em;
  }
  
  #campaign .common .contentRight .heading-level3, #undecided .common .contentRight .heading-level3 {
    font-size: 116%;
    background: none !important;
    padding: 0px 10px 5px;
    margin-bottom: 1em;
  }
  
  
  @media screen and (max-width: 767px) and (min-width: 0px) {
  
    .rankup-service-Inner table th {
      font-size: 93%;
    }
  
    .rankup-service-Inner table td {
      font-size: 88%;
    }
  }

/* エアコン、冷蔵庫、家電セット、まとめて注文ページのラジオボタンエリアの修正
rs takahashi-katus wrote 20.07.15 -*/
.location .radio label .radio_input_mt3 {
    margin-top: 3px;
}

.radio-inline .radio_input_mt2{
    margin-top: 2px;
}

.radioWrap .radio_heading {
    float:none !important;
    font-weight: bold;
}

/*TOPページ 品質についてのテキスト追記 rs takahashi-katsu wrote 20.08.11 */
.qualityAnnounceBox {
    background-color: #fffafa;
    margin-bottom: 25px;
    padding: 30px 0;
}

.qualityAnnounceBox h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.qualityAnnounceBox h3 span {
    vertical-align: middle;
}

.qualityAnnounceBox h3 span:first-child {
    margin-right: 8px;
}

.qualityAnnounceBox h3 img {
    max-width: 100%;
    height: auto;
}

.qualityAnnounceBox p:nth-child(2) {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.qualityAnnounceBox p:nth-child(3) {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
    .qualityAnnounceBox {
        padding: 20px 6%;
    }

    .qualityAnnounceBox h3 {
        text-align: center;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .qualityAnnounceBox h3 img {
        width: 16px;
    }

    .qualityAnnounceBox p:nth-child(2) {
        font-size: 11px;
        text-align-last: left;
        margin-bottom: 7px;
    }
    
    .qualityAnnounceBox p:nth-child(3) {
        text-align-last: left;
        font-size: 10px;
    }
  }

/* お望み商品レンタルキャンペーン rs takahashi-katsu wrote 20.08.26 */

  #campaign .contentRight .red-text{
    color: #ff0000;
  }

  #campaign .contentRight .desire-service-name {
      text-align: center;
      font-size: 15px;
  }

  .desire-radio-txt {
      position: relative;
  }

  .desire-radio-txt input {
      position: absolute;
      left: 19%;
      width: auto;
  }

  .radio .desire-radio-txt:last-child input {
      left: 28%;
  }



  @media screen and (max-width: 767px) and (min-width: 0px) {
  #campaign .contentRight .desire-service-name {
    text-align: left;
    font-size: 14px;
    }
}

  @media screen and (min-width: 767px) {
    .desireContactForm .customerInfo02 .zipcodeBox label input.txt4 {
        width: 38%;
    }
}

/* TOPページ 10の理由エリア（"新サービス開始"テキスト箇所）
rs takahashi-katsu wrote 20.08.26 */
.topReasonAnnounce {
    position: relative;
}

.topReasonAnnounce p {
    font-size: 226%;
    color: #E53D1F;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* cart お客様情報登録 メールマガジン項目箇所 テキストのレイアウト調整
rs takahashi-katsu wrote 20.09.30 */
#cart .MailMagIntroduction {
    background-color: #FEE5BD;
    padding: 4px 10px;
}

/* フッター 「株式会社サークランド」のリンク付与に伴うデザイン調整
rs takahashi-katsu wrote 20.10.02*/
.fCompanyName a {
  color: #fff;
}

.fCompanyName a:hover {
  text-decoration :underline;
}

/* まとめて注文ページ サムネイル表示 改修
rs takahashi-katsu wrote 20.10.20*/
#tab2 .table-items-layout {
  table-layout: fixed;
}

#tab2 .table-items-layout tr:not(:first-of-type) {
  background-color: #f5f5f5;
}

#tab2 .table-items-layout td:first-child {
  width: auto !important;
} 

.imgWithItemNameBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.imgWithItemNameBox div:first-child {
  width: 100px;
  margin-right: 15px;
  flex-shrink: 0;
}

.imgWithItemNameBox img {
  max-width: 100%;
  height: auto;
}

#tab2 .table-items-layout td:nth-child(2),#tab2 .table-items-layout td:nth-child(3) {
  width: auto;
}

#tab2 .table-items-layout th:first-child {
  width: 60%;
}

#tab2 .table-items-layout th:nth-child(2),#tab2 .table-items-layout th:nth-child(3) {
  width: 20%;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
.imgWithItemNameBox div:first-child {
  width: 30%;
  margin-right: 5%;
  }

#tab2 .table-items-layout td:nth-child(2) {
  padding-right: 0;
  padding-left: 0;
  }

#tab2 .table-items-layout th:first-child {
  width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .imgWithItemNameBox div:first-child {
    display: none;
  }

  #tab2 .table-items-layout th:nth-child(3) {
    width: 25%;
  }
}

/* パッケージプラン 一覧ページ rs takahashi-katsu wrote 20.12.11 */

#package p {
  line-height: 1.6;
}
.pk-container .txt p {
  margin-bottom: 20px;
}
.pk-container .banner-img {
  margin-bottom: 25px;
}
#package .common .contentRight .heading-level3 {
  font-size: 116%;
  background: none !important;
  padding: 0px 10px 5px;
  margin-bottom: 1em;
}
.pk-inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pk-inner-box img {
  max-width: 100%;
}
.pk-inner-box div:first-child {
  width: 40%;
}
.pk-container2-txt {
  width: 60%;
  padding-right: 15px;
  padding-left: 15px;
}
.pk-container2-txt p:first-child {
  margin-bottom: 20px;
}
.pk-container2 .btn_style01 {
  width: 55%;
  max-width: 430px;
  margin: 35px auto 0;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .pk-inner-box {
    display: block;
  }
  .pk-inner-box div:first-child {
    margin-bottom: 12px;
  }
  .pk-inner-box div:first-child, .pk-container2-txt {
    width: auto;
  }
  .pk-container2 .btn_style01 {
    width: 90%;
    margin-top: 30px;
  }
  .pk-container2 {
    margin-bottom: 80px;
  }
  .pk-container2-txt {
    padding-right: 0;
    padding-left: 0;
  }
}

/* パッケージプラン 詳細ページ rs takahashi-katsu wrote 20.12.11 */

#package-detail p {
  line-height: 1.6;
}
#package-detail .common .contentRight .heading-level3 {
  font-size: 116%;
  background: none !important;
  padding: 0px 10px 5px;
  margin-bottom: 1em;
}
.pk-detail-inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pk-detail-inner-box div:first-child {
  width: 40%;
}
.pk-detail-inner-box div:first-child img {
  max-width: 100%;
}
.pk-detail-inner-box div:last-child {
  width: 60%;
  padding-left: 15px;
}
.pk-detail-container .pk-detail-inner-box:first-of-type {
  margin-bottom: 40px;
}
.pk-detail-container2 .list {
  margin-bottom: 10px;
}
.pk-detail-container2 {
  margin-bottom: 30px;
}
#package-detail .imgWithItemNameBox div:first-child {
  max-width: 100px;
  border: 1px solid #707070;
}
#package-detail table {
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #707070;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-collapse: separate;
  border-spacing: 0 10px;
}
#package-detail table+p {
  text-align: right;
  margin-bottom: 25px;
  padding-right: 5%;
}
.pk-detail-item-list {
  margin-bottom: 10px;
}
.pk-detail-item-list:last-of-type {
  margin-bottom: 0;
}
.pk-detail-item-list td:first-of-type {
  width: 5%;
  text-align: center;
}
.pk-detail-item-list td:nth-of-type(2) {
  width: 75%;
}
.pk-detail-item-list td:last-of-type {
  width: 20%;
  text-align: center;
}
.pk-detail-container3 {
  margin-bottom: 40px;
}
.pk-detail-container2 .btn_style01 a {
  padding: 10px !important;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #package-detail .imgWithItemNameBox div:first-child {
    max-width: 50px;
  }
  #package-detail .imgWithItemNameBox div:last-child {
    padding-right: 2%;
  }
  .pk-detail-item-list td:first-of-type {
    width: 8%;
  }
  .pk-detail-item-list td:nth-of-type(2) {
    width: 65%;
  }
  .pk-detail-item-list td:last-of-type {
    width: 17%;
  }
  #package-detail #list .style01 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  #package-detail table {
    font-size: 12px;
  }
  #package-detail .imgWithItemNameBox div:last-child {
    padding-right: 4%;
  }
  .pk-detail-item-list td:first-of-type {
    text-align: left;
  }
}

/* トップページ　ランキング スマホ版のみ6位表示 rs takahashi-katsu wrote 21.01.25  */
@media screen and (min-width: 768px) and (max-width: 5000px) {
  #top .ranking ol li:last-child {
    display: none;
  }

  #top .ranking ol li:nth-child(5) {
    margin-right: 0;
  }
}

/* トップページ パッケージエリア追加 rs takahashi-katsu wrote 21.02.19 */
#top .packageBox {
  padding-bottom: 80px;
}
#top .packageBox div:first-of-type {
  width: 618px;
  margin-left: auto;
  margin-right: auto;
}
#top .packageBox img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #top .packageBox {
    padding-bottom: 40px;
  }
  #top .packageBox div:first-of-type {
    width: auto;
    margin: 20px 3% 0;
  }
}

/* サイドナビ バナー追加 rs takahashi-katsu wrote 21.02.19 */
.sideMenuBannerBox {
  margin-top: 20px;
}
.sideMenuBannerBox img {
  transition: 0.5s;
}
.sideMenuBannerBox img:hover {
  opacity: 0.7;
}

/* 引っ越し先未定でも仮予約OK！ページ rs takahashi-katsu wrote 21.02.19 */
.undecidedImgBox {
	width: 75%;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.undecidedImgBox {
		width: auto;
	}
}

/******* 入荷待ちステータス追加対応 rs takahashi-katsu wrote 21.06.22 *******/
/* 商品一覧P */

#search .common .itemBox .categoryInner li {
	position: relative;
}
#search .contentRight .stock_status {
	position: absolute;
	background-color: #666;
	color: #fff;
	top: 0;
	left: 0;
	font-weight: bold;
	padding: 12px 14px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#search .contentRight .stock_status {
		padding: 8px 9px;
	}
}
/* 商品詳細P・セット商品詳細P */

#category_detail .contentRight #view .stock_status {
	position: absolute;
	background-color: #666;
	color: #fff;
	top: 0;
	left: 0;
	font-weight: bold;
	padding: 11px 14px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#category_detail .contentRight #view .stock_status {
		padding: 8px 9px;
	}
}
/* 商品詳細P */

@media screen and (min-width: 768px) and (max-width: 5000px) {
	#category_detail .tabWrap .btn_stock_status {
		width: 50%;
		float: left;
	}
}
#category_detail .tabWrap .btn_stock_status {
	padding: 17px 20px;
	margin-top: -5px;
	font-size: 167%;
	background-color: #666;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#category_detail .tabWrap .btn_stock_status {
		width: 85%;
		margin: 20px auto 0;
		padding: 25px;
		font-size: 116%;
	}
}
/* セット商品詳細P */

#category_detail .style01 .btn_stock_status {
	width: 60%;
	margin: 20px auto 50px;
	text-align: center;
	font-size: 167%;
	padding: 15px;
	background-color: #666;
	color: #fff;
	border-radius: 3px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#category_detail .style01 .btn_stock_status {
		width: 85%;
		margin: 0 auto;
		font-size: 120%;
		padding: 20px;
	}
}
/* まとめて注文 */

#list .contentRight .stock_status {
	display: inline-block;
	width: 119px;
	text-align: center;
	background-color: #666;
	color: #fff;
	padding: 11px 35px;
	font-size: 12px;
	font-weight: bold;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#list .contentRight .stock_status {
		width: 65px;
		padding: 10px 0;
	}
}
/* パッケージプラン */

#package-detail .pk-detail-item-list td:last-of-type .stock_status {
	width: 70px;
	background-color: #666;
	color: #fff;
	padding: 7px 10px;
	font-size: 12px;
	margin: 0 auto;
	font-weight: bold;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#package-detail .pk-detail-item-list td:last-of-type .stock_status {
		padding: 9px;
	}
}
/* ライフスタイル */

#lifestyle .common .itemBox .categoryInner li {
	position: relative;
}
#lifestyle .contentRight .stock_status {
	position: absolute;
	background-color: #666;
	color: #fff;
	top: 0;
	left: 0;
	font-weight: bold;
	padding: 12px 14px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#lifestyle .contentRight .stock_status {
		padding: 8px 9px;
	}
}

/******* 回収・延長フォーム 表示崩れ調整 rs takahashi-katsu wrote 21.07.01 *******/
@media screen and (min-width: 768px) {
  #recovery .ext_collect_inner .customerInfo02:nth-of-type(7) .rightBox label:nth-of-type(3), #recovery .extension_inner .customerInfo02:nth-of-type(7) .rightBox label:nth-of-type(3) {
    width: 43%;
  }
}

/******* 短期レンタル rs takahashi-katsu wrote 21.06.28 *******/
#campaign .short-term-wrap {
  font-family: 'メイリオ', Meiryo,sans-serif;
  padding-bottom: 85px;
  margin-bottom: 115px;
  font-weight: normal;
  border: 4px solid #EBEBE9;
  line-height: 1;
}

#campaign .short-term-wrap img {
  max-width: 100%;
  height: auto;
}

#campaign .short-term-wrap .banner-img:last-of-type {
  display: none;
}

#campaign .short-term-wrap .txt-bg {
  background: transparent url(../img/short_term/txt_bg.png) no-repeat center 13px;
  background-size: 100% 8px;
}

#campaign .short-term-wrap h2 {
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  font-weight: 600;
  background: none !important;
  line-height: 1.4;
  color: #3988D5;
  font-size: 28px;
  padding: 17px 0;
  border-top: 4px solid #EBEBE9;
  border-bottom: 4px solid #EBEBE9;
  text-align: center;
}

#campaign .short-term-wrap .price-list-box .price-list-btn {
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  width: 380px;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 12px;
}

#campaign .short-term-wrap .price-list-box .price-list-btn a {
  color: #3988D5;
  display: inline-block;
  width: 100%;
  padding: 25px 0;
  font-size: 18px;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 100px;
  position: relative;
  background-color: #fff;
  border: 4px solid #3988D5;
  text-decoration: none;
}

#campaign .short-term-wrap .price-list-box .price-list-btn a::after {
  content: url(../img/short_term/arrow.png);
  position: absolute;
  top: 50%;
  right: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#campaign .short-term-wrap .price-list-box .price-list-btn a:hover {
  color: #fff;
  background-color: #3988D5;
}

#campaign .short-term-wrap .price-list-box .price-list-btn a:hover::after {
  content: url(../img/short_term/arrow_hover.png);
}

#campaign .short-term-wrap .price-list-box p {
  color: #3988D5;
  text-align: center;
  line-height: 1.6;
}

#campaign .short-term-wrap .price-list-box p br {
  display: none;
}

#campaign .short-term-wrap .price-list-box:first-of-type {
  margin-top: 30px;
  margin-bottom: 50px;
}

#campaign .short-term-wrap .short-term-inner {
  width: 680px;
  margin: 0 auto;
  position: relative;
}

#campaign .short-term-wrap .short-term-inner .price-list-box {
  position: absolute;
  left: 50%;
  bottom: -155px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#campaign .short-term-wrap .intro-area {
  padding-bottom: 80px;
}

#campaign .short-term-wrap .intro-area h2 {
  margin-bottom: 52px;
}

#campaign .short-term-wrap .intro-area h2 br {
  display: none;
}

#campaign .short-term-wrap .intro-area .dotted img:last-child {
  display: none;
}

#campaign .short-term-wrap .intro-area .content-container .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#campaign .short-term-wrap .intro-area .content-container .content-box .thumb {
  width: 54%;
  position: relative;
}

#campaign .short-term-wrap .intro-area .content-container .content-box .content-txt {
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  font-size: 16px;
  line-height: 2.2;
  width: 39%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#campaign .short-term-wrap .intro-area .content-container .content-box .content-txt p {
  font-weight: bold;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  line-height: 2.1;
}

#campaign .short-term-wrap .intro-area .content-container .content-box:first-of-type .number {
  position: absolute;
  top: 30px;
  left: -25px;
}

#campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(3) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(3) .thumb .number {
  position: absolute;
  top: 30px;
  right: -25px;
}

#campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(5) .thumb .number {
  background: transparent url(../img/short_term/number03.png) no-repeat center center;
  background-size: 100% auto;
  width: 197px;
  height: 55px;
  position: absolute;
  top: 30px;
  left: -25px;
}

#campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(5) .thumb .number span {
  color: #3988D5;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 34%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#campaign .short-term-wrap .intro-area .content-container .dotted {
  text-align: center;
}

#campaign .short-term-wrap .case-area h2 {
  margin-bottom: 77px;
}

#campaign .short-term-wrap .case-area .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#campaign .short-term-wrap .case-area .content-container .case-box {
  width: 315px;
  position: relative;
  margin-bottom: 77px;
}

#campaign .short-term-wrap .case-area .content-container .case-box h3 {
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  font-weight: 600;
  padding: 16px 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #3988D5 !important;
  width: 250px;
  border-radius: 8px;
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap {
  background-color: #F0F0F0;
  padding: 20px 13px;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap ul li {
  width: 31%;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap .case-item-img {
  margin-bottom: 12px;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap .txt-bg {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background-position: center 6px;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-txt-wrap {
  background-color: #EAE7D4;
  border-radius: 0 0 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-txt-wrap div:first-of-type {
  border-right: 1px dotted #000;
  width: 17%;
}

#campaign .short-term-wrap .case-area .content-container .case-box .case-txt-wrap div:last-of-type {
  width: 83%;
  padding-left: 20px;
  line-height: 1.6;
}

#campaign .short-term-wrap .case-area .content-container .case-box:nth-of-type(4) .case-item-wrap li:last-of-type .case-item-name span {
  word-break: keep-all;
}

#campaign .short-term-wrap .case-area .content-container .case-box:nth-of-type(5) {
  margin-bottom: 0;
}

#campaign .short-term-wrap .case-area .content-container .case-box:nth-of-type(5) .case-txt-wrap div:first-of-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#campaign .short-term-wrap .case-area .content-container .case-box:last-of-type {
  margin-bottom: 0;
}

#campaign .short-term-wrap .case-area .content-container .case-box:last-of-type h3 {
  width: 282px;
}

@media screen and (max-width: 767px) {
  .short-term .common .contentRight {
    margin: 0 0 20px;
  }
  .short-term-wrap + div {
    margin: 0 5%;
  }
  #campaign .short-term-wrap {
    margin-bottom: 135px;
  }
  #campaign .short-term-wrap .price-list-box {
    width: 100%;
  }
  #campaign .short-term-wrap .price-list-box .price-list-btn {
    width: 90%;
    max-width: 380px;
  }
  #campaign .short-term-wrap .price-list-box p br {
    display: block;
  }
  #campaign .short-term-wrap .short-term-inner .price-list-box {
    bottom: -180px;
  }
  #campaign .short-term-wrap .banner-img:last-of-type {
    display: block;
  }
  #campaign .short-term-wrap .banner-img:first-of-type {
    display: none;
  }
  #campaign .short-term-wrap .short-term-inner {
    width: auto;
    padding: 0 16px;
  }
  #campaign .short-term-wrap h2 {
    font-size: 24px;
    line-height: 1.5;
  }
  #campaign .short-term-wrap .intro-area {
    padding-bottom: 75px;
  }
  #campaign .short-term-wrap .intro-area h2 br {
    display: block;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box {
    display: block;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box .thumb {
    width: 100%;
    margin-bottom: 12px;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box .thumb img {
    width: 100%;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box .content-txt {
    width: 100%;
    display: block;
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box:first-of-type {
    padding-bottom: 45px;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box:first-of-type .number {
    left: -20px;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(3) {
    padding-bottom: 30px;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(3) .thumb .number {
    right: -20px;
  }
  #campaign .short-term-wrap .intro-area .content-container .content-box:nth-of-type(5) .thumb .number {
    left: -20px;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted {
    position: relative;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted img:first-of-type {
    display: none;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted img:last-of-type {
    display: block;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted:nth-of-type(2) img {
    top: -127px;
  }
  #campaign .short-term-wrap .intro-area .content-container .dotted:nth-of-type(4) img {
    top: -147px;
  }
  #campaign .short-term-wrap .case-area .content-container {
    display: block;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box {
    width: 100%;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box h3 {
    width: 82%;
    max-width: 360px;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box .case-img img {
    width: 100%;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap .case-item-img img {
    width: 100%;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box .case-item-wrap ul li {
    width: 28%;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box .case-txt-wrap div:last-of-type {
    padding-left: 30px;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box:last-of-type h3 {
    width: 90%;
  }
  #campaign .short-term-wrap .case-area .content-container .case-box:nth-of-type(5) {
    margin-bottom: 77px;
  }
}

/* 沖縄　site map*/
.rankNo::before{
    content: '03';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    color: red;
    border: 3px solid red;
    margin-right: 20px;
    margin-top: 0;
    padding-top: 3px;
    border-radius: 50%;
    font-size: 0.7em;
    font-weight: 900;
    
}
.threeTxt .txt{
    font-size: 14px;
    line-height: 1.5;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.rankNo::before{
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 10px;
    font-size: 0.5em;
    border-width: 2px;
}
}