/* ---------------------------------------------------------------------------------------------------------------*/
/* 詳細ページ*/
/* ---------------------------------------------------------------------------------------------------------------*/

.topImg {
    display: none;
}

.exp_article{
	max-width: 960px;
	/*min-width: 300px;*/
	margin: 3em auto 0!important;
	display: flex;
	justify-content: space-between;
}
.exp_article > div{
	width: calc(100% / 2 - 1em);
}
@media all and (min-width:500px){
	.exp_article{
		/*padding: 0em 2em;*/
	}
}
@media all and (max-width:960px){
	.exp_article{
		padding: 0em 2em;
	}
}
@media all and (max-width:500px){
	.exp_article{
		flex-direction: column;
		margin: 0em auto!important;
		padding: 0em;
	}
	.exp_article > div{
		width: 100%;
	}
}


/* ---------------------------------------------*/
/* 受付状況別色 */
/* ---------------------------------------------*/
/* 未設定（recep00）*/
.exp_article .recep00{display: none;}

/* 随時受付（recep01）*/
.exp_article .recep01{border: 1px #ec1a1a solid; color: #ec1a1a;}

/* 要予約（recep02）*/
.exp_article .recep02{border: 1px #ec1a1a solid; color: #FFFFFF; background: #ec1a1a;}

/* 受付終了（recep03）*/
.exp_article .recep03{border: 1px #676767 solid; color: #FFFFFF; background: #676767;}

.exp_article .recep01, .exp_article .recep02, .exp_article .recep03{
    display: block;
    font-size: 1.75em;
    line-height: 1em;
    font-weight: 700;
    text-align: center;
    border-radius: 0.5em;
	margin: 0.5em auto 0em!important;
	padding: 0.2em 0em;
}
@media all and (max-width:500px){
	.recep01, .recep02, .recep03{
		width: 90%!important;		
	}
}

/* ---------------------------------------------*/
/*記事内容レイアウト*/
/* ---------------------------------------------*/

/* 印刷時に表示 */
.printItem-ON{
	display: none;
}

/* 印刷時のみ表示 *//*
.printTable-temp-ON{ /* tr要素のみ *//*
	display: none;
}*/

/* 印刷時に非表示 */
.printItem-OFF{
	display: block;
}
/*
.printTable-OFF{ /* tr要素のみ *//*
	display: table-row;
}*/

.expTxtwarp{
	font-size: clamp(16px, 1vw, 28px);
}
.expTxtwarp > .printItem-ON > *{
	line-height: 1em;
	margin-bottom: 0.25em;
}
.expTxtwarp > .printItem-OFF > *{
	line-height: 1.2em;
	margin-bottom: 0.25em;
	/*margin-bottom: 0.5em;*/
}
.exp_date{
	font-size: 1.5em!important;
	/*line-height: 1em;*/
	font-weight: 700;
	/*margin-top: 0.5em;*/
}
.exp_ttl{
	font-size: 1.5em!important;
	/*line-height: 1.15em;*/
	font-weight: 700;
}
.expTxt{
	margin-top: 1em;
}
table.expTxtTable {
	border-collapse:collapse;
	width: 100%;
}
table.expTxtTable > tbody > tr{
	border-top: 1px #000000 dotted;
	font-weight: 400;
}
table.expTxtTable > tbody > tr:last-child{
	border-bottom: 1px #000000 dotted;
}
table.expTxtTable > tbody > tr > td{
	padding: 0.5em;
}
.expTxt_hd{
	width: 6em;
	font-weight: 700;
	vertical-align: top;
}
.expTxt_annotation{
	font-size: 0.7em;
	line-height: 1.6em;
	margin-top: 1em;
	font-weight: 400;
}
.urlTxt{
	font-size: 0.8em;
	text-decoration: underline;
}


@media all and (max-width:500px){
	.expTxtwarp{
		width: 90%!important;
		margin: 1em auto 0;
	}
}


/* ---------------------------------------------*/
/*画像*/
/* ---------------------------------------------*/

.expImg figure{
	max-width: 480px;
    /*max-height: 310px;*/
	/*max-height: 304px;*/
    /*overflow: clip;*/
	max-height: 360px;
	aspect-ratio: 4 / 3;
}
#itemIMG {
	object-fit: contain;
    aspect-ratio: 4 / 3;
}


@media all and (max-width:500px){
	.expImg figure{
		max-width: 100%;
	}
}
/* ---------------------------------------------*/
/*サムネイル表示*/
/* ---------------------------------------------*/
.thumb-area{
	
}
.thumb_indiv {
	display: inline;
	cursor: pointer;
}
.thumb_img {
	display: inline-block;
	margin: 0.5em;
    width: calc(100% / 5 - 1.5em);
	aspect-ratio: 1.532 / 1;
	height: auto;
}
.thumb_img img {
	/*
	max-height: 100%;
	border: 2px solid #FFFFFF;
	transition-duration: 0.3s;
	vertical-align: middle;
	object-fit: cover;
	*/
	object-position: top;
	object-fit: contain;
	aspect-ratio: 4 / 3;
}
.imgActive{
	border: 2px solid #FF0000 !important;
}


/* ---------------------------------------------*/
/*問合せレイアウト*/
/* ---------------------------------------------*/
.inquiry{	
	background: #e9e9e9;
	margin: 4em auto!important;
}
.inquiry_warp{
	max-width: 960px;
	margin: 0 auto;
	padding: 4em 0em;
	display: flex;
	justify-content: space-evenly;
    align-items: stretch;
}
a.inquiry_dl{
	width: calc(100% / 2 - 2em);
	border-radius: 0.3em;
	display: flex;
    padding: 1em 0em;
    text-align: center;
    color: #FFFFFF;    
    flex-direction: column;
    justify-content: center;
}
a.inquiry_dl > *{
	font-weight: 700;
}
a.inquiry_phone{
	background: #000000;
}
.inquiry_phone div:first-child{
	font-size: 1.15em;
}
.inquiry_phone div.jh-eng{
	font-size: 2.5em;
	font-weight: 700;
    line-height: 1.25em;
}
.inquiry_phone div.jh-eng::before{
	content: "";
	background: url(../img/icon/icon_phone.svg) no-repeat;
	display: inline-block;
	vertical-align: -0.1em;
	width: 1em;
    height: 1em;
	background-size: contain;
}
a.inquiry_line{
	background: #06c755;
	font-size: 2em;
	
	/*display: none; /* anybotで構築が完了したら設置 */
	
}
@media all and (min-width:768px){
	a[href^="tel:"]{
		pointer-events: none;
	}	
}
@media all and (max-width:500px){
	.inquiry{
		margin: 2em auto!important;
	}
	.inquiry_warp{
		flex-direction: column;
		padding: 2em 0em;
	}
	.inquiry_warp > a{
		width: 90%!important;
		margin: 0 auto 1em;
	}
	.inquiry_warp > a:last-child{
		width: 90%!important;
		margin: 0 auto 0em;
	}
	.inquiry_phone {}
	.inquiry_line {}	
}

/* ---------------------------------------------*/
/*一覧へ戻る*/
/* ---------------------------------------------*/

.return{
	max-width: 960px;
}
.return a{
	display: block;
    width: 40%;
    margin: 0 auto 5em;
    text-align: center;
	font-size: 1.25em;
	font-weight: 700;
    background: #b3b3b3;
    color: #000000;
    padding: 0.5em;    
    border-radius: 0.3em;    
}
@media all and (max-width:500px){
	.return a{
		width: 90%!important;
		padding: 1em 0em!important;
	}
}


.search-area .search-block{
	margin: 4em 2em;
}



#jh-footer{
	margin-top: 4em!important;
}
@media all and (max-width:500px){
	.search-area .search-block{
		margin: 0em 2em 2em 2em;
	}
	#jh-footer{
		margin-top: 0em!important;
	}
}


/* ---------------------------------------------------------------------------------------------------------------*/
/* 印刷ページ*/
/* ---------------------------------------------------------------------------------------------------------------*/
.pagePrint{
	text-align: right;
}
.printBtn {
	border: none;
	background: none;
	cursor: pointer;
	font-size: 24px;
}
/*
font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f02f';
*/

/*** 印刷時のアイコンリスト・ラベルボックスの枠*/
@page {
	margin: 0mm 5mm;
	size: A4 portrait; /* 横の場合はlandscape */
}
@media print {
	body {
		-webkit-print-color-adjust: exact; /* 印刷時でも背景色や背景画像を表示 */
		/*max-width: 1190px; /* 印刷時の全ページ幅を統一（px数値はお好みで） */
		zoom: 0.8; /* なるべく多くのブラウザで切れないようにするため */
		/*background-color: #803334;*/
	}
	.exp_article {
		max-width: 100%;
		margin: 0 auto !important;
		padding: 0px;
	}
	.exp_article .recep01, .exp_article .recep02, .exp_article .recep03{
		display: none;
	}	
	
	/* 印刷時に表示 */
	.printItem-ON{
		display: block;
		margin-bottom: 10px;
	}
	
	/* 印刷時のみ表示 *//*
	.printTable-temp-ON{
		display: table-row;
	}*/
	
	/* 印刷時に非表示 */
	.printItem-OFF{
		display: none;
	}
	/*
	.printTable-OFF{
		display: none;
	}*/
	
	.printInfoTxt {
		text-align: center;
		margin-top: 10px;
	}
	.printBox {
		display: inline-block;
		text-align: left;
	}

	.printArea {
		width: 90% !important;
		margin: 0 auto;
	}
	
	.expImg {
		max-width: 960px;
		margin: 0 auto;
	}
	
	.thumb-area{
		text-align: center;
	}
	.thumb_img {
		width: calc(100% / 5 - 2.5em);
	}
	
	
	#jh-header,
	#fixed-area,
	.inquiry,
	.return,
	.search-area,
	#jh-footer,
	#top_button,
	.pagePrint {
		display: none;
	}
	
	.exp_article {
		display: block;
	}
	
	.exp_ttl-print{
		/*font-size: 1.6em !important;*/
		font-size: 50px !important;
		/*line-height: 1em !important;*/
		/*font-size: 100vw;*/
		font-weight: 700;
	}
	.exp_cap-print{
		font-size: 22px;
		line-height: 1.4em !important;
	}
	
	.expImg figure {
		margin: 0 auto;
		max-width: 65%;
		max-height: 65%;
		aspect-ratio: auto !important;
	}
	.expImg figure img {
		max-width: 100%;
		height:100%;
		width: 100%;
		max-height: 500px;
		object-fit: contain;
	}
	

	
	
	.exp_article > div {
		width: 100%;
	}
	.expTxtwarp {
		margin-top: 0px;
		font-size: 30px;
	}
	
	.expTxt{
		margin: 0 auto;
		width: 90%;
	}
	
	table.expTxtTable > tbody > tr > td {
		padding: 0.3em;
	}
	.expTxt_hd{
		width: 4em;
	}
	.expTxt_annotation{
		/*font-size: 0.6em;*/
		font-size: 20px !important;
		line-height: 1.2em;
		/*margin-top: 0.5em;*/
	}
	
	.exp_article .recep01, .exp_article .recep02, .exp_article .recep03{
		border: none;
	}
	
}



/* ---------------------------------------------------------------------------------------------------------------*/
/* 注意事項ページへのリンク*/
/* ---------------------------------------------------------------------------------------------------------------*/
.inquiry_notes{
	text-align: center;
    padding: 0em 0em 4em;
}
.inquiry_notes a{
	font-size: 1.25em;
	text-decoration: underline;
    color: #4088b4;
}