@charset "utf-8";
/* CSS Document */
/*#a{

}
@media (min-width: 768px){

}
}
@media (max-width: 767px){
}
}*/
body{background: #a0e0e4;}

#container{

}
@media (min-width: 768px){
#container{
max-width: 1440px;
margin: 0 auto;

}
}
@media (max-width: 767px){
#container{
width: 95%;
margin: 0 auto;
}
}
@media (min-width: 768px){
#header{
position: relative;
}
#logo{
width: 250px;
}
#top_button{
position: absolute;
right: 5px;
top : 10px
}
}

@media (max-width: 767px){
#top_button{
margin: 0 auto;
display: inline-block;
width: 100%;
text-align: center;
}
}



#nav{
clear: both;
}
/* ナビゲーション */
@media (max-width: 767px){
#nav{
display: none;
}
#header_sp{}
}

@media (min-width: 768px){
#header_sp{
display: none;
}
#nav{}

#nav ul{
margin: 0px;
padding: 0px;
list-style: none;
display: flex;
justify-content:space-around;
}
#header_pc li{

justify-content:space-around;
margin: 0 7px;
}
#header_pc li a{
text-decoration: none;
color: #333;
}
}
/* SPナビ overlay-styles.css */
/* SPナビ overlay-styles.css */
.hamburger-overlay {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
  background-color: #ff587d;
  border-radius: 50%;
}

.hamburger-overlay__line {
  position: absolute;
  left: 11px;
  width: 26px;
  height: 2px;
  background-color: #fff;
  transition: all .6s;
}

.hamburger-overlay__line:nth-of-type(1) { top: 14px; }
.hamburger-overlay__line:nth-of-type(2) { top: 23px; }
.hamburger-overlay__line:nth-of-type(3) { top: 32px; }

.hamburger-overlay.active .hamburger-overlay__line {
  background-color: #fff;
}

.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}

.nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  height: 80%;
  background-color: rgba(160, 224, 228, 0.95);
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
  z-index: 900;
  border-bottom-left-radius: 20%;
}

.nav-overlay.active {
  visibility: visible;
  opacity: 1;
}

.nav-overlay__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin-left: 50px;
}

.nav-overlay__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-overlay__item {
  opacity: 0;
  transform: translateY(20px);
  transition: all .6s;
}

.nav-overlay.active .nav-overlay__item {
  opacity: 1;
  transform: translateY(0);
}

.nav-overlay.active .nav-overlay__item:nth-child(1) { transition-delay: 0.1s; }
.nav-overlay.active .nav-overlay__item:nth-child(2) { transition-delay: 0.2s; }
.nav-overlay.active .nav-overlay__item:nth-child(3) { transition-delay: 0.3s; }
.nav-overlay.active .nav-overlay__item:nth-child(4) { transition-delay: 0.4s; }
.nav-overlay.active .nav-overlay__item:nth-child(5) { transition-delay: 0.5s; }
.nav-overlay.active .nav-overlay__item:nth-child(6) { transition-delay: 0.6s; }
.nav-overlay.active .nav-overlay__item:nth-child(7) { transition-delay: 0.7s; }



.nav-overlay__link {
  display: inline-block;
  padding: 0px;
  color: #333;
  font-size: 24px;
  text-decoration: none;
  transition: color .3s;
}

.nav-overlay__link:hover {
  color: #4a90e2;
}
/* ナビゲーション終わり */

#content{}

.main-contents{
margin: 0 auto;
max-width: 900px;
}

#top_news{
background: url("../img/news-top.png")  #fff no-repeat top;
padding:90px 20px 5px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 40px;
}
h1{
    color: #ff4d75;
    text-align: center;
}
#top_news hr{
border: 1px dotted #ffbbca;
}

#blog{
background: #fdd475;
background-image: url("../img/blog-top.png"),url("../img/blog-bottom.png")  ;
background-repeat:  no-repeat,no-repeat;
background-position: top,bottom;
padding:30px 20px;
margin: 40px 0;
}

.blog_text{
background: #fff;
border-radius: 10px;
padding:5px 20px;
margin: 40px 0;
}
#background-container{
width: 100%;
height: 300px; 
display: flex; 
justify-content: center;
align-items: center; 
}
#background-container h1{
color: #ff4d75;
}
@media (min-width: 768px){
#background-container{
background-image: url("../img/lower_h1_bac.png");
background-repeat: no-repeat;
background-position: center;
height: 240px; 
}
}
@media (max-width: 767px){
#background-container{
background-image: url("../img/lower_h1_bac_sp.png");
background-repeat: no-repeat;
background-position: center;
height: 180px; 
}
}

.s_font{
font-size: 14pt;
}

.date{
color: #ff829d;
font-weight: bold;
margin-bottom: 0px;
}

.design{
margin: 0px;
padding: 0px;
width: 100%;
}


@media (min-width: 768px){
.d-top{
background: url("../img/img_kumo2.png") no-repeat;
background-size: auto 100%;
background-position: center;
}
.d-bottom{
background: url("../img/img_kumo.png") no-repeat;
background-size: auto 100%;
background-position: center;
}
.design{
height: 428px;
}
}
@media (max-width: 767px){
.d-top{
background: url("../img/img_kumo_sp.png") no-repeat;
background-size: 100% auto;
background-position: center;
}
.d-bottom{
background: url("../img/img_kumo2_sp.png") no-repeat;
background-size: 100% auto;
}
.design{
height: 275px;
}
}

#infomation{
background: #fff;
padding:5px 20px;
margin: 40px 0;
border-radius: 10px;
}

#infomation hr{
border: 1px dotted #ffbbca;
}

#top_link{
padding:5px 20px;
margin: 40px 0;
}

#footer{
background: #f0f8fc;
width: 100%;
}
#footer .card{
margin: 5px 10px;
}
#footer a{
text-decoration: none;
color: #333;
}
.bac_coler{
background: #f0f8fc;
}

.field2 {
justify-content: space-between;
}

.field3 {
justify-content: center;
}

.design-img .field3 {
justify-content: center;
display: flex;
}
.design-img .field3 .card{

}
.design-img .field3 .card img{
max-height: 300px;
border-radius: 15px;
}
.field2 .card img{
border-radius: 15px;
}
@media (min-width: 768px){
.maxw{
max-width: 70%;
}
}
@media (max-width: 767px){
.maxw{

}
}
@media (min-width: 768px){
.field2 {
display: flex;
}
.field3 {
display: flex;
}
.field-lunch{
display: flex;
justify-content: space-around;
}
.field-lunch .card{
min-width: 40%;
}
}
@media (max-width: 767px){
.field2 {
}
.field3 {
}
.spimg{
width: 95%;
height: auto;
}
}
#goTop{
	display: none;
    position: fixed;
    bottom: 70px;
    right:1%;
	z-index:10000;

}
#goTop a{
	display: block;
    text-align: center;
	z-index:10000;
}

/* 下層 */
.lower h1{
margin: 0px;
padding: 0px;
}

#lower_menu{
background: #fff;
border-radius: 10px;
padding: 15px;
margin-bottom: 50px;
}


#lower_menu ul{
margin:5px; 
padding: 0px;
list-style: none;
}

#lower_menu ul li{
border-bottom: dotted 1px #FFBBCA;
margin: 10px;
padding-bottom: 10px;
}

#lower_menu ul li a{
text-decoration: none;
color: #000000;
}

.lower_content{
background: #fff;
border-radius: 10px;
padding: 10px 20px;
margin: 25px 0;
}
.lower_content h2{
display: block;
background: #FF587D;
padding: 2px 2px 2px 10px;
}
.lower_content h3{
display: block;
border-left: solid 4px  #FF587D;
padding: 2px 2px 2px 10px;
}
.parent_text{
	border: 1px solid #333;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 15px;
}

h4 {
  position: relative;
  overflow: hidden;
}
h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #FF587D;
}
@media (max-width: 767px){
.pc_img {
display: none;
}
}
@media (min-width: 768px){
.sp_img {
display: none;
}
}
.img_space{
margin-right: 10px;
}
@media (min-width: 768px){
.img_space2{
margin-right: 20px;
}
}
@media (max-width: 767px){
.img_space2{
margin-bottom: 10px;
}
}
/*------------------------------
テーブル関係
------------------------------*/
.lower_content table {
	margin:0 !important;
	width:100% !important;
	word-break: break-word !important;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 15px;
	overflow: hidden;
}
.lower_content table tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.lower_content table tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.lower_content table tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.lower_content table tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.lower_content table tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}
.lower_content table th {
	font-size:small;
	padding:4px;
	text-align:center;
}
.lower_content table {
　border: solid 1px black;
　border-collapse: separate;
　border-radius: 20px;
}
.lower_content table th {
　border: solid 1px black;
}
.lower_content table td {
　border: solid 1px black;
}

.lower_content table th p {
	padding:0;
	margin:0;
}
.lower_content table td {
	font-size:small;
	padding:6px;
	vertical-align:top;
}
.lower_content table td p {
	padding:0;
	margin:5px 0;
}
.lower_content .table1 table{
	border-right:1px solid #CC6600;
	border-bottom:1px solid #CC6600;
}
.lower_content .table1 th {
	border-top:1px solid #CC6600;
	border-left:1px solid #CC6600;
	background-color: #FFFF66;
}
.lower_content .table1 td {
	border-top:1px solid #CC6600;
	border-left:1px solid #CC6600;
}

.lower_content .table2 {
	border-right:1px solid #CC6600;
	border-bottom:1px solid #CC6600;
}
.lower_content .table2 th {
	border-top:1px solid #CC6600;
	border-left:1px solid #CC6600;
	text-align:center;
}
.lower_content .table2 td {
	border-top:1px solid #CC6600;
	border-left:1px solid #CC6600;
	text-align:center;
}
@media (max-width: 767px){
.lower_content .table1 {
	overflow-x:scroll;
}
}
/*event*/
.event{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
} 

.month{
	-webkit-box-shadow:1px 1px 1px 1px rgba(179,179,179,4);
	-moz-box-shadow: 0 5px 5px 0 #555;
    -o-box-shadow:  0 5px 5px 0 #555;
    -ms-box-shadow:  0 5px 5px 0 #555;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
}
.month{
	background:#FFFCF7;
	margin-bottom:15px;
	margin-right:5px;
	margin-left:5px;
	padding: 0 3px 3px;
	border-radius: 5px
}
@media (max-width: 767px){
.month{
	width:150px;
}
}
@media (min-width: 768px){
.month{
	width:190px;
}
}
.month p{
	font-size:small;
}
.month h3{
	margin:0;
	padding:0;
	background:#FF587D;
	color:#FFF;
	text-align:center;
}