/*=================================
	overwrite
===================================*/


article a {
    transition: .2s linear;
}

article a:hover {
    opacity: 0.6;
}


.bg_all {
    background-color: #ccc;
}


/* .category_outer {
    padding-top: 100px;
} */

.category {
    background: #fff;
    margin: auto auto 0;
    padding-bottom: 2em;
}

.category .note {
    font-size: 1.2rem;
    width: 95%;
    margin: auto;
}

.category .note.last_line {
    text-align: right;
}

.category .attention {
    width: 80%;
    margin: auto auto 15px;
    padding: 1em 5% 0;
    border: #ddd thin solid;
}

.category .attention .primary {
    margin-bottom: 1em;
    padding-top: 1em;
}

#piano .attention .primary {
    border-bottom: none !important;
}

.category .attention h5 {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.category .attention p {
    margin-bottom: 2em;
    margin-left: 1em;
}

.category .attention .note_1 span,
.category .attention .delivery span {

    padding-left: 1em;
    padding-right: 1em;
}

.category .attention h6 {
    font-size: 1.4rem;
    color: #fff;
    background: #c00;
    border-radius: 2em;
    padding: .2em 1em .1em;
    margin-bottom: .5em;
    display: inline-block;
}

.andmore {
    text-align: center;
    padding: 1em;
    border-radius: .5em;
    border: #b10015 thin solid;
}

.andmore p {
    color: #000;
}

.gray {
    color: #999;
}





/***************************************************

tothetop

***************************************************/

.pageTop {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    width: 64px;
    height: 50px;
    padding-top: 1.2em;
    text-align: center;
    background: #ef8228;
    border-radius: 50%;

    box-shadow: 0 1px 2px 0 #e78b3e;
    text-shadow: 0 1px 3px #e78b3e;
}

.pageTop:hover {
    background: #ef8228;
    text-shadow: 0 1px 3px #e78b3e;
}


/***************************************************

footer

***************************************************/

footer .inside {
    width: 95% !important;
    margin: auto;
}

footer .inside .general .inside {
    width: 100% !important;
}





/********************** 1200 ************************/

@media print,
screen and (max-width:640px) {
    .pageTop {
        width: 54px;
        height: 40px;
    }

}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {

    .category_outer {
        padding-top: 85px;
        /*45*/
    }

    .category {
        width: 95%;
    }

    .pageTopWrapper {
        position: fixed;
        bottom: 20px;
        right: 2%;
        z-index: 1;
        margin-bottom: -2px;
    }

    .category .attention.secondary {
        width: 86%;
        padding: 1em 3% 0;
    }

    .category .attention.secondary p {
        margin-left: 0;
        margin-bottom: 1em;
    }



}


/********************** 640 ************************/

@media print,
screen and (max-width: 640px) {
    .category_outer {
        padding-top: 76px;
        /*60*/
    }

}








/*===================
	// font
=====================*/



/*100 - 900*/

/* .noto-sans-jp-<uniquifier> {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
} */


.noto-sans-jp {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.noto-sans-jp.fw600 {
    font-weight: 600;
}


.noto-sans-jp.fw900 {
    font-weight: 900;
}

/*=================================
	// note arrow
===================================*/

.arrow_r.medium {
    margin-right: .25em;
    width: 10px;
    margin-top: -3px;
}

.arrow {
    width: .5em;
    height: .5em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}


/*===================
	// note common
=====================*/
.flexbox {
    display: flex;
    justify-content: space-between;
}


/*=====================
	// note color
=======================*/

.orange {
    color: #ff6224;
}


/*==================
	// id #title
======================*/
/* #title {}

#title .inside {} */

#h1_pc {
    display: none;
}

#h1_mob {
    display: block;
}

/* #title h1 {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: -60px;
    text-align: center;
} */

#title .link-to-top {
    position: absolute;
    top: -2px;
    left: 0%;
    left: auto;
    z-index: 100;
}

#title .inside .link-to-top a {
    font-size: 1.1rem;
    padding: .25em .5em .15em;
    display: inline-block;
}

#title .lead {
    width: 90%;
    margin: 30px auto 20px;
    font-size: 1.4rem;
}

#title .lead p {
    margin-bottom: .5em;
}


#title .lead .present {
    font-size: 1.2rem;
    padding: 10px 20px;
}


#title .lead small {
    display: block;
}

#title .tax {
    padding-top: 0;
}


.link ul {
    padding: 0;
}

.link li {
    width: 95%;
}

.link a {
    font-size: 1.6rem;
    padding: 1.4rem 0;
}

.link a::after {
    border-bottom: 15px solid #F8C5A0;
    border-left: 15px solid transparent;
}

/* 

.title_notice {
    width: 80%;
    margin: auto auto 45px;
    padding: 6.7% 5% 4%;
}

.title_notice h4 {
    margin-bottom: 10px;
    font-size: 1.8rem;
    letter-spacing: 1px;
}

.title_notice #icon_reserve {
    width: 80%;
}

.title_notice p {
    font-size: 14px;
}

.title_notice p br.yykmob {
    display: block;
}


#title .lead p br.ledmob {
    display: block;
}
 */






@media (min-width: 640px) {


    #title {
        /* background: url(../img/title_bg.png) no-repeat top center; */
        position: relative;
    }

    #title .inside {
        width: 98%;
        max-width: 1260px;
        margin: auto;
        padding-top: 10px;
        padding-bottom: 15px;
        position: relative;
    }

    #title .link-to-top {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    #title .inside .link-to-top a {
        font-size: 1.3rem;
        color: #fff;
        padding: .5em 1em .25em;
        display: inline-block;
        /* background: #EF8229 url(../img/bg_yoyaku.png) repeat; */
        background-color: #666;
    }

    #title h1 {
        width: 77%;
        /*75*/
        margin: 65px auto -40px;
        font-size: 5.0rem;
        text-align: center;

        /* margin: 65px 187px -40px auto; */
    }


    #title .place {
        margin: auto auto 1em;
        padding: 0;
        font-size: 3.6rem;
        text-align: center;
        display: block;
        overflow: hidden;
    }


    #title .place span {
        padding: .15em 0 0;
        display: inline-block;
    }


    #title .place .place_name {
        width: 80%;
    }

    #h1_pc {
        display: block;
        width: 100%;
        margin-top: 1.8em;
        /*2*/
    }

    #h1_mob {
        display: none;
    }

    #title h1 img {
        width: 100%;
    }

    #title .lead {
        margin-bottom: 2em;
        font-size: 1.8rem;
        line-height: 2.0;
        /*1.8*/
        text-align: center;

        margin-top: 1.5em;
    }

    #title .lead p {
        margin-bottom: 0;
    }



    #title .lead p br.ledmob {
        display: none;
    }

    #title .lead .present {
        font-size: 1.5rem;
        background: #ff93b2;
        display: inline-block;
        color: #fff;
        border-radius: 2em;
        padding: 0 30px;
    }

    #title .lead .present small {
        font-size: 1.3rem;
    }

    #title .tax {
        text-align: right;
        font-size: 1.2rem;
        margin-bottom: 0em;
    }

    /* 
    .title_notice {
        width: 60%;
        margin: auto auto 60px;
        padding: 2.7% 2.5% 2.0%;
        background: #fff3dc;
        border-radius: 2em;
    }


    .title_notice h4 {
        margin-bottom: 20px;
        font-size: 2.4rem;
        text-align: center;
        color: #844c25;
        border-bottom: #844c25 thin dotted;
        letter-spacing: 1.5px;
    }


    .title_notice p {
        text-align: center;
        font-size: 16px;
    }



    .title_notice p br.yykmob {
        display: none;
    } */



    /* .link ul {
        display: block;
        width: 100%;
        padding: 20px 0;
    } */

    /* .link li {
        width: 80%;
        margin: 0 auto;
        display: block;
        padding: 0 0 10px 0;
    } */

    .link a {

        color: #fff;
        background-color: #000;
        border-radius: 3em;

    }

    /* .link a::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-bottom: 18px solid #F8C5A0;
        border-left: 18px solid transparent;
    } */





}



/*============================
	
    // id #moritown
    
=============================*/
#moritown {
    width: 80%;
    padding: 30px 5%;
    border-radius: 15px;
    border: #000 6px solid;
    position: relative;
}


#moritown .kaisai {
    font-size: 22px;
    color: #fff;
    width: 100px;
    height: 100px;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -30px;
    left: -15px;
    z-index: 1;
}



#moritown .inside {
    width: calc(100% - 90px);
    margin-left: auto;
    margin-right: 0;
    border: #f00 thin solid;
}



/*=================================
	.title-notice
===================================*/

.title-notice {
    width: 80%;
    padding: 30px 5%;
    border-radius: 15px;
    border: #000 6px solid;
    position: relative;
}

/*=================================
	// id #local-nav
===================================*/


#local-nav a {
    height: 100%;
    color: #fff;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

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


    #local-nav li {
        height: 100px;
    }



}



/* #title_nav {
    width: 95%;
    margin: auto;
}

#title_nav ul {
    justify-content: space-evenly;
    padding-bottom: 30px;
}

#title_nav li {
    width: 30%;
    margin: 0 0 10px;
    display: inline-block;
}

#title_nav a {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 1.5em 1em;
    display: block;
    position: relative;
    background: #C5343B;
    background: #666;
}

#title_nav a span {
    display: block;
} */

/*******************

CLP

*******************/


#title_nav .CLP-800 {
    color: #fff;
    font-weight: normal;
    text-align: center;
    display: block;
    /* text-shadow: 0 1px 3px #b38e00; */
    text-shadow: 0 1px 3px #3d3704;
    position: relative;
    background: #e0ba21 url(../img/CLP_h2.png) repeat;
}


#title_nav .CLP-800::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid #FDEF86;
    border-left: 18px solid transparent;
}




/*******************

定番ラインナップ

*******************/

#title_nav .classiclink {
    color: #fff;
    font-weight: normal;
    text-align: center;
    display: block;
    /* text-shadow: 0 1px 3px #b38e00; */
    text-shadow: 0 1px 3px #2c571e;
    position: relative;
    background: #4d9037 url(../img/lineup_h2.png) repeat;
}


#title_nav .classiclink::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid #A8D897;
    border-left: 18px solid transparent;
}





/********************** 1279 ************************/

@media screen and (max-width: 1279px) {
    #title_nav a {
        font-size: 1.6rem;
    }

    /* #title_nav li{
        width: 37%;
    } */
}

/********************** 900 ************************/

@media screen and (max-width: 900px) {
    #title_nav {
        width: 90%;
        margin: auto;
    }

    #title_nav ul.flexbox {
        display: block;
    }

    #title_nav li {
        width: 100%;
        margin: 0 .5% 5px;
    }

    #title_nav a {
        font-size: 1.6rem;
        padding: 10px 0;
    }
}

/********************** 768 ************************/

@media screen and (max-width: 768px) {
    #title_nav a::after {
        border-bottom: 15px solid #FFC2C2;
        border-left: 15px solid transparent;
    }

    #title_nav .CLP-800::after {
        border-bottom: 15px solid #FDEF86;
        border-left: 15px solid transparent;
    }

    #title_nav .classiclink::after {
        border-bottom: 15px solid #A8D897;
        border-left: 15px solid transparent;
    }
}


/*=================================
	// class .contents
===================================*/

.contents {
    margin-bottom: 60px;
    padding-bottom: 90px;
    /* background: url(../img/bg_contents.png) repeat 0 0; */
    background-color: #666;
}

.contents img {
    width: 100%;
}

/* .contents .lv_02 {
    width: 95%;
    max-width: 1260px;
    margin: auto;
} */

.contents .tax {
    width: 98%;
    max-width: 1260px;
    margin: auto auto 2em;
    font-size: 1.2rem;
    text-align: right;
}

.contents h2 {
    height: 160px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}


#CLPCLP h2 {
    width: 100%;
    color: #fff;
    /* margin-bottom:40px;
    padding: 1em 0;
    font-size: 3.6rem; */

    margin-bottom: 30px;
    padding: 1.5em 0 1em;
    font-size: 3.4rem;

    font-weight: normal;
    text-align: center;
    border-bottom: none;
    background: #e0ba21 url(../img/CLP_h2.png) repeat;
    text-shadow: 0 1px 3px #3d3704;
}



#claclassic h2 {
    width: 100%;
    color: #fff;
    margin-bottom: 40px;
    /*20*/
    padding: 1em 0;

    padding: 1.25em 0 1em;
    font-size: 3.6rem;
    font-weight: normal;
    text-align: center;
    border-bottom: none;
    background: #4e9138 url(../img/lineup_h2.png) repeat;
    text-shadow: 0 1px 3px #2c571e;
}




.contents .sub_category {

    /* margin-bottom: 40px; */
}

.contents h3 {
    width: 80%;
    margin: auto auto 15px;
    color: #cd0000;
    /*#EE4266*/
    margin-bottom: 1.4em;
    padding: 15px 0;
    font-size: 2.9rem;
    /*3.4*/
    font-weight: normal;
    text-align: center;
    border-top: #cd0000 thin solid;
    border-bottom: #cd0000 thin solid;
}

.contents h3 span {
    display: block;
}

.contents h3 .jp {
    font-size: 2.0rem;
}

.contents h3 span.sub {
    font-size: 1.8rem;
    display: block;
}

.contents .lead {
    width: 95%;
    margin: auto auto 30px;
}

.contents .lead p {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1em;
}

.contents .lead .tax {
    font-size: 1.2rem;
    text-align: right;
}

.link-lineup a {
    width: 50%;
    margin: auto auto 3em;
    padding: 1.5em 0;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    /* background: #C5343B url(../img/bg_h2.png) repeat;
    text-shadow: 0 1px 3px #cf5a79; */

    background: #C5343B url(../img/tokka_h2.png) repeat;
    text-shadow: 0 1px 3px #b3365d;
}


/*==========================================================
	       //特価品のご購入方法
============================================================*/

#exclusive h2 {
    margin-bottom: 30px;
    width: 100%;
    color: #fff;
    /* padding: 1em 0; */

    font-size: 3.8rem;
    /*3.6*/
    padding: 1.35em 0 1em;
    letter-spacing: 1px;

    font-weight: normal;
    text-align: center;
    border-bottom: none;
    /* background: #C5343B;
    background-image: url(../img/tokka_h2.png); */

    background: #d30000 url(../img/tokka_h2.png);
    text-shadow: 0 1px 3px #8d0000;

}


/* #bg{
    background: url(../img/bg_contents.png) repeat 0 0;
} */


.leadtxt {
    width: 70%;
    display: block;
    margin: 0 auto;
    font-size: 19px;
    padding: 10px 0 30px 0;
    font-weight: bold;
    line-height: 1.5;
}

.leadtxt h4 {
    text-align: center;
    font-size: 20px;
    /*22*/
    font-weight: bold;
    color: #c8373c;
    margin: 0 auto;
    margin-bottom: 10px;
    letter-spacing: 1px;
}


#leadtxt-01 {
    width: 98%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
    font-size: 16px;
    text-align: center;
}


.leadtxt #red {
    width: 93%;
    border: 1px solid #000;
    padding: 10px;
    margin: 0 auto;
    font-weight: normal;
    font-size: 14px;
}


.leadtxt #red span {
    color: orangered;
    font-weight: bold;
}


.summary {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 2em;
}


#exclusive {
    padding-top: 100px;
    /*140*/
}


#exclusive .link {
    margin-top: 40px;
    margin-bottom: 30px;
    /*80*/
}


#exclusive .link a {
    font-size: 2.0rem;
    /*2.2*/
    color: #fff;
    text-align: center;
    padding: 2.0rem 0;
    display: block;
    position: relative;
    text-shadow: 0 1px 3px #cf5a79;
    letter-spacing: 1.5px;
    background: #EF4267 url(../img/tokka_h2.png);
}


#exclusive .link a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid #fdc5d5;
    border-left: 18px solid transparent;
}


.leadtxt-1100 {
    display: none;
}


.ledtxtmob {
    display: none;
}


/********************** 1100 ************************/

@media print,
screen and (max-width:1100px) {
    .leadtxt-1100 {
        display: block;
    }
}





/********************** 900 ************************/

@media print,
screen and (max-width: 900px) {
    .link-lineup a {
        width: 90% !important;
    }

    .contents h3 .jp {
        font-size: 1.2rem;
    }
}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {

    .contents {
        padding: 1.5em 0 45px 0;
        /*1.5em 0*/
    }

    .contents h2 span {
        margin-left: 0;
        display: block;
    }


    .sub_category h3 {
        font-size: 2.2rem;
    }


    .contents .lead p {
        width: 95%;
        margin: auto;
        font-size: 1.4rem;
    }

    #exclusive h2,
    #claclassic h2 {
        font-size: 2.4rem;
    }

    #CLPCLP h2 {
        padding: 1.25em 0 1em;
        font-size: 2.2rem;
    }

    .contents h3 {
        font-size: 2.0rem;
        /*2.2*/
    }

    .contents h3 span.sub {
        font-size: 1.4rem;
    }


    .leadtxt {
        width: 90%;
        /* margin-bottom: 30px; */
    }

    .summary {
        width: 90%;
        margin: 0 auto;
        font-size: 16px;
    }



    #exclusive .link {
        margin-top: 20px;
        margin-bottom: 0px;
    }


    #exclusive {
        padding-top: 85px;
        /*45*/
    }

}



@media print,
screen and (max-width: 640px) {
    #exclusive {
        padding-top: 76px;
        /*60*/
    }

    .ledtxtmob {
        display: block;
    }

    .leadtxt h4 {
        text-align: center;
        font-size: 18px;
        /*22*/
    }

}


/*=================================
	// id #roland
===================================*/


#tokka .chusen {
    width: 50%;
    margin: auto;
    text-align: center;
}

#tokka .chusen h4 {
    margin-bottom: 0;
    font-size: 2.4rem;
    color: #ff5586;
}

#tokka .chusen h4 .date {
    font-size: 2.0rem;
    display: block;
}


/********************** 900 ************************/

@media print,
screen and (max-width: 900px) {

    #tokka .chusen {
        width: 90%;

    }

    #tokka .chusen h4 {
        font-size: 1.6rem;
    }

    #tokka .chusen h4 .date {
        font-size: 1.6rem;
        margin-bottom: 5px;
    }

}



/*=================================
	// id #popular
===================================*/

/*=================================
	// id #up
===================================*/


/* #up .sub_category {
    margin-bottom: 0;
} */


/*=================================
	// id #used
===================================*/

#used {
    width: 90%;
    margin: 0 auto;
}


#used h3 small {
    display: block;
}

#used .flexbox {
    width: 90%;
    margin: auto;
}


#used .txtbox {
    width: 60%;
}

#used figure {
    width: 37%;
    max-width: 420px;
}


/********************** 900 ************************/

@media print,
screen and (max-width: 900px) {
    #used .flexbox {
        display: block;
    }

    #used .txtbox {
        width: 100%;
    }

    #used figure {
        width: 70%;
        margin: auto;
    }

}


/*=================================
	// id #sound
===================================*/


#sound h2 {
    margin-bottom: 15px;
}

#sound .flexbox {
    width: 80%;
    margin: auto;
    align-items: center;
}

#sound .txtbox {
    width: 60%;
}

#sound .txtbox p {
    font-size: 1.8rem;
}

#sound figure {
    width: 30%;
}


/********************** 900 ************************/

@media print,
screen and (max-width: 900px) {


    #sound h2 {
        margin-bottom: 30px;
    }

    #sound .flexbox {
        display: block;
    }


    #sound .txtbox {
        width: 100%;
    }

    #sound .txtbox p {
        font-size: 1.4rem;
    }

    #sound figure {
        width: 70%;
        margin: auto;
    }

}



/*====================================================
#sns_sharebox
=====================================================*/

#sns_sharebox_outer {
    background: #fff;
}

#sns_sharebox {
    font-size: 1.4rem;
    text-align: right;
    /**/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sns_sharebox li {
    width: 32%;
    margin: 0 0.5%;
    padding: 0.5em 0;
    text-align: center;
    display: inline;
}

#sns_sharebox a {
    color: #fff;
    padding: 0 1em 0 1em;
    border-radius: 0.2em;
    display: block;
}

#sns_sharebox a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-decoration: none;
}

#sns_sharebox #fb_share {
    background: #3b5998;
}

#sns_sharebox #tweet {
    background: #55acee;
}

#sns_sharebox #line {
    background: #1dcd00;
}


/********************** 1024 ************************/

@media print,
screen and (min-width: 1024px) {
    #sns_sharebox_outer {
        max-width: 1080px;
        margin: auto;
        padding: 5em 0;
    }
}


/********************** 1023 ************************/

@media screen and (max-width: 1023px) {
    #sns_sharebox_outer {
        width: 95%;
        margin: auto;
        padding: 1em 0;
    }
}





/*==================================
	// id #access
====================================*/
#access {
    width: 98%;
    max-width: 1260px;
    margin: auto;
}

#access .inside {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

#access .mapbox {
    width: 40%;
}

#access .mapbox iframe {
    width: 100%;
    height: 380px;
}

#access .txtbox {
    width: 57%;
    padding: 1em 0 0;
    font-size: 1.6rem;
}

#access h4 {
    color: #c8373c;
    font-size: 3.0rem;
    margin-bottom: 0;
}

#access .telephone {
    font-size: 2.4rem;
    display: block;
}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {

    #access .inside {
        display: block;
    }

    #access .mapbox {
        width: 90%;
        margin: auto;
    }

    #access .mapbox iframe {
        width: 100%;
        height: 300px;
    }

    #access .txtbox {
        width: 95%;
        margin: auto;
    }

    #access .txtbox p {
        font-size: 1.4rem;
    }

    #access h4 {
        font-size: 2.2rem;
    }

    #access .telephone {
        font-size: 2.0rem;
    }

}





/*====================================================
	advance_notice
=====================================================*/

.advance_notice {
    font-size: 1.4rem;
    text-align: center;
    background: #fff;
    padding: 10em 0 10em;
}

.advance_notice p {
    margin-bottom: 1em;
}

.advance_notice a {
    display: block;
    margin-bottom: 1em;
}


.advance_notice .shoplogo {
    width: 20%;
    max-width: 250px;
    margin: auto;
}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {

    .advance_notice .shoplogo {
        width: 50%;
        max-width: 50%;
        margin: auto;
    }

}



/*=======================

	// すみっこ

=========================*/

#campaign.category_outer {
    padding: 20px 0;
}

#campaign .category {
    box-shadow: none;
}

.campaign {
    width: auto;
    max-width: 1250px;
    margin: auto auto 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#sueoki.campaign {
    max-width: 1200px;
}

.campaign figure {
    width: 23%;
    max-width: 240px;
}

.campaign .txtbox {
    width: calc(100% - 255px);
    font-size: 1.4rem;
}

#campaign h5 {
    font-size: 2.0rem;
    border-bottom: #ccc 1px solid;
    background: none;
    text-align: left;
    margin-bottom: .5em;
}

.campaign h5 {
    line-height: 1.4;
}

.campaign h5 .heading {
    font-size: 1.8rem;
    color: #efa625;
}

.campaign p {
    margin: 0.8em 0;
    line-height: 1.7;
}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {
    .campaign {
        padding: 2em 0;
        display: block;
    }

    .campaign p {
        margin: 0.8em 0;
        line-height: 1.;
    }

    .campaign figure {
        width: 50%;
        margin: auto auto 1em;
    }

    .campaign .txtbox {
        width: 86%;
        /*85*/
        margin: auto;
    }

    .campaign h5 {
        font-size: 2.0rem;
    }

    .campaign h5 .heading {
        font-size: 1.5rem;
        line-height: 1.4;
        display: inline-block;
    }
}




/*=================================

	// 特価品値段部分の修正
    （価格改定時期がサイト掲載期間とかぶるため特価表示にすることになったから）
    
===================================*/

#tokka .red-price {
    font-size: 2.0rem;
    color: #f00;
    /* display: block; */
}

#tokka .red-price small,
#up .red-price small {
    font-size: 1.4rem;
    color: #fff;
    background: #f00;
    border-radius: 50px;
    /*50%*/
    margin-right: 3px;
    padding: 2px 11px 0;
    /*3 11 0*/
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}



/*=================================
	// id .one-lump
===================================*/

.one-lump {
    width: 90%;
    margin: 0 auto;
}

.one-lump h3 small {
    display: block;
}

.one-lump .flexbox {
    width: 90%;
    margin: auto;
}

.one-lump .txtbox {
    width: 60%;
}

.one-lump figure {
    width: 37%;
    max-width: 420px;
}


/********************** 900 ************************/

@media print,
screen and (max-width: 900px) {
    .one-lump .flexbox {
        display: block;
    }

    .one-lump .txtbox {
        width: 100%;
    }

    .one-lump figure {
        width: 70%;
        margin: auto;
    }

}


/*=================================

	// ハイブリットピアノ

===================================*/

#silent h3,
#hybrid h3 {
    width: 80%;
    margin: auto auto 0.5em;
    color: #FF5C8F;
    padding: 15px 0;
    font-size: 2.9rem;
    font-weight: normal;
    text-align: center;
    border-top: #FF5C8F thin solid;
    border-bottom: #FF5C8F thin solid;
}

.in-one-lump {
    width: 80%;
    /*92*/
    margin: 0 auto;
}

.onelump_content {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}

.onelump_content ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-evenly;
    margin: 0 auto;
    flex-direction: row-reverse;
}

.onelump_content ul li img {
    width: 100%;
    max-width: 354px;
}

.onelump_txt {
    display: block;
    margin: auto 0;
    font-size: 1.6rem;
    font-weight: bold;
}

.onelump_txt span {
    font-size: 20px;
    display: block;
    color: #ff3333;
    font-weight: bold;
}


.onelump_txt #clean {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    /*5*/
    color: #fff;
    background: #EF8128;
    font-weight: normal;
    width: 132px;
    text-align: center;
    padding: 2px 0 1px;
    /*3 0 1*/
}


.onelump_mob,
.leadtxt-768 {
    display: none;
}

.onelump_pc {
    display: block;
}


#hybrid {
    margin-top: 80px;
}


@media print,
screen and (max-width: 1200px) {
    .onelump_txt {
        margin-right: 18px;
    }
}


/********************** 768 ************************/

@media print,
screen and (max-width: 768px) {
    #hybrid {
        margin-top: 40px;
    }

    #silent h3,
    #hybrid h3 {
        font-size: 2.0rem;
    }

    .in-one-lump {
        width: 90%;
        /*95*/
        padding: 0;
        text-align: center;
    }

    .onelump_content {
        width: 100%;
    }

    .onelump_content p {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .onelump_content ul {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .onelump_content ul li img {
        width: 100%;
        /*80*/
        max-width: 708px;
    }

    .onelump_txt {
        text-align: start;
        margin-top: 0px;
        width: 100%;
        /*95*/
        margin: auto auto 0.5em;
        line-height: 1.3;
    }


    #onelump_pic {
        padding-right: 0;
    }

    .onelump_pc {
        display: none;
    }

    .onelump_mob {
        display: block;
    }
}