@charset "UTF-8";

/* =========================================================================
 content.css （下層ページ　コンテンツ内要素の設定）

　目　次

　1.パンくずリスト
　2.ページの先頭へ
　3.関連リンク、ダウンロード
========================================================================= */

/* -------------------------------------------------------------------------
 1.パンくずリスト
------------------------------------------------------------------------- */
p#crumb {
	margin: 0 5px 40px;
	padding: 18px 30px 18px 10px;
	background: #ECECEC;
	line-height: 1.2;
	text-align: right;
}
p#crumb a:visited {
	/* color: #666; */
}
p#crumb a:hover,
p#crumb a:active,
p#crumb a:focus {
	color: #BF0000;
}

/* -------------------------------------------------------------------------
 2.ページの先頭へ
------------------------------------------------------------------------- */
p.btt {
	clear: both;
	margin: 0;
	padding: 20px;
	text-align: right;
}
p.btt a {
	color: #333;
	padding: 12px 20px 12px 50px;
	background: url(../images/base/btt_bg.png) no-repeat 15px 50%;
	border: 1px solid #AAA;
	text-decoration: none;
}
p.btt a:hover,
p.btt a:active,
p.btt a:focus {
	background-color: #ECECEC;
}

/* -------------------------------------------------------------------------
 3.関連リンク、ダウンロード
------------------------------------------------------------------------- */
.linkarea,
.downloadarea {
	clear: both;
	margin: 0 20px 50px;
	padding: 0 0 10px;
	border: 1px solid #AAA;
	border-top: 3px solid #BF0000;
}
.linkarea h2,
.downloadarea h2 {
	font-size: 150%;
	margin: 0 0 30px;
	padding: 15px 0;
	background: none;
	border-bottom: 1px solid #AAA;
}
.linkarea h2 span,
.downloadarea h2 span {
	padding: 0;
}
.linkarea h2:before,
.downloadarea h2:before {
	margin: 0 17px 0 0;
	vertical-align: -5px;
}
.linkarea h2:before {
	content: url(../images/base/linkarea_h2_bg.gif);
}
.downloadarea h2:before {
	content: url(../images/base/downloadarea_h2_bg.gif);
}
.linkarea ul,
.downloadarea ul {
	margin: 0 30px 15px 85px;
}
.downloadarea hr {
	margin: 0 30px 20px;
}
#content .downloadarea .wcv-floatbox-left {
	margin: 0 30px 20px 50px;
}

/* Event */
p.isedotai_date {
    color: #FFF;
    padding: 5px;
    background: #BF0000;
    text-align: center;
    line-height: 1.2;
    border-radius: 15px;
    transition: background 0.4s;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1), 1px 0 2px rgba(0,0,0,0.1), 0 -1px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1), 1px -1px 2px rgba(0,0,0,0.1), -1px 1px 2px rgba(0,0,0,0.1), 1px 1px 2px rgba(0,0,0,0.1);
}

.isedotai_pic {
	width: auto;
	margin: 0 0 10px;
}
.isedotai_pic img {
	padding: 0 10px;
}
#event-top dl {
    margin: 0 30px 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ccc;
}
#event-top dd.photo {
    float: left;
}
#event-top dd.photo img {
    width: 215px;
    height: auto;
    margin-left: 0;
	margin-right: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    float: none;
}
#event-top dt {
    width: 76%;
    margin: 0 0 10px;
    float: right;
}


/* INFORMATION */
#info-news dl {
	margin: 0 0 5px;
	line-height: 1.3;
}
#info-news dl a:link {
	color: #333;
	text-decoration: none;
}
#info-news dl a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#info-news dl a:focus,
#info-news dl a:hover,
#info-news dl a:active,
#info-news dl a.active {
	color: #BF0000;
	text-decoration: none;
}
#info-news dt {
	clear: both;
	float: left;
	margin: 0 0 0 20px;
	padding: 15px 0;
}
#info-news dt img {
	float: left;
	margin: 0 10px 0 0;
}
#info-news dt span {
	width: 9em;
	float: left;
	margin: 0 25px 0 0;
	text-align: right;
}
#info-news dd {
	padding: 15px 15px 15px 20px;
}
#info-news dd:nth-of-type(odd) {
	background: #F5F5F5;
}
#info-news dd img {
	margin: 0 0 0 10px;
	vertical-align: middle;
}


#event-top dt img {
	margin-left: 5px;
	margin-bottom: 3px;
	display: inline-block;
}

/*画像と回り込み文字用ボックス*/
#content .wcv-floatbox-left,
#content .wcv-floatbox-right {
	margin: 0 0 15px;
}
#content .wcv-floatbox-left p,
#content .wcv-floatbox-right p {
	margin: 10px 15px 15px;
}
#content .wcv-floatbox-left ul,
#content .wcv-floatbox-left ol,
#content .wcv-floatbox-right ul,
#content .wcv-floatbox-right ol {
	margin-top: 15px;
}

/*左寄せ画像と回り込み文字で使用*/
#content .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

#content div.wcv-floatbox-left ol li {
	list-style-position: inside;
}

/*右寄せ画像と回り込み文字で使用*/
#content .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
/*キャプション付き画像用ボックス*/
#content div.wcv-imgbox {
	text-align: center;
	margin: 0 15px 20px;
}
#content div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}
/*画像の下に表示させる文字*/
#content p.wcv-imgcap {
	margin: 5px 0 0;
	font-size: 90%;
}
/*２つ並び：左*/
#content div.wcv-inner2-l {
	width: 49.3%;
	float: left;
	margin-right: 1.4%;
}
/*２つ並び：右*/
#content div.wcv-inner2-r {
	width: 49.3%;
	float: right;
}
/*３つ並び：左・中*/
#content div.wcv-inner3 {
	width: 32.4%;
	float: left;
	margin-right: 1.2%;
}
/*３つ並び：右*/
#content div.wcv-inner3-r {
	width: 32.4%;
	float: left;
}
/*４つ並び：左・中*/
#content div.wcv-inner4 {
	width: 23.9%;
	float: left;
	margin-right: 1.4%;
}
/*４つ並び：右*/
#content div.wcv-inner4-r {
	width: 23.9%;
	float: left;
}
/*回り込み解除・フロートクリア*/
#content .clearfix { /zoom : 1; }
#content .clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}
/*画像中央寄せ*/
#content img.wcvimg-floatcenter {
	display: block;
	margin: 0 auto;
}

/*左寄せ*/
#content div.wcvleft table {
	margin: 0 auto 35px 0;
}
/*右寄せ*/
#content div.wcvright table {
	margin: 0 0 35px auto;
}
/*中央揃え*/
#content div.wcvcenter table {
	margin: 0 auto 35px;
}
p.isedotai_desc {
	margin: 0 0 30px;
	text-align: center;
}
#content img[src*="images/icon/"] {
	display: none;
}
@media screen and (max-width: 998px) {
	#event-top dt {
		width: 100%;
		margin: 10px 0;
		float: none;
		text-align: center;
	}
	#event-top dd.photo {
		float: none;
		margin: 10px 0;
		text-align: center;
	}
	dd.text {
		text-align: center;
	}
	#event-top dd.photo img {
		margin: 0 auto;
	}

}

.p-breadcrumb.breadcrumb{
	margin:0 0 3rem;
	padding-top: 1rem;
	padding: 1rem;
	text-align: right;
}
.p-breadcrumb.breadcrumb li{
	margin-bottom: 0;
}
.breadcrumb-container .container{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	width:100%;
}
.breadcrumb>li+li:before{
	content:">";
}