@charset "UTF-8";

/* 共用スタイル */
body > .page-header{height:140px;display:flex;justify-content:flex-start;align-items:center;flex-flow:column;margin-bottom:60px;background-color:white;}
body > .page-header > .h1{font-size:18px;font-weight:normal;line-height:1;margin-top:24px;}

main .main-inner img{max-width:100%;height:auto;}

#BODY_SECTION{display:flex;flex-flow:row;justify-content:space-between;font-size:15px;word-break:normal;}
#BODY_SECTION article{width:670px;}
#BODY_SECTION article .date{font-size:14px;}
#BODY_SECTION article h1{font-size:213%;line-height:1.3;margin-bottom:1.3em;}
#BODY_SECTION article h2{font-size:200%;line-height:1.3;margin-bottom:1em;}
#BODY_SECTION article h3{font-size:150%;line-height:1.3;margin-bottom:1em;}
#BODY_SECTION article h4{font-size:125%;line-height:1.3;margin-bottom:0.5em;}
#BODY_SECTION article h5{font-size:110%;line-height:1.3;margin-bottom:0.5em;}
#BODY_SECTION article h6{font-size:100%;line-height:1.3;margin-bottom:0.5em;}
#BODY_SECTION article p{margin-bottom:1em;}
#BODY_SECTION article em{font-style:italic;}
#BODY_SECTION article ol,
#BODY_SECTION article ul {margin-top:0;margin-bottom:1em;padding-left:2em;}
#BODY_SECTION article ul li{list-style:disc;}
#BODY_SECTION article ul li ul li{list-style:circle;}
#BODY_SECTION article ol li{list-style:decimal;}
#BODY_SECTION article .wp-block-image{font-size:0;}
#BODY_SECTION article .wp-block-image figcaption{font-size:1rem;text-align:left;}
#BODY_SECTION article .wp-block-image .aligncenter{text-align:center;}
#BODY_SECTION article .wp-block-image .aligncenter figcaption{text-align:center;}
#BODY_SECTION article .wp-block-image .alignright{text-align:right;}
#BODY_SECTION article .wp-block-image .alignright figcaption{text-align:right;}
#BODY_SECTION article .wp-block-image .alignleft{text-align:left;}
#BODY_SECTION article .wp-block-image .alignleft figcaption{text-align:left;}

#BODY_SECTION article figure.wp-block-table table {width:90%;margin:1em auto;border:1px solid #888;}
#BODY_SECTION article figure.wp-block-table table td,
#BODY_SECTION article figure.wp-block-table table th{padding:0.5em;border:1px solid #888;}
#BODY_SECTION article figure.wp-block-table figcaption{width:90%;margin:-0.5em auto 1em auto;}

#BODY_SECTION article figure.wp-block-embed-twitter{margin-left:30px;margin-bottom:1em;}
#BODY_SECTION article figure.wp-block-embed-youtube{margin-left:30px;margin-bottom:1em;}

#BODY_SECTION article blockquote{position:relative;padding:1em;margin-bottom:1em;box-sizing:border-box;font-style:italic;background:#efefef;color:#444;border-left:3px solid #888;}
#BODY_SECTION article blockquote p{padding:0;margin:10px 0;line-height:1.7;}
#BODY_SECTION article blockquote cite{display:block;text-align:right;color:#888888;font-size:0.9em;}

#BODY_SECTION article .gmap{width:100%;}
#BODY_SECTION article .gmap iframe{width:100%;}


#BODY_SECTION article .wp-block-group.box-gray{padding:45px 25px;border:4px solid #eee;border-radius:8px;}
#BODY_SECTION article .wp-block-group.box-gray *{line-height:1.8;}
#BODY_SECTION article .wp-block-group.box-gray h2{font-size:107%;line-height:1.6;margin-bottom:0.5em;}
#BODY_SECTION article .wp-block-group.box-gray h3{font-size:100%;line-height:1.6;margin-bottom:0.5em;}
#BODY_SECTION article .wp-block-group.box-gray h4{font-size:100%;line-height:1.6;margin-bottom:0.5em;}

#BODY_SECTION article .pager{display:flex;flex-flow:row;justify-content:space-between;margin-top:60px;padding:1em 0 1.6em 0;border-top:2px solid #eee;border-bottom:2px solid #eee;}
#BODY_SECTION article .pager > div{position:relative;width:220px;font-size:14px;}
#BODY_SECTION article .pager .prev .arrow{position:absolute;top:0;bottom:0;left:5px;width:20px;height:20px;margin:auto 0;border-left:4px solid #ccc;border-bottom:4px solid #ccc;transform:rotate(45deg);font-size:0;}
#BODY_SECTION article .pager .next .arrow{position:absolute;top:0;bottom:0;right:5px;width:20px;height:20px;margin:auto 0;border-right:4px solid #ccc;border-top:4px solid #ccc;transform:rotate(45deg);font-size:0;}
#BODY_SECTION article .pager > div dl{width:190px;}
#BODY_SECTION article .pager .prev dl{margin-left:30px;}
#BODY_SECTION article .pager .next dl{margin-right:30px;}
#BODY_SECTION article .pager > div dl dt{font-weight:bold;text-align:center;}
#BODY_SECTION article .pager > div dl dd a{display:block;text-decoration:none;color:#222;line-height:1.6;}

#BODY_SECTION aside{width:250px;box-sizing:border-box;}
#BODY_SECTION aside .aside-box{padding:27px 17px;border:4px solid #eeeeee;}
#BODY_SECTION aside .aside-box h3{margin-bottom:1.5em;font-size:16px;line-height:1;text-align:center;}
#BODY_SECTION aside .aside-box dl{margin-top:1em;font-size:14px;line-height:1.6;}
#BODY_SECTION aside .aside-box dl *{line-height:1.6;}
#BODY_SECTION aside .aside-box dt{font-weight:bold;}
#BODY_SECTION aside .aside-box dd a{display:block;text-decoration:none;color:#222;}

#BODY_SECTION .snsshare{display:flex;margin:2rem 0;height:28px;}
#BODY_SECTION .snsshare .tw{margin-left:3px;font-size:0;}
#BODY_SECTION .snsshare .fb{font-size:0;}

@media (max-width:750px) {
    body > .page-header{height:30.6666vw;margin-bottom:8vw;}
    body > .page-header > .h1{font-size:4vw;margin-top:4vw;}

    main .main-inner{margin:8vw 4vw 12.4vw 4vw;width:calc(100% - 8vw)}
    #BODY_SECTION{display:block;padding-bottom:11.6vw;font-size:4vw;}
    #BODY_SECTION article{width:100%;font-size:4vw;}
    #BODY_SECTION article *{line-height:1.6;}
    #BODY_SECTION article .date{font-size:4vw;}
    #BODY_SECTION article h1{font-size:133%;line-height:1.6;margin-top:-1vw;margin-bottom:1.5em;}
    #BODY_SECTION article h2{font-size:133%;line-height:1.3;margin-bottom:1em;}
    #BODY_SECTION article h3{font-size:110%;line-height:1.3;margin-bottom:1em;}
    #BODY_SECTION article h4{font-size:100%;line-height:1.3;margin-bottom:0.5em;}
    #BODY_SECTION article h5{font-size:100%;line-height:1.3;margin-bottom:0.5em;}
    #BODY_SECTION article h6{font-size:100%;line-height:1.3;margin-bottom:0.5em;}

    #BODY_SECTION article .wp-block-image figcaption{font-size:3vw;text-align:left;}

    #BODY_SECTION article figure.wp-block-embed-twitter{margin-left:0;}
    #BODY_SECTION article figure.wp-block-embed-twitter .twitter-tweet{margin-left:auto;margin-right:auto;}
    
    #BODY_SECTION article figure.wp-block-embed-youtube{margin-left:0;}
    #BODY_SECTION article figure.wp-block-embed-youtube .wp-block-embed__wrapper{position:relative;width:100%;padding-top:56.25%;}
    #BODY_SECTION article figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}

    #BODY_SECTION article .wp-block-group.box-gray{padding:6vw 4.6666vw;border:1vw solid #eee;border-radius:2vw;font-size:3.4666vw;}
    #BODY_SECTION article .wp-block-group.box-gray *{line-height:1.5;}
    #BODY_SECTION article .wp-block-group.box-gray h2{font-size:100%;line-height:1.6;margin-bottom:0.5em;}
    #BODY_SECTION article .wp-block-group.box-gray h3{font-size:100%;line-height:1.6;margin-bottom:0.5;}
    #BODY_SECTION article .wp-block-group.box-gray h4{font-size:100%;line-height:1.6;margin-bottom:0.5;}

    #BODY_SECTION article .pager{margin-top:13vw;margin-bottom:13vw;padding:1em 0 1em 0;border-top:0.6666vw solid #eee;border-bottom:0.6666vw solid #eee;}
    #BODY_SECTION article .pager > div{position:relative;width:37vw;font-size:3.2vw;}
    #BODY_SECTION article .pager .prev .arrow{left:0.6666vw;width:2.4vw;height:2.4vw;border-left:0.4666vw solid #ccc;border-bottom:0.4666vw solid #ccc;}
    #BODY_SECTION article .pager .next .arrow{right:0.6666vw;width:2.4vw;height:2.4vw;border-right:0.4666vw solid #ccc;border-top:0.4666vw solid #ccc;}
    #BODY_SECTION article .pager > div dl{width:33vw;}
    #BODY_SECTION article .pager .prev dl{margin-left:4vw;}
    #BODY_SECTION article .pager .next dl{margin-right:4vw;}
    #BODY_SECTION article .pager > div dl dt{font-size:4vw;}
    

    #BODY_SECTION aside{width:100%;}
    #BODY_SECTION aside .aside-box{padding:6.6666vw 4vw;border:1.0666vw solid #eeeeee;}
    #BODY_SECTION aside .aside-box h3{font-size:5.3333vw;}
    #BODY_SECTION aside .aside-box dl{font-size:3.2vw;}
}