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

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

<link rel='stylesheet' id='google-fonts-css'  href='//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&#038;display=swap' type='text/css' media='all' />

@font-face {
	font-family: 'HanSans';
	src: url(https://www.ohtake5610.jp/font/SourceHanSansJP-Light.otf);
}
@font-face {
	font-family: 'HanSans2';
	src: url(https://www.ohtake5610.jp/font/SourceHanSansJP-Regular.otf);
}
@font-face {
	font-family: 'HanSansBold';
	src: url(https://www.ohtake5610.jp/font/SourceHanSansJP-Medium.otf);
}

@media screen and (max-width: 834px){
	.pc {
		display: none;
	}
}

@media screen and (min-width: 835px){
	.sp {
		display: none;
	}
}

a img:hover {
	opacity: 0.7;
}


/* 白いテーブル */
.whitetable > table > tbody > tr {
  background-color: transparent!important;
}
.whitetable  > table > tbody > tr >td {
  border: none!important;
}
table.whitetable > tbody > tr {
  background-color: transparent!important;
}
table.whitetable > tbody > tr >td {
  border: none!important;
}


body {
  background-image: none;
}


.article h1 {
  text-align: center;
  padding: 1em 0;
  font-size: 40px;
  color: #112973;
}
.article h1 span {
  display: block;
  font-size: 64%;
  font-weight: 300;
  letter-spacing: 0.2em;
  margin-top: 0.5em;
}
@media screen and (max-width: 834px){
	.article h1 {
	  font-size: 7vw;
	}
}


.header-container-in {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.topimage {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/* ヘッダー */
.header-container-in.hlt-top-menu {
	width: 100%;
}
.header-container-in.hlt-top-menu .logo-header {
	max-height: 80px;
}
.header-container-in.hlt-top-menu .logo-header img {
	max-height: 80px;
}
.header-container-in.hlt-top-menu .header {
	padding: 14px 0;
}
.header-container-in {
	overflow: hidden;
}


/* メニュー */
nav#navi {
	overflow: hidden;
}
#navi .caption-wrap .item-label {
	color: inherit;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.175em;
}

#navi .navi-in a {
  width: 100%;
  height: 100%;
  color: #111;
  position: relative;
  z-index: 2;
  -webkit-perspective: 350px;
  perspective: 350px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.navi-in>ul>li:nth-of-type(3n + 1) {
  border-bottom: ridge 3px red;
}

.navi-in>ul>li:nth-of-type(3n + 2) {
  border-bottom: ridge 3px green;
}

.navi-in>ul>li:nth-of-type(3n + 3) {
  border-bottom: ridge 3px yellow;
}

#navi .navi-in a::before,
#navi .navi-in a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

#navi .navi-in a,
#navi .navi-in a::before,
#navi .navi-in a::after {
  transition: all .3s;
}

#navi .navi-in a::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 97, 171, 0.8);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  transform: rotateX(90deg);
  opacity: 0;
}

#navi .navi-in a:hover {
  color: white !important;
  background:none;
}

#navi .navi-in a:hover::after {
  transform: rotateX(0);
  opacity: 1;
}



@media screen and (min-width: 835px) and (max-width: 1023px){
	.navi-in .menu-pc {
		display: flex!important;
	}
	.mobile-menu-buttons {
		display: none!important;
	}
	.header-container-in.hlt-top-menu {
		display: block!important;
	}
	.hlt-tm-right .navi-in > ul {
		justify-content: center!important;
	}
	body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
		margin-top: 0!important;
	}
	.header-container-in.hlt-top-menu .header {
		padding-top: 16px;
	}
	.logo-header img {
		width: 50vw;
		max-height: none !important;
	}
	.header-container-in.hlt-top-menu .logo-header {
		max-height: none !important;
	}
}
@media screen and (max-width: 834px){
	.mobile-header-menu-buttons .menu-icon {
		display: none;
	}
	.mobile-menu-buttons .menu-button > a {
		height: 50px;
    	display: flex;
		justify-content: center;
    	align-items: center;
	}
	.mobile-menu-buttons .menu-caption {
		font-size: 2.2vw;
		font-weight: bold;
	}
	.logo-header img {
		width: 50vw;
		max-height: none !important;
	}
	.header-container-in.hlt-top-menu .logo-header {
		max-height: none !important;
	}
}


/* 横幅 */
.content-in.wrap {
	max-width: 900px;
}
body:not(.home) .content-in.wrap {
	max-width: 900px;
}

/* 固定ページタイトル */
header .entry-title {
	text-align: center;
	padding: 1em 0;
	font-size: 32px;
	font-family: 'HanSansBold', sans-serif !important;
}
header .entry-title::after {
  display: block;
  font-size: 72%;
}


/* 更新日付 */
body.page .article-header .date-tags {
	display: none;
}

/* フッター */
footer.footer {
	overflow: hidden;
}
.footer-left {
	display: none;
}
.footer-right {
	display: none;
}
.footer-center {
	width: 100%;
	text-align: center;
}
.footer-center aside {
	margin-bottom: 0 !important;
}
.footer-center aside .textwidget {
	line-height: 1 !important;
}
.footer-center .footer-logo-image {
	width: 800px;
	max-width: none;
}
.footer-bottom {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#footer_text {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
}
.footer-widgets {
	margin-bottom: 0 !important;
}
.footer-center .footer-logo-image {
	width: 100%;
	max-width: 800px;
}
@media screen and (max-width: 834px){
	.footer-widgets {
		display: block !important;
	}
	.footer-center .footer-logo-image {
		
	}
}


/* 投稿本文 */
body.single .cat-label {
	display: none;
}
body.single .entry-categories-tags {
	display: none;
}
body.single .eye-catch {
	display: none;
	margin-left: auto;
	margin-right: auto;
}
body.single header .entry-title {
	padding: 0.5em 0 0 0;
}


/* トップ画像 */
.topimage {
	width: 100%;
	height: auto;
}

/* スライドショー */
#slider_layout {
	position: relative;
}
#slider_layout #slide_front {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}


.bxslider {
	padding: 0;
	margin: 0;
}
.bx-wrapper img {
	object-fit: cover;
	object-position: center top;
}
.bx-wrapper .bx-prev {
	left: 0!important;
}
.bx-wrapper .bx-next {
	right: 0!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 30px!important;
	height: 3px!important;
}
.bx-wrapper .bx-pager {
	bottom: 4% !important;
	line-height: 0;
}


.bxslider li {
	position: relative;
}
.bxslider li .slide_text {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(0);
	width: 100%;
}
.bxslider li .slide_text #slide_text_sub {
	max-width: 1080px;
	margin: 0 auto;
}
.bxslider li .slide_text #slide_text_sub > div:nth-of-type(1) {
	font-size: calc(1.313rem + .7vw);
	line-height: 140%;
	margin: 0 0 2% 0;
}
.bxslider li .slide_text #slide_text_sub > div:nth-of-type(2) {
	font-size: 1.22vw;
	line-height: 165%;
}
@media screen and (max-width: 850px){
	.bxslider li .slide_text #slide_text_sub > div:nth-of-type(1) {
		font-size: 3vw;
		margin: 0 0 1.1% 0;
		line-height: 125%;
	}
	.bxslider li .slide_text #slide_text_sub > div:nth-of-type(2) {
		font-size: 1.7vw;
		line-height: 150%;
	}
}
@media screen and (max-width: 1170px){
	.bxslider li .slide_text #slide_text_sub {
		padding-right: 30px;
		padding-left: 30px;
	}
}

.bx-wrapper .bx-prev {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -12px !important;
	margin-left: 1% !important;
	opacity: 0.5 !important;
}
.bx-wrapper .bx-prev:hover {
	opacity: 0.9 !important;
}
.bx-wrapper .bx-next {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -12px !important;
	margin-right: 1% !important;
	opacity: 0.5 !important;
}
.bx-wrapper .bx-next:hover {
	opacity: 0.9 !important;
}

#hozyo_layout {
	margin: 1em auto 2em auto;
	text-align: center;
	width: 90%;
	max-width: 960px;
}
#hozyo_layout img {
	width: 47%;
	height: auto;
	border: 1px solid #a0a0a0;
	margin: 0.5%;
	box-sizing: content-box;
}

#event_photo {
	max-width: 1000px;
	margin: 1em auto;
}
#event_photo_thumb {
	display: flex;
	flex-wrap: wrap;
}
#event_photo_thumb > div {
	width: 25%;
	padding: 0.5%;
	box-sizing: border-box;
}
#event_photo_thumb > div img {
	width: 100%;
	height: auto;
}



/* カレンダー */
#kyuuka_yotei table:not(.has-border-color) :where(th, td) {
	border-color: #bda99a;
}
#kyuuka_yotei #month {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 2px auto;
	text-align: left;
	padding-left: 10px;
	color: #444;
}
#kyuuka_yotei #month #small {
font-size: 18px;
}
#kyuuka_yotei #month #big {
font-size: 23px;
}
#kyuuka td {
border-right: 1px solid #bda99a !important;
border-bottom: 1px solid #bda99a !important;
}
#kyuuka td#week_heizitsu {
background-color: #feffd6;
}
#kyuuka td#week_sunday {
background-color: #ffd8d6;
}
#kyuuka td#week_saturday {
background-color: #d6eaff;
}
#kyuuka td#week_heizitsu span {
color: #484848;
}
#kyuuka td#week_sunday span {
color: #ff0000;
}
#kyuuka td#week_saturday span {
color: #0000ff;
}
#kyuuka tr#week td {
	width: 14%;
	line-height: 1;
}
#kyuuka tr#week td b {
	font-weight: normal;
}
#kyuuka tr#day td {
	text-align: left;
	line-height: 1;
	width: 14%;
	height: 60px;
}
#kyuuka tr#day td.yasumi {
	background-color: #ffc57a;
}
#kyuuka tr#day td.noday {
	background-color: #ddd;
}
#kyuuka #heizitsu {
color: #484848;
font-size: 14pt;
}
#kyuuka #holiday {
color: #ff0000;
font-size: 14pt;
}
#kyuuka #sunday {
color: #ff0000;
font-size: 14pt;
}
#kyuuka #saturday {
color: #0000ff;
font-size: 14pt;
}



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

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

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