@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* -----------------------------------------------------------------------------

  Reset css

----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;

}
a {
  text-decoration:none;
}
section, article, aside, hgroup, header, footer, nav, dialog, figure, figcaption {
  display: block;
}
html {
  font-size: 62.5%;
}
#contents_block {
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus { /* remember to define focus styles! */
  outline: 0;
}
ins { /* remember to highlight inserts somehow! */
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table { /* markup tables with 'cellspacing="0"' */
  border-collapse: collapse;
  border-spacing: 0;
}


/* Clearfix */
/*.clr:after {
  content : '';
  display : block;
  clear : both;
  height:0;
}*/
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");

#contents_block .contents * {
    
}

@media print,
screen and (min-width: 641px) {
    #contents_block {
        color: #333;
        font-size: 14px;
        line-height: 1.5;
        position: relative;
        overflow: hidden;
    }

    #contents_block .sp {
        display: none !important
    }

    #contents_block .contents .inner {
        max-width: 980px;
        margin: 0 auto
    }
}

@media print,
screen and (min-width: 641px) and (max-width: 980px) {
    #contents_block .contents .inner {
        padding: 0 20px
    }
}

@media print,
screen and (min-width: 641px) {
    #contents_block .contents .inner a {
        line-height: 1
    }
}


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

/*    #contents_block #pagetop {
        font-size: 0;
        cursor: pointer;
        padding: 20px 0;
        background: url(../img/img_pagetop.png) no-repeat center;
        background-size: 67px;
        transition: 0.2s;
        -webkit-transition: 0.2s
    }

    #contents_block #pagetop:hover {
        background: url(../img/img_pagetop_o.png) no-repeat center;
        background-size: 67px
    }*/
}

@media screen and (max-width: 640px) {
    #contents_block {
        margin: 0 auto;
        color: #333;
        font-size: 1.2rem;
        line-height: 1.5;
        position: relative;
        overflow: hidden
    }

    #contents_block .pc {
        display: none !important
    }

    

    #contents_block .contents .inner {
        padding: 0 15px
    }
/*    #contents_block #pagetop {
        font-size: 0;
        padding: 20px 0;
        background: url(../img/img_pagetop.png) no-repeat center #fff;
        background-size: 22%
    }*/
}

#contents_block #shareArea {
    background: #faf6ea
}

#contents_block #shareArea .inner {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea .inner {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 6.66667vw 0 4vw
    }
}

#contents_block #shareArea .logo {
    margin-right: 11.63265%
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea .logo {
        width: 68.53333vw;
        margin: 0 auto
    }
}

#contents_block #shareArea dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea dl {
        margin-top: 3.33333vw
    }
}

#contents_block #shareArea dl dt {
    font-family: 'Montserrat', sans-serif;
    color: #eb0913;
    font-size: 15px;
    margin-right: 20px;
    font-weight: 600
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea dl dt {
        font-size: 1.15rem;
        font-size: 3.06667vw;
        margin-right: 4vw
    }
}

#contents_block #shareArea dl dd {
    width: 52px
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea dl dd {
        width: 10.66667vw
    }
}

#contents_block #shareArea dl dd+dd {
    margin-left: 15px
}

@media screen and (max-width: 640px) {
    #contents_block #shareArea dl dd+dd {
        margin-left: 4vw
    }
}

#contents_block #shareArea dl dd img {
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media print,
screen and (min-width: 641px) {
    #contents_block #shareArea dl dd a:hover img {
        opacity: 0.8
    }
}

/*# sourceMappingURL=common.css.map */