@charset "utf-8";


/*	social wreath pjt
------------------------------------------*/

#swp{
	padding:3rem 0 0;
}
@media screen and (max-width: 800px) {
	.main{
		width:90%;
	}
}

.wrap{
	position:relative;
}


#report{
	position:relative;
	line-height:0;
	margin:0 auto 7vh;
	z-index:1;
}
	#report::after{
		display:block;
		position:absolute;
		content:'';
		left:0;
		bottom:0;
		width:100%;
		height:100%;
		padding:1rem 2rem;
		background:#fff;
		border-radius:20px;
		box-shadow:3px 3px 9px rgba(0 0 0 / .2);
		box-sizing:border-box;
		z-index:-1;
		transition:.5s;
	}
	#report:hover::after{
		background:rgb(255,237,108);
	}
	#report a{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-around;
		align-items:center;
		padding:.6rem 0 0 0;
	}
	#report a > div{
		display:inline-block;
		width:50%;
		text-align:center;
	}
	#report a > div:nth-of-type(2){
		width:50%;
		padding-right:2rem;
		text-align:left;
	}
	#report .m_report{
		width:84%;
		max-width:319px;
		margin:0 0 15px;
	}
	#report p{
		padding:8px 13px;
		color:#000;
		font-size:13px;
		line-height:1;
		background:rgba(0 0 0 / .2);
	}
	#report .img_report{
		width:80%;
		max-width:279px;
	}
@media screen and (max-width: 559px) {
	#report a{
		display:block;
	}
	#report a > div{
		display:block;
		width:100%;
	}
	#report a > div:nth-of-type(2){
		width:100%;
	}
	#report .m_report{
		margin:0 auto 15px;
	}
	#report .img_report{
		margin:0 auto 10px;
	}
	#report p{
		background:#ccc;
	}
}



.ttl_swp{
	width:90%;
	max-width:522px;
	margin:0 auto 9vh;
}

.m_rosered{
	color:#f54e7c;
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 1rem;
}
.m_underbar_rosered{
	padding-bottom:3px;
	border-bottom:2px solid #f54e7c;
}

.list_disc li{
	display:block;
	text-indent:-1rem;
	padding:0 0 0 1rem;
}

.bg_white{
	padding:3rem 1000px;
	margin:0 -1000px;
	background:#fff;
}
	
	.m_actions{
		width:90%;
		max-width:338px;
		margin:0 auto;
	}
	.d_actions > div{
		position:relative;
		width:30%;
		max-width:220px;
		padding-bottom:40px;
		margin:0 1% 20px;
	}
	.d_actions > div img{
		display:block;
		width:100%;
		max-width:180px;
		margin:0 auto 10px;
	}
	.d_actions > div p{
		font-size:14px;
		line-height:1.6;
		text-align:justify;
		text-justify:inter-ideograph;
	}
	.d_actions > div a{
		position:absolute;
		width:100%;
		bottom:0;
	}
@media screen and (max-width: 479px) {
	.d_actions > div{
		display:block;
		width:100%;
		max-width:300px;
		margin:0 auto 40px;
	}
	.d_actions > div img{
	}
	.d_actions > div p{
	}
}




.act_item{
	position:relative;
	display:block;
	width:97%;
	max-width:800px;
	margin:1rem auto;
	transition:.3s;
}
	.act_item.off{
		display:none;
	}

#act1{
	box-sizing: border-box;
}
	.m_womenscafe{
		position:relative;
		width:55%;
		max-width:360px;
	}
	.m_womenscafe::after{
		position:absolute;
		display:block;
		content:'';
		right:-25%;
		top:5px;
		width:30%;
		max-width:117px;
		height:102px;
		background-image:url(/img/swp/i_mark.png);
		background-repeat:no-repeat;
		background-size:contain;
		z-index:1;
	}
	#act1 p{
		width:55%;
	}
	.img_womenscafe{
		position:absolute;
		right:.6rem;
		top:1rem;
		width:40%;
		max-width:308px;
	}
	.m_free{
		position:absolute;
		right:2%;
		top:80%;
		width:83px;
		height:83px;
		z-index:1;
	}
	
	.d_events{
	}
	.d_events .dp_flex > ul{
		width:50%;
		box-sizing:border-box;
	}
	.d_events .dp_flex > ul:nth-of-type(1){
		padding-right:1rem;
	}
	.list_event li{
		line-height:1.3;
		margin-bottom:10px;
	}
	.list_divide li{
		line-height:1.3;
		padding-bottom:5px;
		border-bottom:1px solid rgba(245 78 124 / 30%);
		margin-bottom:5px;
	}
	.d_events .dp_flex > div{
		width:40%;
	}
	
	.snap{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
	.snap img{
		display:block;
		width:23%;
		margin:0 5px 10px;
	}
	
@media screen and (max-width: 559px) {
	.m_womenscafe{
		width:80%;
		margin-bottom:7vh;
	}
	.m_womenscafe::after{
		right:-25%;
		top:5px;
		width:30%;
		max-width:117px;
		height:102px;
	}
	#act1 p{
		width:100%;
	}
	.img_womenscafe{
		position:relative;
		right:inherit;
		top:inherit;
		float:right;
		width:45%;
		margin:0 0 0 .5rem;
	}
	.m_free{
		right:-2%;
		top:38%;
		width:70px;
		height:70px;
	}
	
	.d_events .dp_flex{
		display:block;
	}
	.d_events .dp_flex > ul{
		width:100%;
		padding-right:0;
	}
	.d_events .dp_flex > div{
		width:100%;
	}
	.d_events .dp_flex > div{
		width:100%;
		text-align:center;
	}
	.d_events .dp_flex > div img{
		display:inline-block;
		width:47%;
		margin:1rem 1% 0;
	}
	
	.snap img{
		width:46%;
	}
}


#act2{
	box-sizing: border-box;
}
	.m_swp{
		width:100%;
		max-width:499px;
		margin:0 auto;
	}
	.dl_divide > div{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		line-height:1.3;
		padding-bottom:10px;
		border-bottom:1px solid rgba(245 78 124 / 30%);
		margin-bottom:10px;
		box-sizing:border-box;
	}
	.dl_divide > div > dt{
		width:20%;
		font-weight:bold;
	}
	.dl_divide > div > dd{
		width:80%;
	}
	.entry .btn_rosered,
	.entry .btn_grey_s{
		display:inline-block;
		padding:8px 14px;
		margin:10px 0 0;
	}
@media screen and (max-width: 559px) {
	.m_swp{
		transform-origin:center;
		transform:scale(1.08);
	}
	.dl_divide > div{
		display:block;
	}
	.dl_divide > div > dt{
		width:100%;
		font-weight:bold;
		margin-bottom:3px;
	}
	.dl_divide > div > dd{
		width:100%;
	}
	.entry .btn_rosered,
	.entry .btn_grey_s{
		display:block;
		width:80%;
	}
}


#act3{
	box-sizing: border-box;
}
	.m_cpn{
		width:95%;
		max-width:367px;
		margin:0 auto;
	}
	.cht_cpn{
		display:block;
		width:100%;
		max-width:641px;
		margin:0 auto;
	}
	.dl_media dd{
		padding-left:1rem;
	}
	.i_media{
		display:block;
		width:100%;
		max-width:110px;
	}
@media screen and (max-width: 559px) {
	.cht_cpn{
		transform-origin:center;
		transform:scale(1.23);
	}
	.i_media{
		width:38%;
		margin:0 auto 8px;
	}
}


#links{
	padding-top:2rem
}

.ln_links{
	text-align:center;
}
.ln_links li{
	display: inline-block;
	padding: 4px 8px;
	text-align: center;
	color: #fff !important;
	background: rgb(245 78 124 / 40%);
	border-radius: 3px 3px 0 0;
	cursor:pointer;
	transition: .3s;
}
.ln_links li:hover{
	background: rgb(245 78 124 / 60%);
}
.ln_links li.on{
	background: rgb(245, 78, 124);
}

#links .table_4 thead th{
	text-align:center;
	font-size:.9rem;
	background:whitesmoke;
}
#links .table_4 tbody th{
	padding-left:.4rem;
	max-width:20%;
	vertical-align:middle;
	font-size:.9rem;
	white-space:normal;
	background:whitesmoke;
}
#links .table_4 tbody th br{
	display:none;
}
@media screen and (max-width: 767px) {
	#links{
		padding:2rem 1rem 1.2rem;
	}
	#links .table_4 thead th{
		white-space:nowrap;
		text-align:center;
	}
	#links .table_4 tbody th{
		width:20%;
		padding:10px .6rem 10px 0;
		text-align:left;
		vertical-align:middle;

		max-width:inherit;
	}
	#links .table_4 tbody th br{
		display:block;
	}
}


.fb,
.bn_insta{
	width:100%;
	max-width:500px;
	margin:0 auto 30px;
}