@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;
}
.aboutBoxTop .aboutBoxTopSub{
    font-size: 0.45em;
    display:block;
    line-height:2.5;
}
.aboutThemeBox{
    margin-bottom:40px;
    font-size:1.9rem;
    line-height:1.4;
}
.aboutThemeBox > div{
    display:flex;
    align-items: center;
    padding:10px 0;
    margin-bottom:5px;  
}
.aboutThemeBox > div > div:nth-child(1){
    width:210px;
    margin-right:30px;
    
}
.aboutThemeBox > div > div:nth-child(2){
    width:calc(100% - 240px);
}
/*.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;
    }
    .aboutBoxTop .aboutBoxTopSub{
        font-size: 0.4em;
        line-height:3;
    }
    .aboutThemeBox{
        margin-bottom:40px;
        font-size:2.0rem;
    }
    .aboutThemeBox > div{
        flex-direction: column;
        padding:15px;
        margin-bottom:15px;
        border:3px solid #eee;
        border-radius: 8px;
    }
    .aboutThemeBox > div > div:nth-child(1){
        width:100%;
        text-align:center;
        margin-right:0px;
        margin-bottom:10px;
    }
    .aboutThemeBox > div > div:nth-child(2){
        width:100%;
    }
    /*.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*/
.friends .linkBtnMenu{
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 60px;
}
.friends .linkBtnMenu > div{
	width: calc((100% - 75px)/4);
	list-style: none;
	margin: 0 24.9px 25px 0px;
}
.friends .linkBtnMenu > div:nth-child(4n){
	margin: 0 0px 25px 0px;
}
.friends .linkBtnMenu > 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;
}
.friends .linkBtnMenu > div a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	position: absolute;
	left: 10px;
	top: 10px;
	transition: 0.3s;
}
.friends .linkBtnMenu > div a:hover::before{
	top: 15px;
	transition: 0.3s;
}
@media only screen and (max-width:999px){
    .friends .linkBtnMenu{
        margin-bottom: 30px;
        flex-direction: column;
    }
    .friends .linkBtnMenu > div{
        width:100%;
        margin: 0 0px 15px 0px;
    }
}

.linkBtn6{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.linkBtn6 > div{
	width: calc((100% - 60px)/6);
	list-style: none;
	margin: 0;
}
.linkBtn6 > 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;
}
.linkBtn6 > div a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	position: absolute;
	left: 10px;
	top: 10px;
	transition: 0.3s;
}
.linkBtn6>div a:hover::before{
	top: 15px;
	transition: 0.3s;
}
.tagBox .friendsList,
.tagBox .friendsList2,
.tagBox .friendsList3,
.tagBox .friendsList4,
.tagBox .friendsList5{
    width: 100%;
	margin-bottom: 60px;
    border-top: 1px solid #ccc;
}
.tagBox .friendsList ul,
.tagBox .friendsList3 ul,
.tagBox .friendsList4 ul,
.tagBox .friendsList5 ul{
    display:flex;
    flex-wrap:wrap;
}
.tagBox .friendsList ul > li,
.tagBox .friendsList2 ul > li,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList4 ul > li,
.tagBox .friendsList5 ul > li{
    background: #f5f5f5;
    list-style-type:none;
    margin:0;
}
.tagBox .friendsList ul > li:nth-child(4n),
.tagBox .friendsList ul > li:nth-child(4n-1),
.tagBox .friendsList2 ul > li:nth-child(2n),
.tagBox .friendsList3 ul > li:nth-child(4n),
.tagBox .friendsList3 ul > li:nth-child(4n-1),
.tagBox .friendsList4 ul > li:nth-child(4n),
.tagBox .friendsList4 ul > li:nth-child(4n-1),
.tagBox .friendsList5 ul > li:nth-child(4n+2),
.tagBox .friendsList5 ul > li:nth-child(4n+3){
    background: #ffffff;
}
.tagBox .friendsList ul > li,
.tagBox .friendsList2 ul > li,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList4 ul > li,
.tagBox .friendsList5 ul > li{
    display:flex;
    border-bottom: 1px solid #ccc;
}
.tagBox .friendsList ul > li,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList4 ul > li,
.tagBox .friendsList5 ul > li{
    width:50%;
}
.tagBox .friendsList.col1 ul > li{
     width:100%;
}
.tagBox .friendsList ul > li,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList5 ul > li{
    justify-content: center;
}
.tagBox .friendsList3 ul > li,
.tagBox .friendsList5 ul > li{
    align-items: center;
}
.tagBox .friendsList ul > li,
.tagBox .friendsList2 ul > li > div,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList4 ul > li,
.tagBox .friendsList5 ul > li{
    padding:10px;
}
.tagBox .friendsList ul > li > div,
.tagBox .friendsList3 ul > li,
.tagBox .friendsList5 ul > li{
    text-align: center;
}
.tagBox .friendsList2 ul > li > div:nth-child(1){
    width:250px;
    font-size:1.8rem;
    text-align: center;
}
.tagBox .friendsList2 ul > li > div:nth-child(2){
    width:130px;
}
.tagBox .friendsList span{
    font-weight:700;
    font-size:2.0rem;
}
.tagBox .friendsList4 ul > li > div{
    display:flex;
    align-items: center
}
.tagBox .friendsList4 ul > li > div > img{
    margin-right:10px;
    width:150px;
    display:block;
}

@media only screen and (max-width:999px){
    .tagBox .friendsList ul,
    .tagBox .friendsList3 ul,
    .tagBox .friendsList4 ul,
    .tagBox .friendsList5 ul{
        flex-direction: column;
    }
    .tagBox .friendsList ul > li:nth-child(4n),
    .tagBox .friendsList ul > li:nth-child(4n-1),
    .tagBox .friendsList3 ul > li:nth-child(4n),
    .tagBox .friendsList3 ul > li:nth-child(4n-1),
    .tagBox .friendsList4 ul > li:nth-child(4n),
    .tagBox .friendsList4 ul > li:nth-child(4n-1),
    .tagBox .friendsList5 ul > li:nth-child(4n+2),
    .tagBox .friendsList5 ul > li:nth-child(4n+3){
        background: #f5f5f5;
    }
    .tagBox .friendsList ul > li:nth-child(2n),
    .tagBox .friendsList3 ul > li:nth-child(2n),
    .tagBox .friendsList4 ul > li:nth-child(2n),
    .tagBox .friendsList5 ul > li:nth-child(2n){
        background: #ffffff;
    }
    .tagBox .friendsList ul > li,
    .tagBox .friendsList2 ul > li,
    .tagBox .friendsList3 ul > li,
    .tagBox .friendsList4 ul > li,
    .tagBox .friendsList5 ul > li{
        flex-direction: column;
    }
    .tagBox .friendsList ul > li,
    .tagBox .friendsList3 ul > li,
    .tagBox .friendsList4 ul > li,
    .tagBox .friendsList5 ul > li{
        width:100%;
    }
    .tagBox .friendsList ul > li,
    .tagBox .friendsList3 ul > li,
    .tagBox .friendsList5 ul > li{
        justify-content:flex-start;
        align-items: center;
    }
    .tagBox .friendsList ul > li > div,
    .tagBox .friendsList3 ul > li,
    .tagBox .friendsList5 ul > li{
        text-align: center;
    }
    .tagBox .friendsList2 ul > li{
        padding:10px;
    }
    .tagBox .friendsList2 ul > li > div{
        padding:0;
    }
    .tagBox .friendsList2 ul > li > div:nth-child(1),
    .tagBox .friendsList2 ul > li > div:nth-child(2),
    .tagBox .friendsList2 ul > li > div:nth-child(3){
        width:100%;
        text-align: center;
    }
    .tagBox .friendsList4 ul > li > div{
        flex-direction: column;
        align-items:center;
    }
    .tagBox .friendsList4 ul > li > div > img{
        margin-right:0px;
        margin-bottom:5px;
    } 
    
}
.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(https://ayaweek.jp/2022/wp-content/uploads/2022/02/sokidsorg.png);
}
a.nosterinc::before{
    height:43.5px;
    background-image:url(https://ayaweek.jp/2022/wp-content/uploads/2022/02/nosterinc.png)
}
a.sagaraorjp::before{
    height:46.5px;
    background-image:url(https://ayaweek.jp/2022/wp-content/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;
    }
}
@media only screen and (max-width:999px){
	.linkBtn6{display: inherit;}
	.linkBtn6 > 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;}
}
/*Voice*/
.single-post .breadcrumbs{
    margin: 0 auto 50px;
}
@media only screen and (max-width:999px){
    .single-post .breadcrumbs{
        margin: 0 auto 0px;
    }
}
.voiceList3 .voiceTitle{
    font-size:1.8rem;
    font-weight:600;
}
.voiceList3 .voiceName{
	line-height: 100%;
	font-size: 3.4rem;
    padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 900;
    text-align:center;
    letter-spacing: 0.02em;
}
.voiceList3 .voiceInfo{
    padding: 15px 0 0px 0px;
}
.voiceList3{
    display:flex;
    flex-wrap:wrap;
}
.voiceList3 > li{
    width:calc((100% - 25px)/2);
    margin:0 24.9px 25px 0;
    background-color:rgba(255,255,255,1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.voiceList3 > li{
    padding:15px;
    transition: 0.3s;
}
.voiceList3 > li:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.voiceList3 > li:nth-child(2n){
    margin-right:0;
}
.voiceList3 > li > a{
    text-decoration: none;
    color:#000;
}
.voiceList3 .flexBox1{
    margin-bottom:0px;
}
.voiceList3 > li img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.voiceList3 > li a > div:first-child > div:nth-child(2){
    position:relative;
    padding-top:5%;
    display:flex;
    align-items: center;
    flex-direction: column;
}
.voiceListCompanies{
    display: flex;
    flex-wrap: wrap;
}
.voiceListCompanies > li{
	width:calc((100% - 75px) /4 );
    margin:0 24.9px 25px 0;
    position:relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background-color:#f5f5f5;
}
.voiceListCompanies > li:nth-child(4n){
    margin:0 0px 25px 0;
}
#container .voiceListCompanies > li a[target="_blank"]::after{
    position:absolute;
    right:0.5em;
    top:0em;
    margin-left:0;
}
.voiceListCompanies .voiceCompanyName{
    display:flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 5px;
}
.voiceListCompanies .voiceCompanyName > div{display:inline-block;}

@media only screen and (max-width:999px){
    .voiceList3 .voiceTitle{
        font-size:0.9em;
    }
    .voiceList3 .voiceName{
        font-size:1.2em;
		padding-top: 0;
		padding-bottom:0;
        margin-bottom:0px;
    }
    .voiceList3 .voicePosition{
        font-size:0.85em;
        padding-top:10px;
    }
    .voiceList3 .voiceInfo{
        padding: 0 10px 10px;
    }
    .voiceList3 > li{
        width:calc((100% - 15px)/2);
        margin:0 14.9px 25px 0;
    }
    .voiceList3 > li{
        padding:0px;
    }
    .voiceList3 > li:nth-child(2n){
        margin-right:0;
    }
    .voiceList3 > li > a{
        text-decoration: none;
        color:#000;
    }
    .voiceList3 .flexBox1{
        margin-bottom:10px;
    }
    .voiceList3 .flexBox1 > div:nth-of-type(1){
        margin-bottom:10px;
    }
    .voiceList3 > li a > div:first-child > div:nth-child(2){
        padding:0 10px;
    }
    .voiceList3 > li a > div:first-child > div:nth-child(2)::before{
        font-size: 2rem;
    }
    .voiceListCompanies{
        display: flex;
        flex-wrap: wrap;
    }
    .voiceListCompanies > li{
        width:calc((100% - 15px) /2 );
        margin:0 14.9px 15px 0;
    }
    .voiceListCompanies > li:nth-child(2n){
        margin:0 0px 15px 0;
    }
    #container .voiceListCompanies > li a[target="_blank"]::after{
        position:absolute;
        right:0.5em;
        top:0em;
        margin-left:0;
    }
    .voiceListCompanies .voiceCompanyName{
        display:flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px 5px;
    }
    .voiceListCompanies .voiceCompanyName > div{display:inline-block;}
    
    
    /*.voiceList3 > li{
        width:calc((100% - 15px) /2 );
        margin:0 14.9px 15px 0;
    }
    .voiceList3 > li:nth-child(2n){
        margin:0 0px 15px 0;
    }
    .voiceList3 > li > div{
        padding: 15px;
    }
    .voiceList > li div a{
        font-size: 1.8rem;
    }*/
}
/*Voice詳細*/
.voiceDetailTitle{
    text-align: center;
    font-size:1.5em;
    font-weight:600;
    margin-bottom:50px;
}
.voiceDetailFt{
    display:flex;
    flex-direction: column;
}
.voiceDetailPosition{font-size:0.9em;}
.voiceDetailName{font-size:1.2em;}
@media only screen and (max-width:999px){
    .voiceDetailTitle{
        text-align: left;
        font-size:1.3em;
        margin-bottom:15px;
    }
}
/*タブ切り替え*/
.voice .content_area > div:nth-child(1) {
    padding: 25px 20px 0 25px;
	background: rgba( 255, 255, 255, 1.0);
}
.voice .content_area p{
    margin-bottom:0;
}
.voice .hide {
	display: none;
}
.voice .tab_area {
	display: flex;
	flex-wrap: wrap;
}
.voice .tab_area li {
    display: flex;
	width: calc( (100% - 1px ) / 2 );
}
.voice .tab_area li:last-child {
	margin-right: 0;
}
.voice .tab_area li h2 {
	display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
	text-align: center;
    border-radius: 10px 10px 0 0;
    font-size: 1.9rem;
	position: relative;
}

/*タブ未選択　カラー*/
.voice #tab1 { 
    background: rgba(0,159,232,0.1);
    color: #009fe8;
    border:1px solid rgba(0,159,232,0.1);
}
.voice #tab2 {
    background: rgba(214,0,108,0.1);
    color: #d6006c;
    border:1px solid rgba(255,153,51,0.1);
}
.voice #tab1,.voice #tab2{
    border-bottom:0;
}
.voice .tab1area > div:first-child{background-color: rgba(0,159,232,0.1);}
.voice .tab2area > div:first-child{background-color: rgba(214,0,108,0.1);}
/*タブ選択時　カラー*/
.voice .select > #tab1,.voice .select > #tab2{
    border:0px;
}
.voice .select > #tab1 { background: #009fe8; color: #fff; }
.voice .select > #tab2 { background: #d6006c; color: #fff; }
.voice .select > #tab1::after,
.voice .select > #tab2::after{
	content: "";
	display: block;
    width:calc(100% * 2);
	height: 3px;
	position: absolute;
}
.voice .select > #tab1::after { background: #009fe8; }
.voice .select > #tab2::after { background: #d6006c; left: -100%; }
.archive.home h3{
    margin-bottom:15px;
    font-size:2.5rem;
    text-align: center;
    font-weight:700;
}
.archive.home  .voice .tab1area > div:first-child h3{color:#009fe8;}
.archive.home  .voice .tab2area > div:first-child h3{color:#d6006c;}
@media only screen and (max-width:999px) {
	.voice .content_area > div:nth-child(1) {
		padding: 15px 15px 0 15px;
	}
	.voice .hide {
		display: none;
	}
	.voice .tab_area li {
		width: calc( 100% / 2 );
		margin-right: 0;
	}
	.voice .tab_area li h2 {
        width: 100%;
        height: 50px;
        line-height: 1.4;
        font-size: 1.4rem;
        display:flex;
        align-items:center;
        justify-content: center;
	}
	.voice .select > #tab1::after,
	.voice .select > #tab2::after{
		content: "";
		display: block;
		width: calc(( 100vw - 30px));
        min-width:100px;
		height: 3px;
		position: absolute;
        bottom:0;
	}    
    .voice .select > #tab1::after { 
        left:0;
    }
    .voice .select > #tab2::after {
        left: -100%; 
    }
}

/* ------------------------------------------------------- */
/* イベント詳細ページ ---------------------- */
/* ------------------------------------------------------- */
/*--直接テンプレートに書き込み部分--*/
.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;
}


.detailEventDataRow1{
    display:flex;
    justify-content: center;
    margin-bottom:10px;
    flex-wrap:wrap;
}
.detailEventInfoVenue{
    display:flex;
}
.detaileventday{
    font-size:1.8rem;
}
.detaileventday .timezone{display:none;}
.detailevent-tag{
    margin-bottom:5px;
}
.detailEventInfoVenue,.detaileventcost,.detailevent-tag{
    margin: 0 0 5px 15px;
}
.detailevent-cat ul,.detailevent-tag ul{
    display:inline-flex;
    flex-wrap:wrap;
}
.detailevent-tag ul{justify-content: center;}
.detaileventday::before,.detaileventcost::before,.detailEventInfoVenue::before{
    display:inline-block;    
    margin-right:5px;
    background:#eee;
    padding:1px 10px;
    font-size:1.6rem;
}
.detaileventday > div,
.detaileventcost > div,
.detailEventInfoVenue > div:first-child,
.detailevent-cat > div,
.detailevent-tag > div{
    display:inline-block;    
    margin-right:5px;
    background:#eee;
    padding:1px 10px;
    font-size:1.6rem;
}
.detailevent-cat{margin-right:}
.detailevent-cat ul > li::before,.detailevent-tag ul > li::before{
    content:",";
    margin:0 5px 0 2px;
}
.detailevent-cat ul > li:first-child::before,.detailevent-tag ul > li:first-child::before{
    display: none;
}
.detailEventInfoVenue > div::before{
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-weight:800;
    margin-right:5px;
}
.detailEventInfoVenue > div.accsess-url-box::before{
    content:"\f3c5" ;
}
.organizing-name-box{

}

.event-venue-box::before,
.event-base-of-activity-box::before{
    display:inline-block;    
    margin-right:5px;
    background:#fff;
    padding:1px 10px;
}
.organizing-name-box > div:first-child{
    display:inline-block;    
    margin-right:5px;
    background:#fff;
    padding:1px 10px;
}
.event-venue-box::before{
    content:"開催地";
}
.event-base-of-activity-box::before{
    content:"活動拠点";
}
.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.organizing-url-box::before{
    content:"\f015" ;
    margin-left:20px;
}
.eventTopBox > div:nth-child(2){
    display:flex;
    justify-content: center;
}
.eventTopLink > div::before{
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-weight:800;
    margin-right:5px;
}
.eventDetailLink > div.eventDetailLink-box::before{
    content:"\f0c6" ;
    margin-left:20px;
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-weight:800;
    margin-right:5px;
}
.eventcontens{
    display:flex;
}
.eventcontens > div:nth-child(1){
    width:calc(100% - 425px);
    order:2;
}
.eventcontens > div:nth-child(1) p,.tribe-events-single .tagBox p{
    margin-bottom:25px;
}
.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 15px 0px 15px;
    }
    .detailEventInfoVenue,.detaileventday,.detailevent-cat ul,.detailevent-tag ul{
        flex-wrap: wrap;
    }
    .detailEventInfoVenue,.detaileventcost,.detailevent-tag{
        margin: 0 0 5px 0px;
    }
    .detailEventInfoVenue > div.accsess-url-box{
        display:inline;
    }
    .detailEventDataRow1{
        justify-content:flex-start;
        flex-direction: column;
    }
    .detaileventday > div,
    .detaileventcost > div,
    .detailEventInfoVenue > div:first-child,
    .detailevent-cat > div,
    .detailevent-tag > div{
        display:block;    
        margin-right:0px;
        width:100%;
    }
    .detailevent-cat{
        margin: 0 0 5px 0px;
    }
    .detailevent-cat ul,
    .detailevent-tag ul{
        display:block;
    }
    .detailevent-cat ul > li,
    .detailevent-tag ul > li{
        display:inline;
    }
    .detaileventday{ margin-bottom:5px;}
    .organizing-name-box > div:first-child{
        display:inline-block;    
        margin-right:0px;
        width:100%;
    }
    .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;
    }
    .eventTopBox > div:nth-child(2){
        flex-direction: column;
    }
    .organizing-name-box{
        text-align: center;
    }
    .eventTopLink{
        display:block;
    }
    .eventTopLink > div.organizing-url-box::before{
        margin-left:0px;
    }
    .eventDetailLink > div.eventDetailLink-box::before{
        margin-left:0px;
    }
}
/*//--直接テンプレートに書き込み部分--*/

/*voice ヤンセンファーマ*/
.janssenMain{
    margin-right:25%;
}
.janssenBlue{color:#003478;}
.janssenRed{
    color:#E71D16;
    padding-right:100px;
}
#container .janssenRed > p:nth-child(1){
    margin-bottom:80px;
}
.janssenRed,.companyName{
    font-size:2.5rem
}
.companyName span{
    font-size:0.8em;
    display:block;
}
@media only screen and (max-width:999px){
    .janssenMain{
        margin-right:0;
    }
    .janssenRed{
        padding-right:0px;
    }
    #container .janssenRed > p:nth-child(1){
        margin-bottom:25px;
    }
    .janssenRed,.companyName{
        font-size:1.6rem
    }
    .companyName span{
        font-size:0.8em;
        display:block;
    }
}

/* ------------------------------------------------------- */
/* summaryevent ---------------------- */
/* ------------------------------------------------------- */
/*タブ切り替え*/
.eventcalendar .content_area > div:nth-child(1),
.summaryevent .content_area > div:nth-child(1) {    
	background: rgba( 255, 255, 255, 1.0);
}
.summaryevent .content_area > div:nth-child(1) {
    padding: 25px 20px;
}
.eventcalendar .tribe-events .tribe-events-l-container{
    padding: 25px 15px 0;

}
.eventcalendar .content_area p,
.summaryevent .content_area p{
    margin-bottom:0;
}
.eventcalendar .tab_area,
.summaryevent .tab_area{
	display: flex;
    width:100%;
}
.eventcalendar .tab_area li,
.summaryevent .tab_area li {
	width: calc(100% / 2 );
}
.eventcalendar .tab_area li:last-child,
.summaryevent .tab_area li:last-child {
	margin-right: 0;
}
.eventcalendar .tab_area li a,
.summaryevent .tab_area li a {
	display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
	text-align: center;    
    font-size: 1.9rem;
    text-decoration:none;
    overflow: hidden;
    color: #ffffff;
    border-bottom:0;
    border-radius: 10px 10px 0 0;
    background: #787878;
}
.eventcalendar .tab_area li:nth-child(1) a,
.summaryevent .tab_area li:nth-child(2) a{ 
    background: #ffffff;
    border:2px solid #4f4f4f;
    border-bottom:0px;
    width:100%;
    color:#4f4f4f;
}
.eventcalendar .tab_area li:nth-child(2) a,
.summaryevent .tab_area li:nth-child(1) a{ 
    border-bottom:2px solid #4f4f4f;
}
.eventcalendar .tabarea > div,
.summaryevent .tabarea > div{
    background-color: rgba(255,255,255,1);
    border:2px solid #4f4f4f;
    border-top:0px;    
}

/*疑似タブ*/
/*.calendarpost #tab1,
.calendarpost #tab2,
.summaryevent #tab1,
.summaryevent #tab2 { 
    color: #666666;
    border-bottom:0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}*/
/*.calendarpost #tab1,
.summaryevent #tab2{ 
    background: #ffffff;
    border:1px solid rgba(10,10,10,0.1);
    border-bottom:0px;
    width:100%;
    position:relative;
}*/
/*.calendarpost #tab2,
.summaryevent #tab1{ 
    background: #f5f5f5;
}*/
.eventcalendar .tabarea > div,
.summaryevent .tabarea > div{
    background-color: rgba(255,255,255,1);
    border:2px solid #4f4f4f;
    border-top:0px;    
}
.eventcalendar #tab1::after,
.summaryevent #tab2::after{
	content: "";
	display: block;
    width:calc(100% + 2px);
	height: 2px;
    bottom:0;
	position: absolute;
    background-color: rgba(10,10,10,0.1);
    z-index:1;
}
.eventcalendar #tab1::after { 
    left:calc(100% + 1px);
}
.summaryevent #tab2::after {
    right:calc(100% + 1px);
}
.archive.home h3{
    margin-bottom:15px;
    font-size:2.5rem;
    text-align: center;
    font-weight:700;
}
@media only screen and (max-width:999px) {
	.summaryevent .content_area > div:nth-child(1) {
		padding: 15px 15px 0 15px;
	}
	.summaryevent .hide {
		display: none;
	}
	.summaryevent .tab_area li {
		width: calc( 100% / 2 );
		margin-right: 0;
	}
    .eventcalendar .tab_area li h2,
	.summaryevent .tab_area li h2 {
        width: 100%;
        height: 50px;
        line-height: 1.4;
        font-size: 1.4rem;
        display:flex;
        align-items:center;
        justify-content: center;
	}
	.summaryevent .select > #tab1::after,
	.summaryevent .select > #tab2::after{
		content: "";
		display: block;
		/*width: calc(( 100vw - 30px));
        min-width:100px;*/
		position: absolute;
        bottom:0;
	}
    .eventcalendar #tab1::after{
        display:none;
    }
/*    .summaryevent .select > #tab1::after { 
        left:0;
    }
    .summaryevent .select > #tab2::after {
        left: -100%; 
    }*/
}
.flagMenu,
.summaryeventMenu{
    margin-bottom:15px;
}

.summaryeventMenu ul{
    display:flex;
    flex-wrap: wrap;
    margin-bottom:0;
    align-items: center;
}
.flagMenu ul{
    display:flex;
    flex-direction: column;
    margin-bottom:0;
    justify-content: center;
    height:100%;
}
.flagMenu ul > li,
.summaryeventMenu ul > li{
    list-style-type:none;
    display:flex;
    margin:0 0 10px 5px;
}
.flagMenu ul > li a,
.summaryeventMenu ul > li a{
    text-decoration:none;
    padding:2px 15px;
    background-color:#f5f5f5;
    border-radius: 5px;
}
.flagMenu ul > li a{
    width:100%;
    height:50px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.flagMenu ul > li a:hover,
.summaryeventMenu ul > li a:hover{
    background-color:#787878;
    color:#ffffff;
}
.flagWrap .toggleSet1,
.summaryevent .toggleSet1{
    background-image:radial-gradient(at 29% 0%, rgba(255, 245, 166, 1) 29%, rgba(255, 255, 255, 0) 91%), linear-gradient(189deg, rgba(255, 2, 154, 1) 1%, rgba(255, 2, 154, 0.16) 53%), linear-gradient(314deg, rgba(178, 2, 255, 1) 1%, rgba(255, 2, 154, 0) 30%), linear-gradient(4deg, rgba(2, 209, 255, 1) 41%, rgba(255, 2, 154, 0));
    padding:2px;
}
.flagWrap .toggleSet1Inner,
.summaryevent .toggleSet1Inner{
    background-color:rgba(255,255,255,1.0);
    padding:15px 20px ;
}
.flagWrap .toggleSet1content,
.summaryevent .toggleSet1content{
    margin-top:15px
}
.flagWrap .toggleSet1 h2,
.summaryevent .toggleSet1 h2{
    margin-bottom:0;
}
.flagWrap .toggleSet1button,
.summaryevent .toggleSet1button{
    background-color:transparent;
    padding:0 0px;
}
.flagWrap .toggleSet1button::after,
.summaryevent .toggleSet1button::after {
    right:0px;
}
.flagWrap .toggleSet1 h3,
.summaryevent .toggleSet1 h3{
    margin-top:20px;
    margin-bottom:5px;
}
.flagWrap .toggleSet1 h3 a,
.summaryevent .toggleSet1 h3 a{
    text-decoration:none;
    color:#000;
}
.tagBox .sammaryeventCatWrap > ul{
    margin-bottom:0;
}
.tagBox .sammaryeventCatWrap > ul > li{
    list-style-type: none;
    display:inline-block;
    margin: 0 0 10px 5px;
}
.tagBox .sammaryeventCatWrap > ul > li a{
    display:inline-block;
    text-decoration:none;
    background-color:#f5f5f5;
    padding: 2px 15px;
    border-radius: 5px;
}

.flagWrap .tagBox .friendsList3,
.summaryevent .tagBox .friendsList3,
.flagWrap .tagBox .friendsList5,
.summaryevent .tagBox .friendsList5{
    margin-bottom:0px;
}
.flagWrap .tagBox .friendsList3 ul,
.summaryevent .tagBox .friendsList3 ul,
.flagWrap .tagBox .friendsList5 ul,
.summaryevent .tagBox .friendsList5 ul{
    margin-bottom:0;
}
.summaryevent .tagBox .friendsList3 ul > li,
.summaryevent .tagBox .friendsList5 ul > li{
    flex-direction: column;
    align-items: center;
}
.summaryevent .tagBox div[class^="postLabel"]::before{
    font-family:"Font Awesome 5 Free";
    display:inline-block;
    font-weight:800;
    margin-right:5px;
    color:#d6006c;
}
.summaryevent .tagBox .postLabel1::before{content:"\f0e8";}
.summaryevent .tagBox .postLabel2::before{content:"\f02b";}
.flagWrap .tagBox .postLabel a,
.summaryevent .tagBox div[class^="postLabel"] a{
    text-decoration:none;
}
.flagWrap .tagBox .friendsList3 ul > li .postLabel a,
.summaryevent .tagBox .friendsList3 ul > li div[class^="postLabel"] a,
.flagWrap .tagBox .friendsList5 ul > li .postLabel a,
.summaryevent .tagBox .friendsList5 ul > li div[class^="postLabel"] a{
    color:#d6006c;
}
.summaryevent .tagBox .friendsList3 ul > li div[class^="postLabel"] a::before,
.summaryevent .tagBox .friendsList5 ul > li div[class^="postLabel"] a::before{
    content:",";
    display:inline-block;
    margin-right:5px;
}
.flagWrap .summaryevent .tagBox .friendsList3 ul > li .postLabel a:first-child::before,
.summaryevent .tagBox .friendsList3 ul > li div[class^="postLabel"] a:first-child::before,
.flagWrap .summaryevent .tagBox .friendsList5 ul > li .postLabel a:first-child::before,
.summaryevent .tagBox .friendsList5 ul > li div[class^="postLabel"] a:first-child::before
{
    display:none;
}
.single-summaryevent .seDetail{
    display:flex;
    justify-content: flex-end;
    font-size:0.9em;
}
.single-summaryevent .seDetail > div{
    margin-left:25px;
}
.single-summaryevent .seDetail > div:first-child{
    margin-left:0px;
}
.single-summaryevent .seDetail > div a::before{
    content:",";
    margin-right:10px;
}
.single-summaryevent .seDetail > div a:first-child::before{
    display:none;
}
.single-summaryevent .summaryeventBtnWrap{
    display:flex;
    justify-content: center;
    margin-top:40px
}
.single-summaryevent .summaryeventBtnWrap div[class^="buttonLink"]{
    width:250px;
    margin:0 10px 0;
}
.single-summaryevent .summaryeventBtnWrap div[class^="buttonLink"] a{
    background:#787878;
}
.single-summaryevent .summaryeventBtnWrap div[class^="buttonLink"] a:hover{
    background:#4f4f4f;
}
.single-summaryevent #container{
    margin-bottom:25px;
}
@media only screen and (max-width:999px) {
    .flagMenu ul{
        display:flex;
        flex-direction:row;
        justify-content: center;
        height:auto;
        flex-wrap: wrap;
    }
    .flagMenu ul > li a{
        width:auto;
        height:50px;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .single-summaryevent .seDetail{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .single-summaryevent .seDetail > div{
        margin-left:15px;
    }
    .single-summaryevent .summaryeventBtnWrap{
        flex-direction: column;
        justify-content:flex-start;
        align-items: center;
        margin-top:25px
    }
    .single-summaryevent .summaryeventBtnWrap div[class^="buttonLink"]{
        width:100%;
        margin:0 0px 10px;
    }
     .single-summaryevent .summaryeventBtnWrap div[class^="buttonLink"]:last-child{
        margin:0 0px 0px;
    }
    .single-summaryevent #container{
        margin-bottom:15px;
    }
    
}
/*flag*/
/*.flagDetail{
    margin-top:50px;
}*/
.flagAreaWrap{
    margin-top:60px;
}
.flagList{
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 0px; 
}
.flagList > div{    
    background-color:#ddd;
}
.flagList > div > div{
    border-radius: 10px;
    background-color:#fff;
    height:100%;
}
.flagList > div:nth-child(2n+1) > div{
    margin:1px 1px 0px 0;
    padding: 24.5px 24.5px 24.5px 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.flagList > div:nth-child(2n) > div{
    margin:1px 0 0px 0px;
    padding: 24.5px 0px 24.5px 24.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.flagList > div:nth-child(1) > div,
.flagList > div:nth-child(2) > div{
    margin-top:0;
}
/*写真の数が多い部分調整*/
/*東京調整*/
.flagList #ty{
    grid-column: 1 / 3;
    grid-row:4;
    width:100%;
}
.flagList #kn > div{
    margin:1px 0 0px 0px;
    padding: 24.5px 0px 24.5px 24.5px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.flagList #ty > div{
    margin-top:2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 24.5px 0px 24.5px 0px;
}
/*愛知調整*/
.flagList #ai{
    grid-column: 1 / 3;
    grid-row:5;
    width:100%;
}
.flagList #ai > div{
    margin:1px 0px 0px 0;
    padding: 24.5px 0px 24.5px 0;
    border-radius: 0px
}
/*大阪調整*/
.flagList #os{
    grid-column: 1 / 3;
    grid-row:3;
    width:100%;
}
.flagList #os > div{
    margin:2px 0px 0px 0;
    padding: 24.5px 0px 24.5px 0;
    border-radius: 0px
}
.flagList #hg > div,
.flagList #wa > div{
    margin:1px 0 0px 0px;
    padding: 24.5px 0px 24.5px 24.5px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.flagList #nr > div{
    margin:1px 1px 0px 0;
    padding: 24.5px 24.5px 24.5px 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*福岡調整*/
.flagList #fo{
    grid-column: 1 / 3;
    grid-row:1;
    width:100%;
}
.flagList #fo > div{
    margin:0px 0px 0px 0;
    padding: 24.5px 0px 24.5px 0;
    border-radius: 0px
}
.flagList #sg > div,
.flagList #ku > div,
.flagList #mz > div,
.flagList #ok > div{
    margin:1px 1px 0px 0;
    padding: 24.5px 24.5px 24.5px 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.flagList #ns > div,
.flagList #oi > div,
.flagList #kg > div{
    margin:1px 0 0px 0px;
    padding: 24.5px 0px 24.5px 24.5px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*//写真の数が多い部分調整*/
.tagBox .flagList1 > ul {
    display:flex;
    flex-wrap: wrap;
    margin-bottom:0;
}
.tagBox .flagList1 > ul > li{
    list-style-type: none;
    margin:0 4.9px 10px 0;
    width:calc((100% - 5px)/2 );
}
.tagBox .flagList1 > ul > li:nth-child(2n){
    margin:0 0px 10px 0;
}
/*写真の数が多い部分調整 2つ並び→4つ並び*/
.tagBox #ty .flagList1 > ul > li,
.tagBox #ai .flagList1 > ul > li,
.tagBox #os .flagList1 > ul > li,
.tagBox #fo .flagList1 > ul > li{
    list-style-type: none;
    margin:0 4.9px 10px 0;
    width:calc((100% - 15px)/4 );
}
.tagBox #ty .flagList1 > ul > li:nth-child(4n),
.tagBox #ai .flagList1 > ul > li:nth-child(4n),
.tagBox #os .flagList1 > ul > li:nth-child(4n),
.tagBox #fo .flagList1 > ul > li:nth-child(4n){
    margin:0 0px 10px 0;
}
/*//写真の数が多い部分調整 2つ並び→4つ並び*/
.tagBox .flagList2 > ul {
    display:flex;
    flex-wrap: wrap;
}
.tagBox .flagList2 > ul > li{
    list-style-type: none;
    margin:0 19.9px 10px 0;
    width:calc((100% - 60px)/4 );
}
.tagBox .flagList2 > ul > li:nth-child(4n){
    margin:0 0px 10px 0;
}
.tagBox .flagList1 > ul > li > div,
.tagBox .flagList2 > ul > li > div{
    position: relative;
    display:block;
    width: 100%;
}
.tagBox .flagList1 > ul > li > div img,
.tagBox .flagList2 > ul > li > div img{
    display:block;
}

/*.flagList1 a{
    text-decoration: none;
    color:#000;
}*/
.tagBox .flagList1 > ul > li > div .flagItemInfo,
.tagBox .flagList2 > ul > li > div .flagItemInfo{
    width: 100%;
    color: #000;    
    height: auto;
    display:block;
}
.tagBox .flagList1 > ul > li > div .flagItemInfo:hover,
.tagBox .flagList2 > ul > li > div .flagItemInfo:hover{
    opacity: 1;
}
.flagWrap .tagBox h2{
    margin-bottom:0;
}
.flagWrap .tagBox h2#hk{
    margin-bottom:30px;
}
.flagWrap h3{
    position:relative;
    padding-left:15px;
}
.flagWrap h3::before,
.flagWrap h3::after{
    position:absolute;
    content:"";
    width:2px;
    height:0.8em;
    display:inline-block;
    background-color:#333;
    bottom:0.2em;
}
.flagWrap h3::before{
    transform: rotate(-30deg);
    margin-left:-15px;
}
.flagWrap h3::after{
    transform: rotate(30deg);
    margin-left:15px;
}
.flagList1 .flagName,
.flagList2 .flagName{
    font-size:1.7rem;
    padding:10px 0 0;
}
#container .flagWrap p.preparingTxt{
    margin-bottom:70px;
}
@media only screen and (max-width:999px) {
    .flagAreaWrap{
        margin-top:30px;
    }
    .flagList{
        display: block; 
    }
    .flagList > div{    
        background-color:#ddd;
    }
    .flagList > div > div{
        border-radius: 0px;
        background-color:#fff;
        height:auto;
    }
    .flagList > div:nth-child(2n+1) > div,
    .flagList > div:nth-child(2n) > div{
        margin:0;
        padding: 0;
    }
    /*写真の数が多い部分調整*/
    .flagList #kn > div,
    .flagList #ty > div,
    .flagList #ai > div,
    .flagList #os > div,
    .flagList #hg > div,
    .flagList #wa > div,
    .flagList #nr > div,
    .flagList #fo > div,
    .flagList #sg > div,
    .flagList #ku > div,
    .flagList #mz > div,
    .flagList #ok > div,
    .flagList #ns > div,
    .flagList #oi > div,
    .flagList #kg > div{
        margin:0px;
        padding: 0px;
        border-radius: 0px;
    }
    /*//写真の数が多い部分調整*/
    /*写真の数が多い部分調整 4つ並び→2つ並び*/
    .tagBox #ty .flagList1 > ul > li,
    .tagBox #ai .flagList1 > ul > li,
    .tagBox #os .flagList1 > ul > li,
    .tagBox #fo .flagList1 > ul > li{
        list-style-type: none;
        margin:0 4.9px 10px 0;
        width:calc((100% - 5px)/2 );
    }
    .tagBox #ty .flagList1 > ul > li:nth-child(2n),
    .tagBox #ai .flagList1 > ul > li:nth-child(2n),
    .tagBox #os .flagList1 > ul > li:nth-child(2n),
    .tagBox #fo .flagList1 > ul > li:nth-child(2n){
        margin:0 0px 10px 0;
    }
    /*//写真の数が多い部分調整 4つ並び→2つ並び*/
    
    /*.tagBox .flagList1 > ul {
        flex-direction: column;
    }
    .tagBox .flagList1 > ul > li{
        list-style-type: none;
        margin:0 0px 10px 0;
        width:100%;
    }
    .tagBox .flagList1 > ul > li > div{
        position:static;
    }*/
    .tagBox .flagList2 > ul > li{
        margin:0 4.9px 10px 0;
        width:calc((100% - 5px)/2 );
    }
    .tagBox .flagList2 > ul > li:nth-child(2n){
        margin:0 0px 10px 0;
    }
    .tagBox .flagList1 > ul > li > div .flagItemInfo,
    .tagBox .flagList2 > ul > li > div .flagItemInfo{
        width: 100%;
        position: static;
        background:transparent;
        color: #000;
        height: auto;
        display: block;
        opacity: 1;
        padding:0px;
        margin-bottom:10px;
    }
    .flagList1 .flagName,
    .flagList2 .flagName{
        font-size:1.6rem;
        padding:5px 0 0;
    }
    .flagWrap .tagBox h2{
        margin-bottom:10px;
    }
    .flagWrap .tagBox h2#hk{
        margin-bottom:20px;
    }
    .flagWrap .tagBox h3{
        font-size:2.2rem;
        margin-bottom:15px;
    }
}
/*map*/
/* マップの位置 */
:root {
    --map-div-width: 7%;
    --map-div-height: 70px;
    --map-hokkaido-btm :1vw;
}
@media only screen and (max-width:1450px) {
:root {
    --map-div-height: 5vw;
}
}
@media only screen and (max-width:999px) {
    :root {
    --map-div-height: 8vw;
}
}
.flagMap{
    display:flex;
    --map-width:80%
}
.flagMap > ul{
    width:var(--map-width);
    margin-right:25px;
}
.flagMap > div{
    width:calc(100% - var(--map-width) - 25px);
}
ul.jp_map {
    position: relative;
    list-style-type: none;
    padding: 0;
    padding-top:calc((var(--map-div-height) * 11) + var(--map-hokkaido-btm) + 25px);
}
.jp_map > li > a > div {
    color: #000;
    text-shadow: 
    #fff 2px 0px,
    #fff -2px 0px,
    #fff 0px -2px,
    #fff 0px 2px,
    #fff 2px 2px,
    #fff -2px 2px,
    #fff 2px -2px,
    #fff -2px -2px,
    #fff 1px 2px,
    #fff -1px 2px,
    #fff 1px -2px,
    #fff -1px -2px,
    #fff 2px 1px,
    #fff -2px 1px,
    #fff 2px -1px,
    #fff -2px -1px;
    border-radius: 5px;
    min-height:calc(1em + 10px);
    background-color:#ccc;
    width: var(--map-div-width);
    height: var(--map-div-height);
    border: solid #ffffff 2px;
    padding: 7px 0;
    font-size: 1.4rem;
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
}
.jp_map > li > a > div > span{
    display:inline-block;
}
.jp_map li:nth-child(1) > a > div {
    top: 0;
    left: calc(100% - (var(--map-div-width) *2));
    width: calc(var(--map-div-width) *2);
    height: calc(var(--map-div-height) *2);  
}
.jp_map li:nth-child(2) > a > div {
    top: calc((var(--map-div-height) *2) + var(--map-hokkaido-btm));
    left: calc(100% - ( var(--map-div-width) + (var(--map-div-width) / 2)) );
}
.jp_map li:nth-child(3) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + var(--map-div-height));
    left: calc(100% - var(--map-div-width));
}
.jp_map li:nth-child(4) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 2));
    left: calc(100% - var(--map-div-width));
}
.jp_map li:nth-child(5) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + var(--map-div-height));
    left: calc(100% - ( var(--map-div-width) * 2));
}
.jp_map li:nth-child(6) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 2));
    left: calc(100% - ( var(--map-div-width) * 2));
}
.jp_map li:nth-child(7) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 3));
    left: calc(100% - var(--map-div-width));
}
.jp_map li:nth-child(8) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - var(--map-div-width));
}
.jp_map li:nth-child(9) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 2 ));
}
.jp_map li:nth-child(10) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 3 ));
}
.jp_map li:nth-child(11) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 2 ));
}
.jp_map li:nth-child(12) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - var(--map-div-width));
}
.jp_map li:nth-child(13) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc(100% - ( var(--map-div-width) * 2 ));
}
.jp_map li:nth-child(14) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc(100% - ( var(--map-div-width) * 3 ));
}
.jp_map li:nth-child(15) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 3));
    left: calc(100% - ( var(--map-div-width) * 3 ));
    width: calc(var(--map-div-width) * 2);
}
.jp_map li:nth-child(16) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 3));
    left: calc(100% - ( var(--map-div-width) * 4 ));
}
.jp_map li:nth-child(17) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 3));
    left: calc(100% - ( var(--map-div-width) * 5 ));
}
.jp_map li:nth-child(18) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 5 ));
}
.jp_map li:nth-child(19) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 3 ));
}
.jp_map li:nth-child(20) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 4 ));
    height: calc( var(--map-div-height) * 3);
}
.jp_map li:nth-child(21) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 5 ));
}
.jp_map li:nth-child(22) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 7));
    left: calc(100% - ( var(--map-div-width) * 4 ));
}
.jp_map li:nth-child(23) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc(100% - ( var(--map-div-width) * 5 ));
}
.jp_map li:nth-child(24) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc(100% - ( var(--map-div-width) * 6 ));
}
.jp_map li:nth-child(25) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 6 ));
}
.jp_map li:nth-child(26) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 7 ));
}
.jp_map li:nth-child(27) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 7 ));
}
.jp_map li:nth-child(28) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 8 ));
    height:  calc( var(--map-div-height) * 2);
}
.jp_map li:nth-child(29) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 6 ));
}
.jp_map li:nth-child(30) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc(100% - ( var(--map-div-width) * 7 ));
}
.jp_map li:nth-child(31) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 9 ));
}
.jp_map li:nth-child(32) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc(100% - ( var(--map-div-width) * 10 ));
}
.jp_map li:nth-child(33) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 9 ));
}
.jp_map li:nth-child(34) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc(100% - ( var(--map-div-width) * 10 ));
}
.jp_map li:nth-child(35) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4) + ( var(--map-div-height) /2));
    left: calc(100% - ( var(--map-div-width) * 11 ));
}
.jp_map li:nth-child(36) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 7) + ( var(--map-div-height) /2));
    left: calc(100% - ( var(--map-div-width) * 9 ));
}
.jp_map li:nth-child(37) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6) + ( var(--map-div-height) /2));
    left: calc(100% - ( var(--map-div-width) * 9 ));
}
.jp_map li:nth-child(38) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6) + ( var(--map-div-height) /2));
    left: calc(100% - ( var(--map-div-width) * 10 ));
}
.jp_map li:nth-child(39) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 7) + ( var(--map-div-height) /2));
    left: calc(100% - ( var(--map-div-width) * 10 ));
}
.jp_map li:nth-child(40) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: calc( var(--map-div-width) *2);
}
.jp_map li:nth-child(41) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: var(--map-div-width);
}
.jp_map li:nth-child(42) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 4));
    left: 0;
}
.jp_map li:nth-child(43) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: var(--map-div-width);
}
.jp_map li:nth-child(44) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 5));
    left: calc( var(--map-div-width) *2);
}
.jp_map li:nth-child(45) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: calc( var(--map-div-width) *2);
}
.jp_map li:nth-child(46) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 6));
    left: var(--map-div-width);
}
.jp_map li:nth-child(47) > a > div {
    top: calc(((var(--map-div-height) *2) + var(--map-hokkaido-btm)) + ( var(--map-div-height) * 8));
    left: 0;
}
.jp_map li > a > div.flag_on{
background-image:radial-gradient(at 29% 0%, rgba(255, 245, 166, 1) 29%, rgba(255, 255, 255, 0) 91%), linear-gradient(189deg, rgba(255, 2, 154, 1) 1%, rgba(255, 2, 154, 0.16) 53%), linear-gradient(314deg, rgba(178, 2, 255, 1) 1%, rgba(255, 2, 154, 0) 30%), linear-gradient(4deg, rgba(2, 209, 255, 1) 41%, rgba(255, 2, 154, 0))} 
@media only screen and (max-width:999px){
    .flagMap{
        display:flex;
        flex-direction: column;
        --map-width:100%
    }
    .flagMap > ul,.flagMap > div{
        width:var(--map-width);
        margin-right:0px;
    }

    .jp_map li > a > div{
        font-size:2.2vw;
        text-shadow: none;
        flex-direction: column;
    }
    .jp_map li > a > div > span{
        display:block;
        width:calc(1em + 2px);
        padding:0px 1px 1px 1px;
        height:calc(1em + 2px);
        line-height:1.1;
        overflow: hidden;
        background-color:#fff;
        border-radius: 4px;
    }        
}