@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.page .entry-title{
  display: none;
}

.content-top {
height: 700px;	
}

.slides {
height : 680px !important;	
}


.content-top-in {
margin-top: 2% !important;	
height: auro !important;
}

.content-in {
margin-top: 6% !important;	
}

.flex-control-nav {
bottom: -50px!important;	
}


#calendar_wrap {
  margin-right: -4px;
  margin-left: -4px;
  line-height: 1.5;
}

#wp-calendar {
  margin-bottom: 5px;
  border-collapse: separate;
  border-spacing: 4px;
  border-style: none;
}

#wp-calendar caption {
  font-size: 1.2em;
  font-weight: normal;
}

#wp-calendar th {
  padding: 2px 0;
  background-color: #f5f5f5;
}

#wp-calendar td,
#wp-calendar th {
  border-style: none;
}

#wp-calendar td a,
#wp-calendar #today a,
.wp-calendar-nav a {
  border: solid 1px #ddd;
  border-radius: 4px;
  background-color: transparent;
  text-decoration: none;
  transition: all .3s;
}

#wp-calendar td a:hover,
#wp-calendar #today a:hover,
.wp-calendar-nav a:hover {
  background-color: #eee;
}

#wp-calendar #today {
  background-color: transparent;
  font-weight: bold;
}

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  margin-right: 4px;
  margin-left: 4px;
}

.wp-calendar-nav a {
  display: inline-block;
  padding: 0 50px;
  color: inherit;
}

.header-container {
height : 150px;	
}

.site-logo-image {
max-height : 150px !important;	
}

.navi {
margin-top : -0.5%;	
font-weight : 500;		
}






#navi .navi-in > ul > li{
  border-left: 2px dotted #9e9e9f;
}

#navi .navi-in > ul > li:last-child{
  border-right: 2px dotted #9e9e9f;
}

.navi-in > ul > .menu-item-has-children > a::after{ 
  right: 10px; 
}

#navi ul li a:hover{
  color: #b80050 !important;
	font-size : 1.0em !important;
}
#navi ul li a:before{
  background:d2adb7 !important;
}
#navi ul,#navi{
  background-color:d2adb7;
}




.footer-bottom-logo {
max-width: 500px !important;		
}

.footer-site-logo-image {
	
width: 100% !important;	
height: 100% !important;		
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*520px以下*/
@media screen and (max-width: 520px){

.header-container {
height: 75px !important;
}
	
	
.breadcrumb {
margin-top: -6%;				
}	
	
.footer-in {
margin-top: -6% !important;		
}
	
.footer-container{
margin-top: -2% !important;		
}	
	

	
	
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}