@charset "utf-8";

/* ====================================

	=LOVE OFFICIAL SITE

======================================= */

/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* clearfix */
.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}


/* base */
html { height: 100%; }
body { height: 100%; background: #fff; color: #000; }
img { max-width: 100%; }
a img{ width: 100%; }

/* base
================================ */
body {
	font-family: "Comfortaa","Work Sans","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 13px;
	line-height: 1.7;
}
.dummy{ display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; }
#svg,#svgAll,.noSVG{ display: none; }
#wrap{ min-height: 100%; position: relative; overflow: hidden;}
*{ box-sizing: border-box; }

.scroll{
	display: block;
	width: 1px;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left:-1px;
	z-index: 10;
	opacity:0;
}

.loaded .scroll{
	opacity:1;
	-webkit-transition: all .4s ease-out 1s;
	transition: all .4s ease-out 1s;
}

.scroll:after {
	width: 100%;
	position: absolute;
	height: 100%;
	display: block;
	content: "";
	top: 0px;
	background: #fff;
	-webkit-animation: scroll 1.2s linear .4s infinite;
	animation: scroll 1.2s linear .4s infinite;
}

@-webkit-keyframes scroll {
	0%{ height: 0; top: 0; bottom: auto; }
	46% { height: 100%; top: 0; bottom: auto; }
	50% { height: 100%; bottom: 0; top: auto; }
	54% { height: 100%; bottom: 0; top: auto; }
	100% { height: 0; bottom: 0; top: auto;}
}
@keyframes scroll {
	0%{ height:0%; top:0px; bottom:auto; }
	46% { height: 100%; top: 0; bottom: auto; }
	50% { height: 100%; bottom: 0; top: auto;}
	54% { height: 100%; bottom: 0; top: auto;}
	100% { height: 0; bottom: 0; top: auto; }
}

/* cmn
================================= */
.cat1,.cat1 a,
.cat4,.cat4 a{ color:#f19bc2; border-color: #f19bc2 !important; }

.cat2,.cat2 a,
.cat5,.cat5 a,
.cat11,.cat11 a{ color:#6ce0b6; border-color: #6ce0b6 !important; }

.cat6,.cat6 a,
.cat12,.cat12 a{ color:#986ad6; border-color: #986ad6 !important; }

.cat3,.cat3 a,
.cat7,.cat7 a,
.cat13,.cat13 a{ color:#0089ff; border-color: #0089ff !important; }
.cat8,.cat8 a,
.cat14,.cat14 a{ color:#66c0e2; border-color: #66c0e2 !important; }
.cat9,.cat9 a{ color:#fdbf0f; border-color: #fdbf0f !important; }
.cat10,.cat10 a,
.cat16,.cat16 a{ color:#777; border-color: #777 !important;}
.cat15,.cat15 a{ color:#ff7c7c; border-color: #ff7c7c !important;}

/* shcedule */
.form__checkbox :checked + .cat11,
.form__checkbox label p.cat11:hover,
.cell .cat11 a .cat{ background: #6ce0b6; color: #fff !important; border-color: #6ce0b6 !important; }

.form__checkbox :checked + .cat12,
.form__checkbox label p.cat12:hover,
.cell .cat12 a .cat{ background: #986ad6; color: #fff !important; border-color: #986ad6 !important; }

.form__checkbox :checked + .cat13,
.form__checkbox label p.cat13:hover,
.cell .cat13 a .cat{ background: #0089ff; color: #fff !important; border-color: #0089ff !important; }

.form__checkbox :checked + .cat14,
.form__checkbox label p.cat14:hover,
.cell .cat14 a .cat{ background: #66c0e2; color: #fff !important; border-color: #66c0e2 !important; }

.form__checkbox :checked + .cat15,
.form__checkbox label p.cat15:hover,
.cell .cat15 a .cat{ background: #ff7c7c; color: #fff !important; border-color: #ff7c7c !important; }

.form__checkbox :checked + .cat16,
.form__checkbox label p.cat16:hover,
.cell .cat16 a .cat{ background: #777; color: #fff !important; border-color: #777 !important; }

/* infoList */
.infoList li a .thumb img{
	display: block;
	width: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	background-image: url(/static/equallove/official/cmn/thumb_none.png);
}

/*
.infoList li a .thumb .id4{ background-image: url(/static/equallove/official/cmn/thumb_news.png); }
.infoList li a .thumb .id5{ background-image: url(/static/equallove/official/cmn/thumb_sh.png); }
.infoList li a .thumb .id6{ background-image: url(/static/equallove/official/cmn/thumb_live.png); }
.infoList li a .thumb .id7{ background-image: url(/static/equallove/official/cmn/thumb_media.png); }
.infoList li a .thumb .id8{ background-image: url(/static/equallove/official/cmn/thumb_release.png); }
.infoList li a .thumb .id9{ background-image: url(/static/equallove/official/cmn/thumb_goods.png); }
.infoList li a .thumb .id10{ background-image: url(/static/equallove/official/cmn/thumb_other.png); }
*/

.infoDetail .text a{ word-break: break-all; text-decoration: none; color: #ea6c81; }

.detail #footer .mail{ display: none; }
.detail.listPage #footer,
.detail.listPage #container::after{ display: none; }
.detail.listPage.compleate #footer,
.detail.listPage.compleate #container::after{ display: block; }

.loading,
.loading:before,
.loading:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loading 1.8s infinite ease-in-out;
  animation: loading 1.8s infinite ease-in-out;
}
.loading {
  color: #e5e5e5;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading:before,
.loading:after {
  content: '';
  position: absolute;
  top: 0;
}
.loading:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading:after {
  left: 3.5em;
}
@-webkit-keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* faq
-------------------------------- */
.faqList dt {
	cursor: pointer;
	color: #000000;
	border-top: 1px solid #dad9d2;
	text-indent: -1.8em;
	position: relative;
}
.faqList dd{ display: none; text-indent: -1.7em; line-height: 1.5em; }
.faqList{ border-bottom: 1px solid #dad9d2;}
.faqList dt:before,
.faqList dd:before { content: 'Q.'; color: #f19bc2; }
.faqList dd:before { content: 'A.'; color: #87d2ff;}
.faqList dt .switch{
	display: block;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.faqList dt .switch::before,
.faqList dt .switch::after{
	content:'';
	display: block;
	background: #9c9a8d;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease; 
}
.faqList dt .switch::before{ width: 1px; height: 15px; top: -7px; left: 7px; }
.faqList dt .switch::after{ width: 15px; height: 1px; }
.faqList dt.open .switch{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.faqList dt.open .switch::before{ top: -12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.faqList dt.open .switch::after{ top: -5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity:0; }
#faq .faqList{ margin-bottom: 50px; }
.faqList dd { border: none; }