@charset "utf-8";


/**sect_fview**/
#sect_fview{--FvBot:70px; padding:0;height:calc(100vh - 44px);max-height: 1400px;}

#sect_fview [class*="wth_"]{position: relative; }
#sect_fview [class*="wth_"]:after{}
#sect_fview [class*="wth_"] .fview_logo{position: absolute; bottom:-1px; width: 100%;}
#sect_fview [class*="wth_"] .fview_logo img{width:100%;}

/**fview slick**/
#sect_fview [class*="_SlDes"]{margin-bottom: 0!important;}
#sect_fview [class*="_SlDes"] .slick-slide{height:calc(100vh - 44px);min-height:600px;max-height:1400px;}
#sect_fview [class*="_SlDes"] .slick-slide img{object-fit: cover;width:100%;height: 100%;}
#sect_fview [class*="_SlDes"] .uniq-dots{top:auto;bottom: 260px;flex-direction: column;width:fit-content;align-items: flex-end;right: 1rem;}

#sect_fview [class*="_SlDes"] .uniq-dots li{}
#sect_fview [class*="_SlDes"] .uniq-dots li button{background:var(--color-black);border-radius: 50%;}
#sect_fview [class*="_SlDes"] .uniq-dots li.slick-active button{background:var(--color-pink)!important;}

/**sect_location**/
#sect_location{background-image: -webkit-linear-gradient(0deg,rgba(194,62,117,1.00) 0%,rgba(202,101,93,1.00) 48.70%,rgba(202,176,98,1.00) 100%);
background-image: -moz-linear-gradient(0deg,rgba(194,62,117,1.00) 0%,rgba(202,101,93,1.00) 48.70%,rgba(202,176,98,1.00) 100%);
background-image: -o-linear-gradient(0deg,rgba(194,62,117,1.00) 0%,rgba(202,101,93,1.00) 48.70%,rgba(202,176,98,1.00) 100%);
background-image: linear-gradient(90deg,rgba(194,62,117,1.00) 0%,rgba(202,101,93,1.00) 48.70%,rgba(202,176,98,1.00) 100%);padding-bottom: 3rem;}
#sect_location ul.location_ul{display: flex;flex-direction: column;row-gap:2rem;}
#sect_location ul.location_ul li{display: flex;flex-direction: column;}
#sect_location ul.location_ul li .location_item{display: flex;align-items: center;}
#sect_location ul.location_ul li .location_item h2{letter-spacing: 0.1em;white-space: nowrap;border-radius:2rem;background-color: var(--color-black);color:#fff;text-align: center;padding: 0.5rem 1.5rem;line-height: 1;}
#sect_location ul.location_ul li .location_item:after{content:""; width:100%;display: block;height:1px;background-color:var(--color-black); }
#sect_location ul.location_ul li p{display: block;color: #fff;padding: 0.75rem;}

/**sect_about**/
#sect_about{background-color: var(--color-black);color:#fff;}
#sect_about .about_img{padding-top:1rem;}
#sect_about .about_img img{width: 100%;}
#sect_about .about_txt{display: block; padding-top: 1.5rem;}

/**#sect_hlight**/
#sect_hlight{margin-top: 3rem;}
#sect_hlight{--BgMarg:810px;
	
	background-image:
	url(../img/haniEve_BG02_01.webp),
	url(../img/haniEve_BG02_02.webp),
	url(../img/haniEve_BG02_03.webp),
	url(../img/haniEve_BG02_04.webp),
	url(../img/haniEve_BG02_05.webp),
	url(../img/haniEve_BG02_06.webp),
	url(../img/haniEve_BG02_07.webp),
	url(../img/haniEve_BG02_08.webp),
	url(../img/haniEve_BG02_09.webp);
	
	background-position: 
    left 0,
    left calc(var(--BgMarg)*1),
    left calc(var(--BgMarg)*2),
    left calc(var(--BgMarg)*3),
    left calc(var(--BgMarg)*4),
    left calc(var(--BgMarg)*5),
	left calc(var(--BgMarg)*6),
	left calc(var(--BgMarg)*7),
	left calc(var(--BgMarg)*8);
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#sect_hlight .hlight_fimg{margin-bottom:2rem;}
#sect_hlight .hlight_fimg img{width: 100%;}
#sect_hlight .hlight_dl{}
#sect_hlight .hlight_dl dt{font-size:var(--font-L);padding-bottom:2rem;}
#sect_hlight .hlight_dl dt#winatrip{scroll-margin-top:60px;}
#sect_hlight .hlight_dl dt .hlight_num{display:flex;margin: auto; width:2em; height:2em;border-radius: 50%; background-color: var(--color-pink);align-items: center;justify-content: center;color: #fff;font-weight:700;margin-bottom:1.5rem;}
#sect_hlight .hlight_dl dt .hlight_name{line-height: 1.3;}
#sect_hlight .hlight_dl dd + dt{margin-top:6rem;}
#sect_hlight .hlight_dl dd .hlight_txt{padding-left:0.5rem; padding-right:0.5rem; }

#sect_hlight .hlight_dl dd .hlight_txt .hlight_tag{padding: 0.751rem 1rem;display: block; border-radius: 0.25rem;margin: 0.75rem 0 0.75rem;color:#fff;background-color: var(--color-indigo);}
#sect_hlight .hlight_dl dd .hlight_txt #tag_copy{cursor: pointer;}
#sect_hlight .hlight_dl dd .hlight_txt #copyBtn{letter-spacing:0; margin-left:0.75rem; font-size:90%;padding:0.2rem 0.5rem 0.25rem; line-height:1;border-radius:0.25rem;background-color:#fff;color:var(--color-indigo);}
#sect_hlight .hlight_dl dd .hlight_txt .uline{color: #fff;}

#sect_hlight .hlight_dl dd .hlight_gimg img{width: 100%;}
#sect_hlight .hlight_dl dd .hlight_txt + .hlight_gimg{padding-top:1.5rem;}
#sect_hlight .hlight_dl dd .hlight_gname{padding:0.5rem 1.5rem;background-color: var(--color-black);border-radius:10em;text-align: center;color: #FFF;margin-bottom:1rem;}
#sect_hlight .hlight_dl dd .hlight_gname small{display: block;line-height: 1;padding:0.25rem 0 0.25rem; }
#sect_hlight .hlight_dl dd .hlight_txt + .hlight_gname{margin-top: 3rem;}
#sect_hlight .hlight_dl dd .hlight_gimg + .hlight_gname{margin-top:5rem;}

#sect_hlight .hlight_dl dd .hlight_gimg video {	width: 100%;height: auto;max-width: initial;border-radius: 0.5rem;}
#sect_hlight .hlight_dl dd .hlight_gimg #volswitch{right: 10px; bottom: 10px;}


/**sect_chara**/
#sect_chara{background-image: -webkit-linear-gradient(0deg,rgba(80,162,255,1.00) 0%,rgba(188,108,255,1.00) 46.11%,rgba(255,160,187,1.00) 100%); background-image: -moz-linear-gradient(0deg,rgba(80,162,255,1.00) 0%,rgba(188,108,255,1.00) 46.11%,rgba(255,160,187,1.00) 100%); background-image: -o-linear-gradient(0deg,rgba(80,162,255,1.00) 0%,rgba(188,108,255,1.00) 46.11%,rgba(255,160,187,1.00) 100%); background-image: linear-gradient(90deg,rgba(80,162,255,1.00) 0%,rgba(188,108,255,1.00) 46.11%,rgba(255,160,187,1.00) 100%);padding-bottom:2rem;}
#sect_chara [class*="mid_L"]{color: #fff;}
#sect_chara .chara_box{display: flex; flex-direction: column;gap:4rem;padding-top:2rem;}
#sect_chara .chara_box li{background-color: #fbf9ee; border-radius: 0.5rem; border: 2px solid #fff; -webkit-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.25); box-shadow:6px 6px 0px 0px rgba(0,0,0,0.25);overflow:hidden;padding-bottom:3rem;margin:0 6px 5rem 4px; }
#sect_chara .chara_box li .chara_img{border-top: 18px solid var(--color-pink);background-repeat: no-repeat;background-image: url(../img/haniEve_BG03.webp);background-position:left -2rem;background-size: 100% auto;}
#sect_chara .chara_box li .chara_img img{width:60%;margin:3rem auto;}
#sect_chara .chara_box li .chara_name{color:var(--color-pink);font-size:var(--font-LL);line-height: 1.3;padding-bottom: 1rem;text-align: center;}
#sect_chara .chara_box li .chara_name .chara_st{font-size: var(--font-M);letter-spacing: 0;display: block;line-height: 1.3;padding-bottom: 0.5rem;}
#sect_chara .chara_box li .chara_name small{font-size: var(--font-Mx);display:block;padding-left:0.5rem;}
#sect_chara .chara_box li .chara_data{padding-top: 1rem;}
#sect_chara .chara_box li .chara_data .data_dl{display: flex;flex-wrap: wrap;align-items: stretch;}
#sect_chara .chara_box li .chara_data .data_dl>*{padding:0.75rem 0;line-height: 1.3;border-bottom:dashed 1px #aaa89c;display: flex;align-items: center;}
#sect_chara .chara_box li .chara_data .data_dl dt{width:7.5rem;font-size:90%;color:var(--color-pink);}
#sect_chara .chara_box li .chara_data .data_dl dd{width: calc(100% - 7.5rem);}
#sect_chara .chara_box li .chara_data .data_dl>*.dl_full{width:100%!important;border-bottom-style: none;padding:0.5rem 0 0;}
#sect_chara .chara_box li .chara_data .data_dl>dt.dl_full{padding-top: 1.5rem;}

#sect_chara{position: relative;overflow: visible;}
#sect_chara .chara_list{
	display: flex;
	gap: 0.5rem 2%;
	padding: 1rem;
	flex-wrap: wrap;
	justify-content: center;
	position: sticky;
	z-index: 2;
	top: 74px;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.20) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.20) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.20) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.60) 0%,rgba(255,255,255,0.20) 100%);
}
#sect_chara .chara_list li{ width: 15%;cursor: pointer;border-radius: 50%;overflow: hidden;background-color:#9456af;}
#sect_chara .chara_list li img{width:100%;opacity: 0.3;}
#sect_chara .chara_list li.is-active img{opacity:1;transition:0.2s;}

/**sect_creator**/
#sect_creator{color: #fff;
	background-image: -webkit-linear-gradient(0deg,rgba(255,81,152,1.00) 0%,rgba(255,140,113,1.00) 46.11%,rgba(255,192,125,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,81,152,1.00) 0%,rgba(255,140,113,1.00) 46.11%,rgba(255,192,125,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,81,152,1.00) 0%,rgba(255,140,113,1.00) 46.11%,rgba(255,192,125,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,81,152,1.00) 0%,rgba(255,140,113,1.00) 46.11%,rgba(255,192,125,1.00) 100%);
}
#sect_creator [class*="mid_L"]{color: #fff;}
#sect_creator .creator_fimg{width:40%;margin: 0 auto 2rem;}
#sect_creator .creator_fimg img{width: 100%;}
#sect_creator .creator_txt{}
#sect_creator .creator_dl{padding-top:3rem; }
#sect_creator .creator_dl dt{width:fit-content;background-color: var(--color-black);font-size:var(--font-Mx);padding:0.5rem 2rem;margin: auto;border-radius:3rem;z-index:6;position: relative;}
#sect_creator .creator_dl dd{background-color: #fff;color:var(--color-black); border-radius:1rem; padding:3rem 2rem;margin-top: -1.5rem;z-index:1;position: relative;}
#sect_creator .creator_dl dd .creator_wlist{display: flex;flex-direction: column; gap:1rem;}
#sect_creator .creator_dl dd .creator_wlist li{position: relative; padding-left: 1.2em;line-height: 1.3;}
#sect_creator .creator_dl dd .creator_wlist li:before{content:"●";font-size:80%;display:block;vertical-align: middle;color: #D0D0D0;position: absolute;top:0.15rem;left:0;}
#sect_creator .creator_dl dd + dt{margin-top: 3rem;}

#sect_creator .creator_dl dd .creator_links{display: flex;flex-direction: column; gap:0.5rem;}
#sect_creator .creator_dl dd .creator_links li{position: relative; padding-left: 1.2em;line-height: 1.3;}
#sect_creator .creator_dl dd .creator_links li:before{content: ""; display: block; position: absolute; top: 0.4rem; left: 0; width: 0.75rem; height: 0.75rem; background-image: url(../img/haniEve_ArrPink.svg); transform: rotate(-90deg); background-size: contain; background-repeat: no-repeat;}

/**sect_access**/
#sect_access{background-color: #f3f3f3;}
#sect_access .access_txt{display: block; }
#sect_access .iframe_box {border: 6px solid #fff;margin-top:2rem;border-radius: 0.5rem;overflow: hidden;}
#sect_access .iframe_box iframe{aspect-ratio: 1 / 1;}
#sect_access .iframe_box + .access_txt{padding-top: 1rem;}

/**sect_sns**/
#sect_sns{}
#sect_sns .sns_dl{}
#sect_sns .sns_dl dt{font-size:var(--font-Mx); text-align: center;line-height: 1.3;}
#sect_sns .sns_dl dd{margin-top: 1.25rem;}
#sect_sns .sns_dl dd + dt{margin-top:3rem;}
#sect_sns .sns_dl dd .sns_list{margin: auto;border:1px solid var(--color-pink);border-radius: 0.5rem;padding: 0.25rem 0.5rem 1rem;row-gap:1rem;}
#sect_sns .sns_dl dd .sns_list li {}
#sect_sns .sns_dl dd .sns_list li a{display: flex;flex-direction: column;align-items: center;}
#sect_sns .sns_dl dd .sns_list li a img{width:75%;}
#sect_sns .sns_dl dd .sns_list li a p{display: block;margin-top: -0.5rem;font-size:var(--font-S);text-align: center;line-height: 1.3;letter-spacing:0;color:var(--color-pink);}



@media only screen and (max-width: 450px) {
.fix_area{}

#sect_fview {}
#sect_fview [class*="wth_"]{}
#sect_fview [class*="wth_"]:after{}
#sect_fview [class*="wth_"] .fview_logo{}
#sect_fview [class*="wth_"] .fview_logo img{}

/**fview slick**/
#sect_fview [class*="_SlDes"]{}
#sect_fview [class*="_SlDes"] .slick-slide{min-height:400px;}
#sect_fview [class*="_SlDes"] .slick-slide img{}
#sect_fview [class*="_SlDes"] .uniq-dots{padding: 0; gap: 0.75rem 4%;bottom: 60vw;}
#sect_fview [class*="_SlDes"] .uniq-dots:after{}
#sect_fview [class*="_SlDes"] .uniq-dots li{height: 1em;width: 1em;margin-right: 0.5rem !important;}
#sect_fview [class*="_SlDes"] .uniq-dots li button{}
#sect_fview [class*="_SlDes"] .uniq-dots li.slick-active button{}

/**sect_about**/
#sect_about{}
#sect_about .about_img{padding-top:3rem;}
#sect_about .about_txt{padding-top:2rem;}

/**#sect_hlight**/
#sect_hlight{margin-top: 3rem;}
#sect_hlight{--BgMarg:205vw;}
/**sect_location**/
#sect_location [class*="wth_"]{padding-left: 4vw;padding-right: 4vw;}

}