@charset "utf-8";
/*ABOUT*/
.contentsBox{
	width: 700px;
	margin: 0 auto;
}
.aboutBox{
	font-size: 1.9rem;
}
.aboutBox2{
	font-size: 2.4rem;
	font-weight: 700;
}
.aboutBoxTop{
	font-size: 8rem;
	font-weight: 700;
    margin-bottom:50px;
    line-height:1.5;
}
.aboutThemeBox{
    margin-bottom:40px;
    font-size:2.2rem;
    line-height:1.4;
    font-weight:700;
}
.aboutThemeBox > div{
    display:flex;
    align-items: center;
    padding:10px 0;
}
.aboutThemeBox > div:nth-child(1)::before,
.aboutThemeBox > div:nth-child(2)::before,
.aboutThemeBox > div:nth-child(3)::before{
    content:"";
    display:inline-block;
    background-repeat: no-repeat;
    background-position:left center;
    background-size: 100%;
    margin-right:40px;
    margin-bottom:5px;
}
.aboutThemeBox > div:nth-child(1)::before{
    background-image:url("./../images/contents/about/theme1.png");
    width:139.66px;
    height:42.33px;
}
.aboutThemeBox > div:nth-child(2)::before{
    background-image:url("./../images/contents/about/theme2.png");
    width:115.33px;
    height:42.33px;
}
.aboutThemeBox > div:nth-child(3)::before{
    background-image:url("./../images/contents/about/theme3.png");
    width:88px;
    height:42px;
}
@media only screen and (max-width:999px){
	.contentsBox{width: 100%;}
	.aboutBox{font-size: 1.8rem;}
	.aboutBox2{font-size: 2.0rem;}
    .aboutBoxTop{
        font-size: 4.5rem;
    }
    .aboutThemeBox{
        margin-bottom:40px;
        font-size:2.0rem;
    }
    .aboutThemeBox > div{
        display:block;
        padding:10px 0;
    }
    .aboutThemeBox > div{
        padding:15px;
        border:3px solid #eee;
        margin-bottom:15px;
        border-radius: 8px;
    }
    .aboutThemeBox > div:nth-child(1)::before,
    .aboutThemeBox > div:nth-child(2)::before,
    .aboutThemeBox > div:nth-child(3)::before{
        display:block;
        margin:0 auto 5px;
    }
    .aboutThemeBox > div:nth-child(1)::before{
        background-image:url("./../images/contents/about/theme1.png");
        width:100.01px;
        height:30.31px;
    }
    .aboutThemeBox > div:nth-child(2)::before{
        background-image:url("./../images/contents/about/theme2.png");
        width:82.59px;
        height:30.31px;
    }
    .aboutThemeBox > div:nth-child(3)::before{
        background-image:url("./../images/contents/about/theme3.png");
        width:63.01px;
        height:30.07px;
    }
}
/*EVENT*/
.newsList1Title a:nth-child(2){
	margin-left: 20px;
}

/*FRIENDS*/
.linkBtn5{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.linkBtn5 > div{
	width: calc((100% - 60px)/5);
	list-style: none;
	margin: 0;
}
.linkBtn5 > div a{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	border:2px solid #000;
	color: #000;
	padding: 10px 0;
	position: relative;
	font-weight: 700;
}
.linkBtn5 > div a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	position: absolute;
	left: 10px;
	top: 10px;
	transition: 0.3s;
}
.linkBtn5>div a:hover::before{
	top: 15px;
	transition: 0.3s;
}
.tagBox .friendsTable,.tagBox .friendsTable2{
	width: 100%;
	margin-bottom: 60px;
	border-left: none;
	border-right: none;
}
.tagBox table.friendsTable th{
	background: transparent;
	font-size: 1.8rem;
	border:none;
	/*font-weight: 700;*/
}
.tagBox table.friendsTable tr:nth-child(odd),
.tagBox table.friendsTable2 tr:nth-child(odd){
	background: #f5f5f5;
}
.tagBox table.friendsTable td{
	/*width: calc(100% / 3);*/
	border:none;
}
.tagBox table.friendsTable tr{
	border-bottom: 1px solid #ccc;
}

.tagBox .friendsTable2 td{
	width: 50%;
	text-align: center;
	border-left: none;
	border-right: none;
}
.friendsTable2 td span{
	font-weight: 700;
	font-size: 2.0rem;
}
a.sokidsorg,
a.nosterinc,
a.sagaraorjp{
    display:flex;
    align-items: center;
}
a.sokidsorg::before,
a.nosterinc::before,
a.sagaraorjp::before{
    content:"";
    width:150px;    
    display:inline-block;
    background-size:150px auto;
    background-repeat:no-repeat;
    margin-right:10px;
}
a.sokidsorg::before{
    height:90px;
    background-image:url(./../../../uploads/2022/02/sokidsorg.png);
}
a.nosterinc::before{
    height:43.5px;
    background-image:url(./../../../uploads/2022/02/nosterinc.png)
}
a.sagaraorjp::before{
    height:46.5px;
    background-image:url(./../../../uploads/2022/02/sagaraorjp.png);
}
@media only screen and (max-width:999px){
    a.sokidsorg,
    a.nosterinc,
    a.sagaraorjp{
        display:block;
    }
    a.sokidsorg::before,
    a.nosterinc::before,
    a.sagaraorjp::before{
        width:150px;    
        display:block;
        background-size:150px auto;
        margin:0px auto 5px;        
    }
    a.sokidsorg::before{
        height:90px;
    }
    a.nosterinc::before{
        height:43.5px;
    }
    a.sagaraorjp::before{
        height:46.5px;
    }
}
/*Voice*/
.voiceList{
	display: flex;
	justify-content: start;
    flex-wrap: wrap;
}
.voiceList > li{
	width:calc((100% - 25px) /2 );
    margin:0 24.9px 25px 0;
}
.voiceList > li:nth-child(2n){
    margin:0 0px 25px 0;
}
.voiceList > li > div{
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5;
	padding: 25px;
}
.voiceList > li img{
	display: block;
	margin:0 auto 10px;
}
.voiceList > li div a{
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
	color: #000;
	text-align: center;
	font-size: 2.6rem;
	text-decoration: none;
	transition: 0.3s;
}
.voiceList > li a:hover img,
.voiceList > li a:hover div{
	opacity: 0.8;
	transition: 0.3s;
}

@media only screen and (max-width:999px){
	.linkBtn5{display: inherit;}
	.linkBtn5 > div{
		width: 100%;
		margin-bottom: 10px;
	}
	.tagBox .friendsTable2{border-top: none;}
	.tagBox .friendsTable td,
	.tagBox .friendsTable2 td{
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.tagBox table.friendsTable2 tr:nth-child(odd){background: none;}
	.tagBox table.friendsTable2 td:nth-child(odd){background: #f5f5f5;}
	.tagBox .friendsTable2 td.noneSp{display: none;}
}
/* ------------------------------------------------------- */
/* イベント詳細ページ ---------------------- */
/* ------------------------------------------------------- */
/*--直接テンプレートに書き込み部分--*/
.eventTopBox{
    border:3px solid #eee;
    padding:0px;
    margin-bottom:25px;
}
.eventTopBox > div:nth-child(1){
    padding:20px 25px 30px;
}
.eventTopBox > div:nth-child(2){
    padding:10px;
    background-color:#f5f5f5;
    margin-bottom:15px;
}
.event-format-choice ul{
    display:flex;
    justify-content: flex-end;
}
.event-format-choice ul > li::before{
    content:"/";
    display:inline-block;
    margin:0 5px;
}
.event-format-choice ul > li:first-child::before{
    display:none;
}
.detailTitle{
    font-size: 3.0rem;
    font-family: 'Roboto','Noto Sans JP', sans-serif;
    font-weight: 700;
    line-height:1.4;
    margin-bottom:25px;
}
.detailTitle span{
    font-size:0.6em;
    display:inline-block;
    margin-bottom:10px;
    font-weight:normal;
}
.detailEventDataRow1{
    display:flex;
    justify-content: center;
    margin-bottom:10px;
    flex-wrap:wrap;
}
.detaileventday-cat{
    font-size:1.8rem;
}
.detailevent-tag{
    margin-bottom:5px;
}
.detailevent-cat{
    margin: 0 0 5px 15px;
}
.detaileventday-cat ul,.detailevent-cat ul,.detailevent-tag ul{
    display:flex;
    flex-wrap:wrap;
}
.detailevent-tag ul{justify-content: center;}
.event-time-box::before,.detaileventday-cat ul::before,.detailevent-cat ul::before{
    display:inline-block;    
    margin-right:5px;
    background:#eee;
    padding:1px 10px;
}
.event-time-box::before{
    content:"開催時間";  
}
.detaileventday-cat ul::before{
    content:"開催日";
}
.detailevent-cat ul::before{
    content:"テーマ";
}
.detaileventday-cat ul > li::before,.detailevent-cat ul > li::before,.detailevent-tag ul > li::before{
    content:",";
    margin:0 5px 0 2px;
}
.detaileventday-cat ul > li:first-child::before,.detailevent-cat ul > li:first-child::before,.detailevent-tag ul > li:first-child::before{
    display: none;
}
.organizing-name-box{

}

.organizing-name-box::before,
.event-venue-box::before,
.event-base-of-activity-box::before{
    display:inline-block;    
    margin-right:5px;
    background:#fff;
    padding:1px 10px;
}
.organizing-name-box::before{
    content:"主催";    
}
.event-venue-box::before{
    content:"開催地";
}
.event-base-of-activity-box::before{
    content:"活動拠点";
}
.event-time-box,.event-venue-box,.event-base-of-activity-box,.eventTopBoxBottom-box{margin-left:15px;}
.eventTopBoxBottom-box span.midashiBox{
    display:inline-block;    
    margin-right:5px;
    background:#fff;
    padding:1px 10px;
}
.eventTopLink{
    display:flex;
    justify-content: center;
}
.eventTopLink > div{
    display:inline-block;
}
.eventTopLink > div a{
    color:#333;
}
#container .eventTopLink > div a[target="_blank"]::after{
    font-size:0.9em;
}
.eventTopLink > div::before{
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-weight:800;
    margin-right:5px;
}
.eventTopLink > div.accsess-url-box::before{
    content:"\f3c5" ;
}
.eventTopLink > div.organizing-url-box::before{
    content:"\f015" ;
    margin-left:20px;
}
.eventTopBox > div:nth-child(2){
    display:flex;
    justify-content: center;
}


.eventcontens{
    display:flex;
}
.eventcontens > div:nth-child(1){
    width:calc(100% - 425px);
    order:2;
}
.eventcontens > div:nth-child(2){
    width:400px;
    margin:0 24.9px 25px 0;
    order:1;
    display:flex;
    justify-content: center;
    align-items: center;
}
.eventcontens > div:nth-child(2) img{
    margin: 0 auto;
    display:block;
}
#container .eventcontens > div:nth-child(2) a[target="_blank"]::after{
    display:none;
}
@media only screen and (max-width:999px){
    .eventTopBox > div:nth-child(1){
        padding:15px;
    }
    .detaileventday-cat ul,.detailevent-cat ul,.detailevent-tag ul{
        flex-wrap: wrap;
    }
    .detailEventDataRow1{
        justify-content:flex-start;
        display:block;
    }
    .detailevent-cat{
        margin: 0 0 5px 0px;
    }
    .detailevent-tag ul{justify-content:flex-start}
    .detaileventday-cat{ margin-bottom:5px;}
    .eventcontens{
        display:block;
    }
    .eventcontens > div:nth-child(1){
        width:100%;
        margin-bottom:15px;
        order:1;
    }
    .eventcontens > div:nth-child(2){
        width:100%;
        margin:0 0px 0px 0;
        order:2;
    } 
}
/*//--直接テンプレートに書き込み部分--*/