/*
Theme Name:		Theme ISH2022
Author URI:		https://cl-creative.co.jp
Version:	1.0.4
*/

/* variables */
:root {
	--border-red: solid 1px #FF2020;
}

body {line-height: 1.8 !important;}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.col-2_5 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-4 {
	-ms-flex: 0 0 33.33333333%;
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-8 {
	-ms-flex: 0 0 66.66666667%;
	flex: 0 0 66.66666667%;
	max-width: 66.66666667%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.px-15 {padding-left: 15px; padding-right: 15px;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-white {color: #fff !important;}
.text-black {color: #000 !important;}
.w100 {width: 100% !important;}
.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx-5 {margin-left: 5px !important; margin-right: 5px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-80 {margin-bottom: 60px !important;}
.ml-30 {margin-left: 30px !important;}
.py-25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.my-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.ms-auto {margin-left: auto !important;}
.pl-0 {padding-left: 0 !important;}
.pl-15 {padding-left: 15px !important;}
.p-15 {padding: 15px !important;}
.fw-bold {font-weight: bold !important;}
.fw-normal {font-weight: normal !important;}
.f-18 {font-size: 1.8rem !important;}
.link-black {font-weight: bold; color: #000 !important;}
.iCent {display: block; margin-left: auto; margin-right: auto;}
.img-fluid {width: 100%; max-width: 100%; height: auto;}
.box-sns .innerbox-item {display: flex;}
.box-sns .innerbox-item > * {
    width: calc((100% / 3) - 2%);
    max-width: 35px;
	margin-right: 10px;
}
.col-navy {color: #093d6e !important;}
.col-green {color: #3D5F24 !important;}
.col-yellow {color: #BF9000 !important;}
.col-dBlue {color: #25354B !important;}
.col-oBrown {color: #A46F3B !important;}
.col-red {color: #FF2020 !important;}
.border-bottom {border-bottom: solid 2px !important; padding-bottom: 10px;}
#block-footer .innerblock-link .box-contact a.btn-base.bg-navy, .bg-navy {background-color: #093d6e !important;}
.content-title_border {padding-left: 10px; padding-bottom: 5px; border-left: solid 1px #093d6e; border-bottom: solid 1px #093d6e;}
.orga-list-items {display: flex; flex-direction: column; justify-content: center; margin-bottom: 40px;}
.orga-list-items-img {width: 180px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.orga-list-items-img img {min-width: 180px;}
.orga-list-items-cont {padding-left: 15px;}
.section-news .layout-box .box-news .item-detail dl dt {width: 100px !important;}
.mw-240 {max-width: 240px; width: 100%;}
.mw-420 {max-width: 420px; width: 100%;}
.btn-download-w {
	color: #093d6e !important;
    background: #FFF;
    border-color: #093d6e;
    opacity: 1;
    display: inline-block;
    padding: 8px 12px;
    padding-left: 36px;
    font-weight: 500;
    text-decoration: none !important;
    text-align: center;
    border: #093d6e 1px solid;
    transition: .5s;
    position: relative;
}
.btn-download-w:before {
    background: url(img/buttomicon-blue.svg) 0 center no-repeat;
    background-size: contain;
    content: '';
    width: 18px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
}
.btn-download-w:hover {
	opacity: 1 !important;
	color: #fff !important;
	background-color: #093d6e !important;
}
.btn-download-w:hover:before {
	background: url(img/buttomicon-white.svg) 0 center no-repeat;
	background-size: contain;
}
.btn-download_noneic {padding: 15px 25px !important;}
.btn-download_noneic:before {content: none !important;}
.btn-disable {background-color: gray !important; border-color: gray !important; color: #fff !important; pointer-events: none; cursor: default;}
.btn-green {background-color: #3D5F24 !important; border-color: #3D5F24 !important; color: #fff !important;}
.btn-green:hover {opacity: 0.75 !important; color: #fff !important;}
.list-number li {margin-top: 0 !important; margin-bottom: 10px !important;}
.box-blue {padding: 15px; border: solid 1px #093d6e; text-align: center;}
.box-blue h2 {display: inline-block; text-align: left; color: #093d6e; font-weight: bold;}
.list-inside {list-style: disc !important; list-style-position: inside !important;}
.list-outside {list-style: disc !important;}
.color-brown {color: #A46F3B !important;}
.box-nav li > a {color: #fff !important;}
.items-hover:hover > a, .nav-parent:hover > a, .nav-parent.active, .nav-parent.activePage, .items-hover.activePage {background-color: #7F3B3B !important;}
.box-banner {padding: 0 !important;}
.box-banner .innerbox-item {width: 100% !important;}
.box-banner .innerbox-item li {background-color: #fff !important; padding: 10px 10px 10px 30px !important;}
.box-banner .innerbox-item li a {display: block; width: 75% !important;}
.box-item {border: solid 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.more-link {text-decoration: none !important; color: #A46F3B !important; font-weight: bold;}
.innerbox-date li {color: #093D6E !important; background-color: #fff !important; border-radius: 4px;}
.double-border {position: relative; padding: 15px; border: solid 1px #093d6e; margin-left: 4px;}
.double-border:before {content: ""; width: calc(100% + 8px); height: calc(100% + 8px); border: solid 1px #093d6e; position: absolute; top: -4px; left: -4px; z-index: -1;}
.line14 {line-height: 1.4 !important;}
.line18 {line-height: 1.8 !important;}
.box-2 {padding: 15px; position: relative;}
.box-2:before, .box-2:after {content: ""; width: 35%; height: 50%; position: absolute;}
.box-2:before {top: 0; left: 0; border-top: var(--border-red); border-left: var(--border-red);}
.box-2:after {bottom: 0; right: 0; border-bottom: var(--border-red); border-right: var(--border-red);}
.box-2 > div {border: var(--border-red);}
.text-line-through-b {text-decoration: line-through !important;}
.text-line-through {text-decoration: line-through !important; text-decoration-color: red !important;}
.text-line-none {text-decoration: none !important;}
@media screen and (min-width: 769px) {
	.ih-md-300 {width: auto !important; height: 300px;}
	#block-nav .innerblock-nav .nav-child {
		width: 230px !important;
	}
	.orga-list-items {flex-direction: row; justify-content: flex-start; align-items: center;}
	.orga-list-items-img {margin-left: 0; margin-right: 0; margin-bottom: 0;}
	.w-md-100 {width: 100% !important;}
	.mx-md-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.my-md-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.mt-md-60 {margin-top: 60px !important;}
	.mb-md-0 {margin-bottom: 0 !important;}
	.mb-md-60 {margin-bottom: 60px !important;}
	.ml-md-30 {margin-left: 30px !important;}
	.px-md-60 {padding-left: 60px !important; padding-right: 60px !important;}
	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.row-30 {
		margin-right: -30px;
		margin-left: -30px;
	}
	.row-30 > div[class^="col"] {
		padding-right: 30px;
		padding-left: 30px;
	}
	.col-md-2 {
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-2_5 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 25%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-8 {
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}
.backTop {position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; display: none;}

.wisdom-items {
	border: solid 1px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 15px 15px 30px;
	background: url("../../../ish2022/wp-content/uploads/2022/03/wisdom-bg-2x.jpg") no-repeat bottom right;
	background-size: auto 20px;
	height: 100%;
	align-items: center;
	display: flex;
	position: relative;
}
.wisdom-items > div {width: 100%;}
.wisdom-items a.aLink-brown, .wisdom-items button.aLink-brown {color: #A46F3B !important; text-decoration: none !important; font-weight: bold;}
.d-block {display: block;}
.d-flex {display: flex;}
.align-items-center {align-items: center !important;}
.layout-table.tb-cus {overflow-x: auto;}
.layout-table.tb-cus tr th, .layout-table.tb-cus tr td {width: auto !important;}
#block-nav .box-contact a {background-color: #fff !important; color: #093D6E !important;}
.content-title-border {border: solid 1px;}
.justify-content-center {-ms-flex-pack: center!important; justify-content: center!important;}
.position-relative {position: relative;}
.table-cus table {border-collapse: collapse;}
.table-cus th, .table-cus td {padding: 15px; border: #000 1px solid;}
.table-cus th {background-color: #d7e6fb; font-weight: normal;}
.table-cus td {text-align: center; min-width: 130px;}
.table-cus-w table tr th, .table-cus-w table tr td {width: auto !important;}
.th-65 {width: 65px !important;}
.td-55p {width: 55% !important; min-width: 250px;}
th.th-65 + td:not(.td-55p) {width: calc(100% - 65px) !important; min-width: 165px;}
.tb-rps {overflow-x: auto;}
.tb-none {border-color: transparent !important; background-color: #fff !important;}
.note-sty {padding-left: 20px; position: relative;}
.note-sty:before {content: attr(rel); position: absolute; top: 0; left: 0;}
.bd-yl {text-decoration: underline #FFF000; text-underline-offset: -6px; text-decoration-thickness: 12px;}

/* only PC */
@media screen and (min-width: 769px) {
	#block-nav, #container-header {background-color: #093D6E !important;}
	.innerblock-logo {width: 100% !important; padding: 26px 18px !important; background-color: #fff;}
	.layout-table.tb-cus tr th, .layout-table.tb-cus tr td {min-width: 150px;}
	.layout-table.tb-cus tr th:first-child, .layout-table.tb-cus tr td:first-child {width: 200px !important;}
	.layout-table.tb-cus table {table-layout: auto !important; width: auto !important;}
	#block-nav .innerblock-nav .box-date .innerbox-datehead {color: #fff !important;}
    .d-md-none {display: none !important;}
	.table-cus table {width: 100%;}
    .table-cus_35 {max-width: 35% !important;}
	.wisdom-items-logo {height: 180px; width: auto;}
	.px-md-80 {padding-left: 80px; padding-right: 80px;}
    .bd-yl {text-underline-offset: -8px; text-decoration-thickness: 15px;}
	.hp-bottom {position: absolute; bottom: 30px; width: 100%;}
}
/* only SP */
@media screen and (max-width: 769px) {
	#block-nav .innerblock-nav .box-date {margin-bottom: 30px;}
	#block-nav .innerblock-nav .box-date li {background-color: #093D6E !important; color: #fff !important;}
	.orga-list-items-cont p {font-size: 1.5rem;}
	.backTop {width: 40px; height: 40px;}
	.d-none {display: none !important;}
	.row, .mx--15 {margin-left: -13px; margin-right: -13px;}
	#block-nav .innerblock-nav .box-banner .innerbox-item {display: block !important;}
	#block-nav .innerblock-nav .box-banner .innerbox-item li {width: 100% !important; margin: 15px 0 0 !important;}
	#block-nav .innerblock-nav .box-banner .innerbox-item li a {margin: 0 auto;}
    .tb-responsive {overflow-x: auto; position: relative;}
    .tb-responsive-noti {position: absolute; top: 0; left: 0; width: 100%; padding: 50px 15px; background-color: rgba(0, 0, 0, 0.7); z-index: 1; cursor: pointer;}
    .tb-responsive-noti img {width: 25%; margin: 0 auto 10px;}
    .tb-responsive-noti p {font-size: 22px; padding-left: 25px;}
	.table-cus th, .table-cus td {padding: 10px;}
	.px-sp-15 {padding-left: 15px; padding-right: 15px;}
	.content-title.sp-min {max-width: calc(100% - 30px); margin-left: 15px;}
	.wisdom-items {border: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); background-size: auto 13px;}
}