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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*　ヘッダー　*/
.logo-image {
	padding: 80px 0;
}
.navi {
	height: 60px;
	margin: -50px 0 -30px 0;
	background-color: transparent !important;
}
.navi .menu-top li:hover{
	background-color: #bbf2bb;
}
.navi .current-menu-item {
    background-color: #dcf2dc;
}

.slicknav_menu {
  background: #f0fff0;
}

body.home .slide-mask-top {
	z-index:  10;
	position: absolute;
}
body.home .slide-mask-bottom {
	z-index:  11;
	position: absolute;
	margin-top: -85px;
}
body:not(.home) .slide-mask-top {
	display: none !important;
}
body:not(.home) .slide-mask-bottom {
	margin-top: -30px;
}

.wrap {
	width: 100%;
}
.content-in {
	background-image: url(images/bg-main-left.png), url(images/bg-main-right.png);
	background-repeat: repeat-y;
	background-position: left top, right top;
}
.no-sidebar .content .main {
  margin: 0 auto;
  max-width: 1024px;
}
.main {
	background-color:transparent;
}
.page .post-date,.page .post-update {
	display: none;
}

.contents95 {
	margin: 10px auto;
	width: 95%;
}
.contents95 p{
	text-align
}
.tbl-contents {
	margin: 10px auto;
	text-align: center;
	width: 95%;
}
table.table-arc {
	line-height: 1.5;
	background-color: #fff;
}
table.table-arc tr{
}
table.table-arc th{
	padding: 5px;
	font-weight: bold;
	border: 1px solid #9acd32;
	background-color: #fffff0;
}
table.table-arc td{
	border: 1px solid #9acd32;;
	padding: 5px 5px 5px 15px;
	text-align: left;
}


/*　トップページ　*/
.top1-bg {
	background-image: url(images/i-taiyou.png), url(images/i-otokonoko.png);
	background-repeat: no-repeat;
	background-position: left top, right center;
}
.top1-news {
	margin: 15px auto;
	width: 500px;
	height: 520px;
	background: url(images/top1-bg.png) no-repeat center top;
}
.top1-news ul {
	list-style: none;
	padding-top: 280px;
	padding-left: 60px;
}
.top1-news ul li {
	padding-top: 8px;
}
.top1-news ul li a {
	text-decoration: none;
	color: #8b4513;
}
.top1-news .news-list {
	width: 380px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top1-news .news-list .blog-date {
}
.top1-news .news-list .blog-title {
	padding-left: 13px;
}

.top2-bg {
	margin: 20px auto;
	background-image: url(images/i-sensei.png), url(images/i-fusen1.png);
	background-repeat: no-repeat;
	background-position: left top, right center;
}
.top2-intro {
	margin: 20px auto;
	text-align: center;
}
.top2-intro p {
	padding: 10px 0;
	color: #8b4513;
}
.top2-bg2 {
	height: 100px;
	background-image: url(images/i-kuma.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.top3-bg {
	margin: 20px auto;
	height: 500px;
	background-image: url(images/i-hiyoko.png), url(images/i-onnanoko.png);
	background-repeat: no-repeat;
	background-position: center center, right bottom;
}
.top3-bg p, .top4-bg p, .top5-bg p {
	clear: both;
	padding: 10px 0;
	color: #8b4513;
}
.top3-left, .top4-left, .top5-left {
	width: 50%;
	float: left;
	text-align: center;
}
.top3-right, .top4-right, .top5-right {
	width: 50%;
	float: right;
	text-align: center;
}
.top4-bg {
	margin: 20px auto;
	height: 230px;
	background-image: url(images/i-usagi.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.top5-bg {
	margin: 20px auto;
	height: 220px;
	background-image: url(images/i-araiguma.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.top6-bg {
	clear: both;
	margin: 20px auto;
	height: 250px;
	background-image: url(images/i-fusen2.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.top6-center {
	margin: 20px auto;
	height: 200px;
	text-align: center;
}
.top7-bg {
	margin: 20px auto;
	padding: 20px;
	max-width: 900px;
	background-color: #fff;
	border-radius: 20px;
	text-align: center;
}
.top7-main {
	padding: 20px;
}
.top7-main p{
	padding: 10px;
}
.top7-text{
	margin: 10px auto;
	max-width: 700px;
	text-align: center;
}
.top-map {
	margin: 80px auto 30px;
}

/*　ページ共通　*/
.article h1 {
	margin-bottom: 50px;
	padding: 10px 20px;
	color: #fff;
	background-color: #aacd06;
	border-radius: 20px;
	letter-spacing: 0.3em;
	text-align: center;
}
.article h2 {
	margin-top: 60px;
	padding: 10px 20px;
	color: #ffa500 ;
	background-color: #fff;
	border: #ffa500 solid 2px;
	border-radius: 10px;
}
.article h3 {
	margin-top: 60px;
	padding: 10px 20px;
	color: #fff;
	background-color: #ffa500;
	border-radius: 10px;
	font-size: 24px;
}
.article h4 {
	margin-top: 60px;
	padding: 10px 20px;
	color: #aacd06  ;
	background-color: #fff;
	border: #aacd06 solid 2px;
	border-radius: 10px;
	font-size: 24px;
}
.article h5 {
	margin-top: 60px;
	padding: 10px 20px;
	color: #ffb6c1  ;
	background-color: #fff;
	border: #ffb6c1 solid 2px;
	border-radius: 10px;
	font-size: 24px;
}
.article h6 {
	padding: 10px 20px;
	color: #8b4513;
	background-color: #fffacd;
	border-radius: 10px;
	font-size: 24px;
}
.entry-content p {
	padding: 0 10px;
}
.rounded-image {
	border-radius: 20px;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
}

/*　フッター　*/
.footer {
	background-color: #fff !important;
}
.footer-bottom-logo {
	top: 0;
}
.footer-bottom-logo img {
	height: auto;
	width: 252px;
}
.footer-bottom-content {
	margin-left: 360px;
}
.navi-footer-in > .menu-footer {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: left;
}
.navi-footer-in > .menu-footer li {
	padding-top: 10px;
	width: 140px;
	border: none;
}
.navi-footer-in > .menu-footer li:last-child {
	border: none;
}
.copyright {
	margin-top: 28px;
	border-top: 1px solid #8b4513;
	padding-top: 8px;
}
.footer-back {
	clear: both;
	background-color: #fff;
}
.footer-back .footer-back-img{
	height: 200px;
	background: url(images/footer-pc.png) repeat-x center bottom;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

	.logo-image {
		padding: 80px 0 0;
	}
	.content-in {
		background-image: none;
	}

	.footer-bottom-content {
		margin-left: 0;
	}
	.navi-footer-in > .menu-footer {
	  padding-top: 40px;
	}
	.footer-back .footer-back-img{
	height: 100px;
		background: url(images/footer-sp.png) no-repeat center bottom;
	}
	
	body.home .slide-mask-bottom {
		margin-top: -70px;
	}

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	body.home .slide-mask-top {
		margin-top: -10px;
	}
	body.home .slide-mask-bottom {
		margin-top: -60px;
	}
	body:not(.home) .slide-mask-top {
		display: none !important;
	}
	.top1-bg,.top2-bg {
		background-image: none;
	}
	.top3-bg {
		height: 960px;
	}
	.top4-bg, .top5-bg {
		height: 450px;
	}
	.top6-bg {
		margin: 60px auto 30px;
		height: 300px;
		background-position: center bottom;
	}
	.top7-main {
		padding: 0;
	}
	.top7-button {
		line-height: 7;
	}
	.top3-left,.top3-right,
	.top4-left,.top4-right,
	.top5-left,.top5-right {
		width: 100%;
		float: none;
	}
	.top3-right, .top4-right, .top5-right {
		margin-top: 80px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
 /*　トップページ　*/
	.top1-news {
		margin: 15px auto;
		width: 400px;
		height: 450px;
		background: url(images/sp-top1-bg.png) no-repeat center top;
	}
	.top1-news ul {
		list-style: none;
		padding-top: 230px;
		padding-left: 45px;
	}
	.top1-news ul li {
		padding-top: 8px;
		font-size: 0.92em;
	}
	.top1-news .news-list {
		width: 320px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}