@charset "Shift_JIS";

/* layout
******************************************************************************************** */

/* share */
html { }
body { text-align:center; margin:0px; padding:0px; border:0px; background:#fff; color:#333333; overflow-x: hidden; }
a { text-decoration:none; font-size:100%; overflow:hidden; outline:none; }
a:hover { text-decoration:none;  }
a img {  }
a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.cells {  }
.cells .cell {  }
#header-sp,
.glnv-header-sp { background:#fff; }
.glnv-header-sp-btm { display:block; }
.pc { display:none; }

.sitewidth { padding:15px; }

/* embed
**************************************************************************************************/
.embed{ position:relative; width:100%; padding-top:56.25%; }
.embed iframe{ position:absolute; top:0; right:0; width:100%; height:100%; }

/* own */
#wrapper { overflow: hidden; font-family:sans-serif; background: #ffea3a; }
#wrapper p { line-height: 1.6; }
.pagetitle { font-size: 24px; margin-bottom: 2em; margin-top: 1em; }
.hl01 { font-size: 18px; font-weight: bold; text-align: center;  margin-bottom: 0.5em; color: #009f3f;}
.hl01::after { display: block;  content: ''; width: 50px; height: 1px; background: #009f3f; margin: 16px auto 0 auto; }
.hl02 { background: #009f3f; font-size: 18px; color: #fff; padding: 1em; margin-bottom: 1.5em; text-align: center;  border-radius: 6px;}
.htv24 nav { padding: 16px; }
.htv24 nav .logo { margin-bottom: 16px; }
.htv24 nav .logo a { display: block; }
.htv24 nav .logo img { width: 100%; height: auto; }
.htv24 nav #tab { display: flex; flex-wrap: wrap;   justify-content: center; }
.htv24 nav #tab li { margin: 2px; }
.htv24 nav #tab li a { display: block; padding: 5px 15px; background: #fff; border: 2px solid #fde30e; color: #009f3f; font-weight: bold; font-size: 14px; border-radius: 6px;}
.htv24 main { padding: 16px; background: #fff; display: block; }
.htv24 main .inner { max-width: 900px; margin: 0 auto; }
.htv24 .kv { padding: 6px; margin-bottom: 16px; }
.htv24 .kv p { }
.htv24 .kv img { width: 100%; height: auto; }
.htv24 .area-topics { }
.htv24 .topics { }
.htv24 .topic { margin-bottom: 3em; border-bottom: 1px solid #dfdfdf; padding-bottom: 2em; }
.htv24 .imgtxt { }
.htv24 .imgtxt .txt { }
.htv24 .imgtxt h4 { color: #009f3f; font-size: 16px; font-weight: bold; margin-bottom: 1em; }
.htv24 .imgtxt .entrybody { text-align: left; }
.htv24 .imgtxt .entrybody p { margin-bottom: 0.8em; }
.htv24 .imgtxt .entrybody p:last-of-type { margin-bottom: 0; }
.htv24 .img { margin-bottom: 16px; }
.htv24 .img img { max-width: 100%; height: auto; }
.htv24 .img .entrybody { }
.htv24 .img .entrybody p { }
.htv24 .img .entrybody br { }
.htv24 .total { padding: 32px 16px; }
.htv24 .inner { max-width: 900px; margin: 0 auto; }
.htv24 .amount { margin-bottom: 16px; }
.htv24 .amount p { font-size: 16px; font-weight: bold; }
.htv24 .amount p strong { font-size: 24px; color: #009f3f; }
.htv24 .total .txt { text-align: left; }

.htv24 .box { margin-bottom: 3em; }
.htv24 .box li { margin-bottom: 1em; padding: 0; text-indent: -1em; padding-left: 1em; text-align: left; }
.htv24 .box p { margin-bottom: 1em; text-align: left; }
.htv24 .box p.right { margin-bottom: 1em; text-align: right; }
.htv24 .box p.img { text-align: center; margin-bottom: 2em; }
.htv24 .box p strong { font-size: 18px; font-weight: bold; }

.htv24 table { border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;  width: 100%; margin-bottom: 1em; border-spacing: 0; border-collapse: collapse;  }
.htv24 table th,
.htv24 table td { border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 1em; text-align: left; line-height: 1.6; }
.htv24 table th { background: #fffce1;  }
.htv24 table td.img { text-align: center; }
.htv24 table a { text-decoration: underline; }
.htv24 .wrap-tbl { overflow: auto; margin-right: -16px; }

.htv24 .btns {  }
.htv24 .btns li { margin-bottom: 8px; }
.htv24 .btns li a { display: block; padding: 2em 3em; background: #ffea3a; font-weight: bold; text-decoration: underline; border-radius: 6px;}

.htv24 .flrpic { float: none; }

.mosaic { border: 3px solid #ffea3a; padding: 30px; margin-bottom: 3em;  }
.mosaic .ttl { margin-bottom: 2em; }
.mosaic .ttl h3 { font-size: 12px; margin-bottom: 0.8em; color: #666; line-height: 1.5; }
.mosaic .ttl h2 { font-size: 16px; font-weight: bold; margin-bottom: 1.2em; line-height: 1.5; color: #eb5d00; }
.mosaic .ttl p { font-size: 12px; line-height: 1.8; text-align: left; }
.mosaic .img-mov { }
.mosaic .img-mov .img { margin-bottom: 1.5em; }
.mosaic .img-mov .img .thumb { }
.mosaic .img-mov .img .thumb img { width: 100%; height: auto; }
.mosaic .img-mov .img .thumb span { display: block; margin-top: 1.5em; font-size: 11px;}
.mosaic .img-mov .mov { }

.mozaic_img_tit { font-weight: bold; font-size: 120%; background-color: #cde199; padding: 5px 0; margin: 8px 0 0; width: 100%; }
.mzik_pic { margin-bottom: 20px; }
#largeImg{ display: none; }
#largeImg1{ display: none; }
#largeImg2{ display: none; }
#largeImg3{ display: none; }
#largeImg4{ display: none; }
#back-curtain{ background: rgba(0, 0, 0, 0.5); display: none; position: fixed; left: 0; top: 0; }


.wslide-wrap ul { margin:0; padding:0; }
.wslide-wrap ul li { margin:0; padding:0; }
.wslide-wrap ul li img { border:5px solid #000; margin-bottom:5px; }
.wslide-menu { margin-bottom: 0.8em; border:1px solid #CCC; padding:10px; }
.wslide-menu a { padding: 8px; font-size:12px; }
.wslide-menu a.wactive { background: #000; color:#FFF; }

@media screen and (min-width: 768px) {

	.sp { display:none!important; }
	.pc { display:block; }

	/* own */
	#wrapper { }

	.pagetitle { font-size: 38px; margin-top: 1em	; }
	.hl01 { font-size: 24px; margin-bottom: 2em; }
	.hl01::after { width: 50px; height: 1px; background: #009f3f; margin: 16px auto 0 auto; }
	.htv24 nav { padding: 32px; }
	.htv24 nav .logo { margin-bottom: 32px; }
	.htv24 nav .logo a {  }
	.htv24 nav .logo img { max-width: 600px; }
	.htv24 nav #tab {  }
	.htv24 nav #tab li { margin: 4px; }
	.htv24 nav #tab li a { padding: 8px 20px; font-size: 16px; }
	.htv24 main { padding: 64px 32px; }
	.htv24 main .inner { }
	.htv24 .kv { padding: 32px 0; margin-bottom: 50px; }
	.htv24 .kv p { }
	.htv24 .kv img { width: 100%; height: auto; }
	.htv24 .area-topics { }
	.htv24 .topics { display: flex; flex-wrap: wrap; justify-content: space-around;  }
	.htv24 .topic { width: 30%; margin-bottom: 3em; border-bottom: 1px solid #dfdfdf; padding-bottom: 2em; }
	.htv24 .imgtxt { }
	.htv24 .imgtxt .txt { }
	.htv24 .imgtxt h4 { font-size: 18px; line-height: 1.8;}
	.htv24 .imgtxt .entrybody { }
	.htv24 .imgtxt .entrybody p { }
	.htv24 .imgtxt .entrybody p:last-of-type {  }
	.htv24 .img {  }
	.htv24 .img img {  }
	.htv24 .img .entrybody { }
	.htv24 .img .entrybody p { }
	.htv24 .img .entrybody br { }
	.htv24 .total { padding: 64px 16px; }
	.htv24 .inner { }
	.htv24 .amount { margin-bottom: 32px; }
	.htv24 .amount p { font-size: 21px; }
	.htv24 .amount p strong { font-size: 48px; }
	.htv24 .total .txt {  }
	
	.htv24 .box { margin-bottom: 8em; }
	.htv24 .box p { font-size: 14px; }
	.htv24 .box p strong { font-size: 24px; }

	.htv24 .wrap-tbl { margin-right: 0px; }
	
	.htv24 .btns { display: flex; justify-content: space-around; flex-wrap: wrap;  }
	.htv24 .btns li { width: 48%; }
	.htv24 .btns li a { }
	
	.htv24 .flrpic { float: right; }

	.kiyoimg { width: 460px; margin: 0 auto; margin-top: 3em; margin-bottom: 3em; }
	.wslide-wrap { }
	.wslide-wrap ul { margin:0; padding:0; }
	.wslide-wrap ul li { margin:0; padding:0; }
	.wslide-wrap ul li img { border:5px solid #000; margin-bottom:5px; }
	.wslide-menu { margin-bottom: 0.8em; border:1px solid #CCC; padding:10px; }
	.wslide-menu a { padding: 8px; font-size:12px; }
	.wslide-menu a.wactive { background: #000; color:#FFF; }
	
	

	.mosaic { border: 8px solid #ffea3a; padding: 80px; margin-bottom: 10em;  }
	.mosaic .ttl { margin-bottom: 5em; }
	.mosaic .ttl h3 { font-size: 14px; }
	.mosaic .ttl h2 { font-size: 26px;}
	.mosaic .ttl p { font-size: 14px; }
	.mosaic .img-mov { display: flex; justify-content: space-between; }
	.mosaic .img-mov .img { margin-bottom: 1.5em; width: 48%; }
	.mosaic .img-mov .img .thumb { }
	.mosaic .img-mov .img .thumb img {  }
	.mosaic .img-mov .img .thumb span { font-size: 12px;}
	.mosaic .img-mov .mov { width: 48%; }


	@media screen and (min-width: 1024px) {

		/* share */
		.sitewidth {  }

		/* own */




	}
@media print, screen and (min-width:451px) {
	.fllpic img {cursor: pointer;}
	.gallery { width: 350px; }
	.mzik_tit { cursor: pointer; }
	.mzik_tit1 { cursor: pointer; }
	.mzik_tit2 { cursor: pointer; }
	.mzik_tit3 { cursor: pointer; }
	.mzik_tit4 { cursor: pointer; }

	.mzik_gallery {display: flex;flex-wrap: wrap;margin: 10px -10px 0;}
	.mzik_pic { cursor: pointer;display: flex; width: calc( 100% / 4); flex-wrap: wrap; padding: 0 10px; }
	#largeImg img { width: 1000px; }
	#largeImg1 img { width: 1000px; }
	#largeImg2 img { width: 1000px; }
	#largeImg3 img { width: 1000px; }
	#largeImg4 img { width: 1000px; }
}
@media print, screen and (max-width:450px) {
	.gallery img { width: 100%; }

	.mzik_gallery {  }
	
}