@charset "UTF-8";
/*=====================================================
 イベント情報
 ====================================================*/

.event .shubetsu_ttl {
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
}
.event .shubetsu_ttl.A_ttl { color: #f97dab; }
.event .shubetsu_ttl.H_ttl { color: #0298d9; }
.event .shubetsu_ttl.J_ttl { color: #47b1ee; }

.event .shubetsu_ttl:before {
	content: "";
	display: inline-block;
	width: 43px;
	height: 41px;
	margin-right: 10px;
	background-repeat:  no-repeat;
	background-position:  center;
	background-size: 43px;
}

.event .shubetsu_ttl.A_ttl:before { background-image: url(../images/ico-s32-ttl-01.png); }
.event .shubetsu_ttl.H_ttl:before { background-image: url(../images/ico-s32-ttl-02.png); }
.event .shubetsu_ttl.J_ttl:before { background-image: url(../images/ico-s32-ttl-03.png); }

/*******************************************/
/** 共通アコーディオン
/*******************************************/
.toggle_wrapper .toggle {
	padding-bottom: 20px;
}
.toggle_wrapper .toggle:last-of-type {
	padding-bottom: 0;
}
.toggle_wrapper .toggle h4.js-slide {
	background-image: url(../images/ico-accordion-plus.png);
	background-repeat: no-repeat;
	background-position: right 22px center;
	background-color: #f97dab;
	font-weight: bold;
	min-height: 44px;
	display: block;
	border-radius: 50px;
	cursor: pointer;
}
.toggle_wrapper .toggle h4.js-slide.A_slide { background-color: #f97dab; }
.toggle_wrapper .toggle h4.js-slide.H_slide { background-color: #0298d9; }
.toggle_wrapper .toggle h4.js-slide.J_slide { background-color: #5abef7; }

.toggle_wrapper .toggle .js-slide p {
	vertical-align: middle;
	display: inline-block;
	font-size: 1.125em;
	color: #ffffff;
	padding: 5px 50px 5px 22px;
	line-height: 34px;
	width: 100%;
}
.toggle_wrapper .toggle .js-slide.H_slide p {
	padding: 5px 50px 5px 5px;
}
.toggle_wrapper .toggle .js-slide p .item-grade {
	margin-right: 15px;
	display: inline-block;
	width: 64px;
	text-align: center;
	border-radius: 50px;
}
.toggle_wrapper .toggle .js-slide p .item-kikan {
	margin-left: 20px;
	font-size: 0.87em;
}
.toggle_wrapper .toggle div.toggle-area {
	overflow: hidden;
	height: 0;
/* 	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .2s linear; */
	margin-bottom: 0rem;
}
.toggle_wrapper .toggle h4.js-slide.state-open {
	background-image: url(../images/ico-accordion-minus.png);
}
.toggle_wrapper .toggle div.toggle-area.state-open {
	height: auto;
}
.toggle_wrapper .toggle div.toggle-area.state-open {
	padding: 10px 20px 0;
}

.toggle_wrapper .tgl-close-area {
	text-align: center;
}
.toggle_wrapper .tgl-close-area .tgl-close-btn {
	display: inline-block;
	width: 180px;
	line-height: 38px;
	border: 1px solid #c8dae4;
	border-radius: 40px;
	color: #338cc0;
	font-size: 0.875em;
	font-weight: bold;
	margin-bottom: 30px;
}
.toggle_wrapper .toggle:last-of-type .tgl-close-area .tgl-close-btn {
	margin-bottom: 0;
}
.toggle_wrapper .tgl-close-area .tgl-close-btn:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 0.8rem;
	top: 3px;
	background-image: url(../images/ico-accordion-close.png);
	background-repeat: no-repeat;
}



/* 各イベント */
.toggle_inner_block .left {
	display: inline-block;
	width: 525px;
	vertical-align: top;
	float: left;
}
.toggle_inner_block .right {
	display: inline-block;
	width: 525px;
	vertical-align: top;
	float: right;
}
.toggle_inner_block .news_list li {
    margin-top: 30px;
    border: 1px solid #c8dae4;
    border-radius: 5px;
    padding: 30px;
    position: relative;
}

.toggle_inner_block .news_list li .evt_kikan {
	position: absolute;
	display: inline-block;
	padding: 0 15px;
	line-height: 30px;
	background-color: #ffea5d;
	border-radius: 50px;
	font-size: 0.87em;
	font-weight: bold;
	color: #338cc0;
	top: -15px;
}
.toggle_inner_block .news_list li .evt_thumbnail {
	display: block;
	margin-bottom: 30px;
}
.toggle_inner_block .news_list li .evt_title {
	font-size: 1.25em;
	margin-bottom: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #338cc0;
	padding-left: 30px;
	position: relative;
}
.toggle_inner_block .news_list li .evt_title:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border: 5px solid #5abef7;
	border-radius: 50%;
	left: 0;
	top: 3px;
}

.toggle_inner_block .news_list li .evt_detail {}

.toggle_inner_block .news_list li .time_place_block {
	margin-top: 30px;
	display: block;
	width: 100%;
	background-image: url(../images/img-s32-bg-stripe.gif);
	padding: 20px;
}
.toggle_inner_block .news_list li .evt_time span,
.toggle_inner_block .news_list li .evt_place span {
    display: table-cell;
    width: 93px;
    color: #338cc0;
    font-size: 0.87em;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left top 3px;
    padding-left: 22px;
}
.toggle_inner_block .news_list li .evt_time {
	line-height: 1;
	margin-bottom: 10px;
}
.toggle_inner_block .news_list li .evt_time span {
    background-image: url(../images/ico-s32-time.png);
}
.toggle_inner_block .news_list li .evt_place span {
    background-image: url(../images/ico-s32-place.png);
    background-position: left top 2px;
}
.toggle_inner_block .news_list li .evt_time p,
.toggle_inner_block .news_list li .evt_place p {
	display: table-cell;
	line-height: 1.35;
}


/*****************************
 popup 画像
*****************************/
a.img_open{
	position: relative;
	padding: 10px 50px 10px 20px;
	border-radius: 20px;
	background-color: #5abef7;
	color: #FFF;
	text-decoration: none;
}
a.img_open:after{
	content: '';
	position: absolute;
	top: 10px;
	right: 6px;
	display: inline-block;
	border-width: 8px;
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
}


