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

article {
    font-size: 1.4rem;
    padding-bottom: 0;
    background: #fad7c4;
}



article .bg_img_all {
    background: url(../img/bg_img_all.png) repeat top center;
}

article a {
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

article a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.category_outer {
    padding-top: 100px;
}

#special.category_outer {
    padding-top: 0;
}

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

.category .makerLogo {
    text-align: center;
}

.category .makerLogo img.logo.pc {
    max-width: 390px;
    margin: auto auto 1em;
    display: block;
}

.category .makerLogo img.logo.mob {
    display: none;
}


.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;
}

.pageTop {
    background: #fe6b5d url(../img/bg_btn.png) no-repeat center center;
}

.pageTop:hover {
    background: #fe6b5d url(../img/bg_btn.png) no-repeat center center;
    opacity: 0.6;
}

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

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


#tokka .red-price,
#gp .red-price,
#up .red-price {
    font-size: 2.0rem;
    color: #f00;
    display: block;
}


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

}


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

    .category_outer {
        padding-top: 45px;
    }

    .category {
        width: 95%;
    }


    .category .makerLogo img.logo.pc {
        display: none;
    }

    .category .makerLogo img.logo.mob {
        width: 80%;
        max-width: 390px;
        margin: auto auto 15px;
        display: block;
    }

    .pageTopWrapper {
        position: fixed;
        bottom: 10px;
        right: 5%;
        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;
    }

    #CCChair {
        width: 95%;
        display: block;
        margin: 0 auto;
        margin-top: 45px;
    }


    #Chair {
        width: 90%;
        /*95*/
        padding: 0;
        padding: 10px 0;
        /*20 0 */
        text-align: center;
    }

    #chair_content {
        width: 100%;
    }

    #chair_content p {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #chair_content ul {
        display: block;
        width: 100%;
        margin: 0 auto;
        line-height: 2em;
    }

    #chair_content ul li img {
        width: 100%;
        /*80*/
        max-width: 708px;
        /* text-align: center;
    margin: auto auto 1em; */
    }

    .chair_txt {
        text-align: start;
        margin-top: 0px;
        /*15*/
        font-size: 15px;
        /*18*/
        width: 100%;
        /*95*/
        margin: auto auto 0.5em;
    }

    .chair_txt span {
        font-size: 16px;
        margin-top: 10px;
    }

    #chair_pic {
        padding-right: 0;
    }

    .chair_pc {
        display: none;
    }

    .chair_mob {
        display: block;
    }

    .C_mob {
        display: none;
    }


    @media print,
    screen and (max-width: 767px) {
        .leadtxt-768 {
            display: none;
        }

    }



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


    /************ デジタルピアノのテキスト追加部分 768***********/
    #Keytxt {
        width: 90%;
        padding: 20px 0;
        text-align: center;
    }

    #Keytxt_content {
        width: 100%;
    }

    #Keytxt_content p {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #Keytxt_content ul {
        display: block;
        width: 100%;
        margin: 0 auto;
        line-height: 2em;
    }

    #Keytxt_content ul li {
        width: 86%;
        margin: 0 auto;
    }

    #Keytxt_pic {
        padding-right: 0;
    }

    #Keytxt_pc {
        display: none;
    }

    .Keytxt_mob {
        display: block;
    }

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



    #silent {
        margin-top: 40px;
    }

    /* #silent h3{
    width: 90%;
    margin: auto auto 15px;
    margin-bottom:0.5em;
} */


}


/*=================================
	// 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: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}


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

.orange {
    color: #ff6224;
}


/*==================
	// id #title
======================*/

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

#title .bg_flower {
    margin: auto;
    max-width: 1392px;
    background: url(../img/bg_title_flower.jpg) no-repeat top center;
}

#title .inside {
    width: 98%;
    max-width: 1200px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
    background: url(../img/bg_title_piano.png) no-repeat top right;
    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;
    background: #ff5430;
    padding: .5em 1em .25em;
    display: inline-block;
}

#title h1 {
    margin-bottom: -15px;
}

#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;
    /* max-width: 685px; */
    max-width: 699px;
    margin-top: 40px;
    margin-bottom: 15px;
}

#h1_mob {
    display: none;
}

#title h1 img {
    width: 100%;
}

#title .lead {
    font-size: 1.6rem;
    /* margin-left: 56px; */
    margin-left: 70px;
    margin-bottom: 60px;
}




#title .lead .time {
    font-weight: normal;
    font-size: 1.5rem;
    display: block;
    padding-top: 5px;
}

#title .lead .break1 {
    display: none;
}

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


/* // class .title_notice */
.title_notice {
    width: 60%;
    margin: auto auto 60px;
    padding-bottom: 15px;
    background: #ffffe7;
    border-radius: 2em;
    overflow: hidden;
}

.title_notice h4 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: normal;
    padding: 20px 0 12px;
    text-align: center;
    background: #a7be61 url(../img/bg_h2.png) no-repeat center center;
}

.title_notice #icon_reserve {
    width: 50%;
    margin: auto;
    padding: 0 0 5px;
}

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

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

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

.link a {
    width: 80%;
    font-size: 2.0rem;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    display: block;
    position: relative;
    background: #fe6b5d url(../img/bg_btn.png) no-repeat center center;
    letter-spacing: 1.5px;
}

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



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

    #title #h1_pc {
        width: 57%;
        max-width: 57%;
    }

    #title .inside {
        background: url(../img/bg_title_piano.png) no-repeat top right;
        background-size: contain;
    }

    #title .lead {
        margin-left: 4%;
    }

    #title .lead .break1 {
        display: block;
    }

    .title_notice {
        width: 80%;
    }
}

/* 
@media print,
screen and (max-width: 1023px) {
    #title {
        width: 100%;
        padding-bottom: 2em;
        margin-bottom: 0;
    }

    #title h1 {
        width: 90%;
        max-width: 90%;
    }

    #title .place {
        width: 85%;
    }

    #title .tax {
        width: 95%;
    }
} */




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


    #title {
        background: url(../img/bg_title_mob.svg) no-repeat top center;
    }

    #title .bg_flower {
        background: none;
    }

    #title .inside {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        background: none;
    }


    #h1_pc {
        display: none;
    }

    #h1_mob {
        display: block;
    }

    #title h1 {
        width: 100%;
        max-width: 100%;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 15px;
        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: auto auto 30px;
        font-size: 1.4rem;
    }

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

    #title .lead .break1 {
        display: none;
    }

    #title .lead small {
        display: block;
    }

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

    .title_notice {
        width: 90%;
        margin: auto auto 45px;
        /* padding: 4% 5%; */
    }

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

    .title_notice #icon_reserve {
        width: 80%;
    }

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

    .link ul {
        padding: 0;
    }

    .link li {
        width: 85%;
    }

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

}


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

    #first-copy {
        font-size: 1.4rem;
    }

}





/*=================================
	// id #title_nav
===================================*/

#title_nav {
    width: auto;
    margin: auto;
}

#title_nav ul {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 30px;
}

#title_nav li {
    width: 22%;
    height: 60px;
    margin: 0 1% 15px;
    line-height: 1.3;
}

#title_nav a {
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    position: relative;
    background: #88a338 url(../img/bg_btn3.png) no-repeat center center;
    /**/
    display: flex;
    justify-content: center;
    align-items: center;


}

#title_nav a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 16px solid #fec505;
    border-left: 16px solid transparent;
}


/* #title_nav a span {
    padding: 8px 0;
    display: block;
} */


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


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

    #title_nav ul {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    /* #title_nav ul.flexbox {
        display: block;
    } */

    #title_nav li {
        width: 48%;
        margin: 0 1% 25px;
    }

    #title_nav a {
        font-size: 1.6rem;
        padding: 10px 0;
        background: #88a338 url(../img/bg_btn3.png) no-repeat center center;
        background-size: cover;
    }


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


}




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

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

.contents img {
    width: 100%;
}

.contents .lv_02 {
    width: 98%;
    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 {
    width: 100%;
    color: #fff;
    /* margin-bottom: 40px; */
    margin-bottom: 0;
    font-size: 3.6rem;
    font-weight: normal;
    text-align: center;
    border-bottom: none;
    padding: 30px 0 22px;
    background: #a7be61 url(../img/bg_h2.png) no-repeat center center;
}

.contents h2 small {
    font-size: 2.6rem;
}

.contents .sub_category {
    /* margin-bottom: 40px; */
    padding-top: 40px;
}

.contents h3 {
    /*    width: 90%;*/
    width: 80%;
    margin: auto auto 15px;
    color: #ff5430;
    margin-bottom: 1.4em;
    padding: 15px 0;
    font-size: 2.9rem;
    /*3.4*/
    font-weight: normal;
    text-align: center;
    border-top: #ff5430 thin solid;
    border-bottom: #ff5430 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;
    background: #ff5430;
    display: block;
}



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


.leadtxt {
    width: 70%;
    display: block;
    margin: 0 auto;
    padding: 10px 0 30px 0;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
}

.leadtxt .red {
    /* color: #ff5430; */
    color: #f74566;
}


.leadtxt strong.first {
    font-size: 2.8rem;
}

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

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


}

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

    .contents {
        padding: 1.5em 0;
    }

    .contents h2 {
        font-size: 2.0rem;
    }

    .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;
    }

    .contents h2 {
        font-size: 2.4rem;
    }

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

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


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


    .leadtxt strong.first {
        font-size: 2.0rem;
    }

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



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

}



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

#special h2 {
    background: url(../img/bg_h2_tokka.jpg) repeat top center;
}

#special .sub_category {
    background: url(../img/bg_special-80.jpg) no-repeat center top;
}

#special .andmore {
    width: 90%;
    margin: auto auto;
    font-size: 1.6rem;
    background: #fff7d9;
    padding: 15px;
    border-radius: 5px;
    border: none;

}


#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;
}



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


    #special .andmore {
        width: 90%;
        padding: 15px 0;
    }

    #tokka .chusen {
        width: 90%;

    }

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

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

}



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

/*
#popular {
    padding-top: 80px;
}
*/


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

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


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

#used {
    width: 90%;
    margin: 0 auto;
    /*margin: auto auto 60px;*/
    /*    padding-top: 90px;*/
}


#used h3 {}

#used h3 small {
    display: block;
}


#used_lineup {
    margin-bottom: 10px;
}


#used h5 {
    margin-bottom: 5px;
    padding: 0 10px;
    background: #f5ddac;
    display: inline-block;
}



#used_lineup table,
#used_lineup th,
#used_lineup td {
    border-collapse: collapse;
    padding: 3px 15px;
    border: #ddd thin solid;
}

#used_lineup td {
    white-space: nowrap;
}


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

#used h4 {
    line-height: 1.3;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-size: 3.0rem;
    color: #c00;
    border-bottom: #c00 thin solid;
}

#used h4 span.break {
    margin-right: 10px;
}

#used h4 span.bk {
    font-size: 1.8rem;
    padding-bottom: .5em;
    background: #000;
    color: #fff;
    padding: 0 1em;
    border-radius: 2em;
}

#used .txtbox {
    width: 60%;
}

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



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

    #used h4 {
        text-align: center;
    }


    #used h4 span.break {
        margin-right: 0;
        display: block;
    }

    #used .flexbox {
        display: block;
    }

    #used .txtbox {
        width: 100%;
    }

    #used figure {
        width: 70%;
        /*        max-width: 50%;*/
        margin: auto;
    }


    #used_lineup table,
    #used_lineup th,
    #used_lineup td {
        padding: 3px 10px;
    }

    #used_lineup td {
        font-size: 1.4rem;
        white-space: nowrap;
    }

}


@media print,
screen and (max-width: 640px) {
    #used_lineup table {
        width: 100%;
    }

    #used_lineup th,
    #used_lineup td {
        display: block;
        width: auto;
        padding: 0px;
    }

    #used_lineup td {
        font-size: 1.4rem;
        white-space: nowrap;
    }

    #used_lineup table,
    #used_lineup th,
    #used_lineup td {
        border: none;
    }

    #used_lineup td.model {
        font-weight: bold;
    }


}


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


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

#sound .flexbox {
    width: 80%;
    margin: auto;
    align-items: center;
    /*    border: #f00 thin solid;*/
}

#sound .txtbox {
    width: 60%;
    /*    border: #f00 thin solid;*/
}

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

#sound figure {
    width: 30%;
    /*    border: #f00 thin solid;*/
}


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


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

    #sound .flexbox {
        display: block;
    }


    #sound .txtbox {
        width: 100%;
        /*    border: #f00 thin solid;*/
    }

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

    #sound figure {
        width: 70%;
        margin: auto;
        /*    border: #f00 thin solid;*/
    }

}



/*====================================================
#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;
}

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

    /* pc end */
}

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




/*====================================================
	#map_wrap
====================================================*/

#map_wrap_outer {
    background: #fff;
}

#map_wrap {
    background: #fff;
}

#map_wrap h4 {
    color: #c8373c;
    margin-bottom: 0.5em;
    padding: 15px 0;
    border: none;
    text-align: center;
    border-bottom: #c8373c thin solid;

    /**/
    font-size: 3.4rem;
    font-weight: normal;
    font-family: "Sawarabi Mincho";

}

#map_wrap .txt_box {
    line-height: 1.5;
}

#map_wrap .txt_box dl,
#map_wrap .txt_box ul {
    font-size: 14px;
    font-size: 1.4rem;
}

#map_wrap dt {
    margin-bottom: 3px;
    padding: 0 1em;
    font-size: 1.3rem;
    font-weight: bold;
    background: #fff;
    border: #ccc 1px solid;
    border-left: #c8373c 3px solid;
    display: inline;
}

#map_wrap .txt_box dd {
    margin-bottom: 1em;
}

#map_wrap .txt_box ul {
    margin-bottom: 1em;
}

#map_wrap .telnum strong {
    width: 3em;
    padding: 0 1em;
    font-size: 1.3rem;
    font-weight: bold;
    background: #fff;
    border-radius: 0.2em;
    border: #ccc 1px solid;
    border-left: #c8373c 3px solid;
    display: block;
}

#map_wrap .telnum .txt {
    font-size: 1.4rem;
}

#map_wrap em {
    font-weight: bold;
}

#map_wrap .inq a {
    text-align: center;
    color: #fff;
    font-weight: bold;
    /*    background: #d9107e;*/
    /*    background: #990017;*/
    background: #c8373c;
    border-radius: 2em;
    display: block;
}





@media screen and (min-width: 901px) {
    #map_wrap_outer {
        padding: 30px 0 0 0;
    }

    #map_wrap {
        width: 95%;
        max-width: 1260px;
        margin: auto auto 30px;
    }

    .map_lv_02 {
        /* margin-bottom: 30px; */
        padding: 15px;
    }

    .map-index {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        /**/
        justify-content: space-between;
    }

    #map_wrap .map_box {
        width: 34%;
        margin-right: 20px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    #map_wrap p {
        font-size: 1.3rem;
        margin-bottom: 1em;
    }

    #map_wrap .map_box iframe {
        width: 100%;
        height: 100%;
    }

    #map_wrap .txt_box {
        width: 63%;
        /*        border: #f00 1px solid;*/
    }

    #map_wrap .inq a {
        padding: 1em 1em;
    }

    #map_wrap .telnum strong {
        width: 3em;
        margin-bottom: 2px;
        display: block;
    }

    #map_wrap .inq {
        width: 50%;
    }

    /* pc end */
}



/* ////////// mobile ////////// */

@media screen and (max-width: 900px) {
    #map_wrap_outer {
        padding: 3em 0 3em 0;
    }

    #map_wrap {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 0 0;
        background: #fff;
    }

    #map_wrap p {
        width: 90%;
        font-size: 1.3rem;
        line-height: 1.3;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5em;
    }

    #map_wrap .lead {
        padding: 1em 0;
    }

    #map_wrap .lead p {
        line-height: 1.6;
        margin-bottom: 1em;
    }

    #map_wrap .map_box {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }

    #map_wrap .map_box iframe {
        width: 100%;
    }

    #map_wrap .map_box .link_map {
        font-size: 1.2rem;
        text-align: right;
    }

    #map_wrap dl,
    #map_wrap ul {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #map_wrap .inq a {
        padding: 1em 1em;
    }

    #map_wrap .telnum .txt {
        padding: 1em 0 0 0;
        display: block;
    }

    /* mobile end */
}





@media screen and (max-width: 320px) {
    #map_wrap h4 {
        font-size: 1.4rem;
    }

}


/*====================================================
	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;
}

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

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

}



/*=======================
	// id .campaign
=========================*/


#campaign {
    margin-bottom: 60px;
    padding: 30px 0;
    background: #fff;
}

#campaign h5 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: #ccc 1px solid;
    background: none;
    text-align: left;
    line-height: 1.4;
}

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

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



/* ///// .campaign  ///// */
.campaign {
    width: auto;
    max-width: 1260px;
    margin: auto auto 30px;
}

.campaign .inside {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 30px 30px 0; */
}

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

}

.campaign figcaption {
    display: block;
    text-align: right;
    font-size: 1.1rem;
    color: #aaa;
}

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

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

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

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


    #campaign {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    #campaign h5 {
        font-size: 1.8rem;

    }


    .campaign {
        padding: 2em 0;
        display: block;
    }


    /* /////////////////////// */
    .campaign .inside {
        display: block;
    }

    .campaign figure {
        width: 23%;
        max-width: inherit;

    }

    .campaign .txtbox {
        width: auto;
    }



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

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

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



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

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


/* ///// #sumikko ///// */

#sumikko {
    font-size: 1.6rem;
    text-align: left;
    padding: 10px 30px;
    background: #fff;
}

#sumikko h5 {
    color: #5e4237;
    font-weight: bold;
    border-bottom: #ef93bc 3px solid;
}

#sumikko ul li a {
    color: #fff;
    background: #e274a6;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 2em;
}

#sumikko .inside {
    flex-direction: row-reverse;
}

#sumikko p {
    font-size: 1.6rem;
}

#sumikkofigure {
    width: 36%;
}


#sumikkofigcaption {
    font-size: 0.9rem;
    color: #999;
    text-align: right;
}

#sumikko.txtbox {
    width: 60%;
}

#sumikkoh5 {
    font-size: 1.8rem;
    color: #5e4237;
    margin-bottom: 10px;
}

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

    #sumikko {
        width: 90%;
    }

}


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

    #sumikko {
        width: auto;
        padding: 10px 15px;
        font-size: 1.5rem;
    }

    #sumikko.flexbox {
        display: block;
    }

    #sumikkofigure {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        text-align: center;
    }

    #sumikkofigure img {
        width: 80%;
    }



    #sumikko.txtbox {
        width: auto;
    }

    #sumikkoh5 {
        font-size: 1.6rem;
    }



}




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

#used {
    width: auto;
    max-width: 1260px;
    margin: auto auto 60px;
    /* padding-top: 90px; */
    padding-bottom: 60px;
    background: #fff;
}

#used h3 small {
    display: block;
}

#used_lineup {
    margin-bottom: 10px;
}

#used h5 {
    margin-bottom: 5px;
    padding: 0 10px;
    background: #f5ddac;
    display: inline-block;
}

#used_lineup table,
#used_lineup th,
#used_lineup td {
    border-collapse: collapse;
    padding: 3px 15px;
    border: #ddd thin solid;
}

#used_lineup td {
    white-space: nowrap;
}

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

#used h4 {
    line-height: 1.3;
    margin-bottom: .5em;
    padding-bottom: .25em;
    font-size: 3.0rem;
    color: #c00;
    border-bottom: #c00 thin solid;
}

#used h4 span.break {
    margin-right: 10px;
}

#used h4 span.bk {
    font-size: 1.8rem;
    padding-bottom: .5em;
    background: #000;
    color: #fff;
    padding: 0 1em;
    border-radius: 2em;
}

#used .txtbox {
    width: 60%;
}

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



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

    #used h4 {
        text-align: center;
    }


    #used h4 span.break {
        margin-right: 0;
        display: block;
    }

    #used .flexbox {
        display: block;
    }

    #used .txtbox {
        width: 100%;
    }

    #used figure {
        width: 70%;
        /*        max-width: 50%;*/
        margin: auto;
    }


    #used_lineup table,
    #used_lineup th,
    #used_lineup td {
        padding: 3px 10px;
    }

    #used_lineup td {
        font-size: 1.4rem;
        white-space: nowrap;
    }

}

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



    #used {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

/*====================================================
	.tothetop
=====================================================*/

div#tothetop {
    position: fixed;
    right: 15px;
    /*        bottom: 20px;*/
    bottom: 15px;
    z-index: 1500;
}

div#tothetop a {
    display: block;
    font-weight: bold;
    color: #fff;
    background: #b68d3c;
    text-decoration: none;
    filter: alpha(opacity=85);
    border-radius: 2.5em;
}

div#tothetop a:hover {
    filter: alpha(opacity=5);
    moz-opacity: 0.5;
    opacity: 0.5;
}

div#tothetop a {
    padding: 1.9em 1em 1.9em;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    display: block;
}




@media screen and (max-width: 768px) {
    div#tothetop {
        position: fixed;
        right: 5%;
        bottom: 60px;
        z-index: 500;
    }

    div#tothetop a {
        font-size: 1.0rem;
    }

    /* mobile end */
}