@charset "shift_jis";
/* ミニクーリッシュ SP
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap');
/* reset
---------------------- */
#Lcoolish {
	width: 100%;
	margin-bottom: 7%;
}

#Lcoolish img {
	width: 100%;
	vertical-align:top;
}
h1.event_name_img_{
	margin-bottom:0 !important;
}
/* contents
---------------------- */
#Lcoolish .cts1{
	background:#eaf8ff;
	padding-top: 11.067vw;
	padding-bottom: 7vw;
}
#Lcoolish .cts1.cv2{
	padding-top: 3.333vw;
}
#Lcoolish .cts1 ul.prod{
	margin:28px 7.33% 0;
}
#Lcoolish .cts1 ul.prod li:first-child{
	margin-bottom: 2.667vw;
}
#Lcoolish .cts1 ul.cv{

}
#Lcoolish .cts1 ul.cv li{
	padding-top: 6.667vw;
}
#Lcoolish .cts1 ul.cv li img:first-child{
	margin-bottom: 4vw;
}
#Lcoolish .cts2{
	background:url("../../../img/event_L/eLcoolish2204/202406/sp/cts2_01_bg_v2.png");
	background-size:100% auto;
	margin-top: -22.666vw;
	padding-top: 29.333vw;
}
#Lcoolish .cts2 .size{
	padding-bottom: 21.333vw;
}
#Lcoolish .cts2 .size ul{
	margin-top: 6.667vw;
}
#Lcoolish .cts2 .size ul li:nth-child(2){
	margin-top: -11vw;
}
#Lcoolish .cts2 .size ul li:nth-child(3){
	margin-top: -7vw;
}
#Lcoolish .cts2 .size ul li:nth-child(4){
	margin-top: -10.667vw;
}
#Lcoolish .cts2 .size ul li:nth-child(5){
	margin-top: -11.067vw;
}
#Lcoolish .cts2 .size > img:last-child{
	margin-top: 6vw;
}
#Lcoolish .cts2 .shop{
	background:url("../../../img/event_L/eLcoolish2204/sp/cts2_02_bg.png");
	background-size:100% auto;
	margin-top: -42vw;
	padding-top: 30vw;
	padding-bottom: 9.333vw;
	position: relative;
	z-index: 999;
}
#Lcoolish .cts2 .shop ul{
	margin-top: 5.333vw;
}
#Lcoolish .cts2 .shop ul li:last-child{
	margin-top: -1.333vw;
	margin-bottom: 4.267vw;
}
#Lcoolish .point{
	background:url("../../../img/event_L/eLcoolish2204/sp/point_bg.jpg");
	background-size:cover;
	padding: 9.333vw 0 11.2vw;
}
#Lcoolish .link{
	background:url("../../../img/event_L/eLcoolish2204/202406/sp/link_bg_202508.png");
	background-size:100% auto;
	padding: 10.667vw 3.333vw;
}
#Lcoolish .link p:not(:last-child){
	margin-bottom: 4.4vw;
}

/*202508追加コンテンツ*/
#Lcoolish .cts3{
	background: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_bg.png");
	background-size: 100% auto;
	padding-top: 9.333vw;
	padding-bottom: 26.666vw;
}
#Lcoolish .cts3 .aboutTtl{
	text-align: center;
}
#Lcoolish .cts3 .aboutTtl figure {
    width: 81.466vw;
	margin: 0 auto;
}
#Lcoolish .cts3 .text-wrapper h1 {
        aspect-ratio:690/97;
        background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_title.png");
        background-repeat: no-repeat;
        background-size: cover;
        line-height: 0;
        margin-left: 4vw;
        text-indent: -9999px;
        width: 92vw
}
#Lcoolish .cts3 .text-wrapper .text {
    aspect-ratio: 598 / 259;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_txt.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    margin-left: 10.1335vw;
	margin-top: 5.333vw;
    text-indent: -9999px;
    width: 79.733vw;
}
#Lcoolish .cts3 .philosophy {
        margin-top: 12vw;
        padding-inline: 4vw;
    }
#Lcoolish .cts3 .philosophy>div {
    display: flex
}
#Lcoolish .cts3 .philosophy>div {
    align-items:flex-start;
    flex-direction: column;
    gap: 5.1282051282vw
}
#Lcoolish .cts3 .philosophy .purpose {
    margin-bottom:11.0256410256vw
}
#Lcoolish .cts3 .philosophy .purpose p {
    aspect-ratio:583/247;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_purpose.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    text-indent: -9999px;
    width: 77.733vw;
 }
#Lcoolish .cts3 .philosophy .vision {
    margin-bottom:14.358974359vw
}
#Lcoolish .cts3 .philosophy .vision ul {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
}
#Lcoolish .cts3 .philosophy .vision ul {
    gap:6.1538461538vw;
}
#Lcoolish .cts3 .philosophy .vision ul:before {
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
}
#Lcoolish .cts3 .philosophy .vision ul:before {
    bottom:-10vw;
    height: 4.266vw;
    width: 12.666vw;
}
#Lcoolish .cts3 .philosophy .vision .body {
    aspect-ratio:599/54;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_vision01.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    text-indent: -9999px;
    width: 79.866vw;
}
#Lcoolish .cts3 .philosophy .vision .heart {
    aspect-ratio:592/52;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_vision02.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    text-indent: -9999px;
    width: 78.933vw
}
#Lcoolish .cts3 .philosophy .vision .with {
    aspect-ratio:501/201;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_vision03.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    text-indent: -9999px;
    width: 59.2307692308vw;
}
#Lcoolish .cts3 .philosophy .mission p {
    aspect-ratio:667/328;
    background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts3_about_mission.png");
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 0;
    text-indent: -9999px;
    width: 88.933vw;
}
#Lcoolish .cts3 .philosophy span {
    align-items: center;
    background-color: #1c1e83;
    color: #fff;
    display: block;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    flex-shrink:0;
    font-size: 4.6153846154vw;
    height: 9.2307692308vw;
    width: 31.7948717949vw
}
#Lcoolish .cts4{
	background-image: url("../../../img/event_L/eLcoolish2204/202406/sp/cts4_bg.png");
    background-repeat: no-repeat;
	background-size: 100%;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    font-style: normal;
	padding-bottom: 8vw;
}
#Lcoolish .cts4 h2{
	padding: 10.666vw 0 5.333vw;;
}
#Lcoolish .cts4 .txtbox p:nth-of-type(1){
	font-size: 5.6vw;
	color: #fff;
	line-height: 1.3;
	margin: 4vw 0;
	text-align: center;
}
#Lcoolish .cts4 .txtbox p:nth-of-type(2){
	border-radius: 20px;
	width: 88vw;
	margin: 0 auto;
	background-color: #fff;
	padding: 5.333vw 0;
	color: #1c1e84;
	font-size: 5.333vw;
	line-height: 1.3;
	text-align: center;
}
#Lcoolish .cts4 .txtbox p:nth-of-type(2) > span{
	font-size: 4vw;
}

/* revico */
#Lcoolish .review{padding-top:8vw;background:#F7F7ED;}
.block-goods-user-review {
  color:#504741;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:left;
}
#Lcoolish .block-goods-user-review .h2 {
	margin-bottom: 0;
	padding: 0;
	border: none;
}
#Lcoolish .block-goods-user-review .h2 img{
	width: 80.266vw;
	margin: 4vw auto 6vw;
}
#Lcoolish .block-goods-user-review .h2::after{
	background: none;
}
.revico-star div.revico-star-graph, div.revico-common-background-style{
/*  background:none;*/
}
.revico-multicomment-top .revico-comment-main{
/*  max-width:100%;*/
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-reviewer .revico-review-comment-detail--addition-reviewer-image img{
  width:40px !important;
  height:40px !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns img{
  width:18px !important;
}
.revico-modal-state{
  display:none !important;
}
#Lcoolish div.revico-multicomment-top .revico-comment-header{
  margin-top:-20px;
}
#Lcoolish .revico-star .revico-star-graph{
  margin-top:8vw;
}