@charset "utf-8";
/* CSS Document */

@import url(../../css/common.css);


.wysiwyg h1 {
	color: #000;
	border-bottom: 5px solid #F3FFB5;
	font-size: 108%;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2em;
	padding: 0.5em 0;
	margin-bottom: 1.5em;
	position: relative
}

.wysiwyg h1:first-child {
	margin-top: 0
}

.wysiwyg h1:after {
	content: "";
	background: #4F8C1C;
	display: block;
	width: 5em;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -5px
}


.wysiwyg dl+h1,
.wysiwyg ol+h1,
.wysiwyg p+h1,
.wysiwyg table+h1,
.wysiwyg ul+h1 {
	margin-top: 1em
}

.post-sttl-large,
.wysiwyg h2 {
	color: #000;
	border-bottom: 5px solid #F3FFB5;
	font-size: 108%;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2em;
	padding: 0.5em 0;
	margin-bottom: 1em;
	position: relative
}

.post-sttl-large:after,
.wysiwyg h2:after {
	content: "";
	background: #4F8C1C;
	display: block;
	width: 5em;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -5px
}


.post-sttl-small,
.wysiwyg h3 {
	background: #F6F6F6;
	font-size: 108%;
	font-weight: 600;
	padding: 0.5em 1em;
	margin: 1.5em 0
}



.wysiwyg h4 {
	color: #000;
	border-left: 6px solid #4F8C1C;
	font-size: 108%;
	font-weight: 600;
	padding: 0 0 0 1em;
	margin: 1.5em 0
}


.wysiwyg h5 {
	color: #000;
	border-bottom: 1px solid #C6F000;
	font-size: 108%;
	font-weight: 700;
	padding: 0.5em 0;
	margin: 1.5em 0
}



.wysiwyg h6 {
	color: #000;
	font-size: 108%;
	font-weight: 700;
	margin: 1.5em 0
}



.post-pht {
	margin: 3em auto 5em
}



.post-pht a {
	display: block
}

.post-pht>div {
	width: 100%;
	height: auto;
	max-height: 600px;
	text-align: center
}


.post-pht img {
	height: auto;
	max-height: 600px;
	max-width: 100%;
	width: auto
}

@media only screen and (max-width:420px) {
	.post-pht img {
		max-height: 300px
	}
}

.post-pht figcaption {
	font-size: 108%;
	text-align: center;
	line-height: 1.2;
	display: block;
	padding: 5px
}

.two-post-pht {
	display: flex;
	justify-content: space-between
}

.two-post-pht .post-pht {
	font-size: 108%;
	vertical-align: top;
	width: 48%
}

.post-pht-txt:after {
	content: "";
	display: block;
	clear: both
}

.post-pht-txt .post-pht {
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
	z-index: 10;
	position: relative
}

.block-info table{
    width: 50%;
}

.post-pht-txt .wysiwyg {
	word-wrap: break-word;
	overflow-wrap: break-word;
	margin-bottom: 5em
}


.post-pht-txt .wysiwyg h1,
.post-pht-txt .wysiwyg h2,
.post-pht-txt .wysiwyg h3,
.post-pht-txt .wysiwyg h4,
.post-pht-txt .wysiwyg h5,
.post-pht-txt .wysiwyg h6,
.post-pht-txt blockquote {
	display: flex
}

.iframe-area {
	position: relative;
	width: 100%;
	padding-top: 56%;
	margin: 5% 0
}



.iframe-area iframe {
	filter: saturate(1.2);
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important
}

.wysiwyg {
	word-wrap: break-word;
	overflow-wrap: break-word;
	margin-bottom: 4%
}

.wysiwyg a:link,
.wysiwyg a:visited {
	text-decoration: underline
}

.wysiwyg p {
	margin: 1em 0
}

.wysiwyg strong {
	color: #F00;
	font-weight: bold
}

.wysiwyg em {
	font-weight: bold
}

.wysiwyg i {
	font-style: italic
}

.wysiwyg .underline {
	text-decoration: underline
}

.wysiwyg .strike {
	text-decoration: line-through
}

.wysiwyg sub {
	font-size: 80%;
	vertical-align: bottom
}

.wysiwyg sup {
	font-size: 80%;
	vertical-align: top
}

.wysiwyg ol {
	margin: 0.5em 0 1em;
	list-style-position: inside;
	list-style-type: decimal
}

.wysiwyg ol>li {
	text-indent: -1em;
	padding-left: 1em
}

.wysiwyg ol.horizontal-list {
	display: flex
}

.wysiwyg ol.horizontal-list li {
	margin-right: 1.5em
}

.wysiwyg ul {
	margin: 0.5em 0 1em;
	list-style-position: inside;
	list-style-type: disc
}

.wysiwyg ul>li {
	text-indent: -1em;
	padding-left: 1em
}

.wysiwyg ul>li ul {
	list-style-type: circle
}

.wysiwyg ul.horizontal-list {
	display: flex
}

.wysiwyg ul.horizontal-list li {
	margin-right: 1.5em
}

.wysiwyg dl {
	margin: 0.5em 0 1em
}

.wysiwyg dl dt {
	background: #EEE;
	font-weight: 700;
	display: inline-block;
	padding: 0 0.5em
}

.wysiwyg dl dd {
	margin-bottom: 0.5em
}

.wysiwyg dl.horizontal-list dt {
	float: left;
	margin-right: 0.5em
}

.wysiwyg .txt-indent {
	text-indent: 1em
}

.wysiwyg blockquote {
	background: #EEE;
	font-style: italic;
	padding: 1em 2em;
	margin: 2em;
	box-sizing: border-box
}

.wysiwyg blockquote p {
	margin: 0
}

.wysiwyg .txt-center {
	text-align: center
}

.wysiwyg .txt-right {
	text-align: right
}

.wysiwyg .txt-justify {
	text-align: justify
}

.wysiwyg a[href] {
	color: #03F;
	text-decoration: underline
}

.wysiwyg table {
	width: auto;
	border-collapse: collapse;
	border: 1px solid #DDD;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	margin: 1em 0 3em
}

.wysiwyg table caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.5em
}

.wysiwyg table tr th {
	color: #000;
	background: #F3FFB5;
	border: 1px solid #b2b2b2;
	font-weight: bold;
	padding: 0.5em
}

.wysiwyg table tr td {
	background: #FFFFFF;
	border: 1px solid #b2b2b2;
	padding: 0.5em
}

.wysiwyg table .txt-justify {
	text-align-last: justify
}

.wysiwyg table.table-center {
	margin: 0 auto 3em
}

.wysiwyg table.table-center caption {
	text-align: center
}

.wysiwyg table.table-right {
	margin-left: auto
}

.wysiwyg table.table-left {
	margin-right: auto
}

.wysiwyg .table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1em 0 2em;
	max-width: none
}

.wysiwyg .table-scroll::-webkit-scrollbar {
	height: 5px
}

.wysiwyg .table-scroll::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee
}

.wysiwyg .table-scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #CCC
}

.wysiwyg .table-scroll table {
	margin: 0;
	max-width: none
}

.wysiwyg .table-scroll table caption {
	text-align: left
}

@media only screen and (max-width:420px) {
	.wysiwyg .table-scroll table {
		min-width: 100%
	}
}

.wysiwyg .font-size-small {
	font-size: 0.6em
}

.wysiwyg .font-size-large {
	font-size: 1.75em
}

.wysiwyg .font-space-small {
	letter-spacing: 0.5em;
	margin-left: 0.5em
}

.wysiwyg .font-space-medium {
	letter-spacing: 1em;
	margin-left: 1em
}

.wysiwyg .font-space-large {
	letter-spacing: 1.5em;
	margin-left: 1.5em
}

.wysiwyg .font-space-xlarge {
	letter-spacing: 2em;
	margin-left: 2em
}

.wysiwyg address {
	padding: 1em 2em;
	box-sizing: border-box;
	font-style: italic;
	background: #EEE;
	margin: 0.5em 1em 2em
}

.wysiwyg q:before {
	content: '"'
}

.wysiwyg q:after {
	content: '"'
}

.wysiwyg q:lang(ja):before {
	content: "『"
}

.wysiwyg q:lang(ja):after {
	content: "』"
}

.wysiwyg q q:before {
	content: "'"
}

.wysiwyg q q:after {
	content: "'"
}

.wysiwyg q q:lang(ja):before {
	content: "「"
}

.wysiwyg q q:lang(ja):after {
	content: "」"
}

.wysiwyg cite {
	font-style: italic;
	font-family: Times New Roman, "ＭＳ Ｐゴシック"
}



.list-thumb {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.list-thumb a {
	display: block;
	height: 100%
}

.list-thumb.col2>li {
	width: 46%;
	margin: 0 8% 2em 0
}

.list-thumb.col2>li:nth-child(2n) {
	margin-right: 0
}

.list-thumb.col3>li {
	width: 31%;
	margin: 0 3.5% 2em 0
}

.list-thumb.col3>li:nth-child(3n) {
	margin-right: 0
}

.list-thumb.col4>li {
	width: 22%;
	margin: 0 4% 2em 0
}

.list-thumb.col4>li:nth-child(4n) {
	margin-right: 0
}

.list-thumb.col5>li {
	width: 18%;
	margin: 0 2.5% 2em 0
}

.list-thumb.col5>li:nth-child(5n) {
	margin-right: 0
}

@media only screen and (max-width:768px) {
	.list-thumb.sp-col01>li {
		width: 100% !important;
		margin-right: 0
	}

	.list-thumb.sp-col02>li {
		width: 47% !important;
		margin: 0 6% 2em 0 !important
	}

	.list-thumb.sp-col02>li:nth-child(2n) {
		margin-right: 0 !important
	}

	.list-thumb.sp-col03>li {
		width: 31% !important;
		margin: 0 3.5% 2em 0 !important
	}

	.list-thumb.sp-col03>li:nth-child(3n) {
		margin-right: 0 !important
	}
}

.list-thumb li {
	display: flex
}

.list-thumb li a {
	background: #FFF;
	width: 100%;
}

.list-thumb li a .ph-list,
.list-thumb li a .txt-part {
	width: 100%;
	text-align: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-sizing: border-box
}

.list-thumb li a .ph-list {
	background: #e2e5ec;
	padding-top: 70%
}

.list-thumb li a .ph-list img {
	width: 100%;
	height: 100%;
	max-width: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: all 0.7s;
	object-fit: cover
}

@media (-ms-high-contrast:none) {
	.list-thumb li a .ph-list img {
		width: auto;
		height: auto;
		max-width: 130%;
		max-height: 130%
	}
}

.list-thumb li a .ph-list .add-parts>.txt-add {
	font-size: 100%;
	background: #fff;
	width: 80%;
	padding: 0.4em;
	opacity: 0;
	position: absolute;
	bottom: 4em;
	right: 0.6em;
	z-index: 2;
	display: block;
	transition: all 0.5s
}

.list-thumb li a .ph-list .add-parts>.txt-add:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 0.4em 0 0.4em;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -1em;
	right: 0.8em;
	z-index: -1
}

@media only screen and (max-width:1220px) {
	.list-thumb li a .ph-list .add-parts>.txt-add:before {
		bottom: -10px
	}
}

.list-thumb li a .ph-list .add-parts>.btn-add {
	padding: 0.5em;
	background: #333;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.5s;
	position: absolute;
	right: 0.5em;
	bottom: 0.5em
}

.list-thumb li a .ph-list .add-parts>.btn-add:active {
	transform: rotateZ(720deg)
}

.list-thumb li a .ph-list .add-parts>.btn-add:focus+.txt-add,
.list-thumb li a .ph-list .add-parts>.btn-add:hover+.txt-add {
	display: block;
	opacity: 1
}

.list-thumb li a:hover .ph-list img {
	transform: translate(-50%, -50%) scale(1.1)
}

.list-thumb li a .txt-part {
	padding: 0.5em 0
}

.list-thumb li a .txt-part .ttl {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.3em
}

.list-thumb li a .list-icon {
	margin-bottom: 0.5em
}

.list-thumb li a .list-icon p {
	font-size:  100%;
}

.list-thumb.ph-thumb>li {
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.list-thumb.ph-thumb>li .ph-list {
	background: #e2e5ec;
	position: relative;
	padding-top: 60%;
	width:50%;
}

.list-thumb.ph-thumb>li .ph-list img {
	width: 100%;
	height: 100%;
	max-width: none;
	position: absolute;
	top:0;
	left: 50%;
	transform: translate(-50%, 0) scale(1);
	transition: all 0.7s;
	object-fit: cover;
	max-width: 180px;
	max-height: 180px;
}

@media (-ms-high-contrast:none) {
	.list-thumb.ph-thumb>li .ph-list img {
		width: auto;
		height: auto;
		max-width: 130%;
		max-height: 130%
	}
}

.list-thumb.ph-thumb>li .txt-part {
	padding: 0.5em 0;
	width:45%;
}

.list-thumb.ph-thumb>li .txt-part .ttl {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.3em
}