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

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


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 {
    opacity: 0.6;
}

.category_outer {
    padding-top: 100px;
}

.category {
    margin-bottom: 0;
    background: #fff;
    margin: auto auto;
    padding-bottom: 2em;
    border-radius: 5px;
    overflow: hidden;
}

.pageTop {
    /* background: #f48089; */
    background: #c8373c;
}

.pageTop:hover {
    /* background: #f48089; */
    background: #c8373c;
    opacity: 0.6;
}

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

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




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



}




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

.gray {
    color: #999;
}


.orange {
    color: #cc8846;
}

.orange2 {
    color: #ff6224;
}


.brown {
    color: #714b34;
}

/* size */
/* .first_txt {
    font-size: 2.4rem;
    display: block;
} */

.mark.notice {
    font-size: 1.2rem;
}

.zen-kaku-gothic-antique-regular {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 400;
    font-style: normal;
}



/*===================
	// .link
=====================*/

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


.link a {
    /* font-size: 2.0rem; */
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    position: relative;
    /* background: #c8373c; */
    background: #ff6147;
    letter-spacing: 1.5px;
    border-radius: 3em;
}


.link.block a {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.link.first a {
    font-size: 2.0rem;
}

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

.arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}


.arrow.pink {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #f48089;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}









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






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

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

#title .bg_1 {
    margin: auto;
    max-width: 1400px;
    background: url(../img/bg_inst_1400.png) no-repeat 0 60px;
}

#title .inside {
    width: 98%;
    max-width: 1200px;
    margin: auto;
    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;
    background: #ff5430;
    padding: .5em 1em .25em;
    display: inline-block;
}


#h1_pc {
    width: 95%;
    max-width: 864px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#h1_mob {
    display: none;
}



#title .date-time span {
    width: 80%;
    max-width: 400px;
    margin: auto;
    display: inline-block;
    color: #fff;
    background-color: #714b34;
    padding: 3px 15px 2px;
    border-radius: 3px;
}


#title h1 img {
    width: 100%;
}

#title .lead {
    text-align: center;
    margin-bottom: 60px;
}

#title .lead p {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 15px;
}


#title .lead p.catch span {
    color: #714b34;
    font-size: 2.4rem;
    font-weight: bold;
    background-color: rgb(254, 240, 223, 0.8);
    border-radius: 3em;
    padding: 5px 30px 3px;
    display: inline-block;
}

#title .lead p.catch span em {
    color: #ff3333;
}

#title .lead strong {
    font-size: 1.8rem;
}

#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: 30px;
    background: #fff8e9;
    overflow: hidden;
    border-radius: 5px;
}


.title_notice .tel_link {
    font-size: 2.4rem;
}

.title_notice .link.block a {
    width: 60%;
}

.title_notice h4 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: normal;
    padding: 20px 0 12px;
    text-align: center;
    background: #714B34;
}

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

.title_notice p {
    text-align: center;
    font-size: 1.6rem;
}


.title_notice p small {
    font-size: 1.3rem;
}

.title_notice p .place {
    font-size: 2.0rem;
}



#title .lead_sub .time {
    margin-top: 15px;
}

#title .lead_sub .time span {
    font-size: 2.0rem;
    color: #714b34;
    padding: 3px 60px 2px;
    /* border-radius: 5px; */
    /* background: #714b34; */
    border-top: #714b34 thin solid;
    border-bottom: #714b34 thin solid;
}

@media screen and (max-width: 1400px) {
    #title .bg_1 {
        margin: auto;
        max-width: 1400px;
        background: url(../img/bg_inst_1400.png) no-repeat 0 60px;
        background-size: contain;
    }

}

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

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

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

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

    .title_notice {
        width: 80%;
    }
}



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

    #title .lead_sub {
        padding: 15px 0;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 5px;
    }

    #title .lead_sub p {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }



}



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

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


    #title .bg_1 {
        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: 90%;
        max-width: 90%;
        margin: 0 auto 15px;
        padding-top: 15px;
        text-align: center;
    }

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

    #title .lead strong {
        font-size: 1.6rem;
    }

    #title .lead p {
        font-size: 15px;
        margin-bottom: .5em;
    }

    #title .lead p.catch {
        margin-bottom: 10px;
    }

    #title .lead p.catch span {
        font-size: 1.8rem;
        line-height: 1.4;
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }


    #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 {
        width: 90%;
        font-size: 1.4rem;
        margin-left: auto;
        margin-right: auto;
    }

    .title_notice .link.block a {
        width: 80%;
    }

    .link ul {
        padding: 0;
    }

    /* .link li {
        width: 85%;
    } */


    .title_notice .tel_link a {
        color: #000;
    }

    .link a {
        font-size: 16px;
        padding: 5px 15px;
    }

}







/*=================================
	// 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%; */
    width: 18%;
    height: 70px;
    margin: 0 1% 15px;
    line-height: 1.3;
}

#title_nav a {
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    color: #714b34;
    background: linear-gradient(to bottom, #fff 0, #fff 50%, rgba(255, 0, 0, 0.1) 100%);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: #f48089 1px solid;
    /* box-shadow: 0 2px 0 0 #f48089; */
}



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


@media screen and (max-width: 900px) {
    #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% 40px;
    }

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




}

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


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

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

    #title_nav a {
        font-size: 1.6rem;
        padding: 0 0;
        background-size: cover;
    }

}


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

.contents {
    /* margin-bottom: 60px; */
    padding-bottom: 60px;
    background: #e8d2af;
    background: #f8dacc url(../img/bg_contents.jpg) repeat;
}

.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;
    font-size: 3.6rem;
    font-weight: normal;
    text-align: center;
    border-bottom: none;
    padding: 30px 0 22px;
    background: #714b34;
}

.contents h2 small {
    font-size: 2.8rem;
    display: block;
}

.contents .sub_category {
    padding-top: 40px;
}



.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; */
    color: #714b34;
}

/* .contents .lead p {
    text-align: center;
    font-size: 1.8rem;
} */



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

/* .contents .andmore {
    width: 90%;
    margin: 1em auto;
    font-size: 2.2rem;
    text-align: center;
    color: #714b34;
} */

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

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

    /* .contents .andmore {
        font-size: 1.5rem;
    } */

}







/*====================================================
	.member
====================================================*/

.member {
    font-size: 1.6rem;
    margin-bottom: 3em;
    overflow: hidden;
}


.member h2 {
    line-height: 1.3;
}

.member .inside {
    width: 90%;
    margin: auto auto;
}

.member .txt {
    width: 69%;
    margin-right: 1%;
}

.member figure {
    width: 30%;
    text-align: right;
}

.member figure img {
    width: 100%;
    max-width: 290px;
}


.member .catch {
    color: #9b7c25;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}

.member .free {
    color: #c00;
}

/* .member .link a {
    color: #fff;
    background: #9D4753;
    margin-bottom: 1em;
    padding: .25em 1em;
    border-radius: 2em;
} */

.member p {
    margin-bottom: 2em;
}

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

.member .indent {
    color: #cc8846;
}


.member dt {
    margin-bottom: 5px;
}

.member dt .icon {
    font-size: 1.4rem;
    color: #fff;
    background: #cc8846;
    padding: 0 10px;
    border-radius: 2px;

}



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

    .member h3 {
        padding: 2em 0 1em;
    }

    .member h3 img {
        width: 80%;
    }

    .member .link a {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding: 1em 1em;
        text-align: center;
        display: block;
    }

    .member figure {
        width: 50%;
        margin: auto;
        text-align: center;
    }

    .member .txt {
        width: auto;
        margin: 0 0 2em;
    }




}


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



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

    .member .inside.flexbox {
        display: block;
        padding: 2em 2.5% 30px;
    }


    .member .link a {
        width: 90%;
        border-radius: 3em;
        font-size: 1.5rem;
    }

    .member figure {
        width: 80%;
        margin: auto;
        text-align: center;
    }

}










/*====================================================
special
=====================================================*/



#special h3 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: #cc8846 thin solid;
}


#special .osusume {
    padding: 10px 30px;
    border: #ff6147 thin solid;
}

/* 
#special h4 span {
    padding: 3px 30px;
    color: #fff;
    background-color: #cc8846;
    border-radius: 3em;
} */






/* .quote-box {
    position: relative;
    padding: 20px 40px;
    border: 2px solid transparent;
}

.quote-box::before,
.quote-box::after {
    content: '「';
    font-size: 100px;
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    color: #cc8846;
}

.quote-box::before {
    top: -60px;
    left: -60px;
}

.quote-box::after {
    content: '」';
    bottom: -60px;
    right: -60px;
} */




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

}

#map_wrap h5 {
    margin-bottom: 15px;
    color: #c8373c;
    font-size: 2.6rem;
    font-weight: normal;
}


#map_wrap h5 small {
    font-size: 1.8rem;
}

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

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



} */



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



/*=====================
	// #access
=======================*/

#access iframe {
    width: 100%;
    height: 360px;
}

@media print, screen and (max-width: 640px) {
    #access iframe {
        height: 360px;
    }
}