@charset "utf-8";
#komesori img{
	width: 100%;
	vertical-align:top;
}
#komesori #main{
	background: #fef5e6;
	color:#616161;
	width: 100%;
	margin: 0 auto;
}
#komesori .width_body{
	width:93%;
	margin:0 auto;
}
#komesori .information_wrap{
	background:#ffffff;
	border-radius: 7px;
	margin-bottom: 5%;
}
#komesori .information_title{
	text-align: center;
	font-size: 1.8rem;
	padding: 3% 0;
	line-height: 1.8;
}
#komesori .information_intro{
	text-align:start;
	font-size: 1.7rem;
}
#komesori .sns_link{
	display:block;
	padding: 4%;
	margin: 4% auto;
	width: 100%;
	border-radius: 5px;
	font-weight:bold;
	color:#ffffff;
}
#komesori .sns_link:hover{
	opacity:0.7;
	transition:0.5s;
}
#komesori .x_btn{
	background:#000000;
}
#komesori .insta_btn{
	background:#d300c5;
}
#komesori .point_title{
	display:block;
	margin: 0 auto 1%;
	width: 170px;
	font-size:2.5rem;
	font-weight:bold;
	border-bottom:solid 2px;
	text-align:center;
	color:#803921;
}
#komesori .detail_title{
	font-size:2rem;
	font-weight:bold;
	color:#3197bd;
}
#komesori .detail_wrap{
	padding: 2%;
	margin: 0 1%;
	font-size:1.7rem;
	border-bottom: solid 1.5px #3197bd;
}
#komesori .detail_wrap:last-of-type{
	border-bottom: none;
}
#komesori .detail_wrap>a:hover{
	opacity:0.5;
	transition:0.4s;
}
#komesori .detail_title{
	font-size:2rem;
	font-weight:bold;
	color:#3197bd;
}
#komesori .detail_caution{
	font-size:1.2rem;
}
#komesori .schedule_time{
	display:inline-block;
	width: 11rem;
	text-align:end;
	margin-right: 1rem;
}

#komesori .bgblue_wrap{
	background:#3197bd;
	padding: 3% 0;
}
#komesori .bgblue_title{
	color:#ffffff;
	text-align: start;
	font-size: 2rem;
	font-weight: bold;
	padding: 5% 0;
}
#komesori .upcycle_box{
	display:block;
	margin: 5% auto;
	width: 93%;
	padding: 5% 0;
	border-radius: 4px;
	font-size:2.3rem;
	font-weight:bold;
	text-align:center;
	background-image: linear-gradient(0deg, #fbffaf 10%, rgba(255, 255, 255, 1) 90%);
	box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 30%);
	color:#0964ab;
}
#komesori .sp_none{
	display:none;
}
#komesori .return_box{
	display:block;
	margin:0 auto;
	background:#ffffff;
	width: 100%;
	padding: 2%;
	font-size:1.5rem;
	text-align:center;
	color:#0964ab;
}

@media screen and (max-width: 769px){
  .pc { display:none; }
}