@charset "utf-8";


/* PC -- SP */

/*clearfix*/

* html .clearfix {
    zoom: 1;
}

* + html .clearfix {
    zoom: 1;
}

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

/*clearfix*/

#sphdContainer {
    display: none;
}

.nav_sp {
    display: none;
}



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


    .float-left.sp-fr,
    .float-right.sp-fr {
        float: none;
    }
    img {
        max-width: 100%;
        height: auto;
    }


    /* Base Style Setting
-----------------------------------------------------------------------------*/
    body {
        background: url(../images/body_repeatimg.jpg) left top;
        background-size: 30%;
        -webkit-text-size-adjust: 100%;
    }
    #toppages {
        margin: 0 auto;
        width: auto;
        padding: 0 15px;
        overflow: hidden;
    }


    #header,
    #header_index {
        width: auto;
        height: auto;
        background: none;
        position: inherit;
        padding-top: 5px;
    }
    #header .logo,
    #header_index .logo {
        position: inherit;
        left: 0px;
        top: 0px;
        width: 60%;
        float: left;
        margin-bottom: 0px;
    }
    #header img,
    #header_index img {
        width: 100%;
        height: auto;
    }


    #sphdContainer {
        float: right;
        width: 30%;
        text-align: right;
        padding: 15px 0px;
        display: block;
    }
    #sphdContainer a {
        color: #000;
    }
    #sphdContainer a:hover {
        color: #762100;
    }
    .nav_sp {
        display: block;
    }
    .sp-none {
        display: none;
    }

    #menu {
        display: none;
    }
    #menu li {
        float: none;
        clear: both;
        padding: 0px;
        border-top: 1px solid #ccc;
        background: #fff !important;
    }
    #menu li:first-child {
        border-top: 5px solid #762100;
    }
    #menu img {
        display: none;
    }
    #menu li i {
        margin-top: -4px;
        float: right;
    }
    #menu li a {
        display: block;
        text-decoration: none;
        color: #762100;
        font-weight: bold;
        font-size: 1.1em;
    }
    #menu li .nav_sp {
        padding: 12px 15px 12px 20px;
    }

    div#menu li a {
        line-height: normal;
    }

    div#menu li.menu1,
    div#menu li.menu2,
    div#menu li.menu3,
    div#menu li.menu4,
    div#menu li.menu5,
    div#menu li.menu1index,
    div#menu li.menu2index,
    div#menu li.menu3index,
    div#menu li.menu4index,
    div#menu li.menu5index {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    #menu li.menu4,
    #menu li.menu4index {
        background: #8ABAA2 !important;
    }
    #menu li.menu5,
    #menu li.menu5index {
        background: #762100 !important;
    }

    #menu li.menu4 a,
    #menu li.menu4index a,
    #menu li.menu5 a,
    #menu li.menu5index a {
        color: #fff;
    }




    #content {
        clear: both;
        padding: 0 10px;
        background: #FFF;
        height: auto;
    }


    #LeftContent {
        float: none;
        width: auto;
    }
    .ContentAreaBlock {
        width: auto;
        margin: 10px 0 20px;
        padding-top: 4px;
        border: solid 1px #B3B3B3;
    }


    #RightContent {
        display: none;
    }


    #footercontainer {
        clear: both;
        width: auto;
        height: auto;
        background: none;
    }
    #footer {
        padding: 15px 0px;
    }
    #footer img {
        width: 100%;
        height: auto;
    }
    .footermenu {}
    .footermenu li {
        padding: 2px 2px 7px 0;
        float: left;
        line-height: 18px;
        font-size: 14px;
        letter-spacing: normal;
        /*	border-right:solid 1px #000;*/
    }
    .footermenu li {
        float: left;
        padding: 0;
        background: none;
        width: 50%;
    }
    .footermenu li a {
        color: #fff;
        padding: 8% 2%;
        margin: 1%;
        display: block;
        background: #762100;
    }

    .footer_telimg {
        float: none;
    }
    dl.footer_about {
        float: none;
        margin: 10px 0px 0;
        text-align: left;
        font-size: 13px;
        line-height: 1.5;
    }
    dl.footer_about dt {
        margin-bottom: 10px;
    }
    dl.footer_about span {
        display: block;
    }

    .copyright {
        clear: both;
        margin-top: 0px;
        padding: 13px 0;
        font-size: 10px;
        letter-spacing: normal;
        text-align: center;
    }



    .pankuzunav {
        padding: 15px 0 10px;
    }
    .pankuzunav li:last-child {
        display: inline-block;
    }





    h1 {
        padding-left: 10px;
        margin-bottom: 10px;
        overflow-x: hidden;
    }
    h1 img {
        display: none;
    }
    h1 .brand {
        top: 0px;
        line-height: 1.3;
        background: url(../images/brand/h1.gif) -5px top no-repeat;
        background-size: auto 40px;
        padding-left: 30px;
    }
    h1.imgsp img {
        display: inherit;
    }

    h2 {
        padding: 8px 10px;
        line-height: 1.3;
    }

    .h2_0box,
    .h2_1box,
    .h2_2box,
    .h2_3box,
    .h2_4box,
    .h2_5box,
    .h2_6box,
    .h2_7box {
        width: auto;
        height: auto;
        position: relative;
        background: #F9EDC0;
        border-left: 8px solid #A81B04;
    }

    .h2_0box h2:before {
        content: "";
    }
    .h2_1box h2:before {
        content: "01.";
    }
    .h2_2box h2:before {
        content: "02.";
    }
    .h2_3box h2:before {
        content: "03.";
    }
    .h2_4box h2:before {
        content: "04.";
    }
    .h2_5box h2:before {
        content: "05.";
    }
    .h2_6box h2:before {
        content: "06.";
    }
    .h2_7box h2:before {
        content: "07.";
    }


    .h2_freebox {
        width: auto;
        height: auto;
        position: relative;
        background: #F9EDC0;
        border-left: 8px solid #A81B04;
    }
    .h2_freebox h2:before {
        content: "FREE:";
    }


    .h2_linkblock {
        position: inherit;
        top: 0;
        left: 10px;
        padding-bottom: 5px;
    }
    .h2_linkblock2 {
        position: inherit;
        top: 0;
        left: 10px;
        padding-bottom: 5px;
    }
    h2 span.h2_firstLet {
        display: block;
        float: left;
        padding: 0 5px 0px 0;
        margin-top: -6px;
    }





    /* index
==========================================================*/
    #toph1 {
        width: auto;
        margin: 0px auto;
        padding: 5px 10px 0;
        text-align: left;
    }
    #toph1 h1 {
        display: block;
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: normal;
        width: auto;
        color: #333;
        font-weight: normal;
        padding: 0;
    }
    #toph1 ul {
        display: none;
    }


    p.index_showbrand {
        padding: 10px;
        text-align: right;
    }


    h2.h2_index {
        width: auto !important;
        height: 30px;
        padding: 4px 10px !important;
        color: #fff;
        font-size: 18px;
        background: url(../images/index/h2.gif) left top no-repeat;
    }
    h3.h3_index {
        padding: 15px 0 5px 15px;
        font-size: 16px;
        font-weight: bold;
    }
    div.index_planbnr {
        float: none;
    }
    .index_plan1 {
        float: none;
        width: auto;
        height: 350px;
        text-align: center;
    }
    .index_plan2 {
        float: none;
        width: auto;
        height: 350px;
        text-align: center;
    }
    .index_plan3 {
        float: none;
        width: auto;
        height: 350px;
        text-align: center;
    }
    div.bland_div {
        padding-left: 10px;
    }
    div.bland_rightblock {
        float: none;
        width: auto !important;
    }
    div.bland_leftblock {
        float: none;
        width: auto !important;
        margin-left: 0px;
    }
    div.brand_div {
        padding-left: 10px;
    }
    div.brand_rightblock {
        float: none;
        width: auto !important;
    }
    div.brand_leftblock {
        float: none;
        width: auto !important;
        margin-left: 0px;
    }

    div.brand_div div.brand_nameBox {
        padding: 8px 0;
    }
    div.brand_div div.brand_list ul li {
        padding: 10px 0px;
        background: url(../images/brand_line.gif) -15px bottom no-repeat;
    }


    .spindContent {
        padding-top: 5px;
        margin-top: 10px;
    }
    .spindContent .poraimg {
        float: none;
        margin-bottom: 10px;
    }


    .rss-box {
        width: auto;
        margin: 10px 0 20px
    }
    .rss-box iframe {
        width: 100%;
    }



    /* Archive
-----------------------------------------------------------------------------*/
    .txt-indent30 {
        padding-left: 15px;
    }

    div.kaitori_item_img {
        float: left;
        width: auto;
    }
    div.kaitori_item_txt {
        float: right;
        width: auto;
    }
    div.kaitori_item_txt-NoImg {
        width: auto;
    }



    /* real_mccors
==========================================================*/
    dl.RM_syouhin {
        clear: both;
        margin-left: 0px;
        padding: 10px;
    }
    dl.RM_syouhin dt {
        padding: 10px 5px;
        font-size: 14px;
        background: url(../images/kugirisen.gif) left bottom no-repeat;
    }
    dl.RM_syouhin dd {
        padding: 10px 0px;
    }
    dl.RM_syouhin dd.syouhin_imgbox img {
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
        height: 60px !important;
        width: auto !important;
    }

    .real_mccors_img {
        float: none;
        width: auto;
        margin: 10px;
    }
    .brand_img {
        float: right;
        float: none;
        width: auto;
        margin: 10px;
    }

    /* company
==========================================================*/
    .company_subtitle {
        padding-left: 15px;
        font-weight: bold;
        font-size: 16px;
    }
    table.company_table {
        width: 100%;
        margin: 10px auto;
    }
    table.company_table tr {
        background: url(../images/kugirisen.gif) left bottom no-repeat;
    }
    table.company_table td {
        padding: 10px;
        width: auto;
    }
    .tenpo_imgblock {
        float: right;
        margin: 10px 20px;
    }

    .ContentAreaBlock iframe {
        width: 100%;
        height: 260px;
    }


    /* delivery kit
==========================================================*/
    .kit_naiyou {
        margin: 10px 10px 20px 10px;
        border: 1px solid #754C24;
        padding: 10px;
    }
    .kit_naiyou div img {
        display: none;
    }


    ul.kaitori_syorui_bottom {
        padding: 0 0 20px;
        background: none;
    }

    .puch_syoruitxt {
        float: none;
        margin: 10px 10px 20px 10px;
        border: 1px solid #754C24;
        padding: 10px;
    }
    .puch_syoruitxt div img {
        display: none;
    }
    ul.kaitori_syorui_bottom {
        padding: 0 0 20px;
        background: none;
    }
    .kaitori_syorui_bottom li {
        padding: 5px 15px;
        background: none;
    }


    /* purchase deli
==========================================================*/
    .puch_moushikomisyo {
        float: none;
        margin: 10px 10px;
        width: auto;
        border: solid 1px #B3B3B3;
    }
    p.puch_moushikomisyo_p {
        padding-left: 35px;
    }
    .puch_moushikomisyo ul li.title {
        font-weight: bold;
    }
    .puch_adress {
        margin-top: 60px;
        padding: 15px;
        color: #754C24;
        font-size: 16px;
        line-height: 1.8;
        font-weight: bold;
        background: #EFE1BE;
    }
    .puch_adress:before {
        content: "商品発送先：";
    }

    /* purchase bring
==========================================================*/
    .syorui_width {
        width: auto;
        float: none !important;
    }
    .purchase_bring_char {
        float: none;
        margin-top: 40px;
        padding-top: 40px;
    }



    /* mail
==========================================================*/
    div.mailbox {
        text-align: center;
        width: auto !important;
        margin: 10px auto 20px !important;
    }
    div.mailbox table {
        width: 100%;
    }
    div.mailbox table td {
        padding: 2%;
    }
    div.mailbox table tr td:first-child {
        width: auto;
    }
    div.mailbox table tr td:last-child {
        width: 75%;
    }
    div.mailbox input,
    div.mailbox textarea {
        width: 95%;
    }


    /* assess mail
==========================================================*/
    .mail_kinyuurei {
        width: auto;
        height: auto;
        margin: auto;
        background: #EFE1BE;
        margin: 15px 0 0;
    }
    .mail_kinyuurei_inner {
        text-align: left;
        padding: 20px;
    }


    /* link
==========================================================*/
    .link_table {
        width: 90%;
        margin: 5%;
    }
    .link_table th {
        width: 40%;
        padding: 5px 10px;
        border: solid 1px #000;
        text-align: center;
        word-break: break-all;
    }
    .link_table td {
        padding: 5px 10px;
        border: solid 1px #000;
        text-align: left;
    }










    /* Archive DW
-----------------------------------------------------------------------------*/
    #header_long {
        width: auto;
        height: auto;
        background: none;
        position: inherit;
        padding-top: 5px;
    }
    #header_long .logo {
        position: inherit;
        left: 0px;
        top: 0px;
        width: 60%;
        float: left;
        margin-bottom: 0px;
    }
    #header_long img {
        width: 100%;
        height: auto;
    }

    #content_long {
        clear: both;
        padding: 15px 10px 0;
        background: #FFF;
        height: auto;
    }
    #footercontainer_long {
        clear: both;
        width: auto;
        height: auto;
        background: none;
    }


    h1 .brand2 {
        color: #600;
        font-size: 28px;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: bold;
        position: inherit;
        line-height: 1.3;
    }

    #LeftContent2 {
        float: none;
        width: 875px;
        width: auto !important;
    }
    .ContentAreaBlock2 {
        width: 870px;
        width: auto !important;
        margin: 10px 0 20px;
        padding-top: 4px;
        border: solid 1px #B3B3B3;
    }
    .ContentAreaBlock2 .index_plan1,
    .ContentAreaBlock2 .index_plan2,
    .ContentAreaBlock2 .index_plan3 {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .tablebodyInner {
        width: 100% !important;
        overflow: auto;
    }
    .tablebodyInner table {
        width: 95% !important;
        margin-left: -1%;
    }
    .tablebodyInner th,
    .tablebodyInner td {
        width: 100%;
        display: block;
    }
    .tablebodyInner img {
        width: 100%;
        height: auto;
    }


    /* MT Layout
-----------------------------------------------------------------------------*/
    #header-content {
        width: auto;
        height: auto;
    }
    #blog_header {
        width: auto;
        height: auto;
        background: none;
        position: inherit;
        /*padding-top:5px;*/
    }
    #blog_header .blog_logo {
        position: inherit;
        left: 0px;
        top: 0px;
        width: 60%;
        float: left;
        margin-bottom: 0px;
    }
    #blog_header img {
        width: 100%;
        height: auto;
    }


    #blog_menu {
        display: none;
    }
    #blog_menu li {
        float: none;
        clear: both;
        padding: 0px;
        border-top: 1px solid #ccc;
        background: #fff !important;
    }
    #blog_menu li:first-child {
        border-top: 5px solid #762100;
    }
    #blog_menu img {
        display: none;
    }
    #blog_menu li i {
        margin-top: -4px;
        float: right;
    }
    #blog_menu li a {
        display: block;
        text-decoration: none;
        color: #762100;
        font-weight: bold;
        font-size: 1.1em;
    }
    #blog_menu li .nav_sp {
        padding: 12px 15px 12px 20px;
    }

    div#blog_menu li a {
        line-height: normal;
    }

    div#blog_menu li.menu1,
    div#blog_menu li.menu2,
    div#blog_menu li.menu3,
    div#blog_menu li.menu4,
    div#blog_menu li.menu5,
    div#blog_menu li.menu1index,
    div#blog_menu li.menu2index,
    div#blog_menu li.menu3index,
    div#blog_menu li.menu4index,
    div#blog_menu li.menu5index {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    #blog_menu li.menu4,
    #blog_menu li.menu4index {
        background: #8ABAA2 !important;
    }
    #blog_menu li.menu5,
    #blog_menu li.menu5index {
        background: #762100 !important;
    }

    #blog_menu li.menu4 a,
    #blog_menu li.menu4index a,
    #blog_menu li.menu5 a,
    #blog_menu li.menu5index a {
        color: #fff;
    }



    #header-content {
        width: auto;
        margin: 0px;
    }
    #header-nav-inner {
        position: relative;
        width: auto;
        margin: 0 auto;
    }
    #header-inner,
    #content-inner,
    #footer-inner {
        position: static;
        width: auto;
        margin: 0 auto;
    }

    #header-name {
        width: auto;
        height: auto;
        padding: 20px 0 0;
        color: #762100;
        font-size: 36px;
        margin-bottom: 40px !important;
    }
    #header-name a {
        color: #762100;
        text-decoration: none;
        padding-bottom: 20px;
    }
    #header-name a:hover {
        color: #762100;
        text-decoration: none;
    }
    #header-description {
        width: auto !important;
        padding-bottom: 50px;
        color: #000;
    }



    .layout-wt #alpha {
        width: auto;
    }
    .layout-wt #beta {
        width: auto;
    }

    #container {
        padding: 0 15px;
        overflow: hidden;
    }
    #container-inner {
        width: auto;
        min-height: 100%;
        margin: 0 auto;
        text-align: left;
    }

    #header,
    #content,
    #alpha,
    #beta,
    #gamma,
    #footer {
        position: static;
    }
    #alpha,
    #beta,
    #gamma {
        display: inline;
        float: none;
    }
    #header-inner,
    #content-inner,
    #footer-inner,
    #alpha-inner,
    #beta-inner,
    #gamma-inner {
        position: static;
    }


    #alpha {
        width: auto;
        padding-right: 0px;
        margin: 0 0px 0 0;
    }
    #alpha-inner {
        margin: 10px 0 0;
        padding: 0 0 0 35px;
        padding: 0 10px;
    }


    .entry-title {
        height: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 10px;
        background: #F9EDC0;
        border-left: 8px solid #A81B04;
        color: #754c24;
    }
    .entry-title a {
        color: #754c24;
    }
    .entry-title a:hover {
        color: #754c24;
    }

    .asset {
        width: auto;
    }
    .content-nav {
        width: auto;
    }
    .asset-meta {
        border: none;
        padding: 0px 0px;
        text-align: right;
    }

    .asset-content {
        max-width: 100%;
    }
    .asset-body {
        padding: 10px 0px;
    }
    .asset-footer {
        border: none;
    }
    .byline {
        display: block;
    }
    .asset-body img {
        max-width: 100% !important;
        height: auto;
        float: none !important;
    }




    #beta-inner {
        background: #CCCC52 !important;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    #beta-inner2 {
        display: none;
    }
    #beta .widget-header {
        margin-left: 10px;
        padding-top: 15px;
        border: solid 2px #999933;
        border-width: 1px 0 0 0;
        font-weight: bold;
    }
    #beta .widget-header_noborder {
        border: none;
    }
    #beta-inner .widget-pages h3 {
        text-align: center;
    }
    #beta-inner .widget-pages h3:last-child {
        display: none;
    }
    #beta-inner .widget-pages img {
        max-width: 120px;
        height: auto;
        margin-bottom: 10px;
    }

    #beta-inner .widget-content li {
        padding: 2px 22px 2px 0px;
        float: left;
        line-height: 18px;
        font-size: 14px;
        letter-spacing: normal;
    }


    #blog_footercontainer {
        clear: both;
        width: auto;
        height: auto;
        background: none;
    }
    #blog_footer {
        padding: 15px 0px;
    }
    #blog_footer img {
        width: 100%;
        height: auto;
    }
    .blog_footermenu {
        margin: 0;
    }
    .blog_footermenu li {
        padding: 2px 2px 2px 0;
        float: left;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: center;
        /*	border-right:solid 1px #000;*/
    }
    .blog_footermenu li {
        float: left;
        padding: 0;
        background: none;
        width: 50%;
    }
    .blog_footermenu li a {
        color: #fff;
        padding: 8% 2%;
        margin: 1%;
        display: block;
        background: #762100;
    }

    .blog_footer_telimg {
        float: none;
    }
    dl.blog_footer_about {
        float: none;
        margin: 10px 0px 0;
        text-align: left;
        font-size: 13px;
        line-height: 1.3;
    }
    dl.blog_footer_about dt {
        margin-bottom: 10px;
    }
    dl.fblog_ooter_about span {
        display: block;
    }

    .blog_copyright {
        clear: both;
        margin-top: 0px;
        padding: 13px 0;
        font-size: 10px;
        letter-spacing: normal;
        text-align: center;
    }





    /* 
==========================================================*/
    /* LINE買取　20180801追記　オールマネージ
==========================================================*/
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    #line h3.h3_line {
        width: auto !important;
        height: 30px;
        padding: 4px 10px !important;
        color: #fff;
        font-size: 15px;
        background: url(../images/index/h2.gif) left top no-repeat;
    }


    #line .left_box {
        float: none;
    }
    #line .right_box {
        float: none;
    }
    #line .sec_01 h2 {
        margin-bottom: 10px;
    }
    #line .point {
        font-size: 14px;
    }
    #line .number {
        margin: 0 5px 0 5px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    #line .img_line {
        margin: 0;
        text-align: center;
        padding-bottom: 10px;
    }
    #line .arrow_box {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 10px;
    }
    #line .arrow_box img {
        position: inherit;
        transform: none;
    }
    #line .bg_wood {
        width: 100%;
        height: auto;
        background: #EFE1BE;
    }
    #line .bg_wood .inner {
        padding: 15px 10px;
    }
    #line .bg_wood .inner > p {
        margin-bottom: 10px;
    }
   
    #line .bg_wood .search {
        width: 100%;
        text-align: center;
        background-position: center;
    }
    #line .bg_wood .search {
        line-height: 1.6;
        font-size: 15px;
    }
    #line .attention_box {
        padding: 15px;
    }
    #line .attention_box > p {
        font-size: 15px;
    }
    #line .attention_box li {
        line-height: 30px;
    }
    #line .attention_box li img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }
   
}