/*=======================
	// grand-header 
=====================*/

#grand-header {
    height: 40px;
    margin-bottom: 0;
    background-color: #3c3c41;
    display: flex;
    justify-content: center;
    align-items: center;
}

#grand-header a {
    width: 92px;
}

#grand-header a img {
    width: 100%;
}

@media print, screen and (min-width: 1000px) {

    #grand-header {
        height: 60px;
    }

    #grand-header a {
        width: 132px;
    }

}


/*===============================
	add module
===================================*/

.w-98per {
    width: 98%;
}

.w-95per {
    width: 95%;
}


.mw-1280px {
    max-width: 1280px;
}


.rounded-2px {
    border-radius: 2px;
}

.rounded-3px {
    border-radius: 3px;
}


.rounded-5px {
    border-radius: 5px;
}


.rounded-8px {
    border-radius: 8px;
}







/*=======================
	// font-family
=====================*/

/*
// <weight>: Use a value from 200 to 900
// <uniquifier>: Use a unique and descriptive class name
.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
  */
.noto-serif-jp {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
}


.noto-serif-jp.fw200 {
    font-weight: 200;
    /* border: #f00 thin solid; */
}

.noto-serif-jp.fw300 {
    font-weight: 300;
}

.noto-serif-jp.fw400 {
    font-weight: 400;
}

.noto-serif-jp.fw500 {
    font-weight: 500;
}

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

.noto-serif-jp.fw700 {
    font-weight: 700;
}

.noto-serif-jp.fw800 {
    font-weight: 800;
}


/*

.eb-garamond-<uniquifier> {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/

.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
}

.eb-garamond.fw400 {
    font-weight: 400;
}

.eb-garamond.fw500 {
    font-weight: 500;
}

.eb-garamond.fw600 {
    font-weight: 600;
}

.eb-garamond.fw700 {
    font-weight: 700;
}

.eb-garamond.fw800 {
    font-weight: 800;
}




/*====================================================
	text and bg color
====================================================*/


.text-999 {
    color: #999;
}


.text-red {
    color: #f00;
}

.text-gold {
    color: #be7d28;
}

.text-gold2 {
    color: #dea357;
}

.green {
    color: #89ccac;
}


img.arrow {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}

.text-orange {
    color: #ef3e2b;
}


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




.bg-gold {
    background-color: #b68d3c;
}

/* .bg_gold_2 {
    background-color: #b68d3c;
}

.bg-gold_3 {
    background-color: #cc954e;
} */


.bg-beige {
    /* background-color: #BFAB90; */
    background-color: #f0e9e0;
}

.bg-beige2 {
    background-color: #faf6f2;
}



/* .bg_orange {
    background-color: #ef3e2b;
} */



/*　parts */

.icon {
    /* color: #fff; */
    padding: 1px 15px 0;
    border-radius: 3em;
}


li.indent_gold::before {
    content: '\25CF';
    color: #b68d3c;
}


/*====================================================
	border
====================================================*/

.border-gold {
    border-color: #8b6210;
}

.border-gold_2 {
    border-color: #8b6210;
}


.bb-333-1px {
    border-bottom: #333 thin solid;
}


.bb-666-1px {
    border-bottom: #666 thin solid;
}



.bb-green-1px {
    border-bottom: #89ccac thin solid;
}

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


.header.miyajiHeader {
    display: none;
}


em {
    font-style: normal;
}


.tax {
    width: 95%;
    margin: auto auto 0;
    font-size: 1.2rem;
    text-align: right;
    color: #666;
}

a {
    transition: .2s linear;
}

a:hover {
    opacity: 0.6;
}

a i {
    width: 6px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.spec dt {
    margin-bottom: .5em !important;
    padding: .6em 0 .5em;
    border-bottom: #c1874d thin solid;
    /* line-height: 1.3; */
}

.spec dt .name-kana {
    font-size: 1.4rem;
    font-weight: normal;
}

.spec .period {
    font-size: 1.4rem;
    font-weight: normal;
}

.spec-price-inner dt {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    color: #fff;
    margin-bottom: 0 !important;
    padding: .15em 1em .1em;
    background: #1a738f;
    display: inline-block;
    border-radius: .5em;
}

.spec-price-inner dd {
    margin-left: 1em;
    margin-bottom: 1em;
}

.spec dd s {
    font-size: 1.6rem;
    font-weight: normal !important;
}

.spec dd .red_price {
    color: #c00;
    font-size: 2.0rem;
}

.spec dd.copy {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.read_more li {
    width: 70%;
    margin: auto;
    padding: .2em 0;
    color: #fff;
    background: #3156a1;
    text-align: center;
    border-radius: 2em;
}


@media print,
screen and (min-width: 1024px) {

    .spec dd.copy .txtbox {
        width: 70%;
        margin: auto 5% auto auto;
    }

    .spec dd.copy figure {
        width: 25%;
    }
}


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

    .spec dd.copy .txtbox {
        width: 82.5%;
        margin: auto 2.5% auto auto;
    }

    .spec dd.copy figure {
        width: 15%;
    }
}



@media screen and (max-width: 768px) {
    .spec dd.copy .txtbox {
        width: 70%;
        margin: auto 5% auto auto;
    }

    .spec dd.copy figure {
        width: 25%;
    }
}



/*====================================================
layout
====================================================*/


/* 
#wrap {
    background: url(../img/bg_red.png) repeat;
} */


.lv-02 {
    /* width: 95%;
    margin-left: auto;
    margin-right: auto; */
    /* background-color: #666; */
    /* background-color: #fff; */
    /* background: url(../img/bg_red.png) repeat; */
}

article {
    margin: auto;
    position: relative;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
}

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

    /* .lv-02 {
        width: 90%;
    } */

}


/*========================
 // .category
===========================*/



.category {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}


h2.cat-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #4aa656;
    /* background: linear-gradient(to bottom, #0c861f, #61be6f); */
    text-shadow: 0 1px 6px #016910;
}

h2.cat-title {
    height: 100px;
}


@media screen and (min-width: 1000px) {
    h2.cat-title {
        height: 200px;
    }
}

/*====================================================
	common
====================================================*/


.toSR-TOP .link-lineup a {
    padding: 1em;
    background: #3156a1;
}

/* 
.linkbtn li a {
    padding: 15px 1em;
    color: #fff;
    background: #b68d3c;
    display: block;
    text-align: center;
    border-radius: 3em;
}

.linkbtn.inline li a {
    padding: 5px 30px;
    display: inline-block;
}

.link-selection {
    text-align: center;
    margin: auto auto 3em;
    padding: 2em 1em 2em;
    border-top: #ccc thin dotted;
    border-bottom: #ccc thin dotted;
}

.link-selection p {
    font-size: 1.8rem;
    font-weight: bold;
}

.link-selection a {
    margin: auto;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    padding: .5em 1em;
    border-radius: 2em;
    background: #3156a1;
}

.whitebox.notice {
    text-align: center;
    padding-bottom: 30px;
}

.whitebox.notice p {
    color: #482212;
    font-size: 1.8rem;
} */

@media screen and (min-width: 769px) {
    .link-selection a {
        width: 60%;
    }
}

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

    .toSR-TOP .linkbtn {
        width: 95%;
        margin: 0 auto;
    }

    .linkbtn li a {
        border-radius: 3em;
    }

    .whitebox.notice {
        text-align: center;
        padding-bottom: 0;
    }

    .whitebox.notice p {
        color: #482212;
        font-size: 1.5rem;
    }

}




/*====================================================
	text and bg color
====================================================*/

.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
}

.oswald-700 {
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.red {
    color: #9e0905;
}

.red_02,
.text-f00 {
    color: #f00;
}

.text-000 {
    color: #000;
}

.endtxt {
    color: #f00;
}

.gray {
    color: #999;
}

.light_green {
    color: #a4cec6;
}

.green {
    color: #5faa9c;
}

.dark_green {
    color: #094b00;
}

.gold {
    color: #8b6210;
}


.pink {
    color: #ff4d4d;
}


img.arrow {
    /*    width: 1em;*/
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}



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

.bg_gold {
    background-color: #8b6210;
}

.bg_gold_2 {
    background-color: #b68d3c;
}

.bg_beige {
    /* background-color: #BFAB90; */
    background-color: #f0e9e0;
}



/*　parts */

.icon {
    /* color: #fff; */
    padding: 1px 15px 0;
    border-radius: 3em;
}


li.indent_gold::before {
    content: '\25CF';
    color: #b68d3c;
}


/*====================================================
	border
====================================================*/


.border-gold {
    border-color: #8b6210;
}

.border-gold_2 {
    border-color: #8b6210;
}





/*====================================================
	header
====================================================*/

header {
    font-size: 1.4rem;
    background: #fff;
    /*    border-bottom: #e2e2e2 thin solid;*/
}


header .header-inner {
    position: relative;
}



header .header-inner .link-to-top {
    position: absolute;
    top: 2%;
    right: 0;
}

header .header-inner .link-to-top a {
    font-size: 1.2rem;
    color: #fff;
    background: #c1874d;
    padding: .25em 2em;
    border-radius: 0 0 .5em .5em;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

@media print,
screen and (min-width: 1024px) {
    header .header-inner {
        width: 95%;
        max-width: 1080px;
        margin: auto;
        padding: 1em 0;
    }

    header .logo {
        width: 365px;
    }
}

@media screen and (max-width: 1023px) {
    header .header-inner {
        padding: .5em .5em;
    }

    header .header-inner img.logo {
        width: 60%;
    }

    header .header-inner .link-to-top {
        position: absolute;
        top: .75em;
    }

    header .header-inner .link-to-top {
        width: 35%;
    }

    header .header-inner .link-to-top a {
        font-size: 1.2rem;
        text-align: center;
        margin-right: 1%;
        padding: .25em .5em;
        border-radius: 2em;
        display: block;
    }
}




/*====================================================
article 
====================================================*/

article {
    margin: auto;
    position: relative;
    font-size: 1.4rem;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";

}

article img {
    width: 100%;
}

a.red {
    color: #a20000;
}

a.red:hover {
    color: #f46060;
}

a.line {
    text-decoration: underline;
}

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

.contents {
    background: #fce6eb url(../img/bg_contents.png) repeat top center;
}

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


.page_title h1 {
    color: #fff;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4aa656;
    text-shadow: 0 1px 6px #016910;
    margin-bottom: 5px;
}


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


    .page_title h1 {
        font-size: 50px;
        letter-spacing: 5px;

    }
}

/* 
@media screen and (max-width: 1023px) {
    .pages .contents_texture {
        padding-top: 100px;
    }


    .page_title {
        background: #fff url(../img/top/bg_title_1.png) no-repeat 0 0;
        background-size: 200%;
        padding-top: 70px;
    }


}



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

    .pages .contents_texture {
        padding-top: 120px;
    }

    .page_title h1 {
        font-size: 4.0rem;
    }

    .page_title {
        height: auto;
        padding-bottom: 5px;
    }

}


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


    .page_title {
        padding-top: 30px;
    }


    .pages .contents_texture {
        padding: 50px 0;
    }

} */



/*====================================================
	//ID .category
====================================================*/

.category {
    margin-bottom: 3em;
    padding-bottom: 1em;
    background: #fff;
    overflow: hidden;
}

.category-lead {
    width: 80%;
    color: #666;
    margin: auto auto 3em;
    text-align: center;
}

.category-lead p {
    font-size: 1.6rem;
    line-height: 1.8;
}

.category p.item-notice {
    font-size: 1.3rem;
    width: 95%;
    margin: auto;
}

/* 
.category h2 {
    height: 150px;
    color: #fff;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    background: #274604 url(../img/bg_headding_green.png) repeat 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.category h2 small {
    font-size: 26px;
    display: block;
}

/* .category h2 .bg_h2 {
    width: 98%;
    margin: auto;
    padding: 1em 0 1em;
    background-size: contain;
    display: block;
} */

/* .category h2 .bg_h2.line1 {
    padding: 1.25em 0;
}

.category h2 .bg_h2.line2 {
    padding: 30px 0;
} */


.category .leadtxt p {
    width: 90%;
    margin: auto auto;
    padding: 1em 0;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
}

.link-lineup li {
    width: 80%;
    text-align: center;
    margin: auto auto 4em;
}

.link-lineup a {
    color: #fff;
    font-size: 1.6rem;
    background: #3d62ac;
    padding: .5em 1.5em;
    border-radius: 2em;
    display: block;
}

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







@media screen and (max-width: 900px) {
    .category h2 {
        font-size: 2.6rem;
        margin-bottom: .75em;
    }

    .category h2 .break1 {
        margin-left: 0;
        display: block;
    }

    .category-lead {
        width: 100%;
    }

    .category-lead p {
        font-size: 1.5rem;
        line-height: 1.8;
        margin-bottom: 2em;
    }
}



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

    /* .category h2 {
        font-size: 2.4rem;
        margin-bottom: .75em;
    } */

    .category .leadtxt p {
        width: 90%;
        margin: auto auto 0;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }


    /* .category h2 small {
        font-size: 1.8rem;
    } */







    .link-lineup li {
        margin: auto auto 1em;
    }

    .category-lead {
        width: 90%;
        margin: auto;
    }
}




@media screen and (max-width: 320px) {
    .category .leadtxt {
        font-size: 1.4rem;
    }

}

/*====================================================
	headding
====================================================*/


.gold_border {
    color: #8b6210;
    border: #b68d3c thin solid;
    border-left: none;
    border-right: none;
}


/*
.category h3:not(span) {
    margin: auto auto .75em;
    padding: .5em 0 .5em;
    font-size: 4.0rem;
    font-weight: normal;
    text-align: center;
}
*/


/* @media screen and (max-width: 768px) {
    .category h3 {
        font-size: 2.6rem !important;
        margin: 0 auto .75em;
    }
} */



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

#special h2 {
    color: #a13e92;
}

#special h3 {
    color: #a13e92;
    border-top: #deacd7 thin solid;
    border-bottom: #deacd7 thin solid;
    padding: .5em 0;
}

@media print,
screen and (min-width: 769px) {
    #special h3 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}





/*====================================================
	.tax-container
====================================================*/

.tax-container {
    width: 90%;
    max-width: 1260px;
    margin: 30px auto 30px;
    font-size: 1.3rem;
}

.tax-container li {
    margin-bottom: .25em;
}

p.tax {
    margin-bottom: 0;
}


/*====================================================
	.apology
====================================================*/

.apology {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.apology dl {
    color: #666;
    font-size: 1.3rem;

}

.apology dt {
    font-weight: bold;
    margin-bottom: 5px;
}


.apology dt::before {
    content: '\25C6';
    /*◆*/
    color: #b68d3c;
    margin-right: 3px;
}






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

#map_wrap_outer {
    background: #fff;
}

#map_wrap {
    background: #fff;
}

#map_wrap h4 {
    color: #fff;
    background: #cc1922;
    font-size: 1.6rem;
    margin-bottom: 0.5em;
    padding: 1em;
    border: none;
    text-align: center;
}

#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 {
    padding: 0 1em;
    font-size: 1.3rem;
    font-weight: bold;
    background: #fff;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    border-radius: 0.2em;
    border: #ccc 1px solid;
    border-left: #cc1922 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: #cc1922 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: #cc1922;
    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;
    }

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

}


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

#sns_sharebox_outer {
    width: 95%;
    margin: auto;
}

#sns_sharebox {
    font-size: 1.4rem;
    text-align: right;
    /**/
    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;
        padding: 5em 0;
    }

    /* pc end */
}

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



@media screen and (max-width: 320px) {
    #sns_sharebox {
        font-size: 1.3rem;
    }
}


/*=============================
	sns_iconbox
===============================*/


.sns_iconbox {
    text-align: left;
    font-size: 14px;
    padding-top: 60px;
}




.sns_iconbox ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sns_iconbox li {
    width: 40px;
    margin: 0 10px;
}

/* .sns_iconbox li:nth-child(3) {
        width: 100px;
    } */

.sns_iconbox li img {
    width: 100%;
    vertical-align: bottom;
}


.sns_iconbox p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


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

    .sns_iconbox {
        width: 95%;
        max-width: 1260px;
        margin: auto auto 60px;
        padding-top: 120px;
        text-align: center;
        font-size: 1.5rem;
    }



}




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

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

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


/*====================================================
	.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: 0;
        z-index: 500;
    }

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

    /* mobile end */
}






/*====================================================
	copyright
=====================================================*/

@media screen and (max-width: 768px) {
    #copyright {
        width: 95%;
        margin-top: 0.5em;
        margin-left: auto;
        margin-right: auto;
    }

    /* mobile */
}

@media print,
screen and (max-width: 1080px) {
    #copyright {
        padding: 0 1em 5em 0;
    }

    /* pc end */
}

@media print,
screen and (min-width: 769px) {
    #copyright {
        max-width: 1080px;
        margin: 0 auto;
    }

    /* pc end */
}