@charset "utf-8";
@media screen and (max-width: 1100px) {
.contentWidth { width:100%; }

header nav #pcHeadNavi {
	padding:0 5% 0 0;
}

}

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

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	common css

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/ */

body{ font-size:14px; line-height:1.8em; -webkit-overflow-scrolling: touch; }

img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	}

.mediaPC { display:none; }
.mediaSP { display:block; }

#topicsArea h2,
#content section h2 { font-size:200%; }


/* Btn */
.linkBtn {
	box-sizing:border-box;
	width:85%;
}

.imgListTypeA > ul {
	margin:0 auto 30px;
}

.imgListTypeA > ul > li {
	display:inline-block;
	width:120px;
	height:120px;
	margin:0 5px 10px;
}

.imgListTypeA > ul > li > img {
	width:100%;
}

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	base css

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* header
 ==================================================== */
header { 
	position:fixed;
	top:10px;
	width:100%;
	z-index:1000;
}

header .headerWidht {
	padding:0;
}

#spHeadNavi {
	box-sizing:border-box;
	overflow:hidden;
	margin-top:10px;
}

#spHeadNavi li {
	float:none;
	border-bottom:1px solid #ccc;
}

#spHeadNavi li:last-child {
	border-bottom:none;
}

#spHeadNavi li a,
#spHeadNavi li span {
	display:block;
	padding:10px 0;
}

#spHeadNavi li a:link,
#spHeadNavi li a:visited {
	color:#FFF;
}

#spHeadNavi li a:hover,
#spHeadNavi li a:active {
	color:#ddd;
}


/* title 
 ==================================================== */
#titleArea {
	position:relative;
}

#themeVisual {
	float:none;
	width:100%;
	min-height:740px;
	margin-top:0;
	margin-right:0;
	background-position:right bottom;
	background-size:cover;
}

#mainTitle {
	float:none;
	position:absolute;
	top:20px;
	width:100%;
	padding:0;
	margin-top:10px;
	text-align:center;
}

#mainTitle h1 img{
	display:block;
	width:280px;
	margin:auto;
}

#mainTitle h1 img.sub {
	width:120px;
	margin-bottom:10px;
}

#titleDate {
	margin-top:10px;
	margin-bottom:10px;
}

#titleDate img {
	width:220px;
}

#titlePlace {
	font-size:120%;
}

#topicsArea {
	float:none;
	width:100%;
	padding:0 15px;
	text-align:center;
}

#topicsArea {
	margin-top:200px;
}

#topicsArea h2 {
	margin-bottom:40px;
}

#topicsArea dl {}

#topicsArea dl dt {
	float:none;
	width:100%;
	margin-top:1%;
	margin-right:0;
}

#topicsArea dl dd {
	float:none;
	width:100%;
	margin-top:1%;
}

/* content
================================================== */

#content {
	padding:0 10px;
}

#introArea {}

/* Information */
#infoArea {}

#infoArea dl {
	box-sizing:border-box;
	width:100%;
	padding:0 15px;
	text-align:center;
}

#infoArea dt {
	float:none;
	width:100%;
	padding-bottom:0;
	border-bottom:none;
	margin-top:0;
}

#infoArea dd {
	float:none;
	width:100%;
	padding-bottom:20px;
	padding-left:0;
	border-bottom:1px solid #ddd;
	margin-top:0;
	margin-bottom:20px;
}

#infoArea dd:last-child {
	border-bottom:none;
	margin-bottom:0;
}


/* Access */
#accessArea #mapframe,
#accessArea #mapframe iframe {
	display:none;
}

#accessArea .mapBtn { margin-bottom:20px; }

#topUp a {
	bottom:20px;
	right:20px;
	width:40px;
	height:34px;
	padding-top:6px;
}

/* footer
 ==================================================== */
footer  {}

footer #footerInner {
	width:100%;
}

/* gNavi Btn
 ==================================================== */
#panel-btn { display: inline-block; position: relative; width: 40px; height: 40px; margin:10px 10px 0 0; border-radius: 50%; background-color: #FFF; }
#panel-btn:hover { background: #fafafa; }
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background-color:#684625; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background-color:#684625; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#navInner { display: none; width: 100%; margin: 0; padding:60px 0 0; text-align: center; background-color:#555; opacity:.8; color:#222; }

}

@media screen and (max-width: 500px) {
#themeVisual {
	min-height:600px;
	background-position: -110px -30px;
	background-size: 620px;
}
}

@media screen and (max-width: 350px) {
#themeVisual {
	background-position: -130px -80px;
	background-size: 600px;
}

#mainTitle {
	margin-top:5px;
	text-align:center;
}

#mainTitle h1 img{
	display:block;
	width:220px;
	margin:auto;
}

#mainTitle h1 img.sub {
	width:100px;
	margin-bottom:10px;
}

#titleDate {
	margin-top:10px;
	margin-bottom:10px;
}

#titleDate img {
	width:220px;
}

#titlePlace {
	display:none;
}


}