/*
Theme Name:koharusyokudo_ver1.8-child
Template:koharusyokudo_ver1.8
Version:1.6.1
*/

@charset "UTF-8";

@import "fonts/fontawesome/css/fontawesome-all.min.css";

/* ---------------------------------
 Home page
--------------------------------- */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* content01 */
.content01-inner { padding: 33px 0 33px; }
.content01-item { background: #f6f6f6; margin: 0 0 33px 0; width: 100%; }
.content01-item:last-of-type { margin: 0 0 0 0; }
.content01-item h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 24px; height: 60px; line-height: 1.6; margin: 0 0 10px 0; padding: 10px 0; text-align: center; width: 100%; }
.content01-item:first-of-type h3 { background: #9f886e; }
.content01-item:last-of-type h3 { background: #c5b8a8; }
.content01-item time { color: #9f886e; display: inline-block; font-size: 24px; line-height: 1.6; margin: 0 auto 10px; text-align: center; width: 100%; }
.content01-item img { height: auto; width: 100%; }
.content01-item a { display: block; }
.content01-item a.btn { color: #fff; font-size: 16px; padding: 17.2px 0 20px; text-align: center; width: 100%; }
.content01-item:first-of-type a.btn { background: #9f886e; }
.content01-item:first-of-type a.btn:hover { background: #c5b8a8; }
.content01-item:last-of-type a.btn { background: #c5b8a8; }
.content01-item:last-of-type a.btn:hover { background: #9f886e; }
.content01-btn { font-size: 16px; padding: 17.2px 0 20px; }
/* content02 */
.content02 { padding: 34.5px 0 33px; }
.content02-inner { padding: 33px 0 33px !important; }
.content02-item { float: left; margin: 0 8% calc(0em + 33px) 0; padding-bottom: 0 !important; width: 46% !important; }
.content02-item:first-of-type { margin: 0 8% calc(0em + 33px) 0; }
.content02-item:nth-child(2n) { margin: 0 0 calc(0em + 33px) 0; }
.content02-item a { display: block; }
.content02-item img { height: auto; margin-bottom: 0; width: 100%; }
.content02-title { margin-bottom: 0 !important; }
/* content05 */
.content05 { padding: 34.5px 0 33px; }
.content05 .article05 { background: #f6f6f6; margin: 0 0 33px 0; width: 100%; }
.content05 .article05 > a { display: block; }
.content05 .article05-thumbnail { width: 100%; }
.content05 .article05-thumbnail img { width: 100%; height: auto; }
.content05 .article05-content { box-sizing: border-box; padding: 10px 15px; }
.content05 .article05-title { font-size: 16px; height: auto !important; margin: 0; text-align: center; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; }
/* article08 */
.article08 { border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 10px 10px 0; padding: 0 10px; width: calc((100% - 15px) / 2); }
.article08:nth-of-type(2n) { margin-right: 0; }
.article08 a { display: block; }
.article08-thumbnail { width: 100%; }
.article08-thumbnail img { height: auto; width: 100%; }
.article08-text { color: #9f886e; font-size: 12px; font-weight: normal; line-height: 1.6; text-align: center; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; }
.article08-text:hover { color: #73604a; }
/* global navigation */
.global-nav .menu-item-has-children > a { pointer-events: none; }
.global-nav .menu-item-has-children .sub-menu { display: block; }
/* flexbox */
.flex-around { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
.flex-between { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-center { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }


@media only screen and (min-width: 768px) {
	/* content01 */
	.content01-inner { margin: 0 auto; max-width: 768px; }
	.content01-item { margin: 0 0 0 0; width: 46%; }
	/* article08 */
	.article08 { width: calc((100% - 20px) / 3); }
	.article08:nth-of-type(2n) { margin-right: 10px; }
	.article08:nth-of-type(3n) { margin-right: 0; }
	.article08-text { font-size: 14px; }
}
@media only screen and (min-width: 992px) {
	/* content02 */
	.content02 { padding: 90px 0 90px; }
	.content02-inner { padding: 50px 0 50px !important; }
	.content02-item { float: left; margin: 0 10px 0 0; width: calc( 25% - 10px ) !important; }
	.content02-item:first-of-type { margin: 0 10px 0 0; }
	.content02-item:nth-child(2n) { margin: 0 10px 0 0; }
	.content02-item:last-of-type { margin: 0 0 0 0; }
	.content02-title { font-size: 42px; }
	/* content05 */
	.content05 { padding: 90px 0 0; }
	.content05 .article05 { margin: 0 0 50px 0; width: calc( 50% - 25px ); }
	/* article08 */
	.article08 { width: calc((100% - 30px) / 4); }
	.article08:nth-of-type(3n) { margin-right: 10px; }
	.article08:nth-of-type(4n) { margin-right: 0; }
}
@media only screen and (min-width: 1200px) {
	/* global navigation */
	.global-nav .menu-item-has-children > a { text-align: center; }
	.global-nav .menu-item-has-children > a:after { content: "\f0dd"; display: block; font-family: "Font Awesome 5 Free"; font-weight: 600; height: 35px; line-height: 10px; margin: -35px auto 0; }
}

/* ---------------------------------
 fixed page
--------------------------------- */
.post-content .content01-title { font-size: 28px; }
.content01-text p { text-align: left; }
.content01-link { margin-top: 30px; text-align: center; }
/* koharu area */
.koharu-area { padding: 16.5px 0 33px; }
.koharu-item { float: left; margin: 0 8% calc(0em + 33px) 0; padding-bottom: 0 !important; width: 46% !important; }
.koharu-item:first-of-type { margin: 0 8% calc(0em + 33px) 0; }
.koharu-item:nth-child(2n) { margin: 0 0 calc(0em + 33px) 0; }
.koharu-item a { display: block; }
.koharu-item img { height: auto; margin-bottom: 0; width: 100%; }
/* menu */
.commit-box { margin: 0 auto 33px; }
.commit-box-item { width: 100%; }
.commit-box-item h3 { color: #9F886E; font-size: 24px; line-height: 1.6; margin-bottom: 16.5px; }
.menu-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.menu-box div { margin-bottom: 35px; width: 100%; }
.menu-box img { height: auto; width: 100%; }
.menu-box dl dt { text-align: center; }
.menu-box dl dd { font-size: inherit; line-height: 1.6; }
/* event */
.tab-wrappper { margin: 80px auto; }
input[type="radio"] { display: none; }
.tab-area { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; font-size: 0; margin: 0; }
.tab-area label { background: #f6f6f6; border: 1px solid #f6f6f6; color: #9f886e; cursor: pointer; display: inline-block; font-size: 16px; margin: 0 0 33px; padding: 17.2px 0 20px; text-align: center; transition: ease 0.2s opacity; width: calc( 100% / 3 ); }
.tab-area label:hover { opacity: 0.5; }
.panel-area { background: #fff; }
.tab-panel { display: none; width: 100%; }
#id_2020:checked ~ .tab-area .tab3_label { background: #fff; color: #222; }
#id_2020:checked ~ .panel-area #panel3 { display: block; }
#id_2019:checked ~ .tab-area .tab1_label { background: #fff; color: #222; }
#id_2019:checked ~ .panel-area #panel1 { display: block; }
#id_2018:checked ~ .tab-area .tab2_label { background: #fff; color: #222; }
#id_2018:checked ~ .panel-area #panel2 { display: block; }
.event-table th { display: none; }
.event-table td { display: block; margin-top: -1px; text-align: right; }
.event-table td:nth-child(3) { text-align: center; }
.event-table td::before { content: attr(data-label); float: left; font-weight: bold; }
.event-table tr.current td { background-color: #f6f6f6; }
/* program */
.program-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.program-box dl { margin-bottom: 35px; width: 100%; }
.program-box dl img { height: auto; width: 100%; }
.program-box dl dt { text-align: center; }
.program-box dl dd { font-size: 85%; line-height: 1.6; }
/* recruit */
.recruit-table td { display: block; margin-top: -1px; text-align: center; width: 100%; }
/* privacy policy */
.policy-content { margin: 0 auto; max-width: 800px; text-align: left; width: 100%; }
/* sitemap */
.sitemap-box { margin: 0 auto 30px; width: 100%; }
.sitemap-box h3 { display: none; }
.sitemap-box ul { margin-bottom: 30px; }
.sitemap-box ul li { list-style-type: none; margin-left: 0 !important; }
.sitemap-box ul li a { text-decoration: underline; }
.sitemap-box .simple-sitemap-page li:before { content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 5px; padding: 0 5px; }
.sitemap-box .simple-sitemap-post li:before { content: "\f0da"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 5px; }

@media screen and (min-width: 768px) {
	/* 768px〜1023pxのcssを記述 */
	.post-content .content01-title { font-size: 32px; }
	.content01-text p { text-align: center; }
	/* koharu area */
	.koharu-area { padding: 33px 0 90px; }
	.koharu-item { float: left; margin: 0 10px 0 0; width: calc( 25% - 10px ) !important; }
	.koharu-item:first-of-type { margin: 0 10px 0 0; }
	.koharu-item:nth-child(2n) { margin: 0 10px 0 0; }
	.koharu-item:last-of-type { margin: 0 0 0 0; }
	/* menu */
	.commit-box { margin: 33px auto 50px; }
	.commit-box-item { width: 47.82609%; }
	.menu-box div { margin-bottom: 35px; width: 48%; }
	/* event */
	.event-table th { display: table-cell; }
	.event-table th:nth-child(1), .event-table th:nth-child(2) { width: 40%; }
	.event-table th:nth-child(3) { width: 20%; }
	.event-table td { display: table-cell; text-align: center; }
	.event-table td::before { content: none; float: none; font-weight: normal; }
	/* program */
	.program-box dl { margin-bottom: 35px; width: 48%; }
	/* recruit */
	.recruit-table td { display: table-cell; margin-top: 0; width: 50%; }
	/* sitemap */
	.sitemap-box { width: 48%; }
}
@media only screen and (min-width: 992px) {
	/* menu */
	.menu-box div { width: 32%; }
	/* program */
	.program-box dl { width: 32%; }
}

/* ---------------------------------
 mw wp form
--------------------------------- */
.mw_wp_form table { font-size: 14px; margin: 0 auto; max-width: 800px; width: 100%; }
.mw_wp_form table th, .mw_wp_form table td { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 10px 15px; text-align: left; vertical-align: middle; }
.mw_wp_form table th { background-color: #e6e6e6; }
.mw_wp_form table th span { float: right; font-size: 12px; font-weight: lighter; margin: 0; margin-top: 2px; padding: 0 4px; }
.mw_wp_form table th .must { background-color: #d9534f; color: #fff; }
.mw_wp_form table th .option { background-color: #fff; color: #323232; }
.mw_wp_form table td input, .mw_wp_form table td textarea { border: 1px solid #dcdcdc; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #323232; font: inherit; font-size: 15px; line-height: 100%; outline: none; padding: 4px 6px; width: 100%; }
.mw_wp_form table td span.mwform-tel-field input { width: 24%; }
.mw_wp_form table td input[type="radio"] { width: auto; }
.mw_wp_form table td select { background: #fff; border: 1px solid #dcdcdc; color: #323232; font-size: 15px; padding: 4px 6px; }
.mw_wp_form .mwform_button { margin-bottom: 0; text-align: center; }
.mw_wp_form .mwform_button input[type="submit"] { border: none; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 15px; padding: 10px 40px; }
.mw_wp_form .mwform_button input[type="submit"]:hover { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; opacity: 0.8; }
.mw_wp_form .mwform_button .submit-btn { background-color: #d9534f; color: #fff; margin: 30px auto 0; }
.mw_wp_form .mwform_button .submit-btn:hover { background-color: #c9302c; }
.mw_wp_form .mwform_button .back-btn { background-color: #e6e6e6; color: #323232; margin: 30px auto; }
.mw_wp_form .mwform_button .back-btn:hover { background-color: #dcdcdc; color: #323232; }

@media screen and (min-width: 480px) {
	/* 480px〜767pxのcssを記述 */
}
@media screen and (min-width: 768px) {
	/* 768px〜1023pxのcssを記述 */
	.mw_wp_form table th, .mw_wp_form table td { border-bottom: 1px solid #dcdcdc; display: table-cell; padding: 10px; }
	.mw_wp_form table th { background-color: transparent; white-space: nowrap; width: 200px; }
	.mw_wp_form table tr:last-child th, .mw_wp_form table tr:last-child td { border-bottom: none; }
	.mw_wp_form table th .option { background-color: #e6e6e6; }
	.mw_wp_form .mwform_button input[type="submit"] { display: inline-block; }
	.mw_wp_form .mwform_button .submit-btn { margin: 30px 0 0 30px; }
	.mw_wp_form .mwform_button .back-btn { margin: 30px 0 0 0; }
}
@media screen and (min-width: 1024px) {
	/* 1024px以上のcssを記述 */
}
@media screen and (min-width: 1280px) {
	/* 1280px以上のcssを記述 */
}