/*
Theme Name: fukushima_dc
Theme URI: 
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");
.gf_round { font-family: "M PLUS Rounded 1c"; }

.gr{color:#47cec0;}
.pin{color:#e4007e;}
.rpin{color:#ffe4ef;}

.ps-0{padding-left: 0}
.fo90{font-size: 80%}
.inline{display: inline}

body{position: relative;overflow-x: visible;}
header.site-header{border-top: 8px solid #ffe4ef}

.site-header-logo {white-space: nowrap;padding-top: .5rem;margin-bottom: .5rem;}
.site-header-logo img {max-height: none;;display: inline;}
.site-header-logo img.hos{height: 70px;}
.site-header-logo img.logo{height: 45px; margin: 0 1rem .5rem .1rem}
.site-header-logo img.t25{height: 55px;margin-bottom: .3rem}

.global-nav-list li img {min-width:auto;width: 35px }

@media (min-width: 992px) {
body:not(.header_scrolled) .site-header--layout--nav-float .site-header-container {display:block;}
.site-header-logo{width: auto!important;float:left;}
header .add{float:right;margin-top: 1rem;text-align: right}
body:not(.header_scrolled) .global-nav--layout--float-right {
        justify-content:center;
        align-items: center;width: 100%;}}
header .add{float:right;margin-top: 1rem;text-align: right}
.add{font-size: .8rem}
.add a{display: block;font-size: 1rem;font-weight: 500}
.header_scrolled .add{display:none;}
.vk-mobile-nav-menu-btn {top: 10px;}

@media (max-width: 789px) {
.add{display:none;}
.site-header-logo img.hos{height: 45px;}
.site-header-logo img.logo{height: 35px; /*margin: 0 1rem .5rem .1rem*/}
.site-header-logo img.t25{height: 40px;/*margin-bottom: .2rem*/}
}

.vk-mobile-nav-menu-btn{
border:none;top:10px;background-color: rgba(255, 255, 255, 0.8);left:auto;right:5px;
}
.vk-mobile-nav-menu-btn.menu-open{border:none;background-color: rgba(255, 255, 255, 0.8)}

.vk-menu-acc .acc-btn {border:none}



@media (min-width: 1200px) {
    .site-body-container.container{
        max-width: 980px;
    }
}

.global-nav-list>li .global-nav-name {
    font-size: 18px;
    display: block;
    width: 100%;
    white-space: nowrap;font-weight: 400;font-family: "M PLUS Rounded 1c"; 
}
@media (min-width: 992px) {
    .device-pc .global-nav-list>li>a {
        padding: 14px 2.5em;
    }
}
.device-pc .global-nav-list>li#menu-item-53>a {padding: 0;width: 150px}
.page-header{color:#fff;/*background: rgba(255, 228, 239, 0.5) url("img/slide02.png") no-repeat center center / cover; */
position: relative;
z-index: 0;text-shadow: 2px 2px 5px #555;
font-family: "M PLUS Rounded 1c"; 
}
.page-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url("img/slide02.png") no-repeat center center / cover;
    opacity: 0.9; /* 透過度 */
    z-index: -1;
}

a:hover{opacity: .7;color: #47cec0}

.global-nav-list>li>ul.sub-menu {background-color: #47cec0!important}
.global-nav-list .sub-menu li a:hover{color:#333}

.page_top_btn{background-color: #e4007e;box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .1);;border-radius:50%;}
footer{background-color:#ffe4ef}


.site-body h2{color:#47cec0!important;font-weight: 500;border-bottom: solid 1px #e4007e;padding-bottom: .6rem;font-family: "M PLUS Rounded 1c";}
.home table{border:none}

h1.entry-title{border-bottom: solid 1px #e4007e;padding-bottom: .5rem;font-family: "M PLUS Rounded 1c"; font-size: 1.5rem}

.fadein{
  opacity: 0; /* 最初は透明 */
  transform: translateY(30px); /* 少し下にずらす */
  transition: all 0.6s ease-out; /* 変化をなめらかに */
}

.fadein.show {
  opacity: 1; /* 表示 */
  transform: translateY(0); /* 元の位置に戻す */
}



.site-body h3{color:#e4007e!important;font-size: 1.5rem;font-weight: 600;font-family: "M PLUS Rounded 1c";}
.site-body h3 strong{ border-bottom: 3px dotted #ffe4ef;padding: 0 .3rem .3rem 0;}
.site-body h4{font-weight: 600;font-size: 1.2rem!important;font-family: "M PLUS Rounded 1c"; }
or
.swiper-pagination-bullet-active {background: #47cec0;}
.swiper-slide {font-family: "M PLUS Rounded 1c"; }

.webyoyaku{position: fixed;
    top: 250px;
    right: 0;
    height: 100%;
    z-index: 10;
}
.webyoyaku a{display: block;text-align: right}
.webyoyaku a img{border-bottom-left-radius:15px;border-top-left-radius:15px;}
/*.webyoyaku a:last-of-type img{border:solid 1px #47cec0;}*/
@media (max-width: 789px) {
.webyoyaku{top: 100px;}
}

.home table td,
.home table th{border: none!important}
.home table thead {border-bottom: 2px solid #e4007e;}
.home table td strong{color:#e4007e!important;}
.home table td{/*width: 10%;*/width: 12%;white-space: nowrap;}
/*.home table td:first-child{width: 30%}*/
.home table td:not(:first-child) {font-size:.8rem;}
.home table tbody tr:first-child{border-bottom: 1px solid #ddd;}

.vk_post_imgOuter{display:none;}

.btn-primary {background-color:#47cec0;
    border-color: #47cec0;}
    
.wp-block-latest-posts li>a  {font-family: "M PLUS Rounded 1c";font-size:1.2rem;font-weight:bold;border-bottom:2px dotted #eee;;padding-bottom: .5rem;margin-bottom: 2rem;}

.vk_post .vk_post_title a{font-family: "M PLUS Rounded 1c";}

.wp-block-latest-posts__read-more{float:right}

.global-nav-list .sub-menu .acc-btn {border: none;}


/*.page.page-id-57 .entry-body strong{color:#e4007e; font-family: "M PLUS Rounded 1c"; font-size:1.5rem;font-weight: bold}*/


.wp-block-columns .wp-block-column img {
  width: 100%;
  height: 350px; /* 揃えたい高さに変更可 */
  object-fit: cover; /* 画像の比率を保ってトリミング */

}

#form .row{width: 100%;margin: 0;border-bottom: 1px solid #ddd;padding: 1.5rem 0;}
#form .row:last-child{border:none}
#form .row label{width:20%;font-weight: bold;margin-bottom: .5rem;font-size: 1.1rem}
#form .row .twothird{width:80%}
#form .row .kibo_day{display: inline;width: 40%}
#form .row .kibo_time{display: inline;width: 30%;text-align: center}
#form .row .inline{display: inline;width: 30%}
#form input[type=submit] {background-color: #47cec0;border:none}
#form input[type=button] {font-size: 1rem;border:none;padding: .5em 2em;border-radius: var(--vk-size-radius);cursor: pointer}
#form input:hover{opacity: .7;}
@media (max-width: 789px) {
#form .row .kibo_day,
#form .row .kibo_time,
#form .row label,
#form .row .twothird{display: block;width:100%}
}