@charset "utf-8";


/*	womens connection support
------------------------------------------*/

:root{
	--keycolor: #EB7181;
}

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

.wrap{
	position:relative;
}

.keycolor{
	color:var(--keycolor);
}

#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: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_wcs{
	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:min(90%,338px);
		margin:0 auto;
	}
	.d_actions > div{
		position:relative;
		width:min(30%,240px);
		margin:0 1%;
		transform-origin: center;
		transition: .3s;
	}
	.d_actions > div.hover{
		transform:scale(1.03);
	}
	.d_actions > div p{
		display:none;
	}
	.d_actions > div a{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index: 1;
	}
	.d_actions > div a span{
		display:none;
	}
@media screen and (max-width: 479px) {
	.d_actions > div{
		display:block;
		width:100%;
		max-width:190px;
		margin:0 auto;
	}
	.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;
}


.goal_ttl{
	position:relative;
	margin:0 auto 40px;
}
	.m_goal{
		position:absolute;
		width:min(60%,310px);
		transform:translate(0,50%);
	}
	.img_goal{
		float:right;
		width:min(70%,456px);
	}
@media screen and (max-width: 767px) {
	.goal_ttl{
		margin:0 auto 1rem;
	}
	.m_goal{
		position:relative;
		width:min(60%,310px);
		transform:none;
		margin:0 0 .5rem;
	}
	.img_goal{
		display:block;
		float:none;
		width:min(90%,456px);
		margin:0 auto;
	}
}

.sns > p{
	width:min(80%,300px);
	text-align: center;
	margin:0 auto 20px;
}
.sns .wrap{
	display:flex;
	flex-flow: row nowrap;
	justify-content: center;
}
	.sns .wrap > div{
		width:min(50%,272px);
		margin:0 10px;
	}



/* womenscafe */

.d_ttl{
	position:relative;
}
.d_ttl:after{
	content: "";
	display: table;
	clear: both;
}
	.d_ttl h1{
		width:min(70%,460px);
		color:var(--keycolor);
		font-family: Shuei NijimiMGo B;
		font-size:min(6vw,1.6rem);
		line-height:1.4;
	}
	.d_ttl time{
		position:relative;
	}
	.d_ttl time span{
		display:inline-block;
		font-size:min(5.5vw,1.2rem);
		transform:translate(5px,-.1rem);
	}
	.d_dialog .d_ttl h1{
		width:min(70%,484px);
	}
	.i_wcs{
		position:absolute;
		display:block;
		right:0;
		top:0;
		width:min(20%,96px);
		transition:.3s;
	}
	.i_wcs.hover{
		transform:translateY(-5px);
	}


#entry_cafe > a img{
	transform-origin: center;
	transition: .3s;
}
	#entry_cafe > a.hover img{
		transform:scale(1.03);
	}
	
	
#place{}
	.ttl_place{
		line-height: 1.6;
	}
	.m_place{
		width:min(80%,300px);
	}
	.ttl_place span{
		float:right;
		font-size:.9rem;
	}	
	#place .dp_flex > div{
		width:22%;
	}
	#place .dp_flex span{
		display:block;
		font-size:.8rem;
		line-height: 1.3;
	}
@media screen and (max-width: 559px) {
	.ttl_place span{
		display:block;
		float:none;
	}
	#place .dp_flex > div{
		width:48%;
		margin-bottom:1vh;
	}
}


#schedule{}
	.m_schedule{
		width:min(80%,205px);
	}
	#schedule table{
		width:100%;
	}
	#schedule table tr{
		border-bottom:1px solid #C8B08F;
	}
	#schedule table th,
	#schedule table td{
		padding:10px 0;
		text-align: left;
		font-size:1rem;
		line-height:1.2;
	}
	#schedule table td{
		text-align: right;
	}
	#schedule table td > a{
		display:inline-block;
	}
	#schedule table td img{
		margin-right:3px;
	}
	.btn_eventinfo{
		padding:0;
		background:var(--keycolor);
		border-radius: 5px;
		transition: .3s;
	}
	.btn_eventinfo.hover{
		background:#FFADC2;
	}
	#schedule date{
		display:inline-block;
		width:4rem;
	}
@media screen and (max-width: 559px) {
	#schedule table{
		display:block;
	}
	#schedule table tr{
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding:8px 0;
	}
	#schedule table th,
	#schedule table td{
		display: block;
		width:100%;
		padding:2px 0;
		text-align: left;
	}
}



#eventplace{
	padding: 50px 500% 50px 500%;
	margin: 0 -500% 70px -500%;
	background:#FDEFF1;
}
	#eventplace .dp_flex > div{
		width:45%;
	}
	#eventplace .dp_flex > div:nth-of-type(1){
		padding-right:4vw;
	}
	#eventplace .dp_flex > div:nth-of-type(1) img{
		display:block;
		border:.5rem solid #fff;
		box-sizing: border-box;
	}
	.ep_place{
		color:var(--keycolor);
		font-family: Shuei NijimiMGo B;
		font-size:1.8rem;
		line-height:1.7;
		margin:0 0 .3vh;
	}
	.ep_place span{
		display:block;
		font-size:1.2rem;
	}
	.ep_adrs,
	.ep_desc,
	.ep_open,
	.ep_close,
	.ep_media{
		font-size:.9rem;
		line-height:1.4;
		text-align:justify;
		text-justify: inter-character;
	}
	.ep_adrs,
	.ep_desc{
		margin:0 0 2vh;
	}
	.ep_open,
	.ep_close,
	.ep_media{
		padding:6px 0;
		border-bottom:1px solid rgba(0 0 0 / .2);
	}
	.ep_open span,
	.ep_close span,
	.ep_media span{
		display:inline-block;
		width:4rem;
	}
	
	.ep_sys i,.i_gmap{
		display:inline-block;
		padding:6px 8px 5px;
		color:#fff !important;
		font-size:.8rem;
		font-weight: bold;
		line-height:1;
		background:#999;
		border-radius:.4rem;
		margin:0 3px 8px 0;
	}
@media screen and (max-width: 559px) {
	#eventplace .dp_flex{
		display:block;
	}
	#eventplace .dp_flex > div{
		width:100% !important;
		margin:0 0 2vh;
	}
	#eventplace .dp_flex > div:nth-of-type(1){
		padding-right:0;
	}
}


#d_opendialog p{
	text-align: justify;
	text-justify: inter-word;
}
	ul.od_list{
		padding:1rem 1.5rem;
		text-align: left;
		border:3px solid var(--keycolor);
		border-radius: 1rem;
	}
	.od_list li{
		display:inline-block;
		width:45%;
		padding-right:1rem;
		color:var(--keycolor);
		font-weight: bold;
		line-height:1.2;
	}
@media screen and (max-width: 800px) {
	.od_list li{
		width:100%;
	}
}
	

#entry_dialog > a img{
	transform-origin: center;
	transition: .3s;
}
	#entry_dialog > a.hover img{
		transform:scale(1.03);
	}


#d_how{
	padding: 50px 500% 50px 500%;
	text-align: center;
	margin: 0 -500% 70px -500%;
	background: #FDEFF1;
}
#d_how ul{
	text-align: left;
}
#d_how ul > li{
	font-size:.9rem;
	line-height:1.3;
	margin:0 0 .8rem;
}
#d_how ul > li:first-letter{
	display:inline-block;
	font-size:.6rem;
	margin:0 5px 0 0;
}



/* voice */
#d_aim{
	font-size:.9rem;
}
#d_aim address{
	display:inline-block;
	padding:10px 13px;
	font-size:.8rem;
	line-height: 1.4;
	background:#FBB9C8;
	border-radius: .5rem;
}