* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #1a1a1a; background-color: #f3e7d1; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", sans-serif; font-weight: 500; height:100%; overflow-x: hidden;}
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }
a > img	{ width: 100%; vertical-align:bottom; line-height: 1; }

/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; z-index: 99999; background-color: #f3e7d1; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 60px; display: flex; justify-content: space-between; }
.circle	{ width: 10px; height: 10px; background-color: #1a1a1a; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}

/* ------------ INVIEW ------------- */
.menu-trigger.invitem, 
.spmimg.invitem, 
.mtop.invitem	{ opacity: 0; -webkit-transition: all 1s 1s; -o-transition: all 1s 1s; transition: all 1s 1s; }
.menu-trigger.invitem.inview, 
.spmimg.invitem.inview, 
.mtop.invitem.inview	{ opacity: 1; }
.mtitle.invitem	{ opacity: 0; -webkit-transition: all 1s .3s; -o-transition: all 1s .3s; transition: all 1s .3s; }
.mtitle.invitem.inview	{ opacity: 1; }

/* ------------ FADEIN ------------- */
.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all .5s; }

.fade01.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all .5s .1s; }
.fade02.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all .5s .3s; }
.fade03.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all .5s .6s; }
.fadein.scrollin	{ opacity : 1; transform : translate(0, 0); }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.big .fade01.fadein, 
	.big .fade02.fadein, 
	.big .fade03.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all .5s .1s; }
	.big .fadein.scrollin	{ opacity : 1; transform : translate(0, 0); }
}

/* ------------ DRAWR MENU ------------- */
nav.sp	{ display: none; }
@media (max-width: 829px)	{ 
	nav.sp	{ display: block; width: 100%; height: 100%; min-height:100%; padding: 0; background-color: #f2e7d1; position: fixed; top: 0; right: 0; z-index: 90; transform: translate(100%); transition: all .5s; }
	nav.sp.open	{ transform: translateZ(0); }
	.drwrapper	{ height: 100%; position: relative; }
	.overlay	{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 89; opacity: 0; transition: opacity .5s; }
	.overlay.open	{ width: 100%; height: 100vh; opacity: 1; background-color: rgba(0,0,0,.5); position: fixed; top:0; left:0; }
	.menu-trigger	{ display: inline-block; width: 52px; height: 48px; padding: 15px; vertical-align: middle; cursor: pointer; position: fixed; top: 0; right: 0; z-index: 100; /* transform: translateX(0); transition: transform .5s; */}
	.menu-trigger span	{ display: inline-block; box-sizing: border-box; position: absolute; left: 15px; width: 22px; height: 2px; background-color: #000; transition: all .5s; }
	.menu-trigger.active span	{ background-color: #000; }
	.menu-trigger span:nth-of-type(1)	{ top: 15px; }
	.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2)	{ top: 23px; }
	.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
	.menu-trigger span:nth-of-type(3)	{ bottom: 15px; }
	.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
	.spnv-inner	{ display: block; padding: 35px 15px 15px; position: relative; height:100vh; height: calc(var(--vh, 1vh) * 100); }
	.spnv-inner > h4	{ width: 100%; padding: 0; margin: 0; text-align: center; }
	.spnv-inner > h4 > a	{ display: inline-block; width: 157px; padding: 0; margin: 0 auto; }
	.spnv-inner > ul	{ display: -webkit-flex; display: flex; flex-direction: column; width: 100%; padding: 35px 0 0; margin: 0; }
	.spnv-inner > ul > li	{ list-style: none; padding: 0 0 15px; line-height: 0; width: 100%; }
	.spnv-inner > ul > li > a	{ text-align: center; width: 100%; display: inline-block; line-height: 0; padding: 15px; background-color: #bde7c2; }
	.spnv-inner > ul > li > a > img	{ width: 100%; max-width: 200px; margin: 0 auto; padding: 0; }
	.spnv-inner .spnvbnn	{ position: absolute; bottom:30px; left:0; width: 100%; text-align: center; }
	.spnv-inner .spnvbnn > a	{ display: inline-block; width: 115px; margin: 0 auto; padding: 0; }
}

/* ------------ TOP MAIN ------------- */
.mtoparea	{ position: relative; }
.mtitle	{ width: 100%; height:100%; min-height:100vh; margin: -100vh 0 0; text-align: center; }
.mtitle .mtitle_inner	{ max-width: 470px; height:100%; min-height:100vh; margin: 0 auto; padding: 0; position: relative; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; order:2; }
.mtitle .mtitle_inner > h1	{ width: 100%; padding: 40px 0; margin: 0; order:2; line-height: 0; }
.mtitle .mtitle_inner > h1 > img	{ width: 100%; max-width: 470px; }
.mtitle .mtitle_inner > strong	{ width: 100%; padding: 40px 0 0; margin: 0; order:1; text-align: center; line-height: 0; }
.mtitle .mtitle_inner > strong > a	{ display: inline-block; margin: 0 auto; padding: 0; line-height: 0; }
.mtitle .mtitle_inner > strong > a > img	{ width: 100%; max-width: 150px;  }
.mtitle .mtitle_inner > p	{ width: 100%; padding: 0 0 40px; margin: 0; text-align: center; line-height: 0; order:3; }
.mtitle .mtitle_inner > p > img	{ margin: 0 auto; padding: 0; width: 16px; }
.mtop	{ width: 100%; height:100vh; margin: 0; display: -webkit-flex; display: flex; position: sticky; top:0; left:0; z-index:-1; }
.mtop li	{ list-style: none; padding: 0; margin: 0; }
.mtop .imgC	{ width: 470px; }
.mtop .imgL	{ width: calc(50% - 235px); background: url(../images/mlrim_pcL.jpg) right no-repeat; background-size:auto 100%; }
.mtop .imgR	{ width: calc(50% - 235px); background: url(../images/mlrim_pcR.jpg) left no-repeat; background-size:auto 100%; }
.cpArea	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 auto; padding: 100px 0; text-align: center; }
.cpArea .line	{ width: 48px; line-height: 0; margin: 0 auto; padding: 0; }
.cpArea .cpmain	{ width: 100%; max-width: 470px; margin: 0 auto; padding: 60px 0; line-height: 0; }
.spmimg img, 
.cpArea img	{ width: 100%; }
.cpArea img.pc	{ display: block; }
.spmimg, 
.cpArea img.sp	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.mtop	{ display: none; }
	.mtitle	{ width: 100%; height:auto; min-height:auto; margin: 0; text-align: center; }
	.mtitle .mtitle_inner	{ padding: 0 20px; height:auto; min-height:auto; }
	.mtitle .mtitle_inner > strong	{ padding: 20px 0 0; }
	.mtitle .mtitle_inner > strong > a > img	{ max-width: 125px; }
	.mtitle .mtitle_inner > p	{ display: none; }
	.cpArea	{ padding: 75px 30px; text-align: center; }
	.cpArea .line	{ width: 36px; }
	.cpArea .cpmain	{ max-width: 315px; padding: 40px 0; }
	.cpArea img.pc	{ display: none; }
	.spmimg, 
	.cpArea img.sp	{ display: block; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.mtitle .mtitle_inner	{ max-width: 240px; }
	.mtitle .mtitle_inner > h1	{ padding: 20px 0; }
	.mtitle .mtitle_inner > strong	{ padding: 20px 0 0; }
	.mtitle .mtitle_inner > strong > a > img	{ width: 100%; max-width: 150px; }
	.mtop .imgC	{ width: 240px; }
	.mtop .imgL	{ width: calc(50% - 120px); }
	.mtop .imgR	{ width: calc(50% - 120px); }
	.cpArea	{ padding: 50px 0; }
	.cpArea .cpmain	{ max-width: 240px; padding: 30px 0; }
}

/* ------------ TALK MAIN ------------- */
.talkmain	{ padding: 0 97px; margin: 0; text-align: center; line-height: 1; }
.tlkheader	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 45px 0 39px; margin: 0 auto; max-width: 1050px; }
.tlkheader .talkmte	{ text-align: left; width: 230px; padding: 15px 0 0; margin: 0; line-height: 0; }
.tlkheader .talkmte img	{ width: 100%; }
.tlkheader .talkmte > strong	{ display: inline-block; margin: 0; padding: 0; width: 150px; line-height: 0; }
.tlkheader .talkmte > strong a	{ display: inline-block; margin: 0; padding: 0; line-height: 0; }
.tlkheader .talkmte > p	{ display: inline-block; margin: 0; padding: 24px 0 0; height:24px; line-height: 0;}
.tlkheader .talkmte > p img	{ width: auto; height:24px; }
.tlkheader .talkttle	{ width: 120px; }
.tlkheader .talkttle img	{ width: 100%; }
.tlkarrow	{ display: block; text-align: center; line-height: 0; padding: 0 0 80px; margin: 0; }
.tlkarrow > img	{ margin: 0 auto; width: 16px; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.talkmain	{ padding: 0; }
	.tlkheader	{ display: none; }
	.tlkarrow	{ padding: 0 0 40px; }
}
.tlkspheader	{ display: none; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.tlkspheader	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 35px 0; margin: 0; }
	.tlkspheader > a	{ width: 100%; max-width: 157px; line-height: 0; padding: 0; margin: 0 auto; }
	.tlkspheader > p	{ width: auto; height: 18px; line-height: 0; padding: 0; margin: 15px auto 0; }
	.tlkspheader > p img	{ width: auto; height: 18px; }
}

/* ------------ TALK NAVI ------------- */
.tlkheader .talknav	{ width: 230px; position: relative; padding: 0; margin: 15px 0 0; }
.tlkheader .talknav img	{ width: 100%; }
.tlkheader .talknav > a	{ display: inline-block; line-height: 0; position: absolute; opacity: 1; transition: all .5s; }
.tlkheader .talknav > a.pn0	{ width: 28px; height:12px; top:0; right:99px; }
.tlkheader .talknav > a.pn1	{ width: 59px; height:12px; top:0; right:0; }
.tlkheader .talknav > a.pn2	{ width: 59px; height:12px; top:24px; right:0; }
.tlkheader .talknav > a.pn3	{ width: 59px; height:12px; top:48px; right:0; }
.tlkheader .talknav > a > span	{ display: block; width: 59px; height:12px; position: relative; }
.tlkheader .talknav > a.active > span:after	{ content:""; width: 100%; height:2px; background-color: #e4d928; position: absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tlkheader .talknav > a:hover	{ opacity: .6; }

/* ------------ MEMBER ------------- */
.memberArea	{ background-color: #bde7c2; text-align: center; }
.memberArea .memberArea_inner	{ padding: 100px 0; margin: 0 auto; text-align: center; }
.memberArea .memberArea_inner img	{ width: 100%; }
.memberArea .memberArea_inner > h3	{ width: 100%; max-width: 300px; padding: 0; margin: 0 auto; line-height: 0; }
.memberArea .memberArea_inner > ul	{ display: -webkit-flex; display: flex; justify-content: center; padding: 50px 0 0; margin: 0; }
.memberArea .memberArea_inner > ul > li	{ width: 100%; max-width: 200px; list-style: none; padding: 0; margin: 0 20px 0 0; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column; }
.memberArea .memberArea_inner > ul > li:last-child	{ margin: 0; }
.memberArea .memberArea_inner > ul > li > p	{ padding: 0 20px 24px; margin: 0; line-height: 0; }
.memberArea .memberArea_inner > ul > li > strong	{ width: 100%; max-width: 90px; margin: 0 auto; padding: 0; line-height: 0; }
.memberArea .memberArea_inner > ul > li > b	{ font-size: 14px; font-weight: 700; text-align: center; line-height: 1; padding: 24px 0 14px; }
.memberArea .memberArea_inner > ul > li > span	{ font-size: 12px; font-weight: 400; line-height: 18px; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.memberArea .memberArea_inner	{ padding: 50px 0; }
	.memberArea .memberArea_inner > h3	{ max-width: 240px; }
	.memberArea .memberArea_inner > ul	{ padding: 40px 0 0; flex-wrap: wrap; max-width: 380px; margin: 0 auto; }
	.memberArea .memberArea_inner > ul > li	{ width:45%; max-width: 160px; margin: 0 0 37px; }
	.memberArea .memberArea_inner > ul > li:last-child	{ margin: 0; }
	.memberArea .memberArea_inner > ul > li:first-child	{ margin: 0 10px 37px 0; }
	.memberArea .memberArea_inner > ul > li > p	{ padding: 0 16px 15px; }
	.memberArea .memberArea_inner > ul > li > strong	{ max-width: 68px; }
	.memberArea .memberArea_inner > ul > li > b	{ font-size: 12px; padding: 15px 0 13px; }
	.memberArea .memberArea_inner > ul > li > span	{ font-size: 10px; line-height: 15px; }
}
@media (orientation: portrait) and (max-width: 321px)	{ 
	.memberArea .memberArea_inner > ul > li > span	{ font-size: 9px; line-height: 14px; letter-spacing:-.05rem;}
}
.memberArea .memberArea_inner.small	{ padding: 60px 0 70px; margin: 0 auto; text-align: center; }
.memberArea .memberArea_inner.small > ul	{ padding: 38px 0 0; }
.memberArea .memberArea_inner.small > ul > li	{ max-width: 120px; margin: 0 30px 0 0; }
.memberArea .memberArea_inner.small > ul > li:last-child	{ margin: 0; }
.memberArea .memberArea_inner.small > ul > li > p	{ padding: 0 0 14px; }
.memberArea .memberArea_inner.small > ul > li > strong	{ max-width: 66px; }
.memberArea .memberArea_inner.small > ul > li > b	{ font-size: 12px; font-weight: 700; text-align: center; line-height: 1; padding: 12px 0 0; }
.memberArea .memberArea_inner.small > ul > li > span	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.memberArea .memberArea_inner.small	{ padding: 50px 0; }
	.memberArea .memberArea_inner.small > ul	{ padding: 25px 0 0; }
	.memberArea .memberArea_inner.small > ul > li	{ max-width: 90px; margin: 0 20px 0 0; }
	.memberArea .memberArea_inner.small > ul > li > p	{ padding: 0 0 15px; }
	.memberArea .memberArea_inner.small > ul > li > strong	{ max-width: 60px; }
	.memberArea .memberArea_inner.small > ul > li > b	{ font-size: 10px; padding: 10px 0 0; }
}

/* ------------ QUESTION AREA ------------- */
.questionArea	{ text-align: center; padding: 100px 0 0; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.questionArea img	{ width: 100%; }
.questionArea > h4	{ display: inline-block; padding: 0 0 40px; margin: 0 auto; width: 100%; max-width: 104px; line-height: 0; }
.questionArea .qstxt	{ display: inline-block; padding: 0; margin: 0 auto; width: 100%; max-width: 588px; line-height: 0; }
.questionArea .qstxt .pc	{ display: block; }
.questionArea .qstxt .sp	{ display: none; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.questionArea	{ padding: 75px 0 0; }
	.questionArea > h4	{ padding: 0 0 40px; max-width: 70px; }
	.questionArea .qstxt	{ padding: 0 20px; }
	.questionArea .qstxt .pc	{ display: none; }
	.questionArea .qstxt .sp	{ display: block; }
}
.qstxt.invitem	{ opacity : 0; transform-origin:center bottom; transform:scale(0); transition: all .3s; }
.qstxt.invitem.inview	{ opacity : 1; transform:scale(1); }


/* ------------ CHAT AREA ------------- */
.chatArea	{ text-align: center; padding: 100px 0 70px; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.chatArea img	{ width: 100%; }
.chatArea > h4	{ display: inline-block; padding: 0 0 80px; margin: 0 auto; width: 100%; max-width: 90px; line-height: 0; }
.chatArea .chatArea_inner	{ width: 100%; text-align: center; padding: 0; margin: 0 auto; max-width: 800px; }
.chatArea .chatArea_inner > ul	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; padding: 0; margin: 0 0 30px; }
.chatArea .chatArea_inner > ul > li	{ list-style: none; line-height: 0; }
.chatArea .chatArea_inner > ul > li.chaticon	{ width: 106px; }
.chatArea .chatArea_inner > ul > li.chattxt	{ width: calc(100% - 212px); position: relative; padding: 0; margin: 0; }
.chatArea .chatArea_inner > ul > li.chattxt > p	{ padding: 30px 30px 27px; font-size: 16px; line-height: 28px; font-weight: 400; text-align: left; display: block; background-color: #fff; border-radius: 5px; }
/* .chatArea .chatArea_inner > ul > li.chattxt > p	{ text-align: justify; text-justify: inter-ideograph; } */
.chatArea .chatArea_inner > ul > li.chattxt > p > a	{ text-decoration: underline; }
.chatArea .chatArea_inner > ul > li.chattxt > p > a:hover	{ text-decoration: none; color:#999; }
.chatArea .chatArea_inner > ul > li.chattxt > p > span	{ font-weight: 700; }
.chatArea .chatArea_inner > ul.aika > li.chattxt > p > span	{ color:#5bbee3; }
.chatArea .chatArea_inner > ul.akane > li.chattxt > p > span	{ color:#e5afcf; }
.chatArea .chatArea_inner > ul.seri > li.chattxt > p > span	{ color:#ef8585; }
.chatArea .chatArea_inner > ul.memright > li.chattxt	{ margin: 0 0 0 106px;  }
.chatArea .chatArea_inner > ul.memleft > li.chattxt	{ margin: 0 106px 0 0;  }
.chatArea .chatArea_inner > ul.memright > li.chaticon	{ order:2; }
.chatArea .chatArea_inner > ul.memright > li.chattxt	{ order:1; }
.chatArea .chatArea_inner > ul.memright > li.chaticon > p	{ width: 76px; padding: 0; margin: 0 0 0 30px; }
.chatArea .chatArea_inner > ul.memleft > li.chaticon > p	{ width: 76px; padding: 0; margin: 0 30px 0 0; }
.chatArea .chatArea_inner > ul.memleft > li.chattxt:after	{ content:""; position: absolute; top: 31px; left:-16px; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 0; border-color: transparent #ffffff transparent transparent; }
.chatArea .chatArea_inner > ul.memright > li.chattxt:after	{ content:""; position: absolute; top: 31px; right:-16px; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #ffffff transparent transparent transparent; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.chatArea	{ padding: 75px 0 54px; }
	.chatArea .chatArea_inner	{ padding: 0 20px; }
	.chatArea > h4	{ padding: 0 0 50px; }
	.chatArea .chatArea_inner > ul	{ margin: 0 0 21px; }
	.chatArea .chatArea_inner > ul > li.chaticon	{ width: 73px; }
	.chatArea .chatArea_inner > ul > li.chattxt	{ width: calc(100% - 73px); }
	.chatArea .chatArea_inner > ul > li.chattxt > p	{ padding: 19px 19px 17px; font-size: 14px; line-height: 24px; border-radius: 5px; }
	.chatArea .chatArea_inner > ul.memright > li.chattxt	{ margin: 0;  }
	.chatArea .chatArea_inner > ul.memleft > li.chattxt	{ margin: 0;  }
	.chatArea .chatArea_inner > ul.memright > li.chaticon > p	{ width: 52px; padding: 0; margin: 0 0 0 21px; }
	.chatArea .chatArea_inner > ul.memleft > li.chaticon > p	{ width: 52px; padding: 0; margin: 0 21px 0 0; }
	.chatArea .chatArea_inner > ul.memleft > li.chattxt:after	{ top: 19px; left:-14px; border-width: 0 14px 14px 0; }
	.chatArea .chatArea_inner > ul.memright > li.chattxt:after	{ top: 19px; right:-14px; border-width: 14px 14px 0 0; }
}

/* ------------ CHAT ------------- */
.chaticon.invitem	{ opacity : 0; transform : translate(0, 20px); transition: all .3s .1s; }
.chaticon.invitem.inview	{ opacity : 1; transform : translate(0, 0); }
.chattxt.invitem	{ opacity : 0; transform-origin:left top; transform:scale(0); transition: all .3s .2s; }
.memright .chattxt.invitem	{ opacity : 0; transform-origin:right top; transform:scale(0); transition: all .3s .2s; }
.chattxt.invitem.inview	{ opacity : 1; transform:scale(1); }


/* ------------ LINE UP ------------- */
.lineupArea	{ text-align: center; padding: 60px 0 40px; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; background-color: #bde7c2; }
.lineupArea img	{ width: 100%; }
.lineupArea > h4	{ display: inline-block; padding: 0 0 60px; margin: 0 auto; width: 100%; max-width: 300px; line-height: 0; }
.lineupArea .lineup_inner	{ padding: 0; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: center;  }
.lineupArea .lineup_inner > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; width: auto; max-width: 870px; margin: 0 auto; padding: 0 0 0 30px; }
.lineupArea .lineup_inner > ul.col5	{ max-width: 1080px; }
.lineupArea .lineup_inner > ul > li	{ list-style: none; width: 180px; margin: 0 30px 60px 0; line-height: 0; }
.lineupArea .lineup_inner > ul > li > a > p	{ padding: 0; margin: 0 0 17px; position: relative; }
.lineupArea .lineup_inner > ul > li > a > p:after	{ content:""; width: 16px; height:16px; position: absolute; top:10px; left:10px; background-size: 16px 16px; }
.lineupArea .lineup_inner > ul > li > a > p.no01:after	{ background-image: url(../images/no01.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no02:after	{ background-image: url(../images/no02.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no03:after	{ background-image: url(../images/no03.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no04:after	{ background-image: url(../images/no04.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no05:after	{ background-image: url(../images/no05.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no06:after	{ background-image: url(../images/no06.svg); }
.lineupArea .lineup_inner > ul > li > a > p.no07:after	{ background-image: url(../images/no07.svg); }
.lineupArea .lineup_inner > ul > li > a > strong	{ display: block; text-align: left; font-size: 13px; font-weight: 700; line-height: 19px; padding: 0 0 14px; margin: 0; }
.lineupArea .lineup_inner > ul > li > a > span	{ display: block; text-align: left; font-size: 12px; font-weight: 400; line-height: 18px; padding: 0 0 20px; margin: 0; }
.lineupArea .lineup_inner > ul > li > a > b	{ display: block; width: 100%; height:38px; border: 1px solid #000; border-radius: 50px; background: #fff url(../images/bttx.svg) center center no-repeat; background-size: 100px auto; transition: all .5s; }
.lineupArea .lineup_inner > ul > li > a:hover	{ color:#000; }
.lineupArea .lineup_inner > ul > li > a:hover > b	{ background-color: transparent; }
@media (max-width: 1196px)	{ 
	.lineupArea .lineup_inner > ul.col5	{ max-width: 870px; }
}
@media (max-width: 890px)	{ 
	.lineupArea .lineup_inner > ul, 
	.lineupArea .lineup_inner > ul.col5	{ max-width: 660px; }
}
@media (max-width: 676px)	{ 
	.lineupArea	{ padding: 60px 0 0; }
	.lineupArea .lineup_inner > ul	{ padding: 0 0 0 20px; }
	.lineupArea .lineup_inner > ul > li	{ width: calc(50% - 20px); margin: 0 20px 40px 0; }
	.lineupArea .lineup_inner > ul > li > a > p	{ margin: 0 0 12px; }
	.lineupArea .lineup_inner > ul > li > a > p:after	{ width: 15px; height:15px; top:7px; left:7px; background-size: 15px 15px; }
	.lineupArea .lineup_inner > ul > li > a > strong	{ font-size: 12px; line-height: 18px; padding: 0 0 10px; }
	.lineupArea .lineup_inner > ul > li > a > span	{ font-size: 10px; line-height: 15px; padding: 0 0 13px; }
	.lineupArea .lineup_inner > ul > li > a > b	{ height:35px; background-size: 91px auto; }
}

/* ------------ STYLE AREA ------------- */
.styleArea	{ text-align: center; padding: 100px 0 65px; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; background-color: #bde7c2; }
.styleArea img	{ width: 100%; }
.styleArea > h4	{ display: inline-block; padding: 0 0 100px; margin: 0 auto; width: 100%; max-width: 588px; line-height: 0; }
.styleArea > h5	{ display: inline-block; padding: 0 0 30px; margin: 0 auto; width: 100%; max-width: 200px; line-height: 0; }
.styleLinks	{ text-align: center; padding: 0; margin: 0; }
.styleLinks > ul	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 auto; max-width: 588px; }
.styleLinks > ul > li	{ list-style: none; width: 100%; padding: 26px 0 0; margin: 0; }
.styleLinks > ul > li > a	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; }
.styleLinks > ul > li > a > p	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 200px); }
.styleLinks > ul > li > a > p > strong	{ text-align: left; font-size: 13px; font-weight: 700; line-height: 19px; padding: 0 0 6px; margin: 0; }
.styleLinks > ul > li > a > p > strong > span,
.styleLinks > ul > li > a > p > span	{ text-align: left; font-size: 12px; font-weight: 400; line-height: 18px; padding: 0; margin: 0; text-decoration: none; }
.styleLinks > ul > li > a > b	{ display: block; width: 180px; height:38px; border: 1px solid #000; border-radius: 50px; background: #fff url(../images/bttx.svg) center center no-repeat; background-size: 100px auto; transition: all .5s; }
.styleLinks > ul > li > a:hover	{ color:#000; }
.styleLinks > ul > li > a:hover > b	{ background-color: transparent; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.styleArea	{ text-align: center; padding: 75px 0 65px; }
	.styleArea > h4	{ padding: 0 0 75px; }
	.styleArea > h5	{ padding: 0 0 25px; max-width: 186px; }
	.styleLinks	{ padding: 0 22px; }
	.styleLinks > ul > li	{ padding: 30px 0 0; }
	.styleLinks > ul > li > a > p > strong	{ font-size: 12px; line-height: 18px; padding: 0 0 6px; margin: 0; }
	.styleLinks > ul > li > a > p > strong > span,
	.styleLinks > ul > li > a > p > span	{ font-size: 10px; line-height: 15px; }
	.styleLinks > ul > li > a > p	{ width: calc(100% - 150px); }
	.styleLinks > ul > li > a > b	{ width: 140px; height:35px; background-size: 93px auto; }
}

/* ------------ SLICK ------------- */
.slick-dotted.slick-slider	{ margin-bottom: 30px; }
.slick-dots	{ position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li	{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; }
.slick-dots li button	{ font-size: 0; line-height: 0; display: block; width: 20px; height: 6px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus	{ outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before	{ font-family: 'slick'; font-size: 12px; line-height: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 15px; content: '●'; text-align: center; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before	{ opacity: 1; color: #1a1a1a; }
.sliderArea	{ overflow: hidden; text-align: center; }
.sliderWide	{ width: 100%; margin: 0 auto; padding: 0 0 30px; max-width: calc(350px * 6); overflow: hidden; }
.sliderArea.slide2 .sliderWide	{ max-width: calc(350px * 2); }
.sliderArea.slide3 .sliderWide	{ max-width: calc(350px * 3); }
.sliderArea.slide4 .sliderWide	{ max-width: calc(350px * 4); }
.slider	{ width: 350px; margin: 0 auto; padding: 0; }
.slider .slick-list	{ overflow: visible; }
.slider .slick-track { }
.slider .slick-slide { padding: 0; line-height: 0; opacity: 1; transition-duration: 0.3s; }
.slider .slick-slide.slick-current	{ opacity: 1; }
.slider .slick-slide a	{ display: block; }
.slider .slick-slide a:hover	{ display: block; opacity: .7; }
.slider img	{ height: auto; width: 100%; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.slick-dotted.slick-slider	{ margin-bottom: 34px; }
	.slick-dots	{ bottom: -33px; }
	.sliderWide	{ width: 100%; margin: 0 auto; padding: 0; max-width: calc(295px * 6); overflow: hidden; }
	.sliderArea.slide2 .sliderWide	{ max-width: calc(295px * 2); }
	.sliderArea.slide3 .sliderWide	{ max-width: calc(295px * 3); }
	.sliderArea.slide4 .sliderWide	{ max-width: calc(295px * 4); }
	.slider	{ width: 295px; margin: 0 auto; padding: 0; }
}
@media (min-width: 980px)	{ 
	.sliderArea.slide2 .slick-dotted.slick-slider,
	.sliderArea.slide3 .slick-dotted.slick-slider	{ margin-bottom: 0!important; }
	.sliderArea.slide2, 
	.sliderArea.slide2 .slick-dots,
	.sliderArea.slide3 .slick-dots	{ display: none!important; }
}
.slider2col	{ display: none; }
@media (min-width: 980px)	{ 
	.slider2col	{ display: -webkit-flex; display: flex; margin: 0 auto; padding: 0; justify-content: center; }
	.slider2col > li	{ list-style: none; max-width: 350px; }
	.slider2col > li img	{ width: 100%; }
}

/* ------------ MAIN LIST ------------- */
.mainlist	{ text-align: center; padding: 150px 0; margin: 0; }
.mainlist > h4	{ display: inline-block; padding: 0 0 100px; margin: 0 auto; width: 100%; max-width: 90px; line-height: 0; }
.tlktop	{ display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0; margin: 0 auto 100px; width: 90%; max-width: 900px; line-height: 0; background-color: #bde7c2; transition: all .5s; }
.tlktop img	{ width: 100%; }
.tlktop > p	{ padding: 0; margin: 0; width: 50%; }
.tlktop > span	{ padding: 0; margin: 0; width: 100%; }
.tlktop > span .pc	{ display: block; }
.tlktop > span .sp	{ display: none; }
.mainlist > a:hover	{ background-color: #fff; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.mainlist	{ padding: 75px 15px; }
	.mainlist > h4	{ padding: 0 0 50px; max-width: 125px; }
	.tlktop	{ margin: 0 auto 50px; width: 100%; max-width: 345px; background-color: #bde7c2; transition: all .5s; }
	.tlktop > p	{ width: 100%; }
	.tlktop > p.none, 
	.tlktop > span .pc	{ display: none; }
	.tlktop > span .sp	{ display: block; }
}
.talkmain .tlktop	{ margin: 0 auto 80px; width: 100%; max-width: 1050px; }
.tlktop .spmain	{ display: none; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.talkmain .tlktop	{ margin: 0 auto 40px; max-width: 670px; width: calc(100% - 40px); }
	.talkmain .tlktop > p	{ display: none; }
	.talkmain .tlktop .spmain	{ display: block; }
}
.ftmlogo	{ text-align: center; padding: 50px 0; margin: 0; }
.ftmlogo > a	{ display: inline-block; padding: 0; margin: 0 auto; width: 100%; max-width: 224px; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.ftmlogo	{ text-align: center; padding: 25px 0; margin: 0; }
	.ftmlogo > a	{ max-width: 183px; }
}

/* ------------ BOTTOM LINKS ------------- */
.bottomLinks	{ text-align: center; padding: 0; margin: 0; }
.bottomLinks > h4	{ text-align: center; padding: 100px 0 50px; margin: 0; line-height: 0; }
.bottomLinks > h4 > img	{ margin: 0 auto; max-width: 166px; }
.bottomLinks .talkttle	{ text-align: center; width: 100%; padding: 150px 0 0; margin: 0; }
.bottomLinks .talkttle > a	{ display: inline-block; line-height: 0; max-width: 224px; padding: 0; margin: 0 auto; }
.bottomLinks .talkttle img	{ width: 100%; }
.botLi_inner	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 97px 150px; margin: 0 auto; max-width: 1197px; }
.botLi_inner > a.tlktop	{ width: calc(50% - 25px); }
.botLi_inner > a.tlktop:hover	{ background-color: #fff; }
.botLi_inner > a.tlktop	{ margin: 0; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.bottomLinks > h4	{ padding: 63px 0 50px; margin: 0; line-height: 0; }
	.bottomLinks > h4 > img	{ max-width: 125px; }
	.bottomLinks .talkttle	{ padding: 100px 0 0; }
	.bottomLinks .talkttle > a	{ max-width: 185px; }
	.botLi_inner	{ padding: 0 15px 46px; flex-wrap: wrap; }
	.botLi_inner > a.tlktop	{ width: 100%; max-width: 100%; margin: 0 0 54px; }
	.botLi_inner > a.tlktop p	{ padding: 0; margin: 0; width: 50%; }
}

.sidetitle	{ position: fixed; top:0; left:0; display: -webkit-flex; display: flex; justify-content: space-between; width: 100%; height:100vh; z-index:10; pointer-events: none; }
.sidetitle > li	{ width: 97px; list-style: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.sidetitle > li > img	{ width: 37px; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.sidetitle	{ display: none; }
}


/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #bde7c2; }
.bottomoval .wrapper	{ max-width: 100%; padding: 100px 0 90px; }
.bottomoval .wrapper h2	{ margin: 0 auto 53px; max-width: 90px; display: block; }
.bottomoval .wrapper h2 img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.itemBrandWac	{ margin:0 auto; max-width: 930px; padding: 0 10px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemBrandColumn	{ width: calc(100% / 7); padding: 7px 1.1%; }
.itemBrandColumn img	{ width: 100%; vertical-align:bottom; line-height: 0; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.bottomoval .wrapper	{ padding: 70px 0 45px; }
	.bottomoval .wrapper h2	{ margin: 0 auto 43px; max-width: 68px; }
	.itemBrandWac	{ margin:0 auto; padding: 0 23px; }
	.itemBrandColumn	{ width: calc(100% / 4); padding: 5px 5px 1px; }
}
.footbtn	{ text-align: center; padding: 0; margin: 0; }
.footbtn > a	{ display: inline-block; margin: 0 auto; padding: 93px 0 5px; width: 228px; line-height: 1; }
.footbtn > a > img	{ width: 100%; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.footbtn > a	{ padding: 70px 0 38px; width: 170px; }
}

/* ------------ FOOTER ------------- */
footer	{ box-sizing: border-box; padding: 0; }
footer .footer-inner	{ width: 100%; margin: 0 auto; padding:0; box-sizing: border-box; line-height: 0; height:50px; text-align: center; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
footer .footer-inner small	{ color:#1a1a1a; font-size: 10px; display: inline-block; }
@media (max-width: 767px)	{ 
	footer .footer-inner	{ height:37px; }
	footer .footer-inner small	{ font-size: 9px; }
}
@media (max-width: 320px)	{ 
	footer .footer-inner small	{ font-size: 6px; -webkit-transform: scale(0.6); -webkit-transform-origin:0 0; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 60px; right: 30px; display:block; width: 36px; height: 36px; overflow: hidden; background-image: url(../images/gotop.svg); background-position: center center; background-repeat:no-repeat; background-size: contain; transition: all 0.3s ease; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background-image: url(../images/gotopov.svg); }
@media (max-width: 767px)	{ 
	#scrollUp {  bottom: 50px; right: 10px; width: 28px; height: 28px; display: none!important; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }