@charset "utf-8";
/*all--*/
*{
    margin: 0;
    padding: 0;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 100%;
}
ul{
    list-style-type: none;
}
a{
    text-decoration: none;
}
html{
    background-color: #FBFBEF;
}
body{
    background: url(../imgs/header_sky.png);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}
.br-res{
    display: none;
}
.br-res-450{
    display: none;
}

.information_block
{
	margin: 0 auto;
	text-align: center;
}

.information_block .date
{
	margin: 0 auto;
	text-align: right;
}

.information_lists
{
/*	text-align: left; */
	text-align: left;
	display: inline-block;
}

.information_lists_ensha
{
	text-align: left;
	display: inline;
}

.swiper-container
{
	max-width: 900px;
	width: 98%;
}


.information_lists h2
{
	border-bottom: 1px solid #AAAAAA;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
}

.information_lists a
{
    text-decoration: none;
	color: #000000;
}

.dotted
{
/*	border: 5px dotted #ea806b; */
	padding: 10px;
	border-radius : 6px;
}

.user_title
{
	display: inline;
	text-align: center;
/*	color: #6bd5ea; */
	color: #003deb;
/*	font-size: 25px; */
	font-size: 140%;
	font-weight: 800;
	line-height: 1.3em;
}


#oshirase_flower
{

}

#oshirase_flower .new_icon
{
	position: absolute;
/*	top: 20;
	left: 20;
*/

	top: 56px;
	  left: 0;
	  right: 0;
	  margin: auto;
	display: none;
}


/*--all*/
/*header--*/
.header-title{
    width: 90%;
    margin: 0 auto;
    padding-top: 4vw;
    text-align: right;
}
.header-menu{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-menu nav{
    width: 45%;
}
.header-menu nav ul{
    display: flex;
    justify-content: space-around;
}
.header-menu nav:last-child ul{
    display: flex;
/*    flex-direction: row-reverse; */
/*    justify-content: flex-end;*/
    justify-content: space-around;
}

.header-menu nav a{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-menu nav .text{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-menu nav li{
 /*    width: 25%; */
    width: 50%; 
   display: flex;
    flex-direction: column;
    align-items: center;
  position: relative;
}


.header-menu nav:first-child li{
    text-align: center;
/*    padding: 0 1.5vw; */
    padding: 0 5vw;
    border-right: 1px dotted #01f02f;
}
.header-menu nav:last-child li{
    text-align: center;
/*    padding: 0 .8vw;*/
    padding: 0 1vw;

    border-left: 1px dotted #01f02f;
}

.header-menu nav ul.sub
{
  position: absolute;
  left: 0;
  top: 5.3em;
  display: none;
  width: 100%;
  z-index: 3;
}

#user_regist_kiyaku
{
	width: 95%;
	max-width: 550px;
	height: 400px;
	overflow-y: scroll;
	margin: 0 auto;
	border: 1px solid #333333;
	padding: 1em;
	text-align: left;
}

#user_regist_kiyaku p
{
/*
	text-indent: -1em;
	padding-left: 1em;
*/
}

#user_regist_kiyaku p.sub
{
	margin-left: 1em;
	margin-right: 1em;
}

#user_regist_kaijo
{
	text-align: left;
}

.header-menu nav ul.sub li
{
  display block;
  padding: 0.5em 0;
  border-left: 1px dotted #01f02f;
  border-right: 1px dotted #01f02f;
  border-bottom: 1px dotted #01901f;

  width: 100%;
  background-color: rgba(255,255,255,0.7);
}




.header-menu nav:last-child li:last-child{
/*    width: 50%; */
/*    width: 25%; */

}
.header-menu nav img{
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}

.header-menu .header-img{
    padding: 0 1.5vw;
    width: 18vw;
    height: auto;
	text-align: center;
}
.header-menu .header-img img{
/*    width: 100%; */
    height: auto;
}
.header-menu a{
    color: #655c55;
}
.header-menu a p{
    line-height: 1.4em;
}
.header-res{
    display: none;
}
/*--header*/
/*top--*/
.top-slider{
/*
    width: 95vw;
    height: 58vw;
*/
    width: 85vw;
    height: 52vw;
    margin: 0 auto;
    position: relative;
}
.top-slider-wrap{
    width: 95%;
    height: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
    background-image: url(../imgs/top.jpg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}
.top-slider-wrap-2{
    background-image: url(../imgs/top2.jpg);
}
.top-slider-wrap-3{
    background-image: url(../imgs/top3.jpg);
}
.top-slider-wrap-4{
    background-image: url(../imgs/top4.jpg);
}
.top-slider-wrap-5{
    background-image: url(../imgs/top5.jpg);
}
.top-slider-wrap-6{
    background-image: url(../imgs/top6.jpg);
}
.top-slider-wrap-7{
    background-image: url(../imgs/top7.jpg);
}
.top-slider-wrap-8{
    background-image: url(../imgs/top8.jpg);
}

.top-slider-frame{
    position: absolute;
    top: 0;
    z-index: 2;
/*
    width: 95vw;
    height: 58vw;
*/
    width: 85vw;
    height: 52vw;

    background: url(../imgs/top-frame-bg.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
.top-imgs img{
    width: 100%;
    height: auto;
}

#MainWrapMaya #main .contents ul li
{
    float: left;
	width: 50%;
	/*width: 365px; */
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 0 auto;
}

#MainWrapMaya .wrap-margin
{
	/*	margin: 70px;*/
	margin: 0 auto;
}


#MainWrapMaya #main .contents ul li img
{
	pointer-events: none;
	max-width: 98%;
	margin: 4px;
}


/*--top*/
/*title--*/
h1{
    text-align: center;
    color: #ea806b;
    font-size: 25px;
    line-height: 1.3em;
}
h1 span{
    display: block;
    color: #655c55;
    font-size: 15px;
    padding-top: 1em;
}

.line_indent
{
	text-indent: -1em;
	padding-left: 1em;
}


.section-subpage-title
{
    width: 100%;

}
.subpage-title {
    width: 90%;

    margin: 20px auto 8px;
/*    padding: 20px 0 88px; */
	word-wrap: break-word;
	overflow-wrap: break-word;
/*	overflow: hidden; */
}

.subpage-title img {
	border-radius: 20px;
	width: 100%;
}

.title-pankuzu {
    width: 90%;
    margin: 8px auto 8px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.title-pankuzu2 {
	font-size: 80%;
    width: 90%;
    margin: 0px auto 4px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.title-pankuzu2 a{
	color: #000000;
}

.title-pankuzu2 img {
	max-width: 100%;
}

.title-pankuzu img {
	max-width: 100%;
}
/* サブページ共通 */
/* @media all and (max-width: 899px){ 参照*/

#section-subpage {
	max-width: 900px;
	margin: 0 auto;
}
#section-subpage img
{
	max-width: 100%;
}

/* ここから当園について */
#section-subpage .page-about
{

}

#section-subpage .page-about .summary-image
{
	float: left;
}

#section-subpage .page-about .summary-image img
{
	max-width: 100%;
	/*padding: 16px 27px 27px 27px; */
	padding: 16px 27px 27px 0px; 
}

#section-subpage .page-about .summary-text{
	float: left;
}

.sum-1em {
	text-indent:-1em;
	padding-left:1em;
	max-width:38vw;
}

#section-subpage .page-about .aboutimgs {
	margin: 70px;
}

#section-subpage .page-about .Ccare-P-G-contents{
	margin: 0px 0px 40px 40px;
}

#section-subpage .page-about .Ccare-P-G-contents h1{
	text-align:left;
}

#section-subpage .page-about .Ccare-P-G-contents .Ccare-P-G-img {
	float: left;
	margin-right: 20px;
}

#section-subpage .page-about .Ccare-P-G-contents .text{
	float:right;
}



#section-about{
	max-width: 900px;
	margin: 0 auto;
}

/*
#section-about img
{
	max-width: 100%;
}
*/

.section-main
{
    background: url(../imgs/bg-flower.png);
    background-size: cover;
    width: 100%;
}

.midasi{
/*	font-size: 14pt; */
    color: #655c55;
	margin: 0 auto;
	text-align: center;
	padding-top: 1em;

/*	margin:0px 0px 0px 70px; */
}

.midasi .english{
	font-size: 10px;
}

#summary-image{
	float:left
}

.aboutimgs{
	margin: 80px;
}


/*ここまで当園について*/
.main-contents{
    width: 90%;
    margin: 0 auto 20px;
    padding: 20px 0 88px;
	word-wrap: break-word;
	overflow-wrap: break-word;
/*	overflow: hidden; */
}

.main-contents2{
	background-color: rgba(250,252,246,0.8);
    width: 90%;
    margin: 0 auto 20px;
    padding: 20px 0 88px;
	word-wrap: break-word;
	overflow-wrap: break-word;
/*	overflow: hidden; */
}

/*--title*/
/*links--*/
.section-links{
    background: url(../imgs/bg-flower.png);
    background-size: cover;
}
.links{
    width: 90%;
    margin: 0 auto 20px;
    padding: 40px 0 88px;
}
.links ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.links li{
    width: 22%;
    margin: 0 0 30px;
    height: auto;
    background-color: #fff;
}

.links li.noback
{
    background-color: transparent;
}

.links .link-img{
    width: 100%;
    height: auto;
}
.links .link-img img{
    vertical-align: top;
    width: 100%;
    height: auto;
}
.links .link-img img.nouse {
	filter: brightness(0.5) saturate(0.2);
}

.links .link-text{
    padding: 13px 8px;
    line-height: 1.5em;
    font-size: 19px;
    color: #655c55;
}
.links .link-text .small{
    font-size: 15px;
}


/*--links*/
/*news--*/
.section-news{
    width: 90%;
    margin: 0 auto;
}
.section-news .news-top{
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.2vw;
}
.news-top .news-title{
    width: 300px;
    height: auto;
}
.news-top .more a{
    color: #655c55;
}
.news-top img{
    width: 100%;
    height: auto;
    vertical-align: top;
}
.section-news .news{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news li{
    width: 18%;
}
.news-img img{
    width: 100%;
    height: auto;
}
.news li h3{
    color: #c86400;
    font-size: 18px;
    line-height: 2em;
}
.news .news-date{
    color: #655c55;
    font-size: 15px;
    line-height: 1em;
}
.news-content{
    color: #514b49;
    font-size: 13px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6em;
}
/*--news*/
/*--*/
.swiper-button-prev,
.swiper-button-next {
	width: 48px; 
	height: 48px;
	background-size: 48px 48px; 
	margin-top: -24px; 
}
.swiper-button-next {
	background-image: url(../imgs/next-right.png);
}
.swiper-button-prev {
	background-image: url(../imgs/next-left.png);
}
/*--*/
/*footer--*/
footer{
    background: url(../imgs/bg-footer.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.footer-wrap{
    width: 90%;
    margin: 0 auto;
    padding-top: 10vw;
}
.footer-top{
    color: #8d6d5a;
}
.footer-top p{
    font-size: 13px;
}
.footer-logo-wrap{
    display: flex;
}
.footer-logo{
    width: 45px;
    height: auto;
    padding-top: 10px;
}
.footer-logo img{
    width: 100%;
    height: auto;
}
.footer-logo-wrap p{
    font-size: 31px;
}
.footer-top > p:last-child{
    margin: 0 0 2em;
}
.footer-bottom{
    display: flex;
    justify-content: space-between;
    padding-bottom: 6vw;
}
.footer-bottom ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-bottom li{
    width: 20%;
    padding-bottom: 1.5em;
}
.footer-bottom li p{
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
}
.footer-bottom li a{
    display: flex;
    color: #8d6d5a;
    line-height: 1.4em;
}
.copy-text{
    text-align: center;
    color: #8d6d5a;
    font-size: 13px;
}

@media all and (max-width: 1074px){

	footer{
	    background: url(../imgs/bg-footer2.png);
	    background-size: 100%;
	    background-position: bottom;
	    background-repeat: no-repeat;
	}
	.footer-bg-sky
	{
	    background: url(../imgs/bg-footer-sky.png);
	    background-size: 100%;
	    background-position: top;
	    background-repeat: no-repeat;
	}
	.footer-wrap{
	    width: 90%;
	    margin: 0 auto;
	    padding-top: 3vw;
	}

}

@media all and (max-width: 899px)
{
	#section-subpage {
		width: 90%;
		margin: 0 auto;
	}

}

/*--footer*/
@media all and (max-width: 767px){

	footer{
	    background: url(../imgs/bg-footer2.png);
	    background-size: 100%;
	    background-position: bottom;
	    background-repeat: no-repeat;
	}
	.footer-bg-sky
	{
	    background: url(../imgs/bg-footer-sky.png);
	    background-size: 100%;
	    background-position: top;
	    background-repeat: no-repeat;
	}
    /*header--*/
    header{
        width: 90%;
        margin: 0 auto 1rem;
        padding-top: 2em;
    }
    .header-title{
        font-size: 14px;
        width: 100%;
        margin-bottom: -2em;
        padding: 0;
    }
    .header-menu{
        justify-content: flex-start;
    }
    .header-menu nav{
        display: none;
    }
    .header-menu .header-img{
        width: 90px;
    }
    .header-res{
        display: block;
    }
    :root {
        --header-btn-size: 100px; /* メニューの大きさ */ 
        --header-btn-padding: 0px;  
        --header-btn-border-px: 3px; /* 線の太さ */
        --header-btn-border-color: #8d6d5a; /* 線の色 */
        --header-btn-transition: 0.3s; /* アニメーション秒数 */
    }
    .header-btn-position{
        position: fixed;
        top: 73px;
        right: 5%;
        z-index: 10;
    } 
    .header-btn-wrap {
        margin: 0 10px; 
		
        cursor: pointer;
        position: relative;
        width: 40px;
        height: 40px;
    }
    .header-btn{
        position: absolute;
        transition: var(--header-btn-transition);
        width: calc(100% - var(--header-btn-padding) * 2);
        height: var(--header-btn-border-px);
        background-color: var(--header-btn-border-color);
    }
    .header-btn-top{
        top: var(--header-btn-padding);
        left: var(--header-btn-padding);
    }
    .header-btn-middle{
        top: calc(50% - var(--header-btn-border-px)/2);
        left: var(--header-btn-padding);
    }
    .header-btn-bottom{
        bottom: var(--header-btn-padding);
        left: var(--header-btn-padding);
    }
    .header-btn-wrap-active{
        z-index: 3;
    }
    .header-btn-wrap-active > .header-btn-top{
        top: calc(50% - var(--header-btn-border-px)/2);
        transform: rotate(45deg);
    }
    .header-btn-wrap-active > .header-btn-middle{
        width: 0;
        height: 0;
        left: var(--header-btn-padding);
    }
    .header-btn-wrap-active > .header-btn-bottom {
        top: calc(50% - var(--header-btn-border-px)/2);
        transform: rotate(-45deg);
    }
    .header-res-menu{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 4;
        width: 100vw;
        height: 100vh;
        background-color: #FBFBEF;
    }
    .header-res-menu nav{
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow-y: scroll;
    }
    .header-res-menu ul{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .header-res-menu li{
        width: 45%;
        display: flex;
        padding: 20px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header-res-menu a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #8d6d5a;
        font-size: 17px;
    }
    .header-res-menu .nav-text{
        line-height: 1.3em;
    }
    /*--header*/
    /*top-imgs--*/
    /*--top-imgs*/
    /*title--*/
    h1{
        font-size: 19px;
    }
    h1 span{
        font-size: 13px;
    }
    /*--title*/
    /*links--*/
    .links li{
        width: 30%;
    }
    .links .link-text{
        font-size: 16px;
    }
    .links .link-text .small{
        font-size: 13px;
    }
    /*--links*/
    /*news--*/
    .news-top .news-title{
        width: 200px;
    }
    .news-top .more{
        margin-top: -.6em;
    }
    .news-top .more a {
        font-size: 15px;
    }
    .section-news .news{
        justify-content: flex-start;
    }
    .news li{
        width: 30%;
        margin: 0 0 2rem;
    }
    .news li:nth-child(2), .news li:nth-child(5){
        margin: 0 5% 2rem;
    }
    /*--news*/
    /*footer--*/
    .footer-wrap{
        width: 94%;
        display: flex;
        justify-content: space-between;
    }
    .footer-logo{
        width: 35px;
    }
    .footer-logo-wrap p{
        font-size: 25px;
    }
    .footer-bottom{
        width: 55%;
    }
    .br-res{
        display: block;
    }
    .footer-bottom ul{
        justify-content: flex-end;
    }
    .footer-bottom li{
        width: 47%;
    }
    .footer-bottom li p{
        font-size: 13px;
    }
    .copy-text{
        font-size: 12px;
    }
    /*--footer*/
}
@media all and (max-width: 425px){
    .br-res-450{
        display: block;
    }
    /*header--*/
    .header-menu .header-img{
        width: 60px;
    }
    :root {
        --header-btn-border-px: 2px; /* 線の太さ */
    }
    .header-btn-position{
        top: 66px;
    } 
    .header-btn-wrap {
        width: 30px;
        height: 30px;
    }
    /*--header*/
    /*top-imgs--*/
    /*--top-imgs*/
    /*title--*/
    /*--title*/
    /*links--*/
    .links li {
        width: 45%;
    }
    /*--links*/
    /*news--*/
    .news-title{
        width: 160px;
    }
    .news-top .more a{
        font-size: 13px;
    }
    .news li{
        width: 45%;
    }
    .news li:nth-child(2), .news li:nth-child(5){
        margin: 0 0 2rem;
    }
    .news li:nth-child(2), .news li:nth-child(4){
        margin: 0 0 2rem 10%;
    }
    /*--news*/
    /*footer--*/
    .footer-wrap{
        width: 90%;
        flex-direction: column;
    }
    .footer-bottom {
        width: 100%;
    }
    .footer-bottom ul{
        width: 100%;
    }
    .footer-bottom li{
        width: 50%;
    }
    .copy-text{
        font-size: 10px;
    }
    /*--about*/	
	.sum-1em{
		max-width:100vw;
	}
    /*--footer*/
}


.clearfix:after {
  display: block;
  clear: both;
  content: "";
}