@charset "UTF-8";


/***************************************************

	activity_report

***************************************************/

#event .schedule_wrapp{
	width: 586px;
	margin: 0 auto 60px;
	position: relative;
}

#event .schedule_wrapp::after{
    content: 'Schedule';
    display: inline-block;
    font-size: 90px;
    color: var(--color2);
    font-weight: 700;
    line-height: 1;
    position: absolute;
    bottom: 136px;
    right: -190px;
    z-index: -1;
    transform: rotate(-90deg);
}

#event .schedule_wrapp > ul > li{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #cbcbcb;
    padding: 15px 0;
}

#event .schedule_wrapp > ul > li .month{
	width: 78px;
	padding-left: 20px;
	box-sizing: border-box;
}

#event .schedule_wrapp > ul > li .cont{
	width: calc(100% - 78px);
}

#event .schedule_wrapp > ul > li .cont ul li{
	margin-bottom: 6px;
}

#event .schedule_wrapp > ul > li .cont ul li:last-child{
	margin-bottom: 0;
}

#event .image_area{
	width: 880px;
	margin: 0 auto;
}

#event .image_area ul li{
	margin-bottom: 60px;
}

#event .image_area ul li:last-child{
	margin-bottom: 0;
}

#event .image_area ul li .image{
	margin-bottom: 18px;
	box-shadow: 6px 6px 14px -9px rgba(95, 95, 95, 0.6);
}

#event .image_area ul li p{
	text-align: center;
	line-height: 1.3;
}


#selection{
	width: 880px;
}

#selection h2{
	text-align: left;
}

#selection.cont_section h2 span.jp_title strong {
    font-size: 22px;
}

#selection .table table{
	width: 100%;
}

#selection .table table tr{

}

#selection .table table tr th,
#selection .table table tr td{
	border: 1px solid #ccc;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
	vertical-align: middle;
	box-sizing: border-box;
}

#selection .table table tr th{
	width: 80px;
}

#selection .table table tr td{
	width: 118px;
}

#selection .table table tr td.td01{
	width: auto;
}

#selection .date{
	text-align: right;
	font-size: 14px;
	margin-top: 14px;
}

#selection .selection__wrap:not(:first-child) {
 margin-top: 100px;
}
#selection .selection__text {
 line-height: calc( 40 / 22 );
 font-size: 16px;
}
#selection .selection__text a {
 color: #000;
}
#selection .selection__text a:hover {
 color: #1C91F5;
}
#selection .selection__text:not(:first-child) {
 margin-top: 30px;
}
#selection .selection__text h3 {
 font-weight: 500;
 font-size: 18px;
 margin-bottom: .5em;
}
#selection .selection__list > li {
 text-indent: -2em;
 margin-left: 2em;
}
#selection .selection__list > li:not(:first-child) {
 margin-top: 40px;
}
#selection .selection__list > li > span {
 margin-right: 1em;
}
#selection .selection__list > li ul li {
 text-indent: -2.75em;
 margin-left: 1.75em;
}


/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1240px){

#event .schedule_wrapp{
	width: 47.258065vw;
	margin: 0 auto 4.838710vw;
}

#event .schedule_wrapp::after{
    font-size: 7.258065vw;
    bottom: 10.967742vw;
    right: -15.322581vw;
}

#event .schedule_wrapp > ul > li{
    padding: 1.209677vw 0;
}

#event .schedule_wrapp > ul > li .month{
	width: 6.290323vw;
	padding-left: 1.612903vw;
}

#event .schedule_wrapp > ul > li .cont{
	width: calc(100% - 6.290323vw);
}

#event .schedule_wrapp > ul > li .cont ul li{
	margin-bottom: 0.483871vw;
}

#event .image_area{
	width: 70.967742vw;
}

#event .image_area ul li{
	margin-bottom: 4.838710vw;
}

#event .image_area ul li .image{
	margin-bottom: 1.451613vw;
	box-shadow: 0.483871vw 0.483871vw 1.129032vw -0.725806vw rgba(95, 95, 95, 0.6);
}

#selection{
	width: 70.967742vw;
}

#selection.cont_section h2 span.jp_title strong {
    font-size: 1.774194vw;
}

#selection .table table tr th,
#selection .table table tr td{
	padding: 1.209677vw 0;
	font-size: 1.290323vw;
}

#selection .table table tr th{
	width: 6.451613vw;
}

#selection .table table tr td{
	width: 9.516129vw;
}

#selection .date{
	font-size: 1.129032vw;
	margin-top: 1.129032vw;
}
 
#selection .selection__wrap:not(:first-child) {
 margin-top: 4.838710vw;
} 
#selection .selection__text {
 font-size: calc( (16 / 1240) *100vw );
}
#selection .selection__text:not(:first-child) {
 margin-top: calc( (30 / 1240) *100vw );
}
#selection .selection__text h3 {
 font-size: calc( (18 / 1240) *100vw );
}
#selection .selection__list > li:not(:first-child) {
 margin-top: calc( (40 / 1240) *100vw );
}

}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

#event .schedule_wrapp{
	width: auto;
	margin: 0 auto 8vw;
}

#event .schedule_wrapp::after{
	font-size: 18.666667vw;
	bottom: 29.333333vw;
	right: -41.066667vw;
}

#event .schedule_wrapp > ul > li{
    padding: 2.666667vw 0;
}

#event .schedule_wrapp > ul > li .month{
	width: 12.266667vw;
	padding-left: 2.666667vw;
}

#event .schedule_wrapp > ul > li .cont{
	width: calc(100% - 12.266667vw);
}

#event .schedule_wrapp > ul > li .cont ul li{
	margin-bottom: 1.6vw;
}

#event .image_area{
	width: auto;
	margin: 0 auto;
}

#event .image_area ul li{
	margin-bottom: 8vw;
}

#event .image_area ul li .image{
	margin-bottom: 2.666667vw;
	box-shadow: 1.6vw 1.6vw 3.733333vw -2.4vw rgba(95, 95, 95, 0.6);
}

#event .image_area ul li p{
	text-align: center;
	line-height: 1.3;
}


#selection{
	width: auto;
}

#selection h2{
	text-align: center;
}

#selection.cont_section h2 span.jp_title strong {
    font-size: 5.333333vw;
}

#selection .table{
	width: auto;
	overflow-x: scroll;
}

#selection .table table{
	width: 160vw;
}

#selection .table table tr{

}

#selection .table table tr th,
#selection .table table tr td{
	padding: 2.666667vw 0;
	font-size: 3.466667vw;
}

#selection .table table tr th{
	width: 16vw;
}

#selection .table table tr td{
	width: 21.333333vw;
}

#selection .table table tr td.td01{
	width: auto;
}

#selection .date{
	font-size: 3.2vw;
	margin-top: 3.2vw;
}

#selection .scroll{
	margin-top: 3.2vw;
	text-align: center;
}
 
#selection .selection__wrap:not(:first-child) {
 margin-top: 10vw;
}

#selection .selection__text {
 font-size: calc( (13 / 375) *100vw );
}
#selection .selection__text:not(:first-child) {
 margin-top: calc( (15 / 375) *100vw );
}
#selection .selection__text h3 {
 font-size: calc( (15 / 375) *100vw );
}
#selection .selection__list > li:not(:first-child) {
 margin-top: calc( (20 / 375) *100vw );
}
 
#selection .selection__list > li > span {
 margin-right: .5em;
}
#selection .selection__list > li ul li {
 text-indent: -2.75em;
 margin-left: 0em;
}
}