html {
    scroll-behavior: smooth;
}

body {
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
    padding-top: 100px;
    margin: 0;
}

.container {background:hsla(0,0%,100%,0.9);}


div#global-navi {
    position: fixed;
    width: 100%;
    z-index: 100;
    padding: 0;
    margin: 0;
    top: 0;
}

a {
    text-decoration: none;
}

.navbar-nav {
    width: 100%;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(255,255,255,.6); }
.bg-light { background-color: #20c997 !important; }
.navbar-toggler { padding: 0; }

a.navbar-brand {
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
    background: #ff6c2f;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin-left: 10px;
    color: #FFF !important;
}


ul.navbar-nav > li { padding-right: .5rem; }

h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 10px;
}


@media (min-width: 992px) {
    ul.navbar-nav > li.nav-item:last-child {
        margin-right: 5px;
    }

    ul.navbar-nav > li.nav-item:nth-last-child(1) {
        margin-left: auto;
    }

    ul.navbar-nav > li:nth-last-child(1) {
        padding-right: 0;
    }

    ul.navbar-nav > li:last-child a,
    ul.navbar-nav > li:nth-last-child(1) a{
        background: #FFF;
        color: #000 !important;
        font-weight: bold;
        padding: 5px;
    }

    ul.navbar-nav > li:last-child a {
        border-radius: 6px;
        margin: 3px 0 0 0;
    }
    ul.navbar-nav > li:nth-last-child(1) a{
        border-radius: 6px;
        margin: 3px 1px 0 0;
    }
}

a.nav-link {
    font-size: .9rem;
}


.lead {
    font-size: 1.6rem;
    padding: 10px 0 5px 0;
    /*border-bottom: 5px solid #20c997;*/
    margin-bottom: 20px;

    font-feature-settings: 'kern' 1;
    text-rendering: optimizeLegibility;
    background: #ff9c07;
}

.lead small {
    font-size: 80%;
}


.catch {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 30px;
    font-style: italic;
    letter-spacing: 0.2rem;
    transform: skew(0deg, -2deg);
    font-size: clamp(17px, 2.15vw, 23px);
    margin-top: -30px;

/*    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;*/
text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96846px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
}


.jumbotron___epg {
    background: #FFF;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    box-shadow: 1px 2px 4px #999;
}

.jumbotron___epg .note {
    font-size: .75rem;
}


.message {
    border-bottom: 5px solid #20c997;
    padding-bottom: 15px;
}

.message p {
    font-family: "Shin Maru Go Ultra";
    text-align: center;
    line-height: 1.25;
    margin-bottom: 30px;
    font-style: italic;

    background-image: linear-gradient(355deg, rgb(11 139 241), rgb(4 255 4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(1rem, 0.636rem + 1.82vw, 3.5rem);

}

.main-title {
    font-family: A1 Gothic M;
    font-size: 1rem;
    text-align: center;
}


.mVisual {
    background: url(../site-images/sunny_mvisual_bg.jpg) no-repeat center bottom;
    background-size: 100%;
    padding: 0;
    margin: 25px 0 0 0;
    position: relative;
}

#jumbotron h1 {
/*
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
*/
}

#jumbotron h1 a img {
    width: 100%;
    height: 100%;
}

.jumbotron___kbslogo {
    padding: 10px;
}


/* 575pxまで */

@media (max-width: 575px) {
/*
    #jumbotron h1 {width: 220px; top: 78%; left: 32%;}
*/

    #jumbotron h1 {
        min-height: 230px;
    width: 80%;
    margin: 10px auto 30px auto;
    }

    .mVisual {
        /*min-height: 70vw;*/
/*
        background-size: cover;
        background-position-x: calc(100% - 10%);
*/
        background-position: top center;
        background-size: cover;
        margin: 0;
    }

    .lead { font-size: 1.2rem; }
    p { font-size: .9rem; }
}

/* 576px以上 */

@media (min-width: 576px) {
/*
    #jumbotron h1 {width: 250px; top: 50%; left: 30%;}
    .mVisual { aspect-ratio: 4 / 1.4; min-height: 190px;}
*/

    #jumbotron h1 {
        min-height: 280px;
    width: 380px;
    margin: 0 auto;
    }
    .lead {font-size: 1.6rem;}
    .mVisual {
        background-position: top center;
        background-size: cover;
        margin: 0;
    }

    .mContents .entry dl dd {
        padding: 10px;
        margin: 0 0 15px 7rem !important;
        font-size: .8rem;
    }

    .lead {font-size: 1.4rem;}
    .mContents .entry dl dt { width: 6rem !important; }
    .sContents h2, .mContents h2 { font-size: 1.2rem !important; }
}

/* 768px以上 */

@media (min-width: 768px) {

    #jumbotron h1 {min-height: 300px;
    width: 450px;
    margin: 0 auto;}



    .mVisual {
        background-position: cover;
        background-size: cover;
    }
}

/* 992px以上 */

@media (min-width: 992px) {

    #jumbotron h1 {min-height: 400px;
    width: 550px;
    margin: 0 auto;}
    .lead {font-size: 2rem;}
    .mVisual {
        min-height: 335px;
        background-position: center bottom;
    }

}

/* 1200px以上 */

@media (min-width: 1200px) {
/*
    #jumbotron h1 {width: 500px; top: 50%; left: 30%;}
*/
    .mVisual {min-height: 400px;}

}

/* 1400px以上 */

@media (min-width: 1400px) {
/*
    #jumbotron h1 {width: 600px; top: 50%; left: 50%;}
    .mVisual {min-height: 462px;}
*/
}


/* カルーセル */




.swiper {
    width: 100%;
    padding-bottom: 10px !important;
}

.swiper-wrapper { align-items: stretch!important; }
/*.swiper-slide { height: auto !important; }*/


.slide01 .swiper-slide div {
    margin: 0;
    border-radius: 6px;
    background-color: #0d6efd;
    color: #FFF;
    box-shadow: 2px 2px 4px #FFF;
    padding: 0 45px;
}
.swiper-slide div { height: 100% !important; }


.slide___media {
    padding-top: 58%;
    border-radius: 4px;
}

.slide___media {
    position: relative;
    overflow: hidden;
}

.slide___media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slide .onair-time {
    font-size: .8rem;
    margin: 5px 0 0 0;
    padding: 0;
    color: #ff5722;
}

.slide___list-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 4px;
/*
    background: #e5e5e5;
*/
    display: table;
}

.slide___list-link p {
    line-height: 1.2;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
}

a .slide___list-link {
    color: #333;
}


.slide01 .swiper-slide {
    height: initial;
}


div[class*="slide"] a {
    position:relative;
    z-index:1;
    transition:transform 0.3s;
}
 
div[class*="slide"] a:hover {
    transform:translate(0, -15px);
}


div[class*="slide"] .swiper-button-next,
div[class*="slide"] .swiper-button-prev {
    background: rgba(0,0,0,0.2);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    content: "";
}

div[class*="slide"] .swiper-button-next::after,
div[class*="slide"] .swiper-button-prev::after {
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
}

div[class*="slide"] .swiper-button-next::after {margin-left: 3px;}
div[class*="slide"] .swiper-button-prev::after {margin-right: 3px;}

div[class*="slide"] .swiper-button-next:hover,
div[class*="slide"] .swiper-button-prev:hover {
    background-color: #000;
    transition: .4s;
}



[class*="swiper"]:focus {
  outline: none;
}

.slide___title {
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
    color: #333;
}

div[class*="pStyle"] ul {
    margin: 0;
    padding: 10px;
}

div[class*="pStyle"] ul li {
    font-size: .9rem;
    margin: 0 0 0.2rem 15px;
    font-weight: 450;
    letter-spacing: -.04rem;
}

div[class*="pStyle"] ul li:last-child {
    list-style: none;
    margin: .5rem 0 0 0!important;
    font-size: 80% !important;
    border-top: 1px dotted;
    padding: .5rem 0 0 0;
}

div[class*="pStyle"] .plus-date {
    font-family: Shin Go Bold;
    text-align: center;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0;
}

div[class*="pStyle"] .plus-date small {
    font-size: 70%;
}

div[class*="pStyle"] .plus-more {
    padding: 10px;
    font-size: 1.4rem;
    border-top: 1px solid #ccc;
}

div[class*="pStyle"] .plus-more .h5 {
    padding: 0;
    margin: 0 0 0.2em 0;
    font-weight: 600;
}

div[class*="pStyle"] .plus-more:first-line {

}






/* footer */
#footer {
  background-color: #eee;
}
#banner-footer-nav, #banner-footer-license {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  #banner-footer-nav .navbar-nav>li>a {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  #banner-footer-nav {
    margin-bottom: 0;
  }
}



/* add */

.navbar {
    padding: 0;
    z-index: 100;
}

.navbar > .container, #footer, #footer > .container {
	background: transparent;
    background-color: transparent;
}

.navbar___header {
  padding: 8px 8px 3px 8px;
  margin: 0;
}


@media (max-width: 991px) {
    ul.navbar-nav > li {
        padding: .2rem .5rem;
        /* background: #3f51b5; */
        border-bottom: 1px solid #000;
    }
    .navbar-nav {
        width: 100%;
        background: #FFF;
    }

    a.nav-link {
        color: #000 !important;
        font-weight: 600;
        text-shadow: 1px 1px 3px #fff;
    }
}


@media (min-width: 992px) {
    ul.navbar-nav > li {
        padding: .5rem .1rem;
    }
}

/*
a.navbar-brand {
    font-size: .7rem;
    font-weight: 600;
    color: #FFF !important;
    padding: 0 .5rem;
}
*/









/* Entry Gallery */

.gallery ul {
    padding: 0px;
    margin: 0px;
}

.gallery ul li {
    list-style: outside none none;
    display: inline-block;
    padding: 0;
    margin: 2px;
}

/* Add */


.personality img {
    border-radius: 6px;
    border: 3px solid #795548;
    padding: 5px;
    display: block;
    width: 180px;
    margin: 10px auto 8px auto;


}

.personality h3 {
    display: block;
    padding: 10px 5px 0 10px;
    width: auto;
    color: #795548;
    text-align: center;
    font-family: A1 Gothic M;
    font-size: 1rem;
}






.s_entry img, .b_entry img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

a.entry_tmb img {
    transform: rotate(-2deg);
}

.p_footer {
    font-size: 1rem;
    padding: 5px 0 5px 0;
    border-top: 5px solid #20c997;
    margin: 50px 0 20px 0;
}

.p_footer p {
    font-size: .9rem;
}

img.noimg {
    box-shadow: none;
    border: none;
}

ul.sns {
    padding: 0;
    margin: 0;
    display: flex;
}

ul.sns li {
    list-style: none;
    padding: 0 15px 0 0;
}

ul.sns li:nth-child(3) {
    margin-top: -1px;
}

/* entry nav */

nav.entry-navigation {
    margin-top: 3rem;
    border-top: 1px dotted #999;
    padding-top: 1rem;
}

ul.entry-navigation-list {
    padding: 0;
    margin: 0;
    display: flex;
}

ul.entry-navigation-list li {
    list-style: none;
    width: 50%;
    margin: 0;
    padding: 0;
}

ul.entry-navigation-list li.entry-navigation-prev {
    font-size: 1rem;
    text-align: left;

}

ul.entry-navigation-list li.entry-navigation-prev i {
    font-size: 2rem;
    margin-right: .6rem;
    float: left;
}

ul.entry-navigation-list li.entry-navigation-next {
    font-size: 1rem;
    text-align: right;

}

ul.entry-navigation-list li.entry-navigation-next i {
    font-size: 2rem;
    margin-left: .6rem;
    float: right;
}

ul.entry-navigation-list li p {
    display: inline-table;
    width: 86%;
    margin-top: .3rem;
}

@media (max-width: 767px) {
    ul.entry-navigation-list { display: block; }
    ul.entry-navigation-list li { width: 100%; }
}

footer.page-navigation {
    text-align: center;
}

footer.page-navigation nav {
    display: flex;
    justify-content: center;
}


.page-navigation span,
.page-navigation div a {
    text-decoration: none;
    display: flex;
    aspect-ratio: 1/1;
    align-items: center;
    font-weight: 600;
    font-size: 1.2vw;
    width: 2.5vw;
    justify-content: center;
    margin-left: 1px;
}

.page-navigation span {
    background: #919191;
    color: #FFF;
}

.page-navigation div a {
    background: #000;
    color: #FFF;
}

@media (max-width: 575px) {
    .page-navigation span,
    .page-navigation div a {
        width: 6vw;
        font-size: 3vw;
    }
}

/* page-top */

#page-top {
    position: fixed;
    right: 1.5rem;
    bottom: 1rem;
    font-size: 1.2rem;
    line-height: 1;
    background: #000000;
    color: #ffffff;
    border: solid 3px;
    border-radius: 50%;
    z-index: 1000;
    box-shadow: 2px 2px 5px #000;
    width: 3rem;
    height: 3rem;
    text-align: center;
    padding-top: .6rem;
}


/* メニュー開閉 */

.openbtn4{
  position: relative;
  background:#D54884;
  cursor: pointer;
    width: 40px;
    height:40px;
  border-radius: 5px;
}

.openbtn4 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 12px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    width: 45%;
}

.openbtn4 span:nth-of-type(1) {top:8px;} 
.openbtn4 span:nth-of-type(2) {top:14px;}
.openbtn4 span:nth-of-type(3) {top:20px;}

.openbtn4 span:nth-of-type(3)::after {
    content:"Menu";
    position: absolute;
    top:5px;
    left:-6px;
    color: #fff;
    font-size: 0.6rem;
    text-transform: uppercase;
}

.openbtn4.active span:nth-of-type(1) {
    top: 8px;
    left: 15px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn4.active span:nth-of-type(2) {opacity: 0;}

.openbtn4.active span:nth-of-type(3){
    top: 20px;
    left: 15px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.openbtn4.active span:nth-of-type(3)::after {
    content:"Close";
    transform: translateY(0) rotate(-45deg);
    top: 5px;
    left: -1px;
}


/* ぱんくずリスト */

nav.nav___bcl {
    overflow-x: scroll;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #dee2e6;
}

nav.nav___bcl::-webkit-scrollbar {
 display:none;
}

.nav___bcl span {
    background: #ffb117;
    transform: skew(20deg, 0deg);
    margin: 0 0 0 1.5px;
    display: inline-flex;
    color: #000;
}

.nav___bcl span a {
    font-size: .7rem;
    transform: skew(-20deg, 0deg);
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    display: inline-block;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.nav___bcl span:hover {
    background: #dc3545;
    transform: skew(20deg, 0deg);
}

.nav___bcl > span:first-child {
    margin-left: -1rem;
    padding-left: .8rem !important;
}

@media (max-width: 767px) {
    .dropdown-item {
        font-size: .9rem;
        font-weight: 600;
    }
}

/* 記事一覧 */

.article___list {

}

.article___list h1 {
	font-family: A1 Gothic M;
    font-size: 1.4rem;
    font-feature-settings: 'kern' 1; 
    text-rendering: optimizeLegibility; 
}

.article___list-item {
    border-bottom: 1px solid #bbb;
    margin-bottom: 1rem;
}



.article___list-item h2 {
	font-family: A1 Gothic M;
    font-size: 1.2rem;
    font-feature-settings: 'kern' 1; 
    text-rendering: optimizeLegibility;
    margin-bottom: .25rem;
}

.article___list-item a {
    text-decoration: none;
    padding: .5rem;
    margin: 0;
}

.article___list-item a img {
    display: block;
    transform: scale(1);
    transition-duration: 0.5s;
}

.article___list-item a:hover img {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.article___list-item a:hover,
.article___list-item a:focus{
/*    background: #e9ecef;*/
    color: #000;
}


.article___list-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0;
    color: inherit;
}

.article___list-media {
    flex-basis: 30%;
}

@media (max-width: 575px) {
    .article___list-media {flex-basis: 30%;}
}

.article___list-content {
    flex-basis: 70%;
    position: relative;
    margin: 0 0 0 25px;
}


time.entry___time {font-size: .8rem; margin-bottom: .2rem; display: block;}
.article___list-content header {line-height: 1;}
.article___list-content p {font-size: .85rem;}

.article___list-item footer {
    margin: -5vh 0 0 0;
    text-align: right;
    padding-bottom: 15px;
}

a.tag___cat {
    background: #cdcdcd;
    color: #323232;
    font-size: .75rem;
    padding: .2rem .8rem;
    border-radius: 1rem;
    position: relative;
    font-weight: 600;
    letter-spacing: .05rem;
    text-decoration: none;
}

a.tag___cat:hover {
    background: #eee;
}

@media (max-width: 575px) {
    .article___list-content {flex-basis: 70%;}
    .article___list-content time {font-size: .70rem;}
    .article___list-content h2 {font-size: .85rem;}
    .article___list-content p {font-size: .75rem;}
    .article___list-item footer a {font-size: .75rem;}
}



figure {
  overflow: hidden;
  aspect-ratio: 5/3;
}
figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* SNS */

.navbar___header-sns {
    width: 45%;
}

.navbar___footer-sns {
    width: 100%;
    margin: 0 0 1.5rem 0;
}

.navbar___header-sns-inner,
.navbar___footer-sns-inner {
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.navbar___header-sns li,
.navbar___footer-sns li {
    list-style: none;
    width: 100%;
    display: block;
}

.navbar___footer-sns a.fb {background: #4267B2;}
.navbar___footer-sns a.tw {background: #1DA1F2;}
.navbar___footer-sns a.li {background: #13bf00;}

.navbar___header-sns li a,
.navbar___footer-sns li a {
    color: #FFF;
    font-size: 1.5rem;
    list-style: none;
    text-align: center;
    display: block;
}


#twitter, #fb {
    margin: 0 10px 50px 10px;
    border: 3px solid #999;
    padding: 1rem;
    min-height: 750px;
}


/* 記事 */

.content___body header {
    border: 1px solid #4c4c4c;
    padding: 1rem;
    margin-bottom: 2rem;
}


.content___body h1 {
	font-family: A1 Gothic M;
    font-size: 1.4rem;
    font-feature-settings: 'kern' 1; 
    text-rendering: optimizeLegibility;
}

.content___body footer div a {
    margin: 0 4px;
    padding: .6rem;
    color: #0a58ca;
    font-size: .75rem;
    text-decoration: none;
    display: block;
    border: 1px solid #0a58ca;
    border-radius: 6px;
    font-weight: 600;
    box-shadow: 1px 1px 3px #858585;
}

.content___body img{
  width: 100%;
  height: auto;
}

/* Torimochi */

#torimochi-widget {
    font-family: initial !important;
}


/* フキダシ */

.fukidashi-t02-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border-top: solid 3px #555;
  box-sizing: border-box;
}

.fukidashi-t02-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.fukidashi-t02-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.fukidashi-t02-top p {
    margin: 0;
    padding: 0;
    line-height: 1.7;
    text-align: justify;
}

/*  */

header h4 {
    font-family: GSanSerif-B;
    color: #333;
    font-weight: 100;
    margin: 20px 0 0 0;;
    line-height: 1.4;
    font-size: 1.6rem;
    padding: 10px;
    text-align: center;
}

.pFace01 img {width: 75%;}
.pFace02 img {width: 75%;}

.pFace03 img {width: 75%;}
.pFace04 img {width: 60%;}

@media (max-width: 991px) {
    .pFace03 img,
    .pFace04 img {width: 100%;}
}

div[class*="pFace"] {
    text-align: center;
}

.h-style_001 {
    position: relative;
    padding: .8rem 2.5rem calc(1rem + 10px) 2rem;
    background: #ff9c07;
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.h-style_001:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}



.font-size_001 { font-size: clamp(14px, 2.3vw, 26px); transform: rotate(.05deg); }
.font-style_001 { font-family: "ryo-gothic-plusn", sans-serif; font-weight: 900; font-style: normal; }
.table-font-size_001 { font-size: clamp(14px, 2.3vw, 16px); transform: rotate(.05deg); }
p { font-weight: 500; }


.h-font-01 {
    font-family: "ryo-gothic-plusn", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.f-style_001 {
   text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
   /*text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96846px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;*/
}