@charset "UTF-8";
/* /shop/e/esoshakugum2508/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&family=Roboto:wght@900&display=swap');

/* reset
---------------------- */
#soshakugum{
	color:#1aa774;
	font-size: 20px;
	font-weight: 500;
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	line-height: 1.5;
	text-align: center;
}
#soshakugum *{
	box-sizing: border-box;
}
#soshakugum p a{
	color:#1aa774;
	text-decoration: underline;
}
#soshakugum p a:hover{
	opacity:.7;
	text-decoration: none;
}
#soshakugum h2,#soshakugum h3{
	font-weight: 900;
}
#soshakugum strong,#soshakugum b,#soshakugum h4{
	font-weight: inherit;
}
#soshakugum .scroll{
	opacity:0;
}
#soshakugum .scroll.active{
	animation: fadeInUp 1s both;
}
@keyframes fadeInUp {
  from {opacity: 0; transform: translateY(100%);}
  to {opacity: 1; transform: none;}
}
/* contents
---------------------- */
#soshakugum .prod{
	background:#4fcea0 url(/img/event_L/esoshakugum2508/prod_bg.png)no-repeat;
	padding:40px 0 63px;
}
#soshakugum .prod h2{
	color:#fff;
	font-size: 63.3px;
	line-height: 1.4;
}
#soshakugum .prod h2 strong{
	font-size: 140%;
	line-height: 1;
	display:inline-block;
	vertical-align: top;
	margin-top: -0.05em;
	margin-right: .05em;
}
#soshakugum .prod ul{
	display:flex;
	background:url(/img/event_L/esoshakugum2508/prod_img.png)no-repeat;
	padding-top: 312px;
	margin-left: 66px;
	margin-bottom: 28px;
}
#soshakugum .prod ul li{
	color:#fff;
	line-height: 1;
	background:#0ca66e;
	border-radius: 100vh;
	padding: .4em 0;
}
#soshakugum .prod ul li:nth-child(1){
	width:312px;
	letter-spacing: -0.03em;
	margin-left: 11px;
}
#soshakugum .prod ul li:nth-child(2){
	width:203px;
	margin-left: 116px;
}
#soshakugum .prod ul li:nth-child(3){
	width:159px;
	margin-left: 139px;
}
#soshakugum .prod p.wrap{
	font-size: 46px;
	font-weight: 900;
	line-height: 1.52;
	width:980px;
	background:#fff;
	border-radius: 30px;
	display:inline-block;
	padding: .5em 0;
}
#soshakugum .point{
	padding: 70px 0 60px;
}
#soshakugum .point h2{
	font-size: 58.51px;
	line-height: 1;
	position: relative;
	z-index: 1;
	margin-bottom: 68px;
}
#soshakugum .point h2 strong{
	color:#e80083;
	font-size: 136%;
	line-height: 1;
}
#soshakugum .point h3{
	font-size: 48px;
	line-height: 1;
	margin-bottom: 60px;
}
#soshakugum .point ul li{
	padding: 0 40px;
	position: relative;
	min-height:360px;
}
#soshakugum .point ul li:nth-child(1){
	height:534px;
	background:#fcfaee url(/img/event_L/esoshakugum2508/point_bg1.png)no-repeat;
	padding-top: 60px;
}
#soshakugum .point ul li:nth-child(2){
	height:596px;
	background:#fff url(/img/event_L/esoshakugum2508/point_bg2.png)no-repeat;
	padding-top: 120px;
	margin-top: -60px;
}
#soshakugum .point ul li:nth-child(2) p{
	margin-left: 520px;
}
#soshakugum .point ul li:nth-child(3){
	height:596px;
	background:#fcfaee url(/img/event_L/esoshakugum2508/point_bg1.png)no-repeat;
	padding-top: 120px;
	margin-top: -60px;
}
#soshakugum .point ul + div{
	background:#fff url(/img/event_L/esoshakugum2508/point_bg2.png)no-repeat;
	padding-top: 140px;
	margin-top: -60px;
	position: relative;
}
#soshakugum .point ul li p{
	font-size: 22px;
	line-height: 2.45;
	letter-spacing: 0.05em;
	width:500px;
	text-align: left;
}
#soshakugum .point ul li img{
	position: absolute;
	bottom:0;
	right:40px;
	border-radius:40px;
	z-index:1;
}
#soshakugum .point ul li img.active{
	animation-duration: 1.5s;
	animation-delay: .2s;
}
#soshakugum .point ul li:nth-child(even) img{
	left:40px;
	right:auto;
}
#soshakugum .point .txt1{
	font-size: 39.68px;
	font-weight: 900;
}
#soshakugum .point .txt2{
	font-size: 60.91px;
	font-weight: 900;
}
#soshakugum .point .txt2 span{
	padding: 0 .1em;
	background:linear-gradient(transparent 55%, #feffaf 45%);
	display:inline-block;
}
#soshakugum .point .txt2 br + span.active{
	animation-delay: .2s;
}
#soshakugum .point .txt1 strong,
#soshakugum .point .txt2 strong{
	color:#e80083;
}
#soshakugum .point .arrow{
	margin: 40px 0 15px;
}
#soshakugum .point .arrow span{
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
  border-top: 41px solid #e80083;
  border-bottom: 0;
	display:inline-block;
	margin:0 8.5px;
	opacity: 0;
	animation: fadeIn 2s ease-in-out infinite;
}
#soshakugum .point .arrow span:nth-child(2) {
  animation-delay: 0.2s;
}
#soshakugum .point .arrow span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes fadeIn {
  0% {opacity: 0}
  80% {opacity: 1}
  to {opacity: 1}
}
#soshakugum .point .kome{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.66;
	margin-top: 2em;
}
#soshakugum .about{
	background:#1aa774 url(/img/event_L/esoshakugum2508/about_bg.png)repeat-y;
	padding: 90px 60px 50px;
}
#soshakugum .about h2{
	color:#fffc00;
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 55px;
}
#soshakugum .about h2::before{
	content:'';
	display:block;
	height:184px;
	background:url(/img/event_L/esoshakugum2508/about_h2_ico.png)no-repeat center;
	background-size:contain;
	margin-bottom: 35px;
}
#soshakugum .about h3{
	font-size: 42px;
	line-height: 1;
	margin-bottom: 30px;
}
#soshakugum .about h3::before,#soshakugum .about h3::after{
	content:'';
	display:inline-block;
	width:46px;
	height:44px;
	background:url(/img/event_L/esoshakugum2508/about_h3_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin:0 17px;
}
#soshakugum .about h3 b{
	font-size: 113%;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
}
#soshakugum .about h4{
	width:370px;
	color:#fff;
	font-size: 30px;
	line-height: 1;
	background:url(/img/event_L/esoshakugum2508/point_h4_ico.png)no-repeat center left 17px,
	url(/img/event_L/esoshakugum2508/point_h4_ico.png)no-repeat center right 17px;
	background-size: 21px auto;
	background-color: #1aa774;
	border-radius: 100vh;
	display:inline-block;
	padding: .3em 0 .38em;
	margin-bottom: 20px;
}
#soshakugum .about > div{
	background:#fff;
	border-radius: 30px;
	padding: 50px;
	margin-bottom: 30px;
}
#soshakugum .about ul{

}
#soshakugum .about > div.about2 ul{
	margin-bottom: 2.3em;
}
#soshakugum .about ul li{
	line-height: 1.75;
	text-align: left;
	background:url(/img/event_L/esoshakugum2508/about_list_ico.png)no-repeat top 7px left;
	background-size: 21px auto;
	padding-left: 28px;
	margin-bottom: 1em;
}
#soshakugum .about > div p{
	line-height: 1.75;
	text-align: left;
}
#soshakugum .about > div.about2 p{
	margin-bottom: 1em;
}
#soshakugum .about > div.about2 h3 + p{
	margin-bottom: 2.5em;
}
#soshakugum .about > div.about2 h4 + img{
	margin: 10px 0;
}
#soshakugum .about > div.about3 a{
	font-size: 90%;
}
#soshakugum .prod.cv{
	padding-top: 50px;
	padding-bottom: 80px;
}
#soshakugum .prod.cv h2{
	color:#fffc00;
	margin-bottom: 30px;
}
#soshakugum .prod.cv h3{
	width:260px;
	color:#fff;
	font-size: 36px;
	line-height: 1;
	border:4px solid #fff;
	display:inline-block;
	padding: .3em 0;
}
#soshakugum .prod.cv ul{
	margin-bottom: 50px;
}
#soshakugum .prod.cv .wrap{
	height:246px;
	font-size: 36px;
	line-height: 1.33;
	text-align: left;
	background:#fff url(/img/event_L/esoshakugum2508/envelope.png)no-repeat center left 112px;
	padding-top: 50px;
	padding-left: 300px;
	margin-bottom: 20px;
}
#soshakugum .prod.cv .wrap .kome{
	font-size: 14px;
	font-weight: 400;
	display:block;
	margin-top: 2em;
}
#soshakugum .prod.cv dl{/* price */
	font-weight: 900;
	display:flex;
	align-items: flex-end;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
}
#soshakugum .prod.cv dl dt{
	color:#fff;
	font-size: 36px;
	text-align: left;
	letter-spacing: -0.05em;
}
#soshakugum .prod.cv dl dd{
 color:#fffc00;
 font-size: 40.36px;
 line-height: 1;
}
#soshakugum .prod.cv dl dd strong{
 font-size: 388%;
 font-family: "Roboto", sans-serif;
 line-height: 1;
}
#soshakugum .prod.cv dl dd b{
 font-size: 200%;
 line-height: 1;
}
#soshakugum .prod.cv a._btn{
	width:860px;
	color:#fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
	background:#0091d3 url(/img/event_L/esoshakugum2508/btn_arr.png)no-repeat center right 63px;
	border:4px solid #d4d9dd;
	border-radius:100vh;
	display:inline-block;
	padding: 1em 0;
	box-shadow: 0px 8px #0ca66e;
	transition-duration: .2s;
}
#soshakugum .prod.cv a._btn:hover{
	background:#0051a4 url(/img/event_L/esoshakugum2508/btn_arr.png)no-repeat center right 63px;
	opacity: 1;
	box-shadow: none;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
#soshakugum .sche{
	background:#eaf3f0 url(/img/event_L/esoshakugum2508/sche_bg.png)repeat-y;
	padding: 70px 0 80px;
}
#soshakugum .sche h2{
	font-size: 46px;
	line-height: 1;
	margin-bottom: 40px;
}
#soshakugum .sche h2::before,#soshakugum .sche h2::after{
	content:'';
	display:inline-block;
	width:46px;
	height:44px;
	background:url(/img/event_L/esoshakugum2508/about_h3_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin:1px 17px 0;
}
#soshakugum .sche > p{
	font-size: 32px;
	font-weight: bold;
	line-height: 1.56;
	margin-bottom: 15px;
}
#soshakugum .sche > p.kome{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.;
	margin-bottom: 40px;
}
/* schedule */
#schedule {
  font-size: 16px;
  text-align:center;
}
#schedule h3{
	width:495px;
	color:#fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	background: url(/img/event_L/esoshakugum2508/sche_h3_ico.png)no-repeat center left 23px,
	url(/img/event_L/esoshakugum2508/sche_h3_ico.png)no-repeat center right 23px;
	background-size: 21px auto;
	background-color:#e80083;
	border-radius: 100vh;
	display:inline-block;
	padding:.3em 0 .4em;
  z-index:2;
	position: relative;
}
#schedule > div{
  background:#fff;
  border:5px solid #f3acd4;
  border-radius:30px;
  width:580px;
  padding-top: 45px;
  margin:-33px auto 0;
	position: relative;
}
#schedule .wrap{
  width:540px;
  height:310px;
  overflow-y:scroll;
  display:inline-block;
}
#tableCSV {
  margin:0 auto;
}
#tableCSV th{
  color:#e80083;
  font-size: 24px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
	text-align: center;
  position: sticky;
  top: 0;
  left: 0;
  border-bottom:1px solid #ccc;
  background:#fff;
  padding-bottom:.4em;
}
#tableCSV th:last-child{
  /* padding-right: .3em; */
}
#tableCSV td{
	color:#555;
  padding:.5em .3em;
  text-align:left;
  vertical-align:bottom;
}
#tableCSV td:nth-child(odd):not(:last-child){
  /* padding-right:0; */
}
#tableCSV td:nth-child(even){
  /* padding-left:0;
  padding-right:.7em; */
}
#tableCSV td:first-child{
  padding-left: .7em;
}
#tableCSV tr:nth-child(even){
  background:#eee;
}
#soshakugum .brand{
	padding-top: 105px;
}
@keyframes fadeInUp {
    0% {
        transform: translate3d(0,100%,0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}