/*イベント告知*/
/* ---------------------------------------------
*   p-ws-section-newEvent
--------------------------------------------- */
.p-ws-section-newEvent__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1060px;
  padding: 80px 30px 0;
}
.p-ws-section-newEvent__date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}
.p-ws-section-newEvent__date img{
	width:396px;
}
.p-ws-section-newEvent__ttl {
    max-width: 650px;
    margin: 100px auto 60px;
}
.p-ws-section-newEvent__read{
	text-align: center;
    color: var(--color-black-7);
    font-family: var(--ff-zenkaku);
    font-size: calc(18 / var(--root-fz) * 1rem);
    line-height: 1.7777777778;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
.p-ws-section-newEvent__inner {
    padding: 9.3vw 5.3vw 0;
}
.p-ws-section-newEvent__date {
  	flex-direction: column;
  	gap:4vw;
}
.p-ws-section-newEvent__date img{
	width:100%;
}
.p-ws-section-newEvent__ttl {
    margin: 10vw auto;
}
.p-ws-section-newEvent__read{
    font-size: 4.8vw;
}
}
/* ---------------------------------------------
*   workshop
--------------------------------------------- */
.c-lpWrapper .c-event-inner {
		max-width: 1060px;
        padding-bottom:0;
    }
.workshop{
	padding-top: 65px;
}
.ico_event_place{
	position: absolute;
	top:0;
	right:0;
	width: 183px;
}
.workshop-detail{
	max-width: 840px;
	margin:52px auto 0;
	padding: 0 2%;
}
.workshop__lists{	
    margin:30px auto;
    display: flex;
    align-items: flex-start;
    font-weight: bold;
}
.workshop__ttl{
	background:#4eccaa;
	border-radius: 10px;
	min-width:100px;
	padding:10px;
	color:#fff;	
	text-align: center;
	font-size: 18px;
}
.-beige{
	background:#f5eee4;
	color:#302424;
}
.-blue{
	background:#29ceeb;
}
.workshop__txt{
	padding:10px;
	margin-left:10px;
	font-size: 20px;
}
.attention__lists{
	font-size: 12px;
	margin-top:1em;
	line-height: 1.5;
}
.small-txt{
	font-size: 12px;
    line-height: 1.4;
    margin-top: 1em;
}
.big-txt{
	font-size:38px;
}
.mgt-0{
	margin-top:0;
}
.indent{
  padding-left: 1em;
  text-indent: -1em; 
}

@media screen and (max-width: 750px) {
.ico_event_place{
	right: -4vw;
	width: 22.66vw;
}
.workshop-detail{
	margin:8vw auto 0;
	padding: 0 5.3vw;
}
.workshop__lists{	
    margin:6.66vw auto;
    flex-direction: column;
}
.workshop__ttl{
    min-width: 2em;
   	padding: 2vw;
	font-size: 3.73vw;
}
.workshop__txt{
	padding: 3vw 0 0;
    margin-left: 0;
    font-size: 3.73vw;
    line-height: 1.5;
}
.attention__lists{
	font-size: 2.93vw;
	margin-top: 1em;
}
.small-txt{
	font-size: 2.93vw;
    margin-top: 1em;
}
.big-txt{
	font-size:6.66vw;
	line-height: 1.25;
}
.mgt-0{
	margin-top:0;
}

	}
/*map*/
.workshop__map {
  width: 100%;
  max-width: 100%;
}

.workshop__map iframe {
  width: 100%;
  height: 475px;
  aspect-ratio: 4 / 3;
  border: 0;
  display: block;
}
@media screen and (max-width: 750px) {

.workshop__map iframe {
  height: 370px;
  aspect-ratio: 1.6 / 1;
}
}

a.p-button-event {
    display: block;
    position: relative;
    max-width: 300px;
    padding:30px 0;
    border-radius: 50px;
    text-align: center;
    padding-right:10px;
    background-color:#ff6900;
    color:#fff;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: .02em;
    line-height: 1;
    margin: 28px auto 0;
    }

a.p-button-event::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 23px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
a.p-button-event {
    max-width: 79vw;
    padding:4vw 0;
    padding-right:1.33vw;
    font-size: 4.26vw;
    margin: 6.66vw auto 0;  
 }
a.p-button-event::after {
    top: calc(50% - 1.2vw);
    right: 12vw;
    width: 2vw;
    height: 2vw;
}
}

/*予約方法*/

.p-ws-section-reservation{
	background:#fee8d0;
	margin:150px auto 0;
}
.p-ws-section-reservation__inner{
		margin:0 auto;
        max-width: 1060px;
		padding:100px 30px;
}
.p-ws-section-reservation__ttl{
	margin: 0 auto;
    width: 198px;
}
.reservation__lists{
	display: flex;
	justify-content: space-between;
	gap:4%;
	margin-top:60px;
}
.reservation__list{
	position: relative;
	width: 22%;
}
.reservation__list:after{
	position: absolute;
	content:"";
	border-top: 11px solid transparent;
  	border-bottom: 11px solid transparent;
  	border-left: 14px solid #fd8709; 
	top: 35%;
    right: -24px;
    transform: translateY(-50%)
}
.reservation__list:last-child:after{
	content:none;
}
.p-ws-section-lead__txt{
	margin-top:1em;
	font-weight: bold;
	font-size:16px;
  	/*font-size: calc(16 / var(--root-fz) * 1rem);*/
}
a.p-button-campaign {
	display: block;
    position: relative;
    max-width: 846px;
    padding-top: 31px;
    padding-bottom: 31px;
    border-radius: 50px;
    text-align: center;
    background-color: #ff6900;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    letter-spacing: .02em;
    line-height: 1;
    margin: 62px auto 0;
}
a.p-button-campaign::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 64px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    }
 a.p-button-campaign::before {
    content: "";
    position: absolute;
    background-image:url(/site_lulu/assets/images/lulu-a/kusuribako-pj/ws/ico_check.png);
    background-size: cover;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    }
 @media screen and (max-width: 750px) {
.p-ws-section-reservation{
	margin:16.8vw auto 0;
}
.p-ws-section-reservation__inner{
		padding:13.33vw 5.33vw;
}
.p-ws-section-reservation__ttl{
    width: 44.26vw;
}
.reservation__lists{
	flex-wrap: wrap;
	margin-top:8vw;
}
.reservation__list{
	width: 47%;
	margin-bottom: 5.33vw;
}
.reservation__list:after{
	content:none;
}
.reservation__list .p-ws-section-lead__txt{
	margin-top:1em;
	font-weight: bold;
	font-size:3.46vw;
  	/*font-size: calc(16 / var(--root-fz) * 1rem);*/
  	line-height: 1.5;
}
a.p-button-campaign {
    max-width: 90vw;
    padding-top: 5.33vw;
    padding-bottom: 5.33vw;
    font-size: 3.73vw;
    margin: 4vw auto 0;
}
a.p-button-campaign::after {
    top: calc(50% - 1.06vw);
    right: 12vw;
    width: 2vw;
    height: 2vw;
    }
 a.p-button-campaign::before {
    left: 9.2vw;
    width: 6.93vw;
    height: 6.93vw;
    }

 }