@charset "UTF-8";
/* /shop/e/ecoolishsoucp2607/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;800&family=Roboto:wght@700&family=Zen+Kaku+Gothic+New&display=swap');

/* reset
---------------------- */
#coolishsoucp{
	color:#000;
	font-size: 18px;
	font-weight: bold;
	font-family: YakuHanJP, "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:center;
}
#coolishsoucp img{
	vertical-align: bottom;
}
#coolishsoucp h2,#coolishsoucp h3,#coolishsoucp h4{
	font-weight: inherit;
}
#coolishsoucp h2.bg{
	height:100px;
	background:url(/img/event_L/ecoolishsoucp2607/h2_bg.png)no-repeat;
	display:flex;
	justify-content: center;
	align-items: center;
	color:#182683;
	font-size: 50px;
	font-weight: bold;
	font-family: YakuHanJP, "Yu Gothic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1;
	margin-bottom: 70px;
}
#coolishsoucp p.date{
	color:#fff;
	font-size: 40px;
	line-height: 1.1;
	background:#1b3ba0;
	padding: .38em 0 .3em;
}
#coolishsoucp p.date span{
	font-size: 62.5%;
	background:#e4007f;
	border-radius: 5px;
	display:inline-block;
	vertical-align: middle;
	padding: .3em .4em .2em;
	margin-right: 20px;
	margin-bottom: .2em;
}
#coolishsoucp a._btn{
	display:inline-block;
	width:700px;
	height:120px;
	border-radius: 5px;
	background:#00acf5 url(/img/event_L/ecoolishsoucp2607/btn_txt.png)no-repeat center;
	box-shadow: 0px 10px #182683;
	text-indent:-9999px;
	transition-duration: .2s;
}
#coolishsoucp a._btn:hover{
	box-shadow: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
#coolishsoucp p.kome{
	padding-top: 2.2em;
}
#coolishsoucp p.kome a{
	text-decoration: underline;
}
/* contents
---------------------- */
#coolishsoucp h1{
	text-align: left;
	padding-left: 75px;
	margin-bottom: 8px;
}
#coolishsoucp h1 + img{
	margin-bottom: -13px;
	position: relative;
	z-index:1;
}
#coolishsoucp .main{
	margin-bottom: 95px;
}
#coolishsoucp .lead{
	margin-bottom: 68px;
}
#coolishsoucp .lead h2{
	margin-bottom: 52px;
}
#coolishsoucp .lead h3{
	margin-bottom: 27px;
}
#coolishsoucp .lead h4{
	color:#fff;
	width:1000px;
	font-size: 37px;
	line-height: 1;
	background:#00acf5;
	border-radius: 100vh;;
	display: inline-block;
	padding: .35em 0;
	margin-bottom: 45px;
}
#coolishsoucp .lead p{
	font-size: 25px;
	line-height: 2;
	margin-bottom: 55px;
}
#coolishsoucp .lead ul{
	display:flex;
	justify-content: center;
	gap: 30px;
}
#coolishsoucp .about h2{
	color:#fff;
	font-size: 40px;
	line-height: 1;
	text-shadow:2px 2px 0 #182683;
	background:#00acf5;
	padding: .65em 0 .6em;
}
#coolishsoucp .about p.txt{
	font-size: 25px;
	line-height: 2;
	padding: 60px 0 70px;
}
#coolishsoucp .about p.txt img{
	margin: .4em 0 .3em;
}
#coolishsoucp .prize{
	margin-bottom: 100px;
}
#coolishsoucp .prize dl{
	font-weight: bold;
	text-align: left;
	line-height: 1;
	border:1px solid #000;
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 20px 10px;
	padding: 28px 35px;
	width: fit-content;
	margin-inline: auto;
	margin-top: 40px;
}
#coolishsoucp .prize dl dt,
#coolishsoucp .prize dl dd{
}
#coolishsoucp .prize dl dt{
	color:#fff;
	font-size: 20px;
	text-align: center;
	background:#e4007f;
	border-radius: 100vh;
	padding: .3em 0;
}
#coolishsoucp .prize dl dd{
	font-size: 23px;
	padding-top: .2em;
}
#coolishsoucp .flow{
	margin-bottom: 95px;
}
#coolishsoucp .flow ul{
	display:inline-block;
	margin-bottom: 70px;
}
#coolishsoucp .flow ul li{
	position: relative;
}
#coolishsoucp .flow ul li:not(:last-child){
	margin-bottom: 10px;
}
#coolishsoucp .flow ul li p{
	width:100%;
	height:170px;
	position: absolute;
	top:0;
	left:0;
	display:flex;
	align-items: center;
	font-size: 35px;
	line-height: 1.42;
	text-align: left;
	padding-left: 170px;
}
#coolishsoucp .flow ul li:not(:last-child)::after {
	content:'';
	position: absolute;
	left:calc(50% - 34px);
	bottom:-28px;
	width: 0;
	height: 0;
	display:block;
	border-style: solid;
	border-right: 34px solid transparent;
	border-left: 34px solid transparent;
	border-top: 28px solid #e4007f;
	border-bottom: 0;
	z-index:1;
}
#coolishsoucp .lineup{
	margin-bottom: 50px;
}
#coolishsoucp #kiyaku{
	background:none;
	text-align:left;
	font-weight: normal;
}
#coolishsoucp #kiyaku .base{
	border-top:1px solid #ccc;
}
#coolishsoucp .link{
	padding-top: 110px;
	margin-bottom: 160px;
}
#coolishsoucp .link h2{
	margin-bottom: 70px;
}
#coolishsoucp .link ul{
	display:flex;
	justify-content: center;
	gap:30px;
	flex-wrap: wrap;
}
#coolishsoucp .link ul li{

}
#coolishsoucp .copy{
	color:#fff;
	font-weight: 500;
	line-height: 1;
	background:#1b3ba0;
	padding: .9em 0 .7em;
}