@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

/*固定ページのタイトルを非表示*/
.page .entry-title{
display: none;
}
/*固定ページのシェアボタンを非表示*/
.page .sns-share{
display: none;
}
/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
display: none;
}
/*固定ページの投稿日を非表示*/
.page .post-date{
display: none;
}
/*固定ページの更新日を非表示*/
.page .post-update{
display: none;
}
/*固定ページの投稿者名を非表示*/
.page .author-info{
display: none;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
	overflow:hidden;
	margin:10px 0;
}
.twoCol .inner {
	position: relative;
	overflow:hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 48.98%;
	width: calc((480 / 980) *100%);
	height: auto;
	margin:0 0 5px 0;
	text-align:center;
}
.twoCol .inner div:nth-child(2n+1) {
	clear:both;
}
.twoCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.twoCol .inner img {
	width:100%;
}

@media screen and (max-width:767px) {
	.twoCol {
		display: block;
		margin-bottom:5px;
	}
	.twoCol .inner {
		width :100%;
		margin:0 0 5px 0;
	}
}

div.imagearea:after {
	content: "";      /* ※Clearfix */
	clear: both;
	display: block;
}

div.imagearea2 {
	margin:5px;
}

div.imagearea2:after {
	content: "";      /* ※Clearfix */
	clear: both;
	display: block;
}

.imgM {
	text-align:center;
}

.imgfig {
	margin:10px 10px;
	float:left;
	font-size:90%;
	padding:0;
	width:350px;
	text-align:center;
}
.imgfig img {
	
	margin:0px;
	padding:0px;
}

.imgfig2 {
	margin:0 10px;
	float:right;
	font-size:90%;
	padding:0;
	text-align:center;
}
.imgfig2 img {
	
	margin:0px;
	padding:0px;
}
@media screen and (max-width:767px) {
	.imgfig {
		margin:15px;
		float:none;
		width:100%;
	}
	.imgfig img {
		margin:0;
	}

}



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

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

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

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

.link_ban img{
	padding:0;
	margin:10px;
	border:solid 1px #ff0033;
}

/************************************
** ボックスナビ
************************************/
.p-nav-t{
margin:10px 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
text-align:center;
}
.p-nav-t ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav-t ul li.no{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:50px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}

.p-nav-t ul li.co{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:50px;/* 最低の高さ */
cursor:pointer;
background:#ffebcd;/* 背景色 */
}
.p-nav-t ul li.no:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav-t ul li.no:before{
content:unset !important;
}
.p-nav-t ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav-t ul li.no a:hover{
background:none;
opacity:1;
}
.p-nav-t ul li a img{
max-width:100% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav-t .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
  .p-nav ul li.no{
    -ms-flex-preferred-size: calc(100%/3);/* 2列 */
    flex-basis: calc(100%/3);/* 2列 */
  }
  .p-nav ul li.co{
    -ms-flex-preferred-size: calc(100%/3);/* 2列 */
    flex-basis: calc(100%/3);/* 2列 */
  }
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 25px;/* アイコン大きさ */
padding: 5px 0;/* アイコン余白 */
color: #f6a068;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#f6a068;/* アイコン色 */
}

.new-entry-cards.event {
    display: flex;
    flex-wrap: wrap;
}

.new-entry-cards.event a {
    width: 33.333%;
}

/*768px以下*/
@media screen and (max-width: 768px){
  .new-entry-cards.event a {
      width: 50%;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .new-entry-cards.event a {
      width: 100%;
  }
} 

/*アピールエリア周辺*/
#appeal-in {
	background-image: url("https://www.mainichigaonsen2.work/wp-content/uploads/2020/08/202008ginkon.jpg"); /*画像の指定*/
	width: 100%;
	text-align:center;
}

.appeal-title {
	font-size: 1.5em;
	font-weight: bold;
}
.appeal-message {
	margin-bottom: 1em;
	padding-left: 1em
}
.appeal-content {
	width: 500px;
	max-width: 800px;
	background-color: rgba(255, 255, 255, 0.85);
	margin: auto;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	display: block;
}

.appeal-content:after {
	content: "";      /* ※Clearfix */
	clear: both;
	display: block;
}
.appeal-button {
	color: #fff;
	text-decoration: none;
	background-color: #dd4b39;
	font-weight: bold;
	text-align: center;
	display: block;
	max-width: 90%;
	margin: auto;
	padding: 10px 0px;
	border-radius: 4px;
}

.my-appeal {
	display: block;
	margin: auto;
}
.my-appeal-message {
	color: #044c81;
	background-color: rgba(255, 255, 255, 0.85);
	font-weight: bold;
}

.appeal-content-text {
	width: 500px;
	max-width: 800px;
	margin: auto;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	display: block;
}

/*スライダー用*/
.slides {
  position: relative;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 100%;
  height: 400px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background:#f5f5f5;
}
 
#slider-area {
  position: relative;
  margin-bottom: 50px;
}
 
.slides-inner {
  position: relative;
  top: 0;
  width: 100%;
}
 
.slidekiji {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
}
 
.slidekiji a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 400px;
}
 
.slidekiji img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.slidekiji .text {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 25px 30px 15px;
  background: linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  text-shadow: 0 0 3px #000;
  -moz-text-shadow: 0 0 3px #000;
  -webkit-text-shadow: 0 0 3px #000;
}
 
.slidekiji .kiji-date {
  font-size: .9em;
  color: #fff;
}
 
.slidekiji .cat-data {
  font-size: .9em;
  color: #fff;
  background-color: transparent;
}
 
.slidekiji h2 {
  font-size: 1.5em;
  line-height: 1.4;
  margin: 0;
  color: #fff;
}
 
#pager {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 
#pager .prev, #pager .next {
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 44px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #333;
}
 
#pager .prev {
  left: 0;
}
 
#pager .next {
  right: 0;
}
 
.slides-nav {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  text-align: center;
}
 
.slides-nav a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #ccc;
}
 
.slides-nav a.active {
  cursor: default;
  background: #333;
}
 
@media (max-width: 799px) {
  .slides {
    height: 240px;
  }
  .slidekiji a {
    height: 240px;
  }
  .slidekiji h2 {
    font-size: 1.2em;
  }
  .slidekiji .cat-data, .slidekiji .kiji-date {
    font-size: .8em;
  }
  #pager .prev, #pager .next {
    line-height: 8vw;
    width: 8vw;
    height: 8vw;
  }
  .slides-nav a {
    width: 10px;
    height: 10px;
    border-radius: 100%;
  }
}

/*編集長紹介*/
.shoukai{
	background:#D1E0D9;
	padding:15px;
}

/*サイドバー目次*/

nav.side a{
	text-decoration: none;
	color:#000;
}

nav.side a:hover{
	font-weight:bold;
	color:#5F9EA0;
}

.side_menu{
	list-style-type: disc;
	margin:0;
	padding:0;
}

.side_menu_b{
	list-style-type: square;
	margin:0;
	padding:0;
}

.side_menu_sub{
	list-style-type: square;
	padding:0;
	margin:0 0 0 30px;
}