@charset "utf-8";
/* CSS Document */
/*-----*/

.yakata_tab_btn .on,
.yakata_tab_btn .select .off,
.yakata_approach_tab_btn .on,
.yakata_approach_tab_btn .select .off{
	display: none;
}

.yakata_tab_btn .off,
.yakata_tab_btn .select .on,
.yakata_approach_tab_btn .off,
.yakata_approach_tab_btn .select .on{
	display: block;
}

.yakata_tab_btn a,
.yakata_approach_tab_btn a{
	display: block;
}

.yakata_tab_btn,
.yakata_approach_tab_btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yakata_tab_btn li,
.yakata_approach_tab_btn li{
	width: calc(50% - 5px);
	margin-bottom: 10px;
}

.yakata_tab_btn li img,
.yakata_approach_tab_btn li img{
	width: 100%;
}

.result{
	display: none;
	padding: 1.75em 1.75em 1em ;
	background: #f4f4f4;
	border-radius: 1em;
}

#result_wrap{
	margin-top: 1em;
}

.result h3{
	margin-bottom: 1.75em;
}

.result .result_box{
	display: flex;
	flex-wrap: wrap;
}

#tab01.result a,
#tab02.result a,
#tab03.result a,
#tab06.result a{
	background: #ffffff;
	width: calc(33% - 0.5em);
	margin-right: 1em;
	margin-bottom: 1em;
	border:2px dotted #ee86b4;
	box-sizing: border-box;
}

.result dl{
	padding: 1em;
	box-sizing: border-box;
}


#tab04.result  dl{
	width: calc(33% - 0.5em);
	background: #ffffff;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border:2px dotted #ee86b4;
	box-sizing: border-box;
}

.result dl .thum {
  width: 100%;
  height: 245px; /* 規定の高さを入れる（可変）*/
  margin: 0 0 1em;
  padding: 0;
  display: table;
  table-layout: fixed;
}

.result dl .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

.result dl .inner img {
  max-width: 100%;
  max-height: 245px; /* 規定の高さを入れる（可変）*/
  height: auto;
  vertical-align: bottom;
}

.result dl .tag{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5em;
}

.result dl .tag span{
	font-size: 0.75em;
	color: #c5006a;
	display: block;
	width: 49%;
	text-align: center;
	border:1px solid #EE86B4;
	border-radius: 0.5em;
	box-sizing: border-box;
}

.result dl .tag span.pink{
	background: #EE86B4;
	color: #ffffff;
}

.result dl .lead{
	font-weight: bold;
	color:#df1a7a;
}

.result dl .extra{
	font-size:0.75em;
	color: #df1a7a;
	background: #ffeaf4;
	margin-top: 1em;
	padding: 1em;
}

.yakata_btm_area{
	margin-bottom: 3em;
	display: flex;
	justify-content: space-between;
}

.yakata_btm_area.center{
	justify-content: center;
}

.yakata_btm_area img{
	width: 100%;
}

.yakata_btm_area .left_box,
.yakata_btm_area .right_box{
	width: calc(50% - 0.5em);
}

@media screen and (max-width: 640px) {
	.yakata_btm_area.center .left_box{
		width:100%;
	}
}

.yakata_btm_area .right_box{
	background: #ed86b5;
	padding: 0.5em;
	border-radius: 0.5em;
	box-sizing: border-box;
}

.yakata_btm_area .right_box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yakata_btm_area .right_box ul li{
	margin-top: 1%;
}

.yakata_btm_area .right_box ul li:last-child{
	margin-bottom: 0;
}

.yakata_btm_area .right_box .bottom_sns_btn{
	width: calc(50% - 0.25em);
}

.service_list li{
	font-weight: bold;
	font-size: 1.25em;
	padding-left: 28px;
	background: url(/lalaport/mamawith/img/front/common/icon_infoArrow.png) no-repeat;
	background-size: 28px auto;
	background-position: left center;
}

.service_list li a{
	display: inline-flex;
	padding: 0.25em 0.5em;
	color: #df1a7a;
}

.service_list li a.pdf{
	padding-left: 1.5em;
	background: url(/lalaport/mamawith/img/front/yakata/icon_pdf.png) no-repeat 5px center;
	background-size: 1em auto;
}

.result .no_contents{
	width: 100%;
	text-align: center;
	padding: 4em 0;
}

/*approach配下*/

#content.approach{
	margin-top: 3em;
}

#approach_wrap{
	margin-top: 1em;
}

#approach_wrap .left_box,
#approach_wrap .right_box,
#approach_wrap .map_box{
	background: #ffffff;
	padding: 1em;
	border-radius: 1.5em;
	box-sizing: border-box;
}

#approach_wrap .left_box img{
	width: 100%;
}

#approach_wrap .left_box dt{
	font-size: 1.5em;
	font-weight: bold;
	color: #df1a7a;
}

#approach_wrap .left_box .lead{
	color: #df1a7a;
	font-size: 1.25em;
}

#approach_wrap .left_box .tag{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin-top: 0.5em;
}

#approach_wrap .left_box .tag span{
	font-size: 0.75em;
	color: #ffffff;
	display: block;
	text-align: center;
	width: calc(25% - 3px);
	margin-right: 4px;
	margin-bottom: 4px;
	border-radius: 0.5em;
}

#approach_wrap .left_box .tag span:nth-child(4n){
	margin-right: 0;
}

#approach_wrap .left_box .tag span.pink{
	background: #EE86B4;
}

#approach_wrap .left_box .tag span.green{
	background: #99CC66;
}

#approach_wrap .left_box .image{
	margin-top: 0.5em;
}

#approach_wrap .right_box{
	word-wrap: break-word;
}

#approach_wrap .right_box a{
	word-break: break-all;
}

#approach_wrap .map_box{
	width: 100%;
	margin-top: 1em;
}

#approach_wrap .map_box img{
	width: 100%;
}

#approach_wrap .map_box .map_zoom{
	font-size: 1.25em;
	text-align: center;
}

#approach_wrap .map_box .map_zoom a{
	color: #df1a7a;
}

#approach_wrap .bn_box{
	background: #ed86b5;
	padding: 0;
	box-sizing: border-box;
}

#approach_wrap .bn_box{
	width: 100%;
	margin-top: 1em;
}

#approach_wrap .bn_box img{
	width: 100%;
}


/*approach配下*/

@media screen and (min-width: 641px) {
	
#tab01.result a:nth-child(3n),
#tab02.result a:nth-child(3n),
#tab03.result a:nth-child(3n),
#tab06.result a:nth-child(3n) {
		margin-right: 0;
	}
	
	#tab04.result dl:nth-child(3n){
		margin-right: 0;
	}
	
/*approach配下*/

	#approach_wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#approach_wrap .left_box,
	#approach_wrap .right_box{
		width: 49%;
	}

/*approach配下*/
}

@media screen and (max-width: 640px) {
	
	.section{
		margin-bottom: 2em;
		padding: 1em;
	}
	

	.yakata_tab_btn li,
	.yakata_approach_tab_btn li{
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}

	#tab01.result a,
	#tab02.result a,
	#tab03.result a,
	#tab06.result a{
		width: calc(50% - 0.5em);
	}
	
	#tab01.result a:nth-child(2n),
	#tab02.result a:nth-child(2n),
	#tab03.result a:nth-child(2n),
	#tab06.result a:nth-child(2n){
		margin-right: 0;
	}
	
	#tab04.result dl{
		width: calc(50% - 0.5em);
	}
	
	#tab04.result dl:nth-child(2n){
		margin-right: 0;
	}
	
	.yakata_btm_area{
		padding: 0 1em;
	}
	
/*approach配下*/
	#approach_wrap .left_box{
		border-radius:1.5em 1.5em 0 0 ;
	}
	#approach_wrap .right_box{
		border-radius: 0 0 1.5em 1.5em;
	}
	
/*approach配下*/

}

/*20200520*/
.notice_box{
	width: 100%;
	background: #ffffff;
	margin-bottom: 1.75em;
	border:2px solid #ff0000;
	box-sizing: border-box;
}

.notice_box a{
	display: block;
	color:inherit;
	padding: 1.5em;
}

.notice_box p{
	color: #ff0000;
	text-align: center;
}

.notice_box p.bold{
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (min-width: 641px) {
	.notice_box p.bold{
		font-size: 1.25em;
	}
	
	.notice_box p .sp{
		display: none;
	}
}

@media screen and (max-width: 640px) {
	
	.notice_box{
		width: 96%;
		background: #ffffff;
		margin: 0 auto 1.75em;
		border:2px solid #ff0000;
		box-sizing: border-box;
	}
	
	
	.notice_box p{
		line-height: 1.25em;
	}
}

/*20200520*/

/*20220114*/
.result dl .extra .note{
	font-weight: bold;
}

#approach_wrap .right_box .lead{
	color: #df1a7a;
	font-weight:bold;

/*20220114*/