@charset "UTF-8";
.beta {
	position: relative;
	padding-bottom: 20px;
}
.art a {
	color: #009FE9;
	text-decoration:none;
}
.art a:hover {
	color: #009FE9;
	text-decoration: underline;
}
.mt0 {
	margin-top: 0px!important;
}
.mb0 {
	margin-bottom: 0px!important;
}

.art p.sord{
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 10px 0;
}
.art h3 {
	padding: 40px 0 5px 0;
}
.art h3 img {
	display: block;
	margin: 0 0 10px 0;
}
.art .article {
	margin: 0 0 33px 0;
	overflow: hidden;
}

.art .article dl {
	float: left;
	width: 380px;
}
.art .article dt {
}
.art .article dd {
	margin: 5px 0 0 0;
	font-size: 10px;
}
.art .article .text{
	float: right;
	width: 290px;
}
.art .article .text p {
	margin: 0;
	font-size: 13px;
	line-height: 1.8em;
}
.art .article  p.text02 {
	margin: 0;
	font-size: 13px;
	line-height: 1.8em;
}
.art .column {
	font-size: 11px;
	overflow: hidden;
	clear: both;
}
.art .column h4 {
	margin: 0 0 10px 0;
}
.art .column h5 {
	font-size: 12px;
	color: #009FE9;
	margin: 0 0 5px 0;
}
.art .column span{
	color: #009FE9;
}
.art .column .ll {
	float: left;
	width: 340px;
}
.art .column .rr {
	float: right;
	width: 340px;
}
.art .column .columnbox {
	border: 1px solid #ccc;
	margin: 7px 0 0 0;
	padding: 12px;
}
.art .column .columnbox p {
	word-break: break-all;
}

.gallery_photo .c1 {
	float: none;
	width: 100%;
	
}
.gallery_photo .c1 dl {
	width: 100%;
	
}

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


.art h2 {
	margin: 0 0 20px 0;
}
ul.contnav {
	width: 700px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.contnav li {
	float: left;
	margin-botttom: 6px;
	padding: 0 25px 0 15px;
	background: url(../../common/images/arrow_under.gif) 0 3px no-repeat;
}
.chara01 {
	position: absolute;
	right: 0;
	top: 150px;
}
.sord span {
	display: block;
}

.gallery_photo {
	margin: 0 0 30px -27px;	
}
.gallery_photo dl {
	float: left;
	width: 215px;
	margin: 0 0 15px 27px;
	padding: 0 !important;	
}
.gallery_photo dl dt {
	position: relative;
	margin-bottom: 5px;
}
.gallery_photo dl dt .spacer {
	position: absolute;
	left: 0;
	top: 0;
}
.gallery_photo.c2 {
	margin: 0 0 30px -20px;	
}
.gallery_photo.c2 dl {
	float: left;
	width: 340px;
	margin: 0 0 15px 20px;
	padding: 0 !important;	
}

.gallery_photo_c1 {
	margin: 0 0 30px 0;	
	font-size: 10px;
}
.gallery_photo_c1 dl {
	margin: 0 0 15px 0;
	padding: 0 !important;	
}
.gallery_photo_c1 dl dt {
	position: relative;
	margin-bottom: 5px;
}

.guard {
	position: relative;
	pointer-events: none;
}
.guard .spacer {
	position: absolute;
	left: 0;
	top: 0;
}

.gallery_photo dl dd {
	font-size: 10px;
	line-height: 1.6;
}

.map01 {
	position: relative;	
}
.map01 a {
	position: absolute!important;
	top: 0;
	left: 51%;
	display: block;
	width: 45%;
	margin-top: 51%;
	padding-bottom: 10%;
	
}

.network {
	box-sizing: border-box;
	padding: 20px;
	background: #FFFCDB;
	border: 1px solid #00A0E9;
}
.network h3 {
	float: left;
	width: 490px;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #009FE9;
}
.network .term {
	float: left;
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 15px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #E85298;
	line-height: 1.0;
}
.network .book {
	float: right;
	display: block
	
}
.network p {
	float: left;
	width: 490px;
}
　
}

@media screen and (max-width: 420px) {
	
	/* =====================================
		初期設定
	===================================== */
	.art img {
		width: 100% !important;
		height: auto !important;
	}
	.art .return img {
		width: 73px !important;
	}
	.art h2 {
		width: 94%;
		margin: 20px auto 15px;
	}
	.art h3 {
		/*margin: 0 0 15px 0;*/
	}
	ul.contnav {
		width: 100%!important;
		margin: 0 auto !important;
	}
	ul.contnav li {
		margin-bottom: 6px;
		padding: 0 5% 0 13px;
		background: url(../../common/images/arrow_under.gif) 0 4px no-repeat;
		background-size: 10px;
		font-size: 12px;
	}
	.art img.chara01 {
		display: block;
		width: 60%!important;
		margin: 20px auto 0;	
	}
	
	.art .article .text {
		width: 100%!important;
	}
	.gallery_photo {
		margin: 0 0 30px -5%;
		padding: 0 !important;	
	}
	.gallery_photo dl {
		float: left;
		width: 45%;
		margin: 0 0 15px 5%!important;
		padding: 0 !important;	
	}
	
	.gallery_photo dl {
		margin: 0 0 15px 0;	
	}
	.gallery_photo dl dt {
		margin-bottom: 5px;
	}
	.gallery_photo dl dt .spacer {
		display: none;
	}
	.gallery_photo_c1 {
		margin: 0 0 0 0;	
		font-size: 10px;
	}
	.gallery_photo_c1 dl {
		margin: 0 0 15px 0;
		padding: 0 !important;	
	}
	.gallery_photo_c1 dl dt {
		position: relative;
		margin-bottom: 5px;
	}


	.guard {
		pointer-events: none;
	}
	.guard .spacer {
		display: none!important;
	}
	
	.gallery_photo dl dd {
		font-size: 10px;
		line-height: 1.6;
	}
	
	.art .article dl {
		width: 100%!important;
	}
	.column h4 {
		width: 100%
	}
	.art .column .ll {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.art .column .rr {
		float: none;
		width: 100%;
	}
	.map01 {
		position: relative;	
	}
	.map01 a {
		position: absolute!important;
		top: 0;
		left: 51%;
		display: block;
		width: 45%;
		margin-top: 51%;
		padding-bottom: 10%;
	}
	
	.network {
		box-sizing: border-box;
		padding: 5%;
		background: #FFFCDB;
		border: 1px solid #00A0E9;
	}
	.network h3 {
		margin-bottom: 5px;
		padding: 0 0 0 0;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		font-size: 4.5vw;
		font-weight: bold;
		color: #009FE9;
		line-height: 1.4;
	}
	.network .term {
		float: left;
		display: inline-block;
		margin-bottom: 10px;
		padding: 5px 15px;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		font-size: 4vw;
		font-weight: bold;
		color: #fff;
		background: #E85298;
		line-height: 1.0;
	}
	.network .book {
		float: right;
		display: inline;
		width: 30%!important;
		padding: 0 0 5% 5%;
	}
	.network p {
		clear: left;
		font-size: 11px;
	}

}