/*
Theme Name: Hyuga-kodomo
Theme URI: https://businesspress.jp/theme/
Template: businesspress
Author: Child Theme Configurator
Description: WordPressテーマ「businesspress」の自作子テーマです。
Tags: one-column,two-columns,right-sidebar,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.0.0.1593911584
Updated: 2020-07-05 10:13:04
*/

/* ===========================
  common setting
=========================== */
a{
text-decoration: none;
}
a:hover {
    opacity: 0.6;
    transition-duration: 0.5s;
}
ul, ol,h1,h2,h3,p{
margin: 0;
}
ul,ol,li{
list-style: none;
}
.sp-only{
display: none
}
.pc-only{
display: block
}

/*  common setting > btn
------------------------------*/

/*  common setting > layout
------------------------------*/
body{
background-image: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/bg.png);
color: #4B453D;
font-size: 15px;
width: 100%;
max-width: 100%;
display: block
}
body.home #page{
background-image:
url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/cloud-bg-1.png),
url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/cloud-bg-2.png);
background-repeat: 
    no-repeat,
    no-repeat;
background-position:
    right -3% top 60%,
    left -3% top 38%;
}

.wrap{
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}

.flex{
display: flex;
}

/*  common setting > headrer
------------------------------*/
.top-bar-content, .home-header-content, .site-bottom-content{
max-width: 1000px;
}
.top-bar-content, .featured-entry-content, .home-header-content, .jumbotron-content, .site-content, .container-content, .footer-widget-content, .site-bottom-content{
max-width: 1000px;
}
.main-header-content{
max-width: 1100px;
}

/*  common setting > headrer > 固定ヘッダー
---------------------------------------------*/
.main-header-clone{
background-image: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/bg.png);
}
.main-header-clone-show {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.site-header{
border-bottom: 0px none;
margin-bottom: 2%;
}
.main-header-content {
padding-left: 0px;
padding-right: 0px;
}

.main-header-content .main-navigation{
padding-top: 1em
}

/*  common setting > headrer > subnav
----------------------------------------*/
li#menu-item-75 img {
    padding-left: 15px;
    padding-right: 15px;
}

.main-navigation ul.menu > li.menu-item-has-children > a:after{
content: none;
}
.main-navigation ul ul{
top:100%;
border-radius: 20px;
}
.main-navigation ul ul li a {
border-top: 2px dashed #E9F0F6;
padding-bottom: 13px;
padding-top: 13px;
}
.main-navigation ul ul li:first-child a{
border: 0 none;
}

/*  common setting > footer
------------------------------*/
footer{
padding: 5% 0 0%;
background-color: #E4F79B;
position: relative;
}
footer:before{
content: '';
position: absolute;
top: -5%;
left: 0;
width: 100%;
height: 94px;
background-image: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/footer_bg.png);
background-repeat: repeat-x;
z-index: 0
}

.footer-navigation{
float: none;
display: flex;
flex-wrap: wrap;
width: 95%;
text-align: left;
}
.footer-navigation li{
margin-right: 15px
}
.footer-navigation a{
color: #AC814D;
font-size: 1.07em;
border-right: 1px solid #AC814D;
padding-right: 15px;
}

.footer-navigation li:nth-child(6) a,
.footer-navigation li:nth-child(13) a{
border-right: 0px none;
}
.site-bottom{
padding-top: 4.5rem;
}
.site-bottom a:hover, .site-bottom .current-menu-item > a {
color: #AC814D;
}
.site-bottom{/*code, kbd, tt, var, th, pre, .top-bar, .author-profile, .pagination .current, .page-links .page-numbers, .tagcloud a, .widget_calendar tbody td a, .container-wrapper, */
background-color: transparent!important;
border-top: 0px none!important;
}


/* logo contact */
footer .flex.wrap{
margin-top: 1%;
z-index: 10;
position: relative;
}
.footer-contact{
margin-right: 0;
margin-left: auto;
}
.footer-contact a:first-child{
margin-right: 15px;
}

.site-info{
text-align: center;
float: none;
border-top: 1px solid #C0E645;
padding-top: 3%;
margin-top: 2rem;
}

/*  common setting > footer > トップへ戻るボタン
-------------------------------------------------*/
.pagetop{
cursor: pointer;
position: fixed; 
bottom: 50px; 
right: 30px; 
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/totop.png);
width: 88px;
height: 171px;
z-index: 15
}

.pagetop:hover {
opacity: 0.5;
}


/* =====================
  Top Page
======================== */

/*  toppage > layout
------------------------*/
section{
margin-bottom: 10%;
}
body.home #main section:first-child{
margin-top: 10%;
}

/*  toppage > mv
------------------------*/
section#mv{
max-width: 1000px;
height: 100%;
margin: 0 auto;
position: relative;
}

/*  toppage > parts > illust
----------------------------*/
.bird{
position: absolute;
top: 1%;
right: 2%;
}
.rainbow{
position: absolute;
top: 6%;
left: -4%;
}
.mountain{
position: absolute;
bottom: -2%;
right: 7%;
}
.cloud-1{
position: absolute;
bottom: 10%;
left: 0%;
}
.cloud-2{
position: absolute;
bottom: 25%;
right: -10%;
}

/*  toppage > news
------------------------*/
section#news{
display: flex;
}

section#news h2{
width: 20%;
margin-right: 5%;
background: #AC814D;
border-radius: 30px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
section#news h2:after{
content: '';
position: absolute;
top: 50%;
left: 100%;
margin-top: -15px;
border: 15px solid transparent;
border-left: 25px solid #AC814D;
}

section#news ul{
width: 75%;
background: #fff;

padding: 2em;
padding: 1.8em 3em;
border-radius: 30px;
list-style: none;
box-sizing: border-box;
}

section#news ul a{
color: #4B453D;
text-decoration: none;
}

section#news ul .news-date{
padding-right: 3%;
}
section#news ul li{
margin-bottom: 5px;
}
section#news ul li:last-of-type{
margin-bottom: 0;
}
section#news ul .more{
text-align: right;
}
section#news ul .more a{
border-bottom: 2px dashed #AC814D;
padding-bottom: 3px;
}
.arrow{
position: relative;
display: inline-block;
padding-left: 20px;
}

.arrow::before{
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #AC814D;
border-right: solid 2px #AC814D;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
}

/*  toppage > charter
------------------------*/
section#charter{
text-align: center;
}
section#charter h2{
margin-bottom: 3%;
}


/*  toppage > menu
---------------------*/
section#menu ul{
display: flex;
justify-content: space-between;
}


/*  toppage > group-link
----------------------------*/
#group{
margin-bottom: 18%;
}
#group a{
display: flex;
align-items: center;
color: #AC814D;
background: #fff;
}

#group .group-text{
width: 40%;
text-align: center;
font-size: 1.8rem;
line-height: 1.5;
}
#group .group-text p{
display: inline
}
#group .group-text a{
color: #AC814D;
}
#group .group-text i{
margin-left: 5px;
}

#group .group-image{
width: 60%;
}


/*  lowerpage > group-link
----------------------------*/
#HyugaPage .content-area,
#MinamiPage .content-area{
margin-bottom: 2rem;
}

/* =====================
  lower page
======================== */

/*  lower page > titleimg
----------------------------*/
.jumbotron{
width: 75%;
max-width: 1100px;
margin: 1.5% auto 5%;

border-radius: 30% 35% 35% 35%/60% 60% 70% 60%;
height: 400px;
}

#HyugaPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_about-hyuuga.jpg");
background-position: center center;
}

#MinamiPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_about-minami.jpg");
background-position: center top 40%;
}

#CorporatePage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_corporate.jpg");
background-position: center top 45%;
}

#PhilosophyPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_philosophy.jpg");
background-position: center top 45%;
}

#DailyprogramPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_daily-program.jpg");
background-position: center center;
}

#EventsPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_annual-events.jpg");
    background-position: center bottom 40%;
}

#AdoptionPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_adoption.jpg");
background-position: center top 30%;
}

#AdmissionPage .jumbotron{
background-image: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/header_admission-information.jpg");
background-position: inherit;
}

#InformationPage .jumbotron,
#ContactPage .jumbotron,
#PrivacyPage .jumbotron,
#SitemaptPage .jumbotron{
display: none
}

/*  lower page >  head
-----------------------------*/
.page .entry-content h2.page-title-head,
h2.page-title-head{
text-align: left;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/dot.png") repeat-x left bottom;
padding: 0 0 22px;
font-size: 1.7em;
margin-bottom: 1.5em;

color: #AC814D;
font-family: 'Kosugi', sans-serif;
letter-spacing: 2px;
}
.page .entry-content span.en,
.page-title-head span.en{
font-size: .8em;
margin-left: 20px;
}
.page .entry-content h3{
color: #AC814D;
margin-bottom: .7em;
font-size: 1.8rem;
font-family: 'Kosugi', sans-serif;
letter-spacing: 2px;
}

.page .entry-content h4{
color: #5788b5;

}
/*  lower page >  head > PhilosophyPage
------------------------------------------*/

.page .entry-content h2.philosophy{
font-size: 1.5em;
}

.page .entry-content h2.philosophy:before{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/leaf-1.png") no-repeat;
vertical-align: middle;
width: 40px;
height: 35px;
margin-right: 20px;
background-size: 90%;
}
.page .entry-content h2.philosophy:after{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/leaf-2.png") no-repeat;
vertical-align: middle;
width: 40px;
height: 35px;
margin-left: 19px;
background-size: 90%;
}
.page .entry-content h2{
margin-bottom: 1em
}
#PhilosophyPage .entry-content h4{
margin-bottom: 10px;
letter-spacing: 2px;
font-size: 1.5rem;
font-weight: bold;
}

/*  lower page >  head > HyugaPage
--------------------------------------*/
#HyugaPage .entry-content h2:before{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/icon_hyuga.png") no-repeat;
vertical-align: bottom;
width: 35px;
height: 33px;
margin-right: 10px;
background-size: 100%;
}

/*  lower page >  head > MinamiPage
----------------------------------------*/
#MinamiPage .entry-content h2:before{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/icon_minami.png") no-repeat;
vertical-align: bottom;
width: 32px;
height: 37px;
margin-right: 10px;
background-size: 100%;
}
#MinamiPage .entry-content h2.page-title-head:before{
content: none;
}

/*  lower page >  head > AdmissionPage
-----------------------------------------*/
#AdmissionPage .entry-content h3:before{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/icon_admission.png") no-repeat;
vertical-align: bottom;
width: 32px;
height: 30px;
margin-right: 10px;
background-size: 100%;
}

/*  lower page >  head > AdoptionPage
---------------------------------------*/
#AdoptionPage .entry-content h3:before{
content: '';
display: inline-block;
background: url("https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/icon_adoption.png") no-repeat;
vertical-align: bottom;
width: 32px;
height: 30px;
margin-right: 10px;
background-size: 100%;
padding-bottom: 4px;
}

#HyugaPage .entry-content h2.page-title-head:before{
content: none;
}

/*  lower page > common
--------------------------*/
/*parts*/
.page .entry-content figure img{
border-radius: 40%;
}

.page #page {
    background-image: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/cloud-bg-1.png), url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/cloud-bg-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right -3% top 60%, left -3% top 38%;
}

.wp-block-group,.wp-block-group{
margin-bottom: 4em;
}

table {
  border-spacing: 0;
  border-collapse: separate
}

.wp-block-table table{
width: 100%;
background: #fff;
border-left: dotted 2px #b4b4b4;
border-top: dotted 2px #b4b4b4;

}
table th, table td {
border-right: dotted 2px #b4b4b4;
border-bottom: dotted 2px #b4b4b4;
}

table th{
background-color: #f0f7fc;
}
table thead th{
background-color: #deedf9;
}
/* table nenkangyouji */
.page .entry-content .month-wrap{
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5%;
}
.page .entry-content h2.month{
color: #fff;
position: relative;
display: inline-block;
font-size: 1.5em;
margin-bottom: 1em
}
.page .entry-content h2.month:after{
content: "";
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;
}
#EventsPage .entry-content figure img{
border-radius: 80%;
}

#EventsPage .wp-block-group{
margin-bottom: 2.5em;
}

.wp-block-column:nth-child(2){
margin-left: 0
}

/* =====================
      page
======================== */

/*  page > CorporatePage
------------------------*/
#CorporatePage .yurikago-sanka{
margin-top: 3rem;
}
#CorporatePage .yurikago-sanka figure{
text-align: center
}
#CorporatePage .yurikago-sanka figure img{
border-radius: 0;
}

/*  page > PhilosophyPage
-----------------------------*/

#PhilosophyPage .pc-w90{
width: 95%;
}
#PhilosophyPage .pc-mr0{
margin-right: 0;
margin-left: auto
}
#PhilosophyPage .pc-ml0{
margin-right: auto;
margin-left: 0
}

/*  page > EventsPage
------------------------*/
#EventsPage .events-list li:before {
content:'● ';
}
/* month */
/*4*/
#EventsPage .april h2:after{
background: #e0636d;
}
#EventsPage .april li:before {
color: #e0636d;
}

/*5*/
#EventsPage .may h2:after{
background: #92d692;
}
#EventsPage .may li:before {
color: #92d692;
}
/*6*/
#EventsPage .june h2:after{
background: #78def9;
}
#EventsPage .june li:before {
color: #78def9;
}

/*7*/
#EventsPage .july h2:after{
background: #4f8bd3;
}
#EventsPage .july li:before {
color: #4f8bd3;
}

/*8*/
#EventsPage .august h2:after{
background: #1f9dc9;
}
#EventsPage .august li:before {
color: #1f9dc9;
}

/*9*/
#EventsPage .september h2:after{
background: #72a465;
}
#EventsPage .september li:before {
color: #72a465;
}

/*10*/
#EventsPage .october h2:after{
background: #c17b40;
}
#EventsPage .october li:before {
color: #c17b40;
}

/*11*/
#EventsPage .november h2:after{
background: #8e6a4d;
}
#EventsPage .november li:before {
color: #8e6a4d;
}

/*12*/
#EventsPage .december h2:after{
background: #abc3ce;
}
#EventsPage .december li:before {
color: #abc3ce;
}

/*1*/
#EventsPage .january h2:after{
background: #fca838;
}
#EventsPage .january li:before {
color: #fca838;
}

/*2*/
#EventsPage .february h2:after{
background: #f08842;
}
#EventsPage .february li:before {
color: #f08842;
}

/*3*/
#EventsPage .march h2:after{
background: #e591cd;
}
#EventsPage .march li:before {
color: #e591cd;
}


/*  page > DailyprogramPage
------------------------------*/
#DailyprogramPage .wp-block-table:before{
content: '';
display: inline-block;
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/daily-keisen1.png);
width: 1500px;
height: 92px;
max-width: 100%;
max-height: 100%;
background-size: contain;
background-repeat: no-repeat;
margin-top: 1em;
}

#DailyprogramPage .wp-block-table:after{
content: '';
display: inline-block;
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/daily-keisen2.png);
max-width: 100%;
max-height: 100%;
background-size: contain;
width: 1446px;
height: 46px;
background-repeat: repeat-x;
}

#DailyprogramPage th.head{
background-color: #deedf9
}

#DailyprogramPage .ta-c{
padding-left: 20em;
text-align: left
}

/* bnr */
.page .entry-content .bnr_wrap figure img{
border-radius: 0;
width: 96%;
}

.bnr_wrap .wp-block-column:nth-child(2){
text-align: right
}

.page .entry-content .bnr_wrap a:hover{
opacity: 0.75
}


/*  page > InformationPage
------------------------------*/
#InformationPage h3.head{
background: #66B6F2;
padding: 10px;
color: #fff;
margin-bottom: 1em;
}

.package-title {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.w3eden a,
.w3eden .text-muted{
color: #5788b5!important;
}
.w3eden .btn-primary{
background: #5788b5!important;
}
a.wpdm-download-link.download-on-click.btn.btn-primary{
color: #fff!important;
font-size: 1.25rem;
padding: 15px 20px 10px;
}
.w3eden .mr-3{
margin-right: 1.5rem!important;
}
.w3eden .card-body{
padding: 2rem
}

/*  page > AdmissionPage
-----------------------------*/
table#riyoujikan th{
white-space: nowrap
}

table#riyouryou{
text-align: center
}
#AdmissionPage table#riyouryou　tbody tr th{
text-align: center!important
}
.ta-c th{
text-align: center
}

/*  page > AdoptionPage
---------------------------*/
#AdoptionPage .entry-content figure img {
border-radius: 0%;
width: 100%;
height: 300px;
object-fit: cover;
}

#AdoptionPage .adoption_1{
background: #F6F164
}
#AdoptionPage .adoption_2{
background: #F7B979
}
#AdoptionPage .adoption_3{
background: #8ACFF0
}
#AdoptionPage .adoption_4{
background: #F8BCD4
}

.wp-block-columns.adoption h4{
color: #4B453D;
font-weight: 600;
margin-bottom: 2rem;
font-size: 1.5rem
}

.wp-block-columns.adoption h3 span{
border-bottom: 3px dotted #fff;
}

.wp-block-columns.adoption span{
border-bottom: 2px dotted #fff;
padding-bottom: 3px;
}

.adoption:nth-child(odd){
padding-left: 5%;
padding-top: 5%
}

.adoption:nth-child(even){
padding-right: 5%;
padding-top: 5%
}

.center-bold{
font-weight: bold;
background: #eee
}

/*  page > ContactPage
--------------------------*/
#ContactPage table {
border-left: dotted 2px #b4b4b4;
border-top: dotted 2px #b4b4b4;
}
input[type="text"],.wpcf7 input[type="email"], .wpcf7 input[type="tel"],textarea{
border: solid 2px #d8d8d8
}
#ContactPage table.table-res-form {
background: rgba(255,255,255,.8);
}
#ContactPage input[type="submit"]{
background-color: #4b749c;
cursor: pointer
}
#ContactPage input[type="submit"]:hover{
background-color: #5788b5
}
span.requied{
color: #f00;
font-size: .9em;
margin-left: 5px;
}
.contact-message{
margin-bottom: .5em
}

.area_info .wp-block-column{
background: #AC814D;
width: 49%;
padding: 2.5% 3%;
border-radius: 10px
}
.area_info .wp-block-column h3{
color: #fff;
font-size: 1.7rem;
margin-bottom: 0.4em;
}
.area_info .wp-block-column p{
font-size: 1.3rem;
line-height: 1.6;
color: #fff
}
.area_info .wp-block-column a{
color: #fff
}
.area_info .wp-block-column:nth-child(1){
margin-right: 1%;
}


/* =====================
    category-news
===================== */

/*  news  > sidenav 
---------------------*/
aside h2.widget-title{
border-bottom: 2px solid #5788b5;
color: #AC814D;
font-size: 1.2em;
padding-bottom: .5em;
margin-bottom: 2rem;
}
aside li{
border-bottom: dotted 2px #ccc;
padding-bottom: 10px
}

/*  news  > archive 
-----------------------*/
body#CatNews main,
body#CatNewsPage main{
background: #fff;
border-radius: 10px;
padding: 6%
}
.post-full .hentry, .post-summary .hentry {
margin-bottom: 0rem;
}
.post-full:after, .post-summary:after {
border-bottom: dotted 2px #eee;
content: "";
display: block;
width: 100%;
}

.category-news .entry-header {
    margin-bottom: 2rem;
}
.category-news .entry-title {
    font-size: 1.7rem;
}
.category-news .entry-info{
margin-bottom: .4rem;
}
.category-news .entry-info span{
display: inline-block;
color: #66B6F2;
font-size: .9em;
}

.archive .entry-info-cat{
margin-right: 10px;
}

/*  news > single
--------------------------*/
#CatNewsPage .entry-title{
text-align: left;
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/dot.png) repeat-x left bottom;
padding: 0 0 22px;
font-size: 1.7em;
margin-bottom: 1.5em;
color: #AC814D;
font-family: 'Kosugi', sans-serif;
letter-spacing: 2px;
max-width: 620px;
}

.post-navigation{
border-top: dotted 2px #ccc;
padding-top: 1em;
}
.post-nav-title{
margin-bottom: 0;
}


/* ===========================
      responsive
=========================== */

/*  responsive > SP
---------------------------*/

@media screen and (max-width: 599px) {
/* =====================
  sp common setting
======================== */

.sp-only {
display: block;
}

.pc-only {
display: none;
}

/*  sp common setting > layout
---------------------------------*/
html {
width: 100%;
}

body {
font-size: 16px;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
section{
margin-bottom: 15%;
}
figure{
text-align: center
}


/* width */
.wrapper{
width: 90%;
margin: 0 auto;
}
.site-content{
width: 100%;
padding-left: 0;
padding-right: 0;
}
.top-bar-content, .featured-entry-content, .home-header-content, .jumbotron-content, .site-content, .container-content, .footer-widget-content, .site-bottom-content{
max-width: 100%
}
footer{
margin: 0 calc(50% - 50vw);
width: 100vw;
}
    
/* sp  common setting > headrer
------------------------------------*/
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
background-color: #AC814D;
}
.main-header-clone-show .main-header-content{
width: 90%;
}

/* sp  common setting > hamburger-menu
---------------------------------------*/
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
background-color: #AC814D
}

/* 「園の概要」「園からのお知らせ」親階層のリンク無効化 */
.menu-item-511 a,
.menu-item-512 a{
pointer-events: none;
}
.menu-item-511 .sub-menu a,
.menu-item-512 .sub-menu a{
pointer-events: auto;
}

.drawer-navigation ul{
font-size: 16px
}

/* sp  common setting > footer
------------------------------------*/
footer .flex.wrap {
margin-top: 3%;
flex-direction: column;
width: 90%;
}
footer h1{
width: 95%;
text-align: left;
margin: 0 auto 2.5rem;
}
.footer-contact a{
display: block;
margin-bottom: 1rem
}
.footer-contact{
margin-left: 0;
margin-right: 0;
}
.footer-contact a:first-child{
margin-right: 0;
}
.footer-navigation{
width: 100%;
}
.footer-navigation ul{
margin-bottom: 1rem;
}
.footer-navigation li{
width: 49%;
margin-right: 0;
}
.footer-navigation a{
border: 0 none;
padding: 0;
font-size: 1.2em;
}

footer .site-bottom{
padding-top: 2rem;
}

/*  common setting > footer > トップへ戻るボタン
-------------------------------------------------*/
.pagetop{
cursor: pointer;
position: fixed; 
bottom: 10px; 
right: 10px; 
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/totop.png);
width: 50px;
height: 97px;
background-size: cover;
opacity: 0.8
}

.pagetop:hover {
opacity: 0.5;　//透明度の指定
}

/* =====================
  sp Top Page
===================== */

/*  sp toppage > mv
-----------------------*/

.mv-illsut {
width: 22%;
}
.rainbow{
top: 3%;
}
.bird{
top: -10%
}
.mountain{
bottom: -3%
}
.cloud-1{
left: -2%
}
.cloud-2{
right: -12%
}

#charter h2 img{
width: 70%;
}
    
/*  sp toppage > news
-----------------------------*/
section#news{
flex-direction: column;
}
section#news h2{
width: 95%;
margin-bottom: 5%;
padding: 1em 0;
margin: 0 auto 10%;
}
section#news h2:after{
border-left: none;
border: 20px solid transparent;
border-top: 20px solid #AC814D;
top: 100%;
left: 50%;
margin-top: -5px;
margin-left: -20px;
}
section#news ul{
width: 100%;
padding: 1.5em 2em;
}
section#news ul .news-date{
display: block;
padding-right: 0;
}

section#news ul li,section#news ul li:last-of-type{
margin-bottom: 10px;
}

section#menu ul{
flex-direction: column;
align-items: center;
text-align: center
}

section#menu ul li{
margin-bottom: 3em;
}
section#menu ul img{
width: 80%;
}
    
/*  sp toppage > group-link
-------------------------------*/
section#menu ul li:last-child{
margin-bottom: 0;
}

#group {
margin-top: 20%;
margin-bottom: 30%;
}
#group a{
flex-direction: column;
padding: 1.8rem 0 0;
display: block
}
#group .group-text{
width: 100%;
font-size: 1.6rem;
line-height: 1.4;
margin-bottom: 10px;
font-weight: 500;
}
#group .group-image{
width: 100%;
}
    
/* =====================
  sp lower page
======================== */
/*  sp lower page > common
-----------------------------*/
.jumbotron{
width: 100%;
max-width: 100%;
margin: 1.5% auto 10%;
border-radius: 140px;
max-height: 350px
}
#PhilosophyPage .wp-block-group, #PhilosophyPage .wp-block-group {
margin-bottom: 3em;
}
.wp-block-group {
margin-bottom: 2em;
}
.wp-block-column{
margin-top: 1em;
margin-bottom: 1em;
}
    
/*  sp lowerpage > group-link
---------------------------------*/
#HyugaPage .content-area, #MinamiPage .content-area {
margin-bottom: 0rem;
}
.page #group {
margin-top: 3%;
margin-bottom: 30%;
}
    
/* ==========================
      sp page
=========================== */

/*  sp page > CorporatePage
----------------------------*/
.page .entry-content h2.page-title-head, h2.page-title-head{
line-height: 1.4
}
.page .entry-content span.en, .page-title-head span.en{
display: block;
margin-left: 0;
font-size: .7em;
}

#AdmissionPage table {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

/*  sp page > PhilosophyPage
------------------------------*/

#PhilosophyPage .entry-content h2{
margin-bottom: 0.6em
}
#PhilosophyPage .entry-content h2.page-title-head{
margin-bottom: 1.5em
}
#PhilosophyPage .entry-content h3{
margin-bottom: 0
}
#PhilosophyPage .wp-block-columns{
margin-bottom: 34px;
}
#PhilosophyPage .has-inline-color{
text-align: center
}

#PhilosophyPage .entry-content h4{
margin-bottom: 10px;
text-align: center}


    
/*  sp page > about
----------------------------*/
.page .entry-content .bnr_wrap figure img{
width: 100%;
}
.bnr_wrap .wp-block-column:nth-child(2) {
text-align: left;
}

/*  sp page > EventsPage
----------------------------*/
.page .entry-content h2.month{
background: 100%;
width: 100%;
text-align: center;
margin-bottom: 1em
}
.page .entry-content h2.month:after{
content: '';
width: 100%;
height: 60px;
border-radius: 100px;
}
#EventsPage .entry-content figure img {
    border-radius: 40%;
}
#EventsPage .wp-block-column{
margin-top: 0.5em;
}
#EventsPage .wp-block-column.events-list{
margin-bottom: 1.1em;
}

/*  sp page > DailyprogramPage
---------------------------------*/
#DailyprogramPage .wp-block-table:before{
height: 20px;
width: 100%;
margin: 10px 0
}
#DailyprogramPage .wp-block-table:after{
height: 20px;
width: 100%;
margin: 0 0 10px
}
#DailyprogramPage .ta-c {
/*padding-left: 10em;*/
padding-left: 2em;
}
figure td{
text-align: left
}
    
/*  sp page > AdmissionPage
-------------------------------*/


/*  sp page > AdoptionPage
----------------------------*/
#AdoptionPage .jumbotron{
background-position: right 30% top 30%;
}
.wp-block-columns.adoption:nth-child(even){
flex-direction: column-reverse
}
.adoption:nth-child(odd),.adoption:nth-child(even){
padding-top: 0;
padding-left: 6%;
padding-right: 7%;
padding-bottom: 8%;
}
#AdoptionPage .entry-content figure img{
height: 150px;
margin-top: 2%;
}

#AdoptionPage .wp-block-group{
margin-bottom: 3em
}


/*  sp page > ContactPage
--------------------------*/
#ContactPage table,#ContactPage tr,
#ContactPage th,#ContactPage td{
width: 90%
}

.contact-message{
margin-bottom: 1em
}
#ContactPage th{

}
#ContactPage table{
display: table;
width: 80%
}

#ContactPage table {
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}

#ContactPage table.table-res-form{
background: none;
}

#ContactPage table td {
     background: rgba(255,255,255,.8); 
}
.wpcf7-validates-as-tel{
min-height: 40px
}
#ContactPage table th, #ContactPage table td{
padding: 1.5em
}
.area_info .wp-block-column:nth-child(1){
margin-top: 0;
margin-bottom: .5em;
}

/* ========================
    sp category-news
========================== */

/*  sp news  > sidenav 
-------------------------*/
.sidebar-area {
    padding-top: 0rem;
    margin-bottom: 1rem;
    border-top: none;
}

/*  news  > archive,single 
-----------------------------*/
#CatNews .site-content,#CatNewsPage .site-content,
#ContactPage .site-content{
margin-top: 2rem;
}
#CatNewsPage .entry-title{
line-height: 1.3
}
.page-header {
    margin-bottom: 3rem;
}

.single .hentry {
    margin-bottom: 3rem;
}
.post-full{
margin-bottom: 2rem;
}
.post-navigation {
    margin-bottom: 1rem;
}
.post-navigation .nav-previous {
    margin-bottom: 2rem;
}
.reverse{
flex-direction: column-reverse
}
#CatNews .content-area,
#CatNewsPage .content-area{
margin-bottom: 4rem;
}

/* sp page > InformationPage
---------------------------------*/
.w3eden .media{
flex-direction: column
}
.media-body{
margin-top: 10px;
}
.media-body:nth-child(1){
margin-bottom: 10px;
}
.page .entry-content h3.package-title{
margin-bottom: 10px;
}
.w3eden .ml-3{
margin-left: 0!important;
}
.w3eden .media-body .ml-3 {
    margin-left: 1rem!important;
}

/*テーブル縦*/
.table-sp-tate,
.table-sp-tate th,
.table-sp-tate td{
display: block
}
/*テーブル横スクロール*/
.table-sp-yokoscroll {
  overflow: auto;
  white-space: nowrap;
}
/*入園案内*/
#AdmissionPage .jumbotron{
background-position: left 40% top;
}
}

/*  responsive > Tablet
---------------------------*/
@media (min-width: 600px) and (max-width: 1024px) {
.sp-only{
display: none
}
.pc-only{
display: block;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
background-color: #AC814D
}
div#page{
overflow: hidden
}
.page #page{
z-index: 0
}
.jumbotron{
width: 90%
}
/* width */
.wrapper {
width: 90%;
margin: 0 auto;
}
.site-content{
max-height: 100%;
max-width: 100%
}
.wrapper {
width: 100%;
margin: 0 auto;
}
.site-content{
max-width: 90%
}

/* tab common setting > hamburger-menu
---------------------------------------*/
.main-header-content{
width: 95%
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
height: 3px
}
/* 「園の概要」「園からのお知らせ」親階層のリンク無効化 */
.menu-item-511 a,
.menu-item-512 a{
pointer-events: none;
}
.menu-item-511 .sub-menu a,
.menu-item-512 .sub-menu a{
pointer-events: auto;
}


/* tab common setting > footer
------------------------------------*/
footer .flex.wrap {
margin-top: 3%;
}
.footer-contact{
display: flex;
justify-content: space-between
}
footer h1{
width: 37%
}
.footer-contact{
width: 60%;
margin-left: 3%;
}
.footer-navigation li:nth-child(6) a,
.footer-navigation li:nth-child(13) a{
border-right: 1px solid #AC814D
}
.footer-navigation{
width: 100%
}
.site-bottom{
margin-top: 2rem;
padding-top: 2rem;
}
.site-info{
margin-top: 1rem   
}
footer .flex.wrap{
width: 95%;
}
/*  common setting > footer > トップへ戻るボタン
-------------------------------------------------*/
.pagetop{
cursor: pointer;
position: fixed; 
bottom: 20px; 
right: 20px; 
background: url(https://yurikago-miraigakuen.com/hyuga-kodomo/wp-content/themes/hyuga-kodomo/images/common/totop.png);
width: 70px;
height: 136px;
background-size: cover;
opacity: 0.8
}
.pagetop:hover {
opacity: 0.5;　//透明度の指定
}

/* =====================
  tab Top Page
===================== */
section#mv{
max-width: 90%;
}
#TopPage #menu li {
width: 31%;
}
#PhilosophyPage .pc-w90 {
width: 100%;
}
#PhilosophyPage .entry-content h4{
text-align: center
}
.bnr_wrap .wp-block-column {
flex-basis: 50%!important;
}
#DailyprogramPage .wp-block-table:before{
width: 100%;
height: 60px;
max-width: 100%;
}
#DailyprogramPage .ta-c{
padding-left: 13em;
}
.page .entry-content h2.month {
background: 100%;
width: 100%;
text-align: center;
/*margin-bottom: 10px;*/
margin-bottom: 2em;
}
.page .entry-content h2.month:after {
content: '';
width: 100%;
height: 60px;
border-radius: 100px;
}
#EventsPage .wp-block-column{
margin-top: 0;
margin-bottom: 0
}
#EventsPage .wp-block-column {
/*margin-top: 3em!important;*/
/*margin-bottom: 1em;*/
z-index: 1
}
#EventsPage .wp-block-column.events-list{
margin-top: 4em!important;
margin-bottom: 1em!important;
}
#CatNews .content-area,
#CatNewsPage .content-area{
margin-bottom: 0rem;
}
#AdmissionPage td[colspan] {
text-align: center;
}

/*  tablet > page > AdoptionPage
-----------------------------------*/
#AdoptionPage .entry-content figure img{
height: 200px;
margin-top: 1%;
object-position: center top;
width: 70%;
margin: 0
}
#AdoptionPage .adoption{
padding: 3% 5%;
}
.wp-block-columns.adoption:nth-child(even){
flex-direction: row
}
#EventsPage .wp-block-columns{
flex-direction: column
}
#EventsPage .wp-block-columns figure{
text-align: center
}
.adoption:nth-child(odd) .wp-block-column img{
margin-left: 0%;
margin-right: 0;
margin-top: 0%;
}
.adoption:nth-child(even) .wp-block-column img{
margin-left: 0%;
margin-right: 0;
margin-top: 0%;
}
.adoption:nth-child(odd) {
padding-left: 3%;
padding-right: 3%;
padding-top: 0%;
}
.adoption:nth-child(even) {
padding-right: 3%;
padding-top: 5%;
padding-left: 3%;
}
.adoption:nth-child(odd) .wp-block-image{
text-align: right
}
.adoption:nth-child(even) .wp-block-image{
text-align: left
}
.area_info .wp-block-column {
flex-basis: 48%!important;
}
.area_info .wp-block-columns {
flex-wrap: nowrap;
margin-bottom: 0
}
.area_info .wp-block-column:nth-child(1){
margin-right: 1%!important;
}
.adoption:nth-child(even) .wp-block-column:first-child{
margin-bottom: 0
}
}

/*  responsive > タブレット縦
--------------------------------------*/
@media screen and (max-width: 1024px) and (orientation:portrait){
section#mv{
max-width: 90%;
}
.main-header-content{
width: 95%
}
.main-header-content .main-navigation{
padding-top: 2em
}
.main-navigation a{
padding-left: 10px;
}
.wp-block-columns.adoption:nth-child(even) {
    flex-direction: row;
}
.wp-block-columns.adoption {
    padding: 3% 5%;
}
figure{
text-align: center
}
figure td{
text-align: left
}

}

/*  responsive > タブレット横
--------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape){
section#mv{
width: 100%;
max-width: 900px;
}
}

/*  responsive > スマホ〜PC
---------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1366px){
section#mv{
width: 100%;
max-width: 900px;
}
#AdoptionPage .adoption{
padding: 5%;
}
#AdoptionPage .entry-content figure{
width: 90%
}
#AdoptionPage .wp-block-column:nth-child(1) {
margin-right: 2em;
}
#AdoptionPage .wp-block-column{
margin: 0;
}
}

/*  responsive > PC
---------------------------------*/
@media screen and (min-width: 1367px) {
.adoption:nth-child(odd) .wp-block-column img{
margin-left: 13%;
margin-top: -5%;
}

.adoption:nth-child(even) .wp-block-column img{
margin-left: -13%;
margin-top: -5%;
}