@charset "UTF-8";

/* CLEAR FIX */
.pam_top ul:after,
#dvd:after,
.photoBox ul{
	content:"";
	clear:both;
	display:block;
	height:0;
}

h4 {
	margin-top:0 !important;
	margin-bottom: 1em;
	font-weight:normal;
	font-size:2em;
}

table td{
	vertical-align:top;
	padding-right:2em;
	border-bottom:1px solid #ccc;
	line-height:2em;
}

table td.ttl {
	width:4em;
}

table td span:before {
	font-family: 'rinoicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '1 ';
	font-size:1.5em;
	font-weight:normal;
	color:#034085;
}
table td span.rd {
	color:#900;
	font-weight:bold;
}
.newsdl dt{
	background-color:#999;
	width:18em !important;
}
.newsdl dd{
	width:auto !important;
	float:left !important;
}

#mainSection > dl >dd{
	padding-bottom:5em !important;
}

/* dlの背景削除 */
#mainSection dl {
	background: none !important;
}

[class="2016"]{background:#9bc216 !important;}
[class="2015"]{background:#f38c00 !important;}
[class="2014"]{background:#6b1685 !important;}
#mainSection > dl > dt {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
}

#mainSection p {margin-bottom:1em;}

.question {
	color:#900;
	font-size:1.2em;
	font-weight: bold;
}
.map img,
#main_photo img {width:100%;}
.intro {
	margin-top:1.5em;
	text-align: center;
	font-size: 1.5em;
	line-height:2em;
}
ul.album{
	text-align: center;
}
ul.album li {
	display:inline-block;
	width:24%;
}
ul.album li img {width:100%;}
.caution,
.entry {margin-top:2em;}
.entry ol {
	padding:10px;
	border:2px solid #666;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.entry ol li {list-style:decimal inside;}

/* エントリーボタン */
#entryBtn {
	margin: 30px auto;
	width: 400px;
	height: 50px;
}
#entryBtn a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 50px;
	width: 400px;
	height: 50px;
	border-radius: 25px;
	position: relative;
	background: #9bc219;
	text-align: center;
}
#entryBtn a:hover {
	background: #c3e25c;
}

#entryBtn a:before {
	content: 'e';
	padding-left: 15px;
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

/* ページ移動 */
#listBtn {
	margin: 30px auto;
	width: 400px;
	height: 50px;
}
#listBtn a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 50px;
	width: 400px;
	height: 50px;
	border-radius: 25px;
	position: relative;
	background: #9bc219;
	text-align: center;
}
#listBtn a:hover {
	background: #c3e25c;
}


.sns-l {float:left;width:470px;}
.sns-r {float:right;width:470px;}

/* ウィジェット矯正 */
.fb-page fb_iframe_widget,
.twitter-timeline {
	height:600px !important;
}

/*===============================================
● PC向け 横幅1040px以上
===============================================*/
@media all and (min-width: 1040px){
	#mainSection .photoBox {
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:150px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;

	}

	.link {
		text-align:right;
	}
	
	/* dvd */
	#dvd li {
		width:178px;
		padding:5px 5px 35px 5px;
		border:1px solid #fff;
		background:#fff;
		margin-right:10px;
		margin-bottom:20px;
		float:left;
	}
	
	#dvd li:nth-child(4n) {
		margin-right:0;
	}
	
	#dvd li:nth-child(4),
	#dvd li:nth-child(5) {
		padding-bottom:0;
	}
	
	#dvd li img {
		width:176px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	/* goods */
	.goods li {
		width:178px;
		padding:5px 5px 35px 5px;
		border:1px solid #fff;
		background:#fff;
		margin-right:10px;
		margin-bottom:20px;
		float:left;
	}
	
	.goods li:nth-child(4n) {
		margin-right:0;
	}
	
	.goods li:nth-child(4),
	.goods li:nth-child(5) {
		padding-bottom:0;
	}
	
	.goods li img {
		width:176px;
		margin:10px 10px 10px 0;
		border:1px solid #999;
	}
	
	.goods li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	/* パンフ */
	.pamph_archive .read {
		font-size:1.5em;
		line-height:1.8em;
		margin-bottom:1em;
	}
	.pamph_archive #pam_list > li {
		width:300px;
	}
	.pamph_archive #pam_list > li .pam_txt {
		font-size:1em;
		line-height:1.2em;
	}
	/* twitter */
	iframe.twitter-timeline {
		width: 100% !important;
	}
}



/*===============================================
● タブレット向け 横幅640px以上1039px以下
===============================================*/
@media all and (min-width: 640px) and (max-width: 1039px){
	#mainSection .photoBox {
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:150px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}

	.link {
		text-align:right;
	}
	/* dvd */
	#dvd li {
		width:148px;
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		float:left;
	}
	
	#dvd li:nth-child(3n) {
		margin-right:0;
	}
	
	#dvd li img {
		width:146px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	/* goods */
	.goods li {
		width:148px;
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		float:left;
	}
	
	.goods li:nth-child(3n) {
		margin-right:0;
	}
	
	.goods li img {
		width:146px;
		margin:10px 10px 10px 0;
		border:1px solid #999;
	}
	
	.goods li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	/* エントリーボタン */
	#listBtn,
	#entryBtn {
		margin: 30px auto;
		width: 400px;
		height: 50px;
	}
	#listBtn a,
	#entryBtn a {
		color: #fff;
		display: block;
		font-size: 16px;
		line-height: 50px;
		width: 400px;
		height: 50px;
		border-radius: 25px;
		position: relative;
	background: #9bc216;
		text-align: center;
	}
	#listBtn a:hover,
	#entryBtn a:hover {
	background: #c3e25c;
	}

	#entryBtn a:before {
		content: 'e';
		padding-left: 15px;
		color: #fff;
		font-size: 40px;
		line-height: 50px;
		position: absolute;
		top: 0;
		left: 0;
	}
		/* twitter */
	iframe.twitter-timeline {
		width: 90% !important;
	}
		/* sns */
	.sns-l {float:left;width:310px;}
	.sns-r {float:right;width:310px;}
}

/*===============================================
● スマートフォン向け 横幅639px以下
===============================================*/
@media all and (max-width:639px){
	#mainSection .photoBox {
		padding: 0 10px 6px;
		overflow:auto;
	}

	#mainSection .photoBox ul li {
		float:left;
		margin-right:1em;
	}

	#mainSection .photoBox ul li img{
		width:100px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;

	}

	.link {
		text-align:right;
	}
	
	/* dvd */
	#dvd li {
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		text-align:center;
	}
	
	#dvd li:nth-child(3n) {
		margin-right:0;
	}
	
	#dvd li img {
		width:146px;
		margin:10px 0;
		border:1px solid #999;
	}
	
	#dvd li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	/* goods */
	.goods li {
		padding:5px 5px 0;
		border:1px solid #fff;
		background:#fff;
		margin-right:7px;
		margin-bottom:20px;
		text-align:center;
	}
	
	.goods li:nth-child(3n) {
		margin-right:0;
	}
	
	.goods li img {
		width:40%;
		margin:10px 10px 10px 0;
		border:1px solid #999;
	}
	
	.goods li h5 {
		padding: 5px 10px;
		color: #fff;
		background:none #666;
	}
	.colorbox {
		max-Width:100%;
	}
	/* エントリーボタン */
	#listBtn,
	#entryBtn {
		margin: 30px auto;
		width: 300px;
		height: 50px;
	}
	#listBtn a,
	#entryBtn a {
		font-size: 15px;
		width: 300px;
	}
	#listBtn a:before,
	#entryBtn a:before {
		font-size: 25px;
	}
	/* twitterウィジェット矯正 */
	.inline-media {
		width:70% !important;
	}
	/* snsフロート解除 */
	.sns-l {float:none;width:100%;margin-bottom:2em;}
	.sns-r {float:none;width:100%;}
	.sns-l > div,
	.sns-r > div {margin:0 auto;}
	/* twitterウィジェット矯正 */
	.inline-media {
		width:70% !important;
	}
	/* facebookウィジェット矯正 */
	.fb-page-parent > .fb-page {
		width: 300px;
  	}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe[style]{
		width: 100% !important;
	}
}