@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
*/

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

#content{
	margin-top:0;
	margin-bottom:0;
}
#breadcrumb{
	margin:0;
}
.entry-title{
	margin-bottom:10px!important;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
.tagline{
	width:100%;
	margin:0 auto;
}
div #main{
	width:1080px;
	margin:auto;
	padding-bottom:3em;
}
.entry-content{
	width:90%;
	margin:auto;
}
#container{
	width:100%;
}
#content-top-in{
	width:1080px;
}
#media_image-2 img{
	margin:0 auto;
}

.metaslider {
    overflow: visible !important;
}
#media_image-4{
	margin:0 auto;
	margin-bottom:0;
}
#content-top{
	margin:0 auto;
	margin-bottom:0;
	background-color:#fff;
	width:100%;
}
#media_image-2{
	height:454px;
	margin-bottom:0!important;
}
.date-tags{
display: none;
}
.textwidget {width:70%;
margin:0 auto;
}
.footer-in{
	width:1080px;
	margin:0 auto;
}
.footer-widget{
	width:1080px;
	margin:0 auto;
}
#footmenu{
	padding:30px;
	background-color:#fff;
	width:650px;
	margin:0 auto;
	margin-bottom:50px;
	border:solid 3px #2630a0;
}
#footmenu img{
	margin:0 auto;
	width:100%;
}
#footmenu .wp-block-columns{
	margin:0 auto;
}
#footmenu i{
	padding-right:12px;
}
#content-bottom{
	margin-top:0;
	margin-bottom:0;
}
#custom_html-3{
	margin-top:0;
	margin-bottom:0;
}
.endinfo,.wp-block-group{
	margin-bottom:0;
}
.endinfo,.wp-block-column{
	margin-bottom:10px;
	padding:0;
}
#content-bottom{
	width:1080px;
		background-color:#fff;
margin:0 auto;
	padding-bottom:10px;
}
#content-bottom-in{
	width:100%;
	margin:0 auto;
	padding-top:2rem;
}
div .lastinfo{
	padding:10px;
}

#content{
	margin-bottom:0;
}
#footer{
	margin-top:0;
}

#custom_html-5{
	width:100%;
	margin-bottom:0;
	overflow: hidden;
}
#custom_html-5 .textwidget{
	margin-bottom:0;
	width:100%;
}
#media_image-3{
	margin-bottom:0;
	width:100%;
}

.swiper-container img {
width:1080px!important;
	height:450px;
	margin:0 auto;
	margin-bottom:0;
    }

	.custom-html-widget{
		width:1080px!important;
	}
#content-top{
	 overflow: hidden !important;
	border-bottom:solid 5px #2630a0;
}
#content-top-in
#custom_html-2{
	margin-bottom:0;
	height:450px;
}
.swiper-slide{
	width:1080px!important;
}
	.footer-right{
		padding-right:0!important;
	}
	#box_menu-3 .box-menu-label,
.box-menu-description{
	display: none;
}
	#box_menu-2 .box-menu-label,
.box-menu-description{
	display: none;
}
#box_menu-3.box-menu{
padding: 0;
	min-height: 0;
	height:50px;
}
#box_menu-3{
	padding:0;
	width: 100%; 
	min-height:30px;
}
#box_menu-3.box-menu-icon{
	width:100%;
	max-width: 100%;
 display:inline-block;
margin: 0;
}
.box-menu{
	padding: 0;
	min-height: 0;
}
	.box-menu-icon *{
	margin: 0;
	max-width: 100%;
}
#box_menu-3 .box-menu-label,
.box-menu-description{
	display: none;
}


/*cocoonトグルボックスカスタム*/
.ath-toggle-first .toggle-button, .ath-toggle-middle .toggle-button, .ath-toggle-last .toggle-button{
	text-align:left;
	border-radius:0px;
}
.ath-toggle-first{
	margin-bottom:0px!important;
}
.ath-toggle-first .toggle-button{
	border-bottom:0px!important;
}
.ath-toggle-middle{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
.ath-toggle-middle .toggle-button{
	border-bottom:0px!important;
	margin-top:0px!important;
	margin-bottom:0px!important;
}
.ath-toggle-last{
	margin-top:0px!important;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-button{
border-bottom:0px!important;	
}

.ath-toggle-first .toggle-checkbox:checked~.toggle-content,.ath-toggle-middle .toggle-checkbox:checked~.toggle-content{
	border-bottom:0px!important;
	border-radius:0px!important;
}
.ath-toggle-last .toggle-checkbox:checked~.toggle-content{
	border-radius:0px!important;
}
/*cocoonトグルボックスカスタム*/
#nav_menu-3 li a{
	padding:5px;
	font-size:14px;
}
#nav_menu-3 li a:hover{
background-color:#333;
	opacity:0.7;
}
#nav_menu-4 li a{
	padding:5px;
	font-size:14px;
}
#nav_menu-4 li a:hover{
	background-color:#333;
	opacity:0.7;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
	.swiper-container img {
width:100%!important;
display:inline-block;
    }
		.custom-html-widget{
		width:100%!important;
	}
	.tagline{
	width:100%;
		margin-bottom:10px;
		padding-top:1em;
}
	#content-top-in{
	width:100%;
}

	.header-in{
width:100%!important;
	position:relative!inportant;	
}

.add-header-contents ul{
	width:560px;
	position:absolute;
	bottom:1px;
left:1em;
	}
	.add-header-contents ul a{
		font-size:18px;
		font-weight:bold;
	}
	#container{
		overflow-x:hidden;
	}
div #main{
		width:100%!important;
	}
div #navi-in ul{
		width:100%;
	}
#navi-in li{
		width:20%!important;
	}
#appeal{
	width:100%;
	margin:auto;
	height: calc(100vw * calc(600 / 1080));
}
	.footer-widget{
	width:100%;
	margin:0 auto;
}
	.footer-in{
	width:95%;
	margin:0 auto;
}
	.footer-widget{
	width:100%;
	margin:0 auto;
}
	
	.endinfo figure img{
	width:80%;
}
	
.textwidget,.custom-html-widget{
		width:100%;
		margin:0;
	}
	#custom_html-3{
		width:100%;
	}
	#custom_html-3 .textwidget {
		margin:0 auto!important;
		
	}
	#custom_html-6{
	width:100%;
	margin-bottom:0;
	margin-left:0;
}
#custom_html-6 .textwidget{
	margin-bottom:0;
	width:100%;
	margin-left:0;
}
	#content-top-in{
	width:100%;
}
	#box_menu-3 a.box-menu{
	width: 45%; 
	padding:0;
	background:none;
		margin-right:10px;
		margin-bottom:10px;
}
	.footer-in{
	width:100%;
	margin:0 auto;
}
.footer-in,.text-widget{
	margin:0 auto;
}
.footer-widget{
	width:100%;
	margin:0 auto;
}
		#footmenu{
			width:100%;
			display:inline-block;
		margin:0 auto;
	}
	#media_image-4 {
		padding:20px;
	}
	#media_image-4 img{
		margin:20px auto;
	}

}

/*834px以下*/
@media screen and (min-width: 769px){
	.ph{display:none;}
}
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.pc{display:none;}
	.header-in {
  display: none; 
}
#content{
	width:100%;
margin:0 auto;}
#main.main{
		width:100%;
	}
div #header{
			box-sizing: border-box;
	width:100%;
	}
.mobile-footer-menu-buttons{
	background-color:#fff;
}
.navi-menu-button .menu-caption{
	color:#fff;
	font-size:13px;
}
.mobile-header-menu-buttons{
		color:#fff;
	}
.menu-button,
.navi-menu-button.menu-button{
	background-color: #fff;
	color: #1565d6;
	height: 55px;
	padding-top: 8px;
}
	.textwidget{
		width:80% !important;
		margin:0 auto;
	}
	.entry-content{
		width:95%;
		margin:0 auto;
	}
	.footer-mobile{
	padding:5px;
}
#box_menu-5{
	padding:0;
	width: 100%; 
	min-height:30px;
	margin-bottom:0;
}
#box_menu-5.box-menu-icon{
	width:100%;
	max-width: 100%;
			background-color:#333!important;
margin: 0;
}
#box_menu-5.box-menus,.no-icon{
margin-bottom: 0px!important;
}
#box_menu-5 a.box-menu{
	width: 48%; 
	height:auto!important;
	padding:0;
	margin-bottom:10px;
}
	#box_menu-5 a.box-menu img{
	width: 100%; 
	height:auto!important;
	padding:0;
}
	
	#box_menu-5 a.box-menu:not(:nth-child(2)){
	margin-right:10px;
}
	#box_menu-5 a.box-menu:last-child{
	margin-right:0;
}
#box_menu-5 .box-menu-label,
.box-menu-description{
	display: none!important;
}
#box_menu-5.box-menu{
padding: 0;
	min-height: 0;
	height:50px;
}
	.box-menu{
	padding: 0;
	min-height: 0;
}
	.box-menu-icon *{
	margin: 0;
	max-width: 100%;
}
#container{
		width:100%!important;
	}
	.footer-widget{
	width:100%;
	margin:0 auto;
}
	#box_menu-7 .box-menu-label,
.box-menu-description{
	display: none;
}
	.endinfo figure img{
	width:80%;
}
	.endinfo h3{
	font-size:22px;
	font-weight:bold;
	margin:0.5rem 2rem 0.5rem 2rem;
	line-height: 25px;
		color:#1b64b7;
	padding-top:1rem;
}

	.textwidget,.custom-html-widget{
		width:100%;
		margin:0;
	}
	#custom_html-3{
		width:100%;
		margin:0 auto;
	}
	#custom_html-6{
	width:100%;
	margin-bottom:0;
	margin-left:0;
}
#custom_html-6 .textwidget{
	margin-bottom:0;
	width:100%;
	margin-left:0;
}
	#content-top-in{
	width:100%;
}
	#content-bottom-in{
		width:100%;
		display:inline-block;
	}
	#content-bottom{
		background-color:#fff;
margin:0 auto;
	padding-bottom:10px;
		width:100%;
}

	#footmenu{
		margin:0 auto;
	}
		/* ホームボタンの色 */
.mobile-footer-menu-buttons a{
color: #fff!important;
	font-weight:bold;
}
.mobile-menu-buttons, .custom-menu-caption{
			font-size:20px;
	}
/*モバイルフッターメニュー*
 * /
.mobile-footer-menu-buttons, .mobile-menu-buttons{
  box-shadow:0 -2px 6px gray;/* メニューに影をつける */
	
}
	.mobile-footer-menu-buttons li:first-child{
		display: inline-block;
  position: relative;
  text-decoration: none;
  color: #f9a9ae;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#ffc56e 0%, #e67710 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	}
	
	
	.mobile-footer-menu-buttons li {
		background-color:#ffb84d;
		
		display: inline-block;
  position: relative;
  text-decoration: none;
  color: #f9a9ae;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#5a5aed 0%, #2630a0 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	}	
	
	.logofoot{
		margin:10px!important;
		margin:auto!important;
	}

}
	/************************************
**モバイルスライドインメニュー
************************************/
#navi-menu-content {
	background-color: #f5f9ff!important;
}
span.fas.fa-times::before{
    font-family: "Font Awesome 5 Free";
    content: "\f060";
}

.menu-drawer li{
	    padding:0;
/* 	display: inline-block; */
/*   position: relative; */
  text-decoration: none;
  color: #f9a9ae;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#f5f9ff 0%, #e0ecff 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.menu-drawer li a{
    font-size:1.3em;
    margin: .5em 0;
		color: #2630a0!important;
}
	.menu-drawer li a:hover{
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#ffffff 0%, #f5f9ff 100%);/*グラデーションを明るく*/
}

/*モバイルスライドインメニュー*/

.menu-drawer .sub-menu {
    padding:0;
}
.menu-drawer .sub-menu li{
    font-size: .9em;
}
	.menu-drawer .sub-menu ul{
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}
	
	
	/* ホームボタンの色 */
.mobile-footer-menu-buttons a{
color: #fff!important;
	font-weight:bold;
}
.mobile-menu-buttons, .custom-menu-caption{
			font-size:20px;
	}
/*モバイルフッターメニュー*
 * /
.mobile-footer-menu-buttons, .mobile-menu-buttons{
  box-shadow:0 -2px 6px gray;/* メニューに影をつける */
	
}
	.mobile-footer-menu-buttons li:first-child{
		display: inline-block;
  position: relative;
  text-decoration: none;
  color: #f9a9ae;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#ffc56e 0%, #e67710 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	}
	
	
	.mobile-footer-menu-buttons li {
		background-color:#ffb84d;
		
		display: inline-block;
  position: relative;
  text-decoration: none;
  color: #f9a9ae;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#5a5aed 0%, #2630a0 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	}	
	
	.logofoot{
		margin:10px!important;
		margin:auto!important;
	}




/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	h1{
		display:none;
	}
#main{
width:100%;
padding:0;
}
#content{
margin:0;
	width:100%;
	}
.content-in{
width:100%;
}
.entry-content{
	width:95%!important;
		margin:0 auto;
	}

.textwidget{
		width:95% !important;
		margin:0 auto;
	}
	#footmenu{
	width:100%;
		margin:0 auto;
	}
	#content-bottom-in{
		padding-top:0;
	}
		#media_image-4 img{
		margin:20px auto;
			width:100%;
	}
	
#box_menu-5　a.box-menu{
width:140px; 
	margin-right:5px;
}


}