@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.font-min {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "Yu Mincho", serif;
}

body {
	/*font-size: ;*/
	line-height: 1;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

p, h1, h2, h3, h4, th, td, li, dt, dd, figcaption {
	/*font-size: ;
	line-height: ;*/
	font-weight: normal;
}

img {
	border: none;
}
img.fit {
	width: 100%;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

ul, ol {
	list-style-type: none;
}

ul.ul-disc {
	list-style-type: disc;
	margin-left: 25px;
}

iframe {
	border: none;
}
/* フロート関係     */
.lt { float: left; }
.gt { float: right; }
.cl { clear: both; }
.clt { clear: left; }
.cgt { clear: right; }
.vcl { clear: both !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: 1px !important; overflow: hidden !important; display: block !important; }
.xcl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.xcl { min-height: 1px; }
* html .xcl { height: 1px;/*\*//*/
 height:auto;
 overflow:hidden;
 /**/
}
.mB4em{margin-bottom: 4em;}
/* -------------------------------------------------
	headline
------------------------------------------------- */

.h-style1 {
	padding-bottom: 7px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 2px #000;
	line-height: 1.2;
}

.h-mainvisual {
	font-size: 36px;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
	line-height: 1.2;
	color: #fff;
}

.h-bgRed,
.h-bgYellow,
.h-bgGreen {
	padding: 10px 15px 8px;
	margin-bottom: 17px;
	font-size: 18px !important;
	line-height: 1.3 !important;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.h-bgRed {
	background: #c01734;
}
.h-bgYellow {
	background: #c5a614;
}
.h-bgGreen {
	background: #2f6b35;
}

.h-borderLB {
	padding: 11px;
	margin: 30px 0 17px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	border-left: solid 10px #c01734;
	border-bottom: solid 2px #969696;
}

.h-square {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.h-square::before {
	content: "■ ";
	color: #c01734;
}

@media screen and (max-width:767px) {
	.h-style1 {
		padding-bottom: 5px;
		font-size: 15px;
	}
	
	.h-mainvisual {
		font-size: 18px;
	}
	
	.h-bgRed,
	.h-bgYellow,
	.h-bgGreen {
		padding: 8px 12px 7px;
		margin-bottom: 12px;
		font-size: 15px !important;
	}
	
	.h-borderLB {
		padding: 7px 7px 6px 7px;
		margin: 25px 0 12px;
		font-size: 15px;
		border-left-width: 5px;
		border-bottom-width: 1px;
	}
	
	.h-square {
		margin-bottom: 6px;
		font-size: 15px;
	}
}

/* -------------------------------------------------
	btn
------------------------------------------------- */

.btn-red {
	padding: 0.8em 2.5em 0.7em 1em;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background: #c01734;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
	border-bottom: solid 3px #92031b;
}
.btn-red::after {
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	box-sizing: border-box;
	transform: rotate(45deg);
	content: "";
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -4px;
}

@media print, screen and (min-width:768px) {
	.btn-red:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width:767px) {
	.btn-red {
		font-size: 13px;
		line-height: 1.3;
		border-bottom-width: 2px;
	}
}

/* -------------------------------------------------
	table
------------------------------------------------- */

.table-thBg {
	width: 100%;
	border-collapse: collapse;
}
.table-thBg thead th + th {
	border-left: dotted 2px #fff;
}
.table-thBg tbody {
	border-right: solid 2px #cecece;
}
.table-thBg tbody th,
.table-thBg tbody td {
	padding: 10px 15px 8px;
}
.table-thBg tbody th {
	border-left: solid 2px #cecece;
	border-bottom: solid 2px #cecece;
	white-space: nowrap;
	text-align: left;
}
.table-thBg tbody th.ws-normal {
	white-space: normal;
	word-break: break-all;
}
.table-thBg tbody td {
	border-left: dotted 2px #cecece;
	border-bottom: solid 2px #cecece;
	font-size: 16px;
}

.table-simple {
	width: 100%;
	border-collapse: collapse;
	border-left: solid 2px #cecece;
	border-top: solid 2px #cecece;
	box-sizing: border-box;
}
.table-simple th,
.table-simple td {
	padding: 9px 17px;
	border-right: solid 2px #cecece;
	border-bottom: solid 2px #cecece;
	box-sizing: border-box;
	text-align: left;
}

@media screen and (max-width:767px) {
	.table-thBg tbody th,
	.table-thBg tbody td {
		padding: 8px 12px 7px;
	}
	.table-thBg tbody td {
		font-size: 12px;
	}
	
	.table-simple th,
	.table-simple td {
		padding: 5px 12px;
	}
}

/* -------------------------------------------------
	parts
------------------------------------------------- */

.note {
	text-indent: -1em;
	margin-left: 1em;
}

.accordion-trigger {
	cursor: pointer;
}
.accordion-target {
	display: none;
}

/* main-visual */

#main-visual img {
	width: 100%;
}

@media print, screen and (min-width:768px) {
	#main-visual {
		margin-top: -41px;
	}
}

/* -------------------------------------------------
	contents
------------------------------------------------- */

#main {
	display: block;
}

.cont1140 {
	/*width: calc(1140/1340*100%);*/
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media screen and (max-width:767px) {
	.cont1140 {
		width: auto;
	}
	.cont-sp {
		margin-left: calc(35/640*100%);
		margin-right: calc(35/640*100%);
		position: relative;
	}
	
	/* menu transition */
	
	#base {
		width: 100%;
		overflow-x: hidden;
	}
	#base.sp-menu-on {
		height: 100vh;
		overflow: hidden;
	}
	#header, #main, #footer {
		transition-property: transform;
		transition-duration: 0.4s;
		transition-timing-function: ease-in-out;
	}
	#base.sp-menu-on #header,
	#base.sp-menu-on #main,
	#base.sp-menu-on #footer {
		transform: translateX(270px);
	}
}

@media all and (-ms-high-contrast:none) and (max-width:767px) {
	/* ie10, 11用ハック spビューでgnav 画面外にいたままが出現してくれないので */
	#base.sp-menu-on #gnav {
		transform: translateX(270px);
	}
}

/* -------------------------------------------------
	pc-cont-wrapper, cont-body, side
------------------------------------------------- */

@media print, screen and (min-width:768px) {
	#pc-cont-wrapper {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
	}
	#cont-body {
		width: calc(96% - 300px);
	}
	#side {
		width: 300px;
	}
}

@media screen and (max-width:767px) {
	#side {
		margin-top: 40px;
	}
}

/* -------------------------------------------------
	header
------------------------------------------------- */

@media print, screen and (min-width:768px) {
	#header {
		/*height: 156px;*/
		background: url(/img/renew/bg_header_01.png) no-repeat center bottom;
		position: relative;
		z-index: 10;
	}
	#header .bg2 {
		height: 121px;
		background: url(/img/renew/bg_header_02.png) no-repeat right bottom;
	}
	#header .lead {
		height: 30px;
		background: #c01734;
		border-bottom: solid 5px #cdb300;
	}
	#header .lead p {
		white-space: nowrap;
		padding-top: 9px;
		color: #fff;
		line-height: 1;
		font-size: 12px;
	}
	#header .logo {
		height: 77px;
		width: calc(209/1140*100%);
		display: flex;
		align-items: center;
		margin-left: calc(21/1140*100%);
		position: absolute;
		top: 0;
		left: 0;
	}
	#header .logo a {
		display: block;
	}
	#header .logo img {
		width: 100%;
	}
	#gnav {
		max-width: 750px;
		width: 79%;
		position: absolute;
		right: 0;
		top: 6px;
		z-index: 10;
	}
	#gnav .parent {
		display: flex;
		border-top: solid 1px #cecece;
		border-left: solid 1px #cecece;
		border-bottom: solid 10px #000;
	}
	#gnav .parent > li {
		width: 20%;
		height: 55px;
		border-right: solid 1px #cecece;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.1;
		position: relative;
		white-space: nowrap;
	}
	#gnav .parent > li > a {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #000;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "Yu Mincho", serif;
	}
	#gnav .parent > li > a:hover,
	#gnav .parent > li > a.current {
		color: #c01734;
	}
	#gnav .child {
		overflow: hidden;
		border-top: solid 10px #000;
		background: #fff;
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
	}
	#gnav .child.right {
		left: auto;
		right: 0;
	}
	#gnav .parent > li:hover .child {
		display: block;
	}
	#gnav .child li {
		white-space: nowrap;
		font-size: 16px;
		line-height: 1;
		font-weight: bold;
		border: solid 1px #cecece;
		border-top: none;
	}
	#gnav .child a {
		height: 39px;
		padding: 12px 18px 0 18px;
		display: block;
		box-sizing: border-box;
		color: #000;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "Yu Mincho", serif;
	}
	#gnav .child a:hover,
	#gnav .child a.current {
		color: #c01734;
	}
	#lang {
		position: absolute;
		right: 160px;
		top: 82px;
	}
	#lang ul {
		white-space: nowrap;
		display: block;
	}
	#lang ul li {
		margin-left: 5px;
		display: inline-block;
		font-size: 11px;
		text-align: center;
	}
	#lang ul li a {
		width: 4.8em;
		padding: 8px 0 7px;
		display: block;
		color: #000;
		border: solid 1px #cecece;
	}
	#lang ul li a:hover,
	#lang ul li a.current {
		color: #c01734;
	}
	#sns {
		position: absolute;
		right: 10px;
		top: 82px;
	}
	#sns ul {
		white-space: nowrap;
	}
	#sns ul li {
		margin-left: 2px;
		display: inline-block;
		font-size: 11px;
		text-align: center;
	}
	#sns ul li a:hover {
		opacity: 0.7;
	}
}

@media print, screen and (min-width:768px) and (max-width:890px) {
	#gnav .parent > li {
		font-size: 12px;
	}
}

@media screen and (max-width:767px) {
	#header .lead {
		padding: 5px 0;
		background: #c01734;
	}
	#header .lead p {
		color: #fff;
		font-size: 10px;
		line-height: 1.7;
	}
	#header .logo {
		padding: 7px 0 14px;
		text-align: center;
	}
	#header .logo img {
		height: 63px;
	}
	
	#lang {
		width: 4.0em;
		position: absolute;
		right: 5px;
		top: 41px;
		z-index: 50;
	}
	#lang .title {
		margin-bottom: 6px;
		font-size: 13px;
		line-height: 1;
		color: #000;
		display: block;
		text-align: center;
	}
	#lang ul {
		background: rgba(230,230,230,0.8);
		border-left: solid 1px #d7d7d7;
		border-top: solid 1px #d7d7d7;
	}
	#lang li {
		font-size: 13px;
		line-height: 1;
		border-right: solid 1px #d7d7d7;
		border-bottom: solid 1px #d7d7d7;
	}
	#lang li a {
		padding: 7px;
		display: block;
		white-space: nowrap;
		color: #000;
	}
	
	#btn-menu img {
		height: 41px;
		position: absolute;
		left: 9px;
		top: 25px;
	}
	
	#gnav {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		border-right: solid 1px #666;
		box-sizing: border-box;
		position: fixed;
		left: -100%;
		top: 0;
		z-index: 50;
		background: #ccc;
		display: block;
	}
	#gnav a {
		padding: 10px 15px;
		display: block;
		color: #000;
		white-space: nowrap;
	}
	#gnav a.current {
		color: #c01734;;
	}
	#gnav .parent {
		width: 270px;
		height: 100%;
		overflow: scroll;
		position: absolute;
		right: 0;
		top: 0;
		border-bottom: solid 1px #666;
		-webkit-overflow-scrolling : touch
	}
	#gnav .parent li {
		font-size: 15px;
		line-height: 1;
	}
	#gnav .parent > li > a {
		background: #808080;
	}
	#gnav .child > li + li {
		border-top: solid 1px #666;
	}
	#gnav .child > li a {
		padding-left: 45px;
	}
}
/* -------------------------------------------------
	main
------------------------------------------------- */
@media print, screen and (min-width:768px) {
	/*#main{max-width: 1140px;margin: auto;}*/
	}

@media screen and (max-width:767px) {
	}

/* -------------------------------------------------
	side
------------------------------------------------- */

#side #side-info ul li {
	font-size: 14px;
	line-height: 1.7;
	border-bottom: dotted 2px #000;
	word-break: break-all;
}
#side #side-info ul li .item {
	padding: 5px 0;
	display: block;
	color: #000;
}

#side #fb-parts {
	margin-top: 38px;
}

#side #side-relation-links {
	margin-top: 38px;
	text-align: center;
}
#side #side-relation-links .headline {
	padding: 5px 0;
	background: #2b6d00;
	font-size: 16px;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}
#side #side-relation-links ul {
	padding: 18px 0;
	border: solid 2px #2b6d00;
	border-top: none;
}

@media print, screen and (min-width:768px) {
	#side #side-info ul li a:hover {
		text-decoration: underline;
	}
	
	#side #side-relation-links li a:hover {
		opacity: 0.7;
	}
	#side #side-relation-links li + li {
		margin-top: 10px;
	}
}

@media screen and (max-width:767px) {
	#side #side-info ul li {
		font-size: 11px;
	}
	
	#side #fb-parts {
		margin-top: 20px;
		text-align: center;
	}
	#side #fb-parts .fb-page {
		
	}
	
	#side #side-relation-links {
		margin-top: 20px;
	}
	#side #side-relation-links .headline {
		font-size: 15px;
	}
	#side #side-relation-links ul {
		padding-bottom: 0;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#side #side-relation-links li {
		width: 50%;
		margin-bottom: 15px;
	}
	#side #side-relation-links li img {
		height: 40px;
	}
}

/* -------------------------------------------------
	footer
------------------------------------------------- */

#footer {
	margin-top: 100px;
}
#footer .access {
	background-color: #eae1b5;
}
#footer .access-inner {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer .access-inner iframe {
	width: calc(560/1140*100%);
	height: 345px;
}
#footer .access-inner .text {
	width: calc(560/1140*100%);
}
#footer .access-inner .text p {
	line-height: 1.4;
	font-size: 14px;
}
#footer .access-inner .text p + p {
	margin-top: 1.5em;
}

#footer .copyright {
	padding: 15px 0;
	background: #c01734;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-size: 12px;
}
#pagetop {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: block;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 50;
	background: #fff;
}
#pagetop .inner {
	width: 100%;
	height: 100%;
	display: block;
	color: transparent;
	font-size: 0;
	text-indent: -500px;
	overflow: hidden;
	background: url(../img/renew/pagetop.png) no-repeat 0 0 / contain;
}
#pagetop:hover .inner {
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	#footer {
		margin-top: 40px;
	}
	#footer .buttons {
		padding: 0 0 20px;
	}
	#footer .buttons .btn {
		background: #e6e6e6;
		display: inline-block;
		box-sizing: border-box;
		line-height: 1;
		text-align: center;
		box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	#footer .buttons .btn.fb {
		width: 49%;
		height: 45px;
		padding-top: 12px;
		float: left;
	}
	#footer .buttons .btn.yt {
		width: 49%;
		height: 45px;
		padding-top: 13px;
		float: right;
	}
	#footer .buttons .btn.fb {
		font-size: 10px;
		color: #3a5a98;
	}
	#footer .buttons .btn.fb img {
		height: 23px;
		vertical-align: middle;
		margin-left: 5px;
	}
	#footer .buttons .btn.yt img {
		height: 20px;
		vertical-align: middle;
	}
	
	#footer .access-inner {
		flex-wrap: wrap;
	}
	#footer .access-inner iframe {
		width: 100%;
		height: 240px;
	}
	#footer .access-inner .text {
		width: 100%;
		margin-top: 20px;
	}
	#footer .access-inner .text p {
		font-size: 12px;
	}
	#footer .copyright {
		padding: 10px 0;
		font-size: 10px;
	}
	#pagetop {
		width: 30px;
		height: 30px;
		bottom: 35px;
		right: 10px;
	}
	#pagetop:hover .inner {
		opacity: 1;
	}
}

/* -------------------------------------------------
	other
------------------------------------------------- */

/* for responsive */

@media print, screen and (min-width:768px) {
	.pc-none {
		display: none !important;
	}
}

@media screen and (max-width:767px) {
	.sp-none {
		display: none !important;
	}
}

/* float */

.l-side {
	float: left;
}
.r-side {
	float: right;
}

.clear {
	clear: both;
}
.clearfix::after {
	clear: both;
	content: "";
	height: 0;
	display: block;
}

/* -------------------------------------------------
	print
------------------------------------------------- */

@media print {
	body {
		width: 980px !important;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-top
	トップページ
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-top h1 {
	height: 0;
	overflow: hidden;
	font-size: 0;
}
p.detail-link {
    text-align: center;
    padding: 2px;
    background: #FFF;
    width: 180px;
    margin: 0 0 0 auto;
}
.yamalisttop{
	margin-left: 2%;
    margin-right: 2%;
    background: #E3DCB0;
    margin-bottom: 1em;
}
.yamaPhotoTop{
	margin: 2px 3px 0;
    height: 210px;
    text-align: center;
}
.yamaPhotoTop img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* -------------------------------------------------
	pageID-top > about
------------------------------------------------- */

@media print, screen and (min-width:768px) {
	#pageID-top #about {
		background-color: #b3874d;
	}
	#pageID-top #about .cont-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#pageID-top #about .cont-wrapper .left {
		width: calc(720/1140*100%);
		padding-top: 20px;
	}
	#pageID-top #about .cont-wrapper .headline {
		padding: 8px 15px 6px;
		background: #d9c3a6;
		line-height: 1;
		font-size: 18px;
	}
	#pageID-top #about .cont-wrapper .image {
		width: calc(400/1140*100%);
	}
	#pageID-top #about .cont-wrapper .image img {
		width: 50%;
	}
	#pageID-top #about .logo-and-text {
		padding: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#pageID-top #about .logo-and-text .logo {
		width: calc(135/720*100%);
	}
	#pageID-top #about .logo-and-text .logo img {
		width: 100%;
	}
	#pageID-top #about .logo-and-text .text {
		width: calc(570/720*100%);
	}
	#pageID-top #about .logo-and-text .text p {
		font-size: 12px;
		line-height: 1.5;
	}
}

@media screen and (max-width:767px) {
	#pageID-top #about {
		padding: 9px 0 0;
		background-color: #b3874d;
	}
	#pageID-top #about .cont-wrapper .headline {
		padding: 8px 10px 6px;
		background: #d9c3a6;
		line-height: 1;
		font-size: 15px;
	}
	#pageID-top #about .cont-wrapper .image {
		margin-top: 10px;
	}
	#pageID-top #about .cont-wrapper .image img {
		width: 50%;
	}
	#pageID-top #about .logo-and-text .logo {
		margin-top: 15px;
		text-align: center;
	}
	#pageID-top #about .logo-and-text .logo img {
		width: 35%;
	}
	#pageID-top #about .logo-and-text .text p {
		margin-top: 15px;
		font-size: 11px;
		line-height: 1.5;
	}
}

/* -------------------------------------------------
	pageID-top > three-col
------------------------------------------------- */
.i-end{background: #FF0000;color:#FFF; margin: 0 0 0 auto; width: 4em;text-align: center;font-size: 70%;line-height: 2em;}

#pageID-top .three-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#pageID-top .three-col .box {
	width: calc(254/800*100%);
}
#pageID-top .three-col .box.title-box {
	padding: 0 2.3%;
	background: #c01734;
	position: relative;
	box-sizing: border-box;
}
#pageID-top #exhibition .three-col .box.title-box {
	background: #c01734;
}
#pageID-top #event .three-col .box.title-box {
	background: #2b6d00;
}
#pageID-top .three-col .box.title-box .headline {
	padding: 42px 0 45px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
#pageID-top .three-col .box.title-box .lead {
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
}
#pageID-top .three-col .box.title-box a {
	width: 85.5%;
	padding: 7px 0 6px;
	display: block;
	color: #000;
	background: #fff;
	border-bottom: solid 2px #000;
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
}
#pageID-top .three-col .box.cont-box img {
	width: 100%;
}
#pageID-top .three-col .box.cont-box .headline {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
#pageID-top .three-col .box.cont-box .label {
	width: 4.5em;
	height: 4.5em;
	padding-top: 1.6em;
	box-sizing: border-box;
	font-size: 10px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #000;
}
#pageID-top #exhibition .three-col .box.cont-box .label {
	border: solid 2px #c01734;
}
#pageID-top #event .three-col .box.cont-box .label {
	border: solid 2px #2b6d00;
}
#pageID-top .three-col .box.cont-box .title {
	width: calc( 100% - 4em );
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}
#pageID-top .three-col .box.cont-box .date {
	margin-top: 12px;
	font-size: 12px;
	line-height: 1.3;
	word-break: break-all;
}
#pageID-top .three-col .box.cont-box .date.end {
	padding-right: 3.5em;
}
#pageID-top .three-col .box.cont-box .date.end::after {
	padding: 2px 7px 1px;
	margin: -2px 0 0 10px;
	content: "終了";
	font-size: 12px;
	line-height: 1.2;
	display: inline-block;
	background: #f00;
	color: #fff;
	vertical-align: middle;
	position: absolute;
}
#pageID-top .three-col .box.cont-box .desc {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.5;
}

@media print, screen and (min-width:768px) {
	#pageID-top .three-col .box.title-box a:hover {
		color: #fff;
		background: #000;
	}
	#pageID-top .three-col .box.cont-box:not(.title-box) a:hover img {
		opacity: 0.8;
	}
	#pageID-top .three-col .box.cont-box:not(.title-box) a:hover .label {
		opacity: 0.8;
	}
	#pageID-top .three-col .box.cont-box:not(.title-box) a:hover .title {
		text-decoration: underline;
	}
}

@media print, screen and (min-width:768px) and (max-width:1280px) {
	#pageID-top .three-col .box.title-box {
		width: 100%;
		padding-bottom: 50px;
		margin-bottom: 10px;
	}
	#pageID-top .three-col .box.title-box .headline {
		padding: 10px 0;
	}
	#pageID-top .three-col .box.title-box a {
		width: 95%;
		bottom: 10px;
	}
	#pageID-top .three-col .box.cont-box {
		width: 49%;
	}
}

@media screen and (max-width:767px) {
	#pageID-top .three-col .box {
		width: 100% !important;
	}
	#pageID-top .three-col .box.title-box {
		padding: 0 5% 50px;
	}
	#pageID-top .three-col .box.title-box .headline {
		padding: 20px 0 10px;
		font-size: 15px;
	}
	#pageID-top .three-col .box.title-box .lead {
		font-size: 12px;
	}
	#pageID-top .box.cont-box {
		padding: 15px;
		margin-top: 15px;
	}
	#pageID-top #exhibition .box.cont-box {
		border: solid 2px #c01734;
	}
	#pageID-top #event .box.cont-box {
		border: solid 2px #2b6d00;
	}
	#pageID-top .three-col .box.cont-box .headline {
		align-items: center;
	}
	#pageID-top .three-col .box.cont-box .headline .title {
		width: calc( 100% - 5em );
		font-size: 12px;
	}
	#pageID-top .three-col .box.cont-box .date {
		margin-top: 15px;
	}
	#pageID-top .three-col .box.cont-box .desc {
		margin-top: 7px;
	}
	#pageID-top .three-col .box.title-box a {
		width: 90.5%;
		bottom: 10px;
	}
}

/* -------------------------------------------------
	pageID-top > exhibition
------------------------------------------------- */

@media screen and (max-width:767px) {
	#pageID-top #exhibition {
		margin-top: 20px;
	}
}

/* -------------------------------------------------
	pageID-top > event
------------------------------------------------- */

#pageID-top #event {
	margin-top: 20px;
}

@media screen and (max-width:767px) {
	#pageID-top #event {
		margin-top: 24px;
	}
}

/* -------------------------------------------------
	pageID-top > news
------------------------------------------------- */

@media print, screen and (min-width:768px) {
	#pageID-top #news {
		margin-top: 20px;
	}
	#pageID-top #news .two-col {
		width: 100%;
		display: table;
		border-collapse: separate;
	}
	#pageID-top #news .two-col .title {
		width: 110px;
		padding: 15px 0;
		background: #ccaa00;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		border-right: solid 10px #fff;
	}
	#pageID-top #news .two-col .title .headline {
		color: #fff;
		font-size: 16px;
		line-height: 1;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	}
	#pageID-top #news .two-col .title .headline span {
		transform: rotate(-90deg);
		display: inline-block;
	}
	#pageID-top #news .two-col .text {
		padding: 15px 3%;
		box-sizing: border-box;
		border: solid 2px #ccaa00;
		display: table-cell;
		vertical-align: middle;
	}
	#pageID-top #news .two-col .text p {
		font-size: 16px;
		line-height: 2.2;
	}
	#pageID-top #news .two-col .text a {
		color: #000;
		text-decoration: underline;
	}
	#pageID-top #news .two-col .text a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width:767px) {
	#pageID-top #news {
		margin-top: 20px;
	}
	#pageID-top #news .two-col .title {
		padding: 20px 0;
		background: #ccaa00;
		text-align: center;
	}
	#pageID-top #news .two-col .title .headline {
		color: #fff;
		font-size: 15px;
		line-height: 1;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	}
	#pageID-top #news .two-col .title .headline br {
		display: none;
	}
	#pageID-top #news .two-col .text {
		padding: 12px 15px;
		border: solid 2px #ccaa00;
	}
	#pageID-top #news .two-col .text p {
		line-height: 1.7;
		font-size: 13px;
	}
	#pageID-top #news .two-col .text p + p {
		margin-top: 7px;
	}
	#pageID-top #news .two-col .text a {
		color: #000;
		text-decoration: underline;
	}
}

/* -------------------------------------------------
	pageID-top > on-display
------------------------------------------------- */

#pageID-top #on-display {
	padding: 20px;
	margin-top: 20px;
	background: #f4f0da;
}
#pageID-top #on-display .headline {
	padding: 8px 15px 6px;
	background: #d5d0ba;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
#pageID-top #on-display .lead {
	margin-top: 20px;
	line-height: 1.6;
	font-size: 14px;
}
#pageID-top #on-display .lists {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#pageID-top #on-display .list-wrapper {
	width: calc(370/760*100%);
}
#pageID-top #on-display ul {
	display: flex;
	justify-content: space-between;
}
#pageID-top #on-display li {
	width: calc(175/370*100%);
}
#pageID-top #on-display li img {
	width: 100%;
}
#pageID-top #on-display .headline2 {
	width: 100%;
	padding: 6px 0;
	margin-top: 10px;
	display: block;
	color: #000;
	background: #fff;
	border: solid 1px #b3b3b3;
	border-bottom-width: 3px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
}

@media print, screen and (min-width:768px) and (max-width:1000px) {
	#pageID-top #on-display .list-wrapper {
		width: 100%;
	}
	#pageID-top #on-display .list-wrapper + .list-wrapper {
		margin-top: 25px;
	}
}

@media screen and (max-width:767px) {
	#pageID-top #on-display {
		padding: 10px 0 15px;
	}
	#pageID-top #on-display .lead {
		margin-top: 15px;
		font-size: 12px;
	}
	#pageID-top #on-display .lists {
		margin-top: 15px;
	}
	#pageID-top #on-display .list-wrapper {
		width: 100%;
	}
	#pageID-top #on-display .list-wrapper + .list-wrapper {
		margin-top: 25px;
	}
	#pageID-top #on-display .headline2 {
		font-size: 13px;
		border-bottom-width: 2px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageClass-lower
	下層ページ共通
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* -------------------------------------------------
	pageClass-lower > main-visual
------------------------------------------------- */

.pageClass-lower #main-visual .h-mainvisual {
	width: 100%;
	height: 100%;
	padding: 10px calc(50/1140*100%) 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width:767px) {
	.pageClass-lower #main-visual .h-mainvisual {
		padding-top: 0;
	}
}

/* -------------------------------------------------
	pageClass-lower > pankuzu
------------------------------------------------- */

.pageClass-lower .pankuzu {
	margin: 16px 0 -10px;
	font-size: 12px;
	line-height: 1.4;
}
.pageClass-lower .pankuzu a {
	color: #000;
}

@media print, screen and (min-width:768px) {
	.pageClass-lower .pankuzu a:hover {
		text-decoration: underline;
	}
}

@media screen and (max-width:767px) {
	.pageClass-lower .pankuzu {
		margin: 15px 0;
	}
}

/* -------------------------------------------------
	pageClass-lower > cont-body
------------------------------------------------- */

.pageClass-lower #cont-body p,
.pageClass-lower #cont-body li,
.pageClass-lower #cont-body dt,
.pageClass-lower #cont-body dd,
.pageClass-lower #cont-body th,
.pageClass-lower #cont-body td,
.pageClass-lower #cont-body textarea,
.pageClass-lower #cont-body input,
.pageClass-lower #cont-body select,
.pageClass-lower #cont-body label {
	font-size: 16px;
	line-height: 1.7;
}
.pageClass-lower #cont-body figcaption {
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
}
.pageClass-lower #cont-body img {
	/*width: 100%;*/
	width: auto;
}
.pageClass-lower #cont-body section.standard + section.standard {
	margin-top: 70px;
}
.pageClass-lower #cont-body section.standard2 + section.standard2 {
	margin-top: 55px;
}
.pageClass-lower #cont-body section.standard3 + section.standard3 {
	margin-top: 40px;
}

.pageClass-lower #cont-body p a {
	color: #000;
	/*text-decoration: underline;*/
}

.pageClass-lower #cont-body iframe.standard {
	width: 100%;
	height: 495px;
	margin-bottom: 12px;
}
.pageClass-lower #cont-body iframe.half {
	width: 100%;
	height: calc( 495px / 2 );
	margin-bottom: 12px;
}

.pageClass-lower #cont-body .two-col-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageClass-lower #cont-body .two-col-box > * {
	width: calc(390/800*100%);
}

.pageClass-lower #cont-body .two-col-box-rightImg {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pageClass-lower #cont-body .two-col-box-rightImg .left {
	width: calc(580/800*100%);
}
.pageClass-lower #cont-body .two-col-box-rightImg .right {
	width: calc(200/800*100%);
}

@media print, screen and (min-width:768px) {
	.pageClass-lower #cont-body p a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width:767px) {
	.pageClass-lower #cont-body p,
	.pageClass-lower #cont-body li,
	.pageClass-lower #cont-body dt,
	.pageClass-lower #cont-body dd,
	.pageClass-lower #cont-body th,
	.pageClass-lower #cont-body td,
	.pageClass-lower #cont-body textarea,
	.pageClass-lower #cont-body input,
	.pageClass-lower #cont-body select,
	.pageClass-lower #cont-body label {
		font-size: 13px;
	}
	.pageClass-lower #cont-body figcaption {
		font-size: 12px;
	}
	.pageClass-lower #cont-body section.standard + section.standard {
		margin-top: 30px;
	}
	.pageClass-lower #cont-body section.standard2 + section.standard2 {
		margin-top: 25px;
	}
	.pageClass-lower #cont-body section.standard3 + section.standard3 {
		margin-top: 20px;
	}
	.pageClass-lower #cont-body iframe.standard,
	.pageClass-lower #cont-body iframe.half {
		height: 220px;
		margin-bottom: 10px;
	}
	.pageClass-lower #cont-body .two-col-box > * {
		width: calc(315/640*100%);
	}
	.pageClass-lower #cont-body .two-col-box.sp-one-col > * {
		width: 100%;
	}
	.pageClass-lower #cont-body .two-col-box-rightImg .left {
		width: 100%;
	}
	.pageClass-lower #cont-body .two-col-box-rightImg .right {
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.pageClass-lower #cont-body .two-col-box-rightImg .right img {
		width: 60%;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-1-1
	曳山博物館とは
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-1-1 #cont-body img + p,
#pageID-1-1 #cont-body figcaption {
	margin-top: 12px;
}
#pageID-1-1 #cont-body figure.fig1,
#pageID-1-1 #cont-body figure.fig2,
#pageID-1-1 #cont-body .two-col-box {
	margin-top: 30px;
}

@media screen and (max-width:767px) {
	#pageID-1-1 #cont-body img + p,
	#pageID-1-1 #cont-body figcaption {
		margin-top: 10px;
	}
	#pageID-1-1 #cont-body figure.fig1,
	#pageID-1-1 #cont-body figure.fig2,
	#pageID-1-1 #cont-body .two-col-box {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-1-2
	常設展示
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-1-2 #cont-body img + p {
	margin-top: 12px;
}
#pageID-1-2 #cont-body .two-col-box.pics {
	margin-top: 30px;
}
#pageID-1-2 #cont-body .two-col-box.pics > li {
	margin-bottom: 20px;
}

#pageID-1-2 #cont-body .hikiyama {
	display: flex;
}
#pageID-1-2 #cont-body .hikiyama li {
	margin-top: 40px;
	padding-bottom: 60px;
	position: relative;
}
#pageID-1-2 #cont-body .hikiyama li:nth-child(1),
#pageID-1-2 #cont-body .hikiyama li:nth-child(2) {
	margin-top: 0;
}
#pageID-1-2 #cont-body .hikiyama img {
	width: 90%;
	display: block;
	margin: 0 auto;
}
#pageID-1-2 #cont-body .hikiyama figcaption {
	margin-top: 12px;
	font-size: 18px;
	font-weight: bold;
}
#pageID-1-2 #cont-body .hikiyama p {
	margin-top: 5px;
}
#pageID-1-2 #cont-body .hikiyama .btn-wrapper {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.yamalist-1-2{
	margin-left: 2%;
    margin-right: 2%;
    background: #E3DCB0;
    margin-bottom: 1em;
}
.yamaPhoto-1-2{
	margin: 2px 3px 0;
    height: 400px;
    text-align: center;
}
.yamaPhoto-1-2 img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
	width: 100%;
    height: 100%;
    object-fit: contain;
}
@media screen and (max-width:1024px) {
	.yamaPhoto-1-2{
    height: 360px;
    }
}

@media screen and (max-width:767px) {
	#pageID-1-2 #cont-body img + p {
		margin-top: 10px;
	}
	#pageID-1-2 #cont-body .two-col-box.pics {
		margin-top: 20px;
	}
	#pageID-1-2 #cont-body .two-col-box.pics > li {
		margin-bottom: 7px;
	}
	
	#pageID-1-2 #cont-body .hikiyama li {
		margin-top: 20px;
	}
	#pageID-1-2 #cont-body .hikiyama figcaption {
		margin-top: 9px;
		font-size: 13px;
	}
	#pageID-1-2 #cont-body .hikiyama p {
		margin-top: 3px;
	}
	.yamaPhoto-1-2{
    height: 170px;
    }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-1-3
	企画展・特別展
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.exdetail{margin-left: 2em;}
.exdetail dt{float: left;clear: left; width: 8em;}
.exdetail dd{margin-left: 6em;}
.btn-panf{ text-align: center; width: 60%; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; background-color: #c40d23; border-radius: 10px; -webkit-box-shadow: 2px 2px ２px #000000; box-shadow: 2px 2px 2px #000000; }
.btn-panf .btn{ display: block; line-height: 3em;text-decoration: none; }
.btn-panf span{ color: #FFFFFF;text-decoration: none;}
.box-program,.box-other,.box-picture{margin:0 2em 2em;}
.exmainImage{text-align: center; max-width: 100%;margin: 1em auto 2em;}
#yearList{margin: 0 0 1em;}
#yearList li {display: inline-block;margin-right: 0.5em;width: 120px;text-align: center;/*border: solid 1px;*/}
#yearList li a{color: #FFF;}
#year2017{background-color: rgba(192,23,52,1.00); }
#year2016{ background-color: rgba(30,30,100,1.00); }
#year2015{background:#00750E;}

#pageID-1-3 #exhibition{margin-bottom: 2em;}

#pageID-1-3 .three-col,#pageID-1-6 .three-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#pageID-1-3 .three-col .box,#pageID-1-6 .three-col .box {
	width: calc(254/800*100%);
	height: 370px;
}
#pageID-1-3 .three-col .box.title-box,#pageID-1-6 .three-col .box.title-box {
	padding: 0 2.3%;
	background: #c01734;
	position: relative;
	box-sizing: border-box;
}
#pageID-1-3 #exhibition .three-col .box.title-box,#pageID-1-6 #event .three-col .box.title-box {
	background: #c01734;
}
#pageID-1-3 #event .three-col .box.title-box,#pageID-1-6 #event .three-col .box.title-box {
	background: #2b6d00;
}
#pageID-1-3 .three-col .box.title-box .headline,#pageID-1-6 .three-col .box.title-box .headline {
	padding: 42px 0 45px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
#pageID-1-3 .three-col .box.title-box .lead,#pageID-1-6 .three-col .box.title-box .lead {
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
}
#pageID-1-3 .three-col .box.title-box a,#pageID-1-6 .three-col .box.title-box a {
	width: 85.5%;
	padding: 7px 0 6px;
	display: block;
	color: #000;
	background: #fff;
	border-bottom: solid 2px #000;
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
}
#pageID-1-3 .three-col .box.cont-box img,#pageID-1-6 .three-col .box.cont-box img {
	width: 100%;
}
#pageID-1-3 .three-col .box.cont-box .headline,#pageID-1-6 .three-col .box.cont-box .headline {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
#pageID-1-3 .three-col .box.cont-box .label,#pageID-1-6 .three-col .box.cont-box .label {
	width: 4.5em;
	height: 4.5em;
	padding-top: 1.6em;
	box-sizing: border-box;
	font-size: 10px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #000;
}
#pageID-1-3 #exhibition .three-col .box.cont-box .label {
	border: solid 2px #c01734;
}
#pageID-1-6 #exhibition .three-col .box.cont-box .label {
	border: solid 2px #2b6d00;
}
#pageID-1-3 .three-col .box.cont-box .title,#pageID-1-6 .three-col .box.cont-box .title {
	width: calc( 100% - 4em );
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}
#pageID-1-3 .three-col .box.cont-box .date,#pageID-1-6 .three-col .box.cont-box .date {
	margin-top: 12px;
	font-size: 12px;
	line-height: 1.3;
	word-break: break-all;
}
#pageID-1-3 .three-col .box.cont-box .date.end,#pageID-1-6 .three-col .box.cont-box .date.end {
	padding-right: 3.5em;
}
#pageID-1-3 .three-col .box.cont-box .date.end::after,#pageID-1-6 .three-col .box.cont-box .date.end::after {
	padding: 2px 7px 1px;
	margin: -2px 0 0 10px;
	content: "終了";
	font-size: 12px;
	line-height: 1.2;
	display: inline-block;
	background: #f00;
	color: #fff;
	vertical-align: middle;
	position: absolute;
}
#pageID-1-3 .three-col .box.cont-box .desc,#pageID-1-6 .three-col .box.cont-box .desc {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.5;
}

@media print, screen and (min-width:768px) {
	#pageID-1-3 .three-col .box.title-box a:hover,#pageID-1-6 .three-col .box.title-box a:hover  {
		color: #fff;
		background: #000;
	}
	#pageID-1-3 .three-col .box.cont-box:not(.title-box) a:hover img,#pageID-1-6 .three-col .box.cont-box:not(.title-box) a:hover img {
		opacity: 0.8;
	}
	#pageID-1-3 .three-col .box.cont-box:not(.title-box) a:hover .label,#pageID-1-6 .three-col .box.cont-box:not(.title-box) a:hover .label {
		opacity: 0.8;
	}
	#pageID-1-3 .three-col .box.cont-box:not(.title-box) a:hover .title,#pageID-1-6 .three-col .box.cont-box:not(.title-box) a:hover .title {
		text-decoration: underline;
	}
}

@media print, screen and (min-width:768px) and (max-width:1280px) {
	#pageID-1-3 .three-col .box.title-box,#pageID-1-6 .three-col .box.title-box {
		width: 100%;
		padding-bottom: 50px;
		margin-bottom: 10px;
	}
	#pageID-1-3 .three-col .box.title-box .headline,#pageID-1-6 .three-col .box.title-box .headline {
		padding: 10px 0;
	}
	#pageID-1-3 .three-col .box.title-box a,#pageID-1-6 .three-col .box.title-box a {
		width: 95%;
		bottom: 10px;
	}
	#pageID-1-3 .three-col .box.cont-box,#pageID-1-6 .three-col .box.cont-box {
		width: 49%;
	}
}

@media screen and (max-width:767px) {
	#pageID-1-3 .three-col .box,#pageID-1-6 .three-col .box {
		width: 100% !important;
	}
	#pageID-1-3 .three-col .box.title-box,#pageID-1-6 .three-col .box.title-box {
		padding: 0 5% 50px;
	}
	#pageID-1-3 .three-col .box.title-box .headline,#pageID-1-6 .three-col .box.title-box .headline {
		padding: 20px 0 10px;
		font-size: 15px;
	}
	#pageID-1-3 .three-col .box.title-box .lead,#pageID-1-6 .three-col .box.title-box .lead {
		font-size: 12px;
	}
	#pageID-1-3 .box.cont-box,#pageID-1-6 .box.cont-box {
		padding: 15px;
		margin-top: 15px;
	}
	#pageID-1-3 #exhibition .box.cont-box,#pageID-1-6 #event .box.cont-box {
		border: solid 2px #c01734;
	}
	#pageID-1-3 #event .box.cont-box,#pageID-1-6 #event .box.cont-box {
		border: solid 2px #2b6d00;
	}
	#pageID-1-3 .three-col .box.cont-box .headline,#pageID-1-6 .three-col .box.cont-box .headline {
		align-items: center;
	}
	#pageID-1-3 .three-col .box.cont-box .headline .title,#pageID-1-6 .three-col .box.cont-box .headline .title {
		width: calc( 100% - 5em );
		font-size: 12px;
	}
	#pageID-1-3 .three-col .box.cont-box .date,#pageID-1-6 .three-col .box.cont-box .date {
		margin-top: 15px;
	}
	#pageID-1-3 .three-col .box.cont-box .desc,#pageID-1-6 .three-col .box.cont-box .desc {
		margin-top: 7px;
	}
	#pageID-1-3 .three-col .box.title-box a,#pageID-1-6 .three-col .box.title-box a {
		width: 90.5%;
		bottom: 10px;
	}
}

/* -------------------------------------------------
	pageID-1-3 > 企画展専用
------------------------------------------------- */

@media screen and (max-width:767px) {
	#pageID-1-3 #exhibition {
		margin-top: 20px;
	}
}

/* -------------------------------------------------
	pageID-1-6 > イベント専用
------------------------------------------------- */

#pageID-1-6 #event {
	margin-top: 20px;
}

@media screen and (max-width:767px) {
	#pageID-1-6 #event {
		margin-top: 24px;
	}
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-1-7
	館内図・館内案内
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-1-7 #cont-body .pic-large {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#pageID-1-7 #cont-body .two-col-box-rightImg {
	margin-top: 40px;
}

@media print, screen and (min-width:768px) {
	#pageID-1-7 #cont-body .pic-large {
		margin-top: 40px;
	}
}

@media screen and (max-width:767px) {
	#pageID-1-7 #cont-body .two-col-box-rightImg {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-1
	長浜曳山祭の現在
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-1 #cont-body .two-col-box {
	margin-top: 30px;
}
#pageID-2-1 #cont-body .two-col-box figcaption {
	margin-top: 12px;
}
#pageID-2-1 #cont-body .two-col-box > li {
	margin-top: 30px;
}
#pageID-2-1 #cont-body .two-col-box > li:nth-child(1),
#pageID-2-1 #cont-body .two-col-box > li:nth-child(2){
	margin-top: 0;
}

@media screen and (max-width:767px) {
	#pageID-2-1 #cont-body .two-col-box {
		margin-top: 20px;
	}
	#pageID-2-1 #cont-body .two-col-box > li {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-2
	酔いしれるほどの名演技 子ども歌舞伎について
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* about */

#pageID-2-2 #cont-body #about p,
#pageID-2-2 #cont-body #about .pic-large,
#pageID-2-2 #cont-body #about .two-col-box {
	margin-top: 12px;
}

/* digest */

#pageID-2-2 #cont-body #digest .two-col-box {
	margin-top: 30px;
	text-align: center;
}
#pageID-2-2 #cont-body #digest .two-col-box > li {
	margin-top: 30px;
}
#pageID-2-2 #cont-body #digest .two-col-box > li:nth-child(1),
#pageID-2-2 #cont-body #digest .two-col-box > li:nth-child(2){
	margin-top: 0;
}
#pageID-2-2 #cont-body #digest .two-col-box li iframe {
	margin-top: 12px;
}
#pageID-2-2 #cont-body #digest .two-col-box rt {
	padding-left: 80px;
}

/* this-year */

#pageID-2-2 #cont-body #this-year .two-col {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}
#pageID-2-2 #cont-body #this-year .two-col .text {
	width: calc(100% - 160px);
	margin-left: 15px;
}
#pageID-2-2 #cont-body #this-year .two-col .text dl {
	
}
#pageID-2-2 #cont-body #this-year .two-col .text dl dt {
	width: 5em;
	float: left;
	clear: left;
	font-weight: bold;
}
#pageID-2-2 #cont-body #this-year .two-col .text dl dd {
	float: left;
}
#pageID-2-2 #cont-body #this-year .two-col .pic {
	width: 160px;
}
#pageID-2-2 #cont-body #this-year .summary {
	margin-top: 20px;
}
#pageID-2-2 #cont-body #this-year .summary p {
	font-size: 14px;
	line-height: 1.5;
}

@media screen and (max-width:767px) {
	
	/* about */
	#pageID-2-2 #cont-body #about p,
	#pageID-2-2 #cont-body #about .pic-large,
	#pageID-2-2 #cont-body #about .two-col-box {
		margin-top: 12px;
	}
	
	/* digest */
	#pageID-2-2 #cont-body #digest .two-col-box {
		margin-top: 20px;
	}
	#pageID-2-2 #cont-body #digest .two-col-box > li {
		margin-top: 20px;
	}
	#pageID-2-2 #cont-body #digest .two-col-box li iframe {
		margin-top: 10px;
	}
	#pageID-2-2 #cont-body #digest .two-col-box rt {
		padding-left: 62px;
	}
	
	/* this-year */
	#pageID-2-2 #cont-body #this-year .two-col .text {
		width: calc(100% - 120px);
		margin-left: 10px;
	}
	#pageID-2-2 #cont-body #this-year .two-col .text dl dt {
		width: 4em;
		float: none;
	}
	#pageID-2-2 #cont-body #this-year .two-col .text dl dd {
		float: none;
	}
	#pageID-2-2 #cont-body #this-year .two-col .text dl dd + dt {
		margin-top: 3px;
	}
	#pageID-2-2 #cont-body #this-year .two-col .pic {
		width: 120px;
	}
	#pageID-2-2 #cont-body #this-year .summary {
		margin-top: 15px;
	}
	#pageID-2-2 #cont-body #this-year .summary p {
		font-size: 11px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-3
	主な行事
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-3 #cont-body .schedule-table {
	margin-top: 30px;
}
#pageID-2-3 #cont-body .schedule-table .schedule-title {
	margin-bottom: 0;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body {
	border: solid 2px #cecece;
	border-top: none;
	display: flex;
	flex-wrap: wrap;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body > div {
	width: 50%;
	box-sizing: border-box;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body > div.left {
	border-right: solid 2px #cecece;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body a {
	text-decoration: underline;
	color: #000;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box {
	padding: 0.9em 0;
	display: flex;
	border-top: solid 2px #cecece;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box:first-child {
	border-top: none;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box > p {
	width: 50%;
	box-sizing: border-box;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box .date {
	padding: 0 0.5em 0 1em;
	line-height: 1.5;
}
#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box .cont {
	line-height: 1.5;
}

@media print, screen and (min-width:768px) {
	#pageID-2-3 #cont-body .two-col-box {
		margin-top: 30px;
	}
	
	#pageID-2-3 #cont-body .schedule-table .schedule-body a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width:767px) {
	#pageID-2-3 #cont-body .two-col-box {
		margin-top: 10px;
	}
	
	#pageID-2-3 #cont-body .schedule-table {
		margin-top: 20px;
	}
	#pageID-2-3 #cont-body .schedule-table .schedule-body > div {
		width: 100%;
	}
	#pageID-2-3 #cont-body .schedule-table .schedule-body > div.left {
		border-right: none;
	}
	#pageID-2-3 #cont-body .schedule-table .schedule-body .date-box {
		padding: 0.5em 0;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-4
	伝統工芸を結集した「動く美術館」曳山紹介
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-4 #cont-body #commentary .two-col-box {
	margin-top: 30px;
	align-items: center;
	flex-direction: row-reverse;
}
#pageID-2-4 #cont-body #commentary dl {
	display: flex;
	flex-wrap: wrap;
}
#pageID-2-4 #cont-body #commentary dl dt {
	width: 4em;
	font-weight: bold;
}
#pageID-2-4 #cont-body #commentary dl dd {
	width: calc(100% - 4em);
}
.yamaphotoBox{width: 100%;}
.mainPhoto,.subPhoto{text-align: center;width: 90%;}
.subPhotoInner{width: 100px;float: left;border: #CCCCCC 1px solid;padding: 2px;margin: 1em 0.5em;}
.subPhotoInner p{font-size:80%;}
.subPhotoInner img {width: auto;height: 100px;}
.detailTable,.repletion,.intoroBox{width: 95%;margin: auto;}
.detailTable th{width: 30%;background-color:#efeff0; }
#yamalist{width: 100%;margin: auto auto 2em;}
.yamalist{width: 21%;float: left;margin-left: 2%;margin-right: 2%;background: #E3DCB0;margin-bottom:1em;}
.yamaPhoto{margin: 2px 2px 0;height: 210px;text-align: center;}
.yamalist img{margin: auto;}
#yamalist #post-216-1{clear: left;}
#yamalist #post-1174-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1167-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 7px;}
#yamalist #post-1161-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 7px;}
#yamalist #post-216-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 32px;}
#yamalist #post-1154-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 13px;}
#yamalist #post-1092-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 9px;}
#yamalist #post-1146-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1140-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 15px;}
#yamalist #post-1134-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 2px;}
#yamalist #post-1128-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1122-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 11px;}
#yamalist #post-1116-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 11px;}
#yamalist #post-1109-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 11px;}


@media screen and (max-width:767px) {
	#pageID-2-4 #cont-body #commentary .two-col-box {
		margin-top: 20px;
	}
	#pageID-2-4 #cont-body #commentary .two-col-box .pic img {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	#pageID-2-4 #cont-body #commentary dl {
		margin-top: 20px;
	}
.yamalist{width: 46%;}
.yamaPhoto{height: 210px;}
#yamalist #post-1174-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1167-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1161-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-216-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 26px;}
#yamalist #post-1154-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 6px;}
#yamalist #post-1092-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 1px;}
#yamalist #post-1146-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1140-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 8px;}
#yamalist #post-1134-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1128-1 .yamaPhoto img{height: 210px;width: auto;}
#yamalist #post-1122-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 4px;}
#yamalist #post-1116-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 3px;}
#yamalist #post-1109-1 .yamaPhoto img{height: auto;width: 100%;margin-top: 4px;}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-5
	シャギリ・長浜囃子保存会
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-5 #cont-body .pic-large + p {
	margin-top: 12px;
}
#pageID-2-5 #cont-body .btn-wrapper {
	padding: 30px 0;
	text-align: center;
}
#pageID-2-5 #cont-body .two-col-box {
	margin-top: 30px;
}

@media screen and (max-width:767px) {
	#pageID-2-5 #cont-body .pic-large + p {
		margin-top: 10px;
	}
	#pageID-2-5 #cont-body .btn-wrapper {
		padding: 20px 0;
	}
	#pageID-2-5 #cont-body .two-col-box {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-6
	過去の祭りの記録
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-6 #cont-body #gesan .table-thBg .h-bgGreen {
	padding: 10px 5px 8px;
}
#pageID-2-6 #cont-body #gesan .table-thBg tbody th,
#pageID-2-6 #cont-body #gesan .table-thBg tbody td {
	padding: 10px 5px 8px;
}

@media screen and (max-width:767px) {
	#pageID-2-6 #cont-body #gesan .table-thBg .h-bgGreen,
	#pageID-2-6 #cont-body #gesan .table-thBg tbody th,
	#pageID-2-6 #cont-body #gesan .table-thBg tbody td {
		padding: 8px 3px 7px;
	}
	#pageID-2-6 #cont-body #gesan .table-thBg .h-bgGreen {
		font-size: 13px !important;
	}
	/*#pageID-2-6 #cont-body #gesan .table-thBg tbody th,
	#pageID-2-6 #cont-body #gesan .table-thBg .yamagumi {
		width: 1em;
	}*/
	#pageID-2-6 #cont-body #gesan .table-thBg tbody td {
		font-size: 12px;
		line-height: 1.3 !important;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-2-7
	調査報告書
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-2-7 #cont-body .pdf-list {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 2px #cfcfcf;
}
#pageID-2-7 #cont-body .pdf-list dt {
	width: calc(100% - 170px);
	padding: 5px 1.3em 3px;
	box-sizing: border-box;
	border-bottom: solid 2px #cfcfcf;
}
#pageID-2-7 #cont-body .pdf-list dd {
	width: 170px;
	padding: 5px 1em 3px 3em;
	box-sizing: border-box;
	border-left: dotted 2px #cfcfcf;
	border-bottom: solid 2px #cfcfcf;
	background: url(../img/renew/ico_pdf.png) no-repeat 1em 0.2em / 23px auto;
}
#pageID-2-7 #cont-body .pdf-list dd a {
	color: #000;
}

#pageID-2-7 #cont-body .two-col-box {
	margin-top: 80px;
}
#pageID-2-7 #cont-body .two-col-box figcaption {
	margin-top: 12px;
}
#pageID-2-7 #cont-body .two-col-box > li {
	margin-top: 30px;
}
#pageID-2-7 #cont-body .two-col-box > li:nth-child(1),
#pageID-2-7 #cont-body .two-col-box > li:nth-child(2){
	margin-top: 0;
}

@media print, screen and (min-width:768px) {
	#pageID-2-7 #cont-body .pdf-list dd a:hover {
		text-decoration: underline;
	}
}

@media screen and (max-width:767px) {
	#pageID-2-7 #cont-body .pdf-list dt {
		width: calc(100% - 9.5em);
		padding-left: 0;
		padding-right: 0.5em;
	}
	#pageID-2-7 #cont-body .pdf-list dd {
		width: 9.5em;
		padding-right: 0;
		background-size: 18px auto;
		background-position: 1em 0.4em;
	}
	#pageID-2-7 #cont-body .two-col-box {
		margin-top: 30px;
	}
	#pageID-2-7 #cont-body .two-col-box > li {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-3-1
	アクセス
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-3-1 #cont-body iframe {
	width: 100%;
	height: 400px;
}
#pageID-3-1 #cont-body #near iframe + p {
	margin-top: 20px;
}
#pageID-3-1 #cont-body #near p a {
	text-decoration: none;
}
#pageID-3-1 #cont-body .how-to-go {
	margin-top: 20px;
}
#pageID-3-1 #cont-body .how-to-go .h-borderLB {
	margin-top: 20px;
}
#pageID-3-1 #cont-body .how-to-go p {
	margin-top: 10px;
}

@media screen and (max-width:767px) {
	#pageID-3-1 #cont-body iframe {
		height: 220px;
	}
	#pageID-3-1 #cont-body .how-to-go section + section {
		margin-top: 15px;
	}
	#pageID-3-1 #cont-body .how-to-go .h-borderLB {
		margin-top: 10px;
	}
	#pageID-3-1 #cont-body .how-to-go p {
		margin-top: 5px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-3-2
	入館料・割引
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-3-2 #cont-body #admission-fee .table-simple .nowrap {
	white-space: nowrap;
}
#pageID-3-2 #cont-body #admission-fee .table-simple .note {
	font-size: 85%;
}

#pageID-3-2 #cont-body #about-discount figure {
	margin-top: 20px;
	text-align: center;
}
#pageID-3-2 #cont-body #about-discount figure img {
	max-width: 500px;
}
#pageID-3-2 #cont-body #about-discount figure figcaption {
	margin-top: 12px;
}

#pageID-3-2 #cont-body #other-discount ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

#pageID-3-2 #cont-body #coupon p + p {
	margin-top: 12px;
}
#pageID-3-2 #cont-body #coupon a {
	text-decoration: none;
}

@media print, screen and (min-width:768px) {
	#pageID-3-2 #cont-body #about-discount figure a:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width:767px) {
	#pageID-3-2 #cont-body #admission-fee .table-simple th,
	#pageID-3-2 #cont-body #admission-fee .table-simple td {
		padding-left: 5px;
		padding-right: 5px;
	}
	#pageID-3-2 #cont-body #admission-fee .table-simple .note {
		font-size: 80%;
	}
	#pageID-3-2 #cont-body #about-discount figure {
		margin-top: 10px;
	}
	#pageID-3-2 #cont-body #about-discount figure figcaption {
		margin-top: 10px;
	}
	#pageID-3-2 #cont-body #other-discount ul {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#pageID-3-2 #cont-body #coupon p + p {
		margin-top: 10px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-4-1
	長浜曳山文化協会基本情報
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-4-1 #cont-body a {
	text-decoration: underline;
	color: #000;
}
#pageID-4-1 #cont-body #org img {
	max-width: 60%;
	margin: 40px auto 0;
	display: block;
}
#pageID-4-1 #cont-body #download li {
	text-indent: -28px;
	margin-left: 28px;
}
#pageID-4-1 #cont-body #download li::before {
	width: 23px;
	height: 28px;
	margin-right: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(../img/renew/ico_pdf.png) no-repeat 0 0 / 23px auto;
}
#pageID-4-1 #cont-body #download li + li,
#pageID-4-1 #cont-body #relation li + li {
	margin-top: 12px;
}

@media print, screen and (min-width:768px) {
	#pageID-4-1 #cont-body a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width:767px) {
	#pageID-4-1 #cont-body #org img {
		max-width: 80%;
		margin: auto;
	}
	#pageID-4-1 #cont-body #download li {
		text-indent: -23px;
		margin-left: 23px;
	}
	#pageID-4-1 #cont-body #download li::before {
		width: 18px;
		height: calc( 28px * 18 / 23 );
		background-size: 18px auto;
	}
	#pageID-4-1 #cont-body #download li + li,
	#pageID-4-1 #cont-body #relation li + li {
		margin-top: 10px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-4-2
	長浜曳山文化協会の取り組み
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-4-2 #cont-body figcaption {
	margin-top: 12px;
}
#pageID-4-2 #cont-body #preserve-committee .two-col-box {
	margin-top: 30px;
}

@media print, screen and (min-width:768px) {
	#pageID-4-2 #cont-body #presentation .two-col {
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
	}
	#pageID-4-2 #cont-body #presentation .two-col .left {
		width: calc( 100% - 300px );
	}
	#pageID-4-2 #cont-body #presentation .two-col .left .h-borderLB {
		margin-top: 0;
	}
	#pageID-4-2 #cont-body #presentation .two-col .right {
		width: 280px;
	}
}

@media screen and (max-width:767px) {
	#pageID-4-2 #cont-body figcaption,
	#pageID-4-2 #cont-body #presentation .two-col .right {
		margin-top: 10px;
	}
	#pageID-4-2 #cont-body #preserve-committee .two-col-box {
		margin-top: 20px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-5-1
	施設貸館について
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-5-1 #cont-body .two-col-box {
	margin-top: 30px;
	text-align: center;
}
#pageID-5-1 #cont-body .two-col-box img {
	max-width: 250px;
}
#pageID-5-1 #cont-body #info .table-simple {
	margin-top: 20px;
}
#pageID-5-1 #cont-body #info .table-simple th {
	width: 25.0%;
}
#pageID-5-1 #cont-body #info .table-simple + p {
	margin-top: 12px;
}
#pageID-5-1 #cont-body p.note {
	text-indent: -1em;
	margin-left: 1em;
}

/* facility */

#pageID-5-1 #cont-body #facility .table-simple {
	border-left-color: #2f6b35;
}
#pageID-5-1 #cont-body #facility .table-simple th {
	font-weight: bold;
}
#pageID-5-1 #cont-body #facility .table-simple thead th {
	width: 20%;
}
#pageID-5-1 #cont-body #facility .table-simple thead th:not(:first-child) {
	text-align: center;
}
#pageID-5-1 #cont-body #facility .table-simple thead th:first-child,
#pageID-5-1 #cont-body #facility .table-simple tbody th {
	color: #fff;
	background: #2f6b35;
	border-right: none;
	border-bottom-color: #215226;
}
#pageID-5-1 #cont-body #facility .table-simple tbody th.facility-row {
	border-right: solid 2px #215226;
	vertical-align: middle;
	line-height: 1.2;
}
#pageID-5-1 #cont-body #facility .table-simple tbody th.facility-row span {
	display: inline-block;
	width: 1em;
}
#pageID-5-1 #cont-body #facility .table-simple thead th:first-child {
	border-top: solid 2px #2f6b35;
}
#pageID-5-1 #cont-body #facility .table-simple tbody td {
	text-align: center;
}
#pageID-5-1 #cont-body #facility .table-simple .colored {
	background: #e6eee6;
}

/* price-table */

#pageID-5-1 #cont-body #price-table .table-thBg {
	margin-top: 15px;
}
#pageID-5-1 #cont-body #price-table .table-thBg th {
	width: 20%;
}
#pageID-5-1 #cont-body #price-table .table-thBg tbody th {
	font-weight: bold;
}
#pageID-5-1 #cont-body #price-table .table-thBg tbody td {
	text-align: center;
}

/* download */

#pageID-5-1 #cont-body #entry .download {
	margin: 25px 0 0 27px;
}
#pageID-5-1 #cont-body #entry .download img {
	width: 23px;
	margin-right: 3px;
	vertical-align: middle;
}

/* contact */

#pageID-5-1 #cont-body #contact a.tel {
	text-decoration: none;
}

@media screen and (max-width:767px) {
	#pageID-5-1 #cont-body .two-col-box {
		margin-top: 20px;
	}
	#pageID-5-1 #cont-body #info .table-simple + p {
		margin-top: 10px;
	}
	
	/* facility */
	
	#pageID-5-1 #cont-body #facility .table-simple th,
	#pageID-5-1 #cont-body #facility .table-simple td {
		padding-left: 5px;
		padding-right: 5px;
	}
	#pageID-5-1 #cont-body #facility .table-simple .sp-w-1em {
		width: 1em;
		display: inline-block;
		line-height: 1.2;
		word-break: break-all;
	}
	#pageID-5-1 #cont-body #facility .table-simple .sp-w-3em {
		width: 3em;
		display: inline-block;
		line-height: 1.2;
		word-break: break-all;
	}
	
	/* price-table */
	
	#pageID-5-1 #cont-body #price-table .table-thBg th,
	#pageID-5-1 #cont-body #price-table .table-thBg td {
		padding-left: 5px;
		padding-right: 5px;
	}
	#pageID-5-1 #cont-body #price-table .table-thBg thead th span {
		width: 1em;
		display: inline-block;
		line-height: 1;
	}
	
	/* download */
	
	#pageID-5-1 #cont-body #entry .download {
		margin: 15px 0 0 0;
	}
	#pageID-5-1 #cont-body #entry .download img {
		width: 18px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-5-2
	備品貸し出しについて
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin: 20px auto 0;
}
#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd li {
	margin-top: 20px;
	text-align: center;
}
#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd li:nth-child(1),
#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd li:nth-child(2) {
	margin-top: 0;
}
#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd img {
	width: 80%;
}
#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd figcaption {
	margin-top: 12px;
}
#pageID-5-2 #cont-body #dvd-content .intro {
	text-align: center;
}
#pageID-5-2 #cont-body #dvd-content .outro {
	max-width: 80%;
	margin: 20px auto 0;
	text-align: left;
}
#pageID-5-2 #cont-body #about-rental-entry a.tel {
	text-decoration: none;
}
#pageID-5-2 #cont-body #download p + p {
	margin-top: 12px;
}
#pageID-5-2 #cont-body #download p.note + p.note {
	margin-top: 0;
}
#pageID-5-2 #cont-body #download .doc img {
	width: 23px;
	margin-right: 3px;
	vertical-align: middle;
}

@media screen and (max-width:767px) {
	#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd {
		max-width: 100%;
	}
	#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd li {
		margin-top: 15px;
	}
	#pageID-5-2 #cont-body #dvd-content .two-col-box.dvd figcaption {
		margin-top: 10px;
	}
	#pageID-5-2 #cont-body #dvd-content .outro {
		max-width: 100%;
		margin: 15px auto 0;
	}
	#pageID-5-2 #cont-body #download p + p {
		margin-top: 10px;
	}
	#pageID-5-2 #cont-body #download .doc img {
		width: 18px;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	
	pageID-5-3
	長浜曳山祭シンボルマーク及びロゴタイプデザイン使用について
	
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#pageID-5-3 #cont-body .logo.l1 {
	display: block;
	margin: 0 auto;
	max-width: 300px;
}

/* rule */

#pageID-5-3 #cont-body #rule .detail {
	height: 400px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
	overflow: auto;
	border: solid 1px #000;
}

/* combination */

#pageID-5-3 #cont-body #combination .thumbnails {
	text-align: center;
}
#pageID-5-3 #cont-body #combination .thumbnails .thumb + .thumb {
	margin-top: 35px;
}
#pageID-5-3 #cont-body #combination .thumbnails .thumb.t2,
#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
	display: inline-block;
}
#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
	margin-left: 20%;
}
#pageID-5-3 #cont-body #combination .thumbnails figcaption {
	margin-bottom: 1em;
}
#pageID-5-3 #cont-body #combination .thumbnails img {
	width: auto;
	display: block;
	margin: 0 auto;
	border: solid 1px #eee;
}
#pageID-5-3 #cont-body #combination dl {
	margin-top: 35px;
}

/* download1, download2 */

#pageID-5-3 #cont-body .dl-area li {
	padding-left: 28px;
	position: relative;
}
#pageID-5-3 #cont-body .dl-area li::before {
	width: 23px;
	height: 28px;
	margin-right: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
}
#pageID-5-3 #cont-body .dl-area li.p::before {
	background: url(../img/renew/ico_pdf.png) no-repeat 0 0 / 23px auto;
}
#pageID-5-3 #cont-body .dl-area li.w::before {
	background: url(../img/renew/ico_w.png) no-repeat 0 0 / 23px auto;
}
#pageID-5-3 #cont-body .dl-area li.e::before {
	background: url(../img/renew/ico_e.png) no-repeat 0 0 / 23px auto;
}
#pageID-5-3 #cont-body .dl-area li + li {
	margin-top: 12px;
}
#pageID-5-3 #cont-body .dl-area li a {
	color: #000;
	text-decoration: underline;
}

#pageID-5-3 #cont-body #download2 dl {
	margin-top: 30px;
}
#pageID-5-3 #cont-body #download2 dl dt {
	font-weight: bold;
}
#pageID-5-3 #cont-body #download2 dl a {
	color: #000;
}
#pageID-5-3 #cont-body #download2 dl a.mail {
	text-decoration: underline;
}

/* how-to-entry */

#pageID-5-3 #cont-body #how-to-entry ul {
	margin-top: 12px;
}

/* form */

#pageID-5-3 #cont-body #form .kome {
	color: #f33;
}
#pageID-5-3 #cont-body #form .lead,
#pageID-5-3 #cont-body #form .file {
	margin-top: 20px;
}
#pageID-5-3 #cont-body #form .title {
	margin-top: 25px;
	font-weight: bold;
}
#pageID-5-3 #cont-body #form .mt {
	margin-top: 10px;
}
#pageID-5-3 #cont-body #form label {
	line-height: 1.4;
}
#pageID-5-3 #cont-body #form .checkbox-indent {
	display: block;
	padding-left: 20px;
	position: relative;
}
#pageID-5-3 #cont-body #form .checkbox-indent.ib {
	display: inline-block;
}
#pageID-5-3 #cont-body #form .checkbox-indent input {
	position: absolute;
	top: 3px;
	left: 0;
}
#pageID-5-3 #cont-body #form .nowrap {
	white-space: nowrap;
	display: inline-block;
}
#pageID-5-3 #cont-body #form .fit {
	width: 100%;
	box-sizing: border-box;
}
#pageID-5-3 #cont-body #form dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#pageID-5-3 #cont-body #form dl dt {
	width: 13em;
	margin-top: 15px;
}
#pageID-5-3 #cont-body #form dl dd {
	width: calc(100% - 13em);
	margin-top: 15px;
}
#pageID-5-3 #cont-body #form li {
	margin-top: 10px;
}
#pageID-5-3 #cont-body #form textarea,
#pageID-5-3 #cont-body #form input[type="text"],
#pageID-5-3 #cont-body #form input[type="tel"],
#pageID-5-3 #cont-body #form input[type="num"],
#pageID-5-3 #cont-body #form input[type="email"] {
	padding: 2px 4px;
}
#pageID-5-3 #cont-body #form textarea,
#pageID-5-3 #cont-body #form input {
	box-sizing: border-box;
	vertical-align: middle;
}
#pageID-5-3 #cont-body #form textarea {
	width: 100%;
	height: 80px;
}
#pageID-5-3 #cont-body #form label {
	vertical-align: middle;
}
#pageID-5-3 #cont-body #form .file p {
	margin-bottom: 10px;
}
#pageID-5-3 #cont-body #form input[type="submit"] ,#pageID-5-3 #cont-body #form input[type="button"]{
	width: 10em;
	padding: 0.3em 0;
	display: block;
	margin: 30px auto 0;
}
.zip-short{width: 5em;}

@media print, screen and (min-width:768px) {
	#pageID-5-3 #cont-body .dl-area li a:hover,
	#pageID-5-3 #cont-body #download2 dl a.mail:hover {
		text-decoration: none;
	}
}

@media print, screen and (min-width:768px) and (max-width:965px) {
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t2,
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
		display: block;
	}
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
		margin-left: 0;
	}
}

@media screen and (max-width:767px) {
	#pageID-5-3 #cont-body .logo.l1 {
		width: 70%;
		max-width: 300px;
	}
	
	/* rule */
	#pageID-5-3 #cont-body #rule .detail {
		height: auto;
		font-size: 10px;
	}
	
	/* combination */
	#pageID-5-3 #cont-body #combination .thumbnails .thumb + .thumb {
		margin-top: 25px;
	}
	#pageID-5-3 #cont-body #combination .thumbnails .thumb img {
		width: 170px;
	}
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t2,
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
		display: block;
	}
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t3 {
		margin-left: 0;
	}
	#pageID-5-3 #cont-body #combination .thumbnails .thumb.t7 img {
		max-width: 468px;
		width: 100%;
	}
	#pageID-5-3 #cont-body #combination dl {
		margin-top: 25px;
	}
	
	/* download1, download2 */
	#pageID-5-3 #cont-body .dl-area li {
		padding-left: 23px;
	}
	#pageID-5-3 #cont-body .dl-area li::before {
		width: 18px;
		height: calc( 28px * 18 / 23 );
		background-size: 18px auto !important;
	}
	#pageID-5-3 #cont-body .dl-area li + li {
		margin-top: 10px;
	}
	#pageID-5-3 #cont-body #download2 dl {
		margin-top: 20px;
	}
	
	/* how-to-entry */
	#pageID-5-3 #cont-body #how-to-entry ul {
		margin-top: 10px;
	}
	
	/* form */
	#pageID-5-3 #cont-body #form dl dt,
	#pageID-5-3 #cont-body #form dl dd {
		width: 100%;
	}
	#pageID-5-3 #cont-body #form dl dd {
		margin-top: 8px;
	}
	#pageID-5-3 #cont-body #form .sp-short {
		width: 9em;
	}
	#pageID-5-3 #cont-body #form .sp-mt {
		margin-top: 3px;
		display: inline-block;
	}
}