@charset "utf-8";

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

	ゲスの極み乙女。 オフィシャルサイト

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

/* 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; }
a { color: #000; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; }
img { max-width: 100%; }

/* base
================================ */
body {
	font-family: "Open Sans","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{ display: none; }


/* header
================================ */
#header{
	width: 100%;
	background: #000;
	text-align: center;
	position: fixed;
	top: -90px;
	z-index: 200;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.headerFix #header{ top: 0;}
#header li{ display: inline-block; padding: 30px 0;}
#header li:not(:last-child){ margin-right: 20px; margin-right: 1.5vw; }
#header a,
#header span{
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #fff;
	text-decoration: none;
	font-size: 0.85rem;
	letter-spacing: -0.05em;
	position: relative;
}
#header span{ color: #ccc; }
.gNav li.fc{ display: none !important; }
.gNav li a::before{
	content:'';
	display:block;
	width: 100%;
	height:1px;
	background: #fff;
	position: absolute;
	bottom: -4px;
	left:0;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right;
	-moz-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	-webkit-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	transition: transform 0.7s cubic-bezier(.19,1,.22,1);
}
.gNav li.sns a::before{ display: none !important; }
.gNav li a:hover::before{
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: left;
}
#header .gNav li a::before{background: #fff;	bottom: 0px;}
.gNav .sns svg { transform: rotate(-90deg); position: absolute; top: -4px; left: -9px; }
.gNav .sns circle { fill: transparent; stroke: #fff; stroke-width: 0; }
.gNav .sns a.mout circle { stroke-width: 1; animation: circle-out .6s 1 ease forwards; }
.gNav .sns a:hover circle { stroke-width: 1; animation: circle .6s 1 ease forwards; }

@keyframes circle {
	0% { stroke-dasharray: 0 140; }
	100% { stroke-dasharray: 140 140; }
}
@keyframes circle-out {
	0% { stroke-dasharray: 140 140; }
	100% { stroke-dasharray: 0 140; }
}

/* loading
================================ */
#loading{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#home.topLoad #heroImg .inner .logoMask{ opacity:1; -webkit-transition: all 2.6s ease; transition: all 2.6s ease; }
#home #heroImg .inner .logoMask.topLoad::after{ opacity:1; }

#home.loaded #heroImg .inner .logoMask span{
	filter: blur(0) !important;
	background-size: 140%;
	-webkit-transition: all 2.6s ease;
	transition: all 2.6s ease;
}
#home.loaded #heroImg .inner .gNav,
#home.loaded .bnrList{
	opacity: 1; top: 0;
	-webkit-transition: all 1s ease 3s;
	transition: all 1s ease 3s;
}

/* 下層から戻ってきた時 */
#home.loadNone #heroImg .inner .logoMask span{ background-size: 100% !important; filter: blur(0) !important; opacity: 1 !important;}
#home.loadNone #heroImg .inner .logoMask::after{opacity: 1 !important;}
#home.loadNone #heroImg .inner .logoMask{ opacity: 1 !important; }
#home.loadNone #heroImg .inner .gNav,
#home.loadNone .bnrList{ opacity: 1 !important; top: 0 !important; }



/* layout
================================ */

#wrap{ position: relative; min-height: 100%; min-width: 960px;}
h2.sectionTit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	font-size: 4rem;
	font-weight: 600;
	font-feature-settings: "palt";
	letter-spacing: -0.04em;
	margin-bottom: 20px;
}
h2.sectionTit:first-letter{ font-size: 6rem; letter-spacing:-0.12em;}
.new{
	display: inline-block;
	color: #ff0a42;
	margin-left: 10px;
	font-size: 0.85rem;
	vertical-align: 4px;
	padding-right: 4px;
}
.tit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 160%;
	margin-bottom: 10px;
}
.cat{
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	font-size: 0.8rem;
	position: relative;
	padding-right: 20px;
}
.cat::after{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background: #000;
	position: absolute;
	right: 10px;
	top: 5px;
}
.text{ line-height: 200%; }
.imgGuard{ line-height: 0; }
.date{ font-family: "Open Sans","Work Sans","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }


/* list */

.infoList a{ display: block; text-decoration: none; }
.infoList .thumb{ line-height: 0; position: relative; overflow: hidden; }
.infoList .thumb img{
	width: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-transition: all .6s ease; transition: all .6s ease;
}

/* animation */
.infoList li p.tit{ word-break: break-all; text-align: justify; }
.infoList li a p.tit span{ -webkit-transition: all .6s ease; transition: all .6s ease; }
.infoList li a p.tit .new{ vertical-align: 1px; }
.infoList li a:hover p.tit span{ color: #fff; }
.infoList li a:hover p.tit .cover{ background: #000; }

/* more backLink */
.more a,
.backLink a{
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	position: relative;
}
.more a::after{
	content: '';
	display: inherit;
	width: 24px;
	height: 14px;
	background: url(/static/gesuotome/cmn/ico_more.png) no-repeat center;
	background-size: 100%;
	vertical-align: 0px;
	margin-left: 13px;
}
.backLink a{ font-size: 1rem; }
.backLink a::before{
	content: '';
	display: inherit;
	width: 22px;
	height: 10px;
	background: url(/static/gesuotome/cmn/ico_more.png) no-repeat center;
	background-size: 100%;
	vertical-align: 0px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	margin-right: 8px;
}

.more a::before,
.backLink a::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: -4px;
	left: 0;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right;
	-moz-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	-webkit-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	transition: transform 0.7s cubic-bezier(.19,1,.22,1);
}
.more a:hover::before,
.backLink a:hover::after{
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: left;
}

.more,
.backLink{
	text-align: right;
	opacity: 0;
	position: relative;
	top: 50px;
}
.more.view,
.backLink.view{ opacity:1; top:0;	-webkit-transition: all .6s ease; transition: all .6s ease;}

/* youtube */

.youtubeBox{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.youtubeBox iframe,
.youtubeBox object,
.youtubeBox embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* home
================================ */

/* cmn
--------------------- */
#home .backLink{ display: none; }
#home section{position: relative; }
#home section .inner{ width: 80%; margin:0 auto; }


/* heroImg
--------------------- */
#home #heroImg{ background: #000; padding-bottom: 10%; padding-bottom: 8vh; }
#home #heroImg .heroBg{}
#home #heroImg .inner{
	width: 100%;
	min-height: 400px;
	min-height: 100vh;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 11%;
	padding-top: 20vh;
	position: relative;
}
#home #heroImg .inner .heroBox{ overflow: hidden; padding-bottom: 50px;}
#home #heroImg .inner .logoMask {
	width: 100%;
	line-height: 0;
	position: relative;
	padding: 0;
	opacity: 0;
	overflow: hidden;
	top: -4px;
}
#home #heroImg .inner .logoMask span{
	display: block;
	width: 100%;
	height: 98%;
	background: no-repeat center;
	background-size: 240%;
	background-attachment: fixed;
	position: absolute;
	top: 0;
	filter: blur(3px);
	opacity: 0;
}
#home #heroImg .inner .logoMask::after,
#home #heroImg .inner .logoMask::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #ff2a8c;
	position: absolute;
	top: 0;
	mix-blend-mode:screen;
}
#home #heroImg .inner .logoMask::before{
	background: #000;
	mix-blend-mode: unset;
	height: 10px;
	bottom: -4px;
	top: inherit;
}
#home #heroImg .inner .logoMask::after{ height: 95%; opacity: 0;}
#home #heroImg .inner .logoMask svg{ width: 100.1%; position: relative; z-index: 10; left: -1px; }
#home #heroImg .inner .gNav{ text-align: center; position: relative; margin-bottom: 20px; opacity: 0; top: 20px;  }
#home #heroImg .inner .gNav li{ display: inline-block; margin: 0 30px 0 0;}
#home #heroImg .inner .gNav li a,
#home #heroImg .inner .gNav li span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1rem;
	letter-spacing: -0.1em;
	color: #fff;
	text-decoration: none;
	position: relative;
}
#home #heroImg .inner .gNav .sns a svg{ top: -5px; left: -7.3px;}
#home #heroImg .inner .gNav li span{ color: #555; }
.gNav li span::after{
	content:'-準備中-';
	display: inline-block;
	text-align: left;
	font-size: 0.65em;
	letter-spacing: 0.05em;
	vertical-align: 2px;
	margin-left: 3px;
}
#home #heroImg .inner .gNav li:first-child{ display: none; overflow: hidden;}
#home .bnrList{
	overflow-x: hidden;
	opacity: 0;
	text-align: center;
	top: 20px;
	padding-bottom: 55px;
	margin: 0 auto 30px;
}
#home .bnrList li a{ display: block; margin: 0 1%;}
#home .bnrList li{ transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; }
#home .bnrList li:hover{ opacity: 0.6; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; }
#home .bnrList.noSlick{margin-bottom: 0;}
#home .bnrList.noSlick li{ width: 40%; padding-bottom: 0; margin: 0 auto;}
#home .bnrList.noSlickDouble {
    display: flex;
    display: webkit-flex;
    justify-content: center;
}
#home .bnrList.noSlickDouble li { margin: 0 1%;}
/* slick */
.slick-track { padding: 20px 0; }
.slick-slide img { -webkit-transition: all .3s ease; transition: all .3s ease; }
.slick-prev,
.slick-next {
    display: block;
    width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    font-size: 0;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 85px;
    z-index: 99;
    cursor: pointer;
    border: none;
    outline: none;
}
.slick-prev { left: -50px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.slick-next { right: -50px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none;  }

.slick-prev::after,
.slick-next::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	position: absolute;
	top: 14px;
	left: 18px;
}



.slick-prev::after{  -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.slick-next::after{ left: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.slick-slider:hover .slick-prev{ opacity:1; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.slick-slider:hover .slick-next{ opacity:1; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }

.slick-slider .slick-prev:hover::after,
.slick-slider .slick-next:hover::after{ opacity:0.5; -webkit-transition: color .3s ease; transition: color .3s ease;}

.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots{
	display: block;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 36px;
}
.slick-dots li{
	display: inline-block;
	width: 30px;
	height: 20px;
	position: relative;
	padding: 0;
	margin: 0 ;
	cursor: pointer;
}
.slick-dots li button{
	display: block;
	width: 20px;
	height: 20px;
	font-size: 0;
	line-height: 0;
	padding: 5px;
	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{
	content: '';
	width: 10px;
	height: 10px;
	line-height: 20px;
	text-align: center;
	background: #444;
	border-radius: 8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 6px;
	left: 6px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.slick-dots li.slick-active button:before {background: #fff;}
.slick-dots li:hover button:before {
	background: #fff;
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}


/* info
--------------------- */
#home #info{ box-sizing: border-box; padding: 100px 0; }
.infoList{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.infoList li{
	width: 30.66666666%;
	width:calc(92%/3);
	margin: 0 3.9% 80px 0;
	opacity:0 ;
	position: relative;
	top: 50px;
}
.infoList li:nth-child(3n){ margin-right: 0;}
.infoList li:nth-last-of-type(-n+3){ margin-bottom: 0;}
.infoList li .thumb{ margin-bottom: 20px; }

.infoList .view{ opacity:1; top:0;}
.infoList .view:nth-child(1), .infoList .view:nth-child(3n+1){ -webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; }
.infoList .view:nth-child(2), .infoList .view:nth-child(3n+2){ -webkit-transition: all .6s ease-out .3s; transition: all .6s ease-out .3s; }
.infoList .view:nth-child(3n){ -webkit-transition: all .6s ease-out .6s; transition: all .6s ease-out .6s; }
.detail .noInfo{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	opacity:1 !important;
	top:0 !important;
}
.infoList li a:hover .thumb img{ transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.infoList li a:hover .thumb img{ transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.infoList li .date{ margin-bottom: 5px;}


/* live
--------------------- */
#home #live{ box-sizing: border-box; padding: 100px 0 150px; }
.liveList li{
	width: 100%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	word-break: break-all;
	margin: 0 auto 50px;
	position: relative;
	top:50px;
	opacity:0;
	-webkit-transition: all .6s ease-out 0s !important;
	transition: all .6s ease-out 0s !important;
}
.liveList .view{ opacity:1; top:0; }
.liveList li a{ display: block; text-decoration: none; position: relative; }
.liveList li p{ -webkit-transition: all .3s ease; transition: all .3s ease; }
.liveList li .dateBox{ float: left; width: 14em; }
.liveList li .dateBox.longDays{ width: 30em; }
.liveList li .date{
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-decoration: none;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	 padding-right: 0.2em;
	position: relative;
	z-index: 2;
	background: #fff;
}
.liveList li .date span{ font-size: 1.3rem; vertical-align: 2px;}
.liveList li .tit{
	text-decoration: none;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 130%;
	overflow: hidden;
	padding-left: 50px;
	top: 2px;
}
.liveList li .tit::before{
	content: '';
	display: block;
	width: 11em;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
	top: 31px;
}
.liveList li .longDays + .tit::before{ width: 20.8em; }
.liveList li a:hover .cover{ background: #000; color: #fff !important; }
.liveList li .new{-webkit-transition: all .3s ease; transition: all .3s ease;}
.liveList li a:hover .cover .new{ color: #fff; }
.liveList li .tit .cat{
	position: static;
	font-size: 1rem;
	vertical-align: 1px;
	line-height: 100%;
	padding-right: 0;
	margin-bottom: 5px;
}
.liveList li .tit span::after { display: none;}
.liveList .event.end.date{ position: relative; padding-left: 15px; }
.liveList .event.end.date::before{
	content: '';
	display: block;
	background: #000;
	width: 12px;
	height: 1px;
	position: relative;
	top: 31px;
	left: -17px;
}
.liveList .line{
	display: block;
	position: absolute;
	width: auto;
	border-bottom: 15px solid #ccc;
	left: 16.8rem;
	z-index: -1;
	top: -21px;
}
.liveList li a .cover{ -webkit-transition: all .6s ease; transition: all .6s ease; }

/* animation */
@-webkit-keyframes livecover { 100% { width: 0; } }
@keyframes livecover { 100% { width: 0; } }


/* movie
--------------------- */
#home #movie{ background: #000; }
.movieBox{
	position: relative;
	overflow: hidden;
	top: 100px;
	opacity: 0;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s;
}
.movieBox.view{ top: 0; opacity: 1; }
.movieBox .thumb{
	width: 100%;
	background: no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	z-index: 100;
	cursor:pointer;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.movieBox .thumb img{ width: 100%; }
.movieBox:hover .thumb{ transform: scale(1.02); -webkit-transform: scale(1.02); }
.movieBox .thumb .tit{
	color: #fff;
	text-align: center;
	width: 100%;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	font-size: 2.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;
	margin-top: 4rem;
	position: absolute;
	top: 50%;
	z-index: 100;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.movieBox .thumb::after {
	content: '';
	display: block;
	width: 150px;
	height: 150px;
	width: 8vw;
	height: 8vw;
	background: url(/static/gesuotome/cmn/ico_play.png) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	margin-left: -75px;
	margin-top: -75px;
	margin-left: -4vw;
	margin-top: -4vw;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 50;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.movieBox:hover .thumb .tit,
.movieBox:hover .thumb::after{ opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; }


/* footer
--------------------- */
#home .footerImg{ line-height: 0;position: relative; }
#home #footer{ z-index: 10; }
#home #footer p{ display: inline-block; font-weight: 400; margin-right: 40px; }
.footerImg{ position: relative; }
#footer{
	width: 100%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 0.7rem;
	font-weight: 500;
	text-align: center;
	z-index: 10;
	left: 0;
	background: #f5f5f5;
	padding: 18px 0 16px;
	box-sizing: border-box;
	line-height: 100%;
	position: absolute;
	bottom: 0;
}
#footer p{ display: inline-block; margin-right: 40px;}
#footer a:hover{ text-decoration: none; }


/* detail
================================ */
/* cmn */
.detail #container{ padding: 0 0 180px;}
.detail h2.sectionTit{
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 10%;
	margin-bottom: 140px;
	background: #000;
	color: #fff;
	line-height: 56%;
	padding-top: 150px;
}
h2.sectionTit:first-letter{ letter-spacing:-0.2em;}
.detail h2.sectionTit span{ vertical-align: 4px; }
.detail .infoList,
.detail .liveList{ width: 80%; margin: 0 auto; }
.backLink { text-align: center; margin-top: 80px; opacity:1;top:0;}

/* header */
.detail #header{ top:0; }

/* categoryList */
.categoryList{
	text-align: left;
	padding-left: 11%;
	margin-bottom: 100px;
	margin-top: -70px;
	position: relative;
	z-index: 10;
}
.categoryList li{ display: inline-block; margin-right: 30px; margin-right: 3vw; }
.categoryList .current,
.categoryList li a{
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-decoration: none;
	font-size: 0.85rem;
	letter-spacing: 0.02em;
	position: relative;
}
.categoryList .current{ display: inline-block; position: relative; }
.categoryList li a::before,
.categoryList .current::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: -4px;
	left: 0;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right;
	-moz-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	-webkit-transition: transform 0.7s cubic-bezier(.19,1,.22,1);
	transition: transform 0.7s cubic-bezier(.19,1,.22,1);
}
.categoryList .current::before{ -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
.categoryList li a:hover::before{ -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); transform-origin: left; }


/* info
--------------------- */
#news.detail .infoDetail{ width: 60%; margin:0 auto; }
#news.detail .infoDetail .tit{ font-size: 2.2rem; font-weight: 100; margin-bottom: 60px; }
#news.detail .infoDetail .date{ font-size: 1rem; margin-bottom: 10px;}
#news.detail .infoDetail{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#news.detail .infoDetail .thumb{ position:relative; margin-bottom: 100px;}
#news.detail .infoDetail .thumb img{ width: 100%; }
#news.detail .infoDetail .tit{ line-height: 140%; }
#news.detail .infoDetail .text { font-size: 0.88rem;}
#news.detail .infoDetail .text a:hover{ text-decoration: none; }
#news.detail .infoDetail .new{ font-size: 1.3rem; margin:0; }
#news.detail .infoDetail h3.tit{ font-size: 1.8rem; margin: 30px 0;}
.scheduleList{ margin: 30px auto;}
.scheduleList li{
	padding-bottom: 25px;
	margin-bottom: 25px;
	position: relative;
}

/* scheduleList */
.scheduleList li:not(:last-child)::after{
	content: '';
	display: block;
	width: 4em;
	height: 1px;
	background: #ccc;
	position: absolute;
	bottom: 0;
}
.scheduleList li .venue{
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.2rem;
	margin-bottom: 15px;
}
.scheduleList dt{
	width: 9em;
	background: #f0f0f0;
	color: #000;
	font-size: 0.65rem;
	text-align: center;
	float: left;
	clear: left;
}
.scheduleList dd{ padding-left: 7.5em; margin-bottom: 10px;}

/* shareList */
.shareList{ color:#000; font-size:12px; margin-top: 60px;}
.shareList li{display: inline-block;margin-right:8px;vertical-align: middle;}
.shareList a{display: block;width:30px;height:30px;line-height:30px;text-align: center;color:#000;font-size: 18px; position: relative;}
.shareList .fa{vertical-align:-2px;}
.shareList .facebook .fa{ position: relative; left: -1px; }
.shareList a svg{
	transform: rotate(-90deg);
	position: absolute;
	top: 0;
	left: -1px;
}
.shareList a circle{ fill: transparent; stroke: #000; stroke-width: 0; }
.shareList a.mout circle{ stroke-width: 0.8; animation: circle-out .6s 1 ease forwards; }
.shareList a:hover circle{ stroke-width: 0.8; animation: circle .6s 1 ease forwards; }


/* live
--------------------- */
#news.detail .liveList{ display:block; }
#news.detail .liveList li:nth-last-of-type(-n+3){ margin-bottom: 50px; }
#news.detail .liveList li a p.tit span{ border-bottom: none !important; }
#news.detail .infoDetail .event.date{
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
#news.detail .infoDetail .event.date span{ font-size: 1.2rem; }
#news.detail .infoDetail .event.date.end{ position: relative;  padding-left: 30px;}
#news.detail .infoDetail .event.date.end::before{
	content: '';
	display: block;
	background: #000;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 26px;
	left: 6px;
}


/* movie
--------------------- */
#news.detail h2.sectionTit.movie:first-letter{ letter-spacing: -0.1em;}
#news.detail .movieList li{ width: 46%; margin: 0 4% 50px 0; }
#news.detail .movieList li:nth-child(3n){ margin-right: 4%; }
#news.detail .movieList li:nth-child(2n){ margin-right:0; }
#news.detail .movieList .view .thumb::after,
#news.detail .movieList .view .thumb img{ animation: inherit; }
#news.detail .movieBox{ opacity: 1; top:0; }
#news.detail .movieBox .thumb .tit{ font-size: 1.4rem; margin-top: 2.4rem; }
#news.detail .movieBox .thumb::after {
	width: 100px;
	height: 100px;
	width: 5vw;
	height: 5vw;
	margin-left: -50px;
	margin-top: -50px;
	margin-left: -2.5vw;
	margin-top: -2.5vw;
}
#news.detail .movieBox .thumb{ position: relative; }
#news.detail .movieList.infoList .view:nth-child(2n+1){ -webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; }
#news.detail .movieList.infoList .view:nth-child(2n){ -webkit-transition: all .6s ease-out .3s; transition: all .6s ease-out .3s; }


/* profile
--------------------- */
.detail .profile .thumb{ width: 80%; margin: 0 auto 80px;position: relative; }
.detail .profile .memberProf,
.detail .profile .text{ width: 80%; font-size: 0.9rem; margin: 0 auto; }
.detail .profile .memberProf{
	font-size: 1.1rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 50px;
}
.detail .profile .memberProf li{ float: left; width: 25%; position: relative; }
.detail .profile .memberProf li::after,
.detail .profile .thumb::after{
	content:'';
	display: block;
	width: 0;
	height: 100%;
	background: #000;
	position: absolute;
	top:0;
	left:0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.detail .profile .thumb,
.detail .profile .profArea{ opacity: 0; position: relative; top: 50px;}
.detail .profile .thumb.view{ top: 0; opacity: 1; -webkit-transition: all .8s ease; transition: all .8s ease; }
.detail .profile .profArea{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.detail .profile .profArea.view{ top: 0; opacity: 1; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.detail .profile .memberProf dt{ position: relative; display: inline-block; }
.detail .profile .memberProf dd{ display: inline-block; padding-left: 3.6rem; }
.detail .profile .memberProf dd a{ display: block; position: relative; }

.detail .profile .memberProf dd a svg{ transform: rotate(-90deg); position: absolute; top: -2px; left: -8px; }
.detail .profile .memberProf dd a circle{ fill: transparent; stroke: #000; stroke-width: 0; }
.detail .profile .memberProf dd a.mout circle{ stroke-width: 0.8; animation: circle-out .6s 1 ease forwards; }
.detail .profile .memberProf dd a:hover circle{ stroke-width: 0.8; animation: circle .6s 1 ease forwards; }
.detail .profile .memberProf dt span{
	display: inline-block;
	font-size: 0.7em;
	vertical-align: 2px;
	margin-left: 9px;
	position: relative;
}
.detail .profile .memberProf dt .name{ font-size:1.2rem; }
.detail .profile .memberProf dt::after{
	content: '';
	display: block;
	width: 1.5em;
	height: 1px;
	background: #000;
	position: absolute;
	top: 0.85em;
	right: -2.7rem;
}
.detail .profile .memberProf dd a i{ font-size: 1rem;}
.detail .profile .text{ line-height: 280%; }


/* disco
--------------------- */
#disco .infoList li:nth-last-of-type(3){ margin-bottom:0; }
#disco .infoList li .thumb{ margin-bottom: 20px; }
#disco .infoList li .thumb img{ height: 100%; }
#disco .infoList li a{ display: block; position: relative; }
#disco .infoList li figure{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#disco .infoList .discoCat{ display: inline-block; font-size: 0.9rem; }
#disco .infoList .tit{ display: block; }

/* detail */
#disco .discoDetail{ width: 80%; margin: 0 auto; }
#disco .discoDetail .thumbArea{ width: 45%; float: left; margin-right: 5%; }
#disco .discoDetail .thumbArea .thumb{ position: relative; line-height: 0; }
#disco .discoDetail .thumbArea .thumb:not(:last-child){ margin-bottom: 20px; }
#disco .discoDetail .textArea{
	width: 50%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	overflow: hidden;
}
#disco .discoDetail .date{ font-family: "Open Sans"; margin-bottom: 30px; }
#disco .discoDetail .cat {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
#disco .discoDetail .cat::after { display: none;}
#disco .discoDetail h3{
	font-size: 2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
}
#disco .discList{ margin-top: 60px;}
#disco .discoDetail .trackTit{font-size: 1rem;}
#disco .trackList li{ margin-bottom: 5px; }
#disco .tieup{ font-size: 0.65rem; padding-left: 1.5em; }


/* goods
--------------------- */
#goods h3.tit{ width: 80%;font-size: 1.5rem; margin: -70px auto 30px; }
#goods h3.tit  + .txt{
	width: 80%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0 auto 100px;
}

#goods .infoList li{ width: 18%; margin: 0 2% 40px 0; }
#goods .infoList .view:nth-child(1),
#goods .infoList .view:nth-child(5n+1){-webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s;}
#goods .infoList .view:nth-child(2),
#goods .infoList .view:nth-child(5n+2){-webkit-transition: all .6s ease-out .2s; transition: all .6s ease-out .2s;}
#goods .infoList .view:nth-child(3),
#goods .infoList .view:nth-child(5n+3){-webkit-transition: all .6s ease-out .4s; transition: all .6s ease-out .4s;}
#goods .infoList .view:nth-child(4),
#goods .infoList .view:nth-child(5n+4){-webkit-transition: all .6s ease-out .8s; transition: all .6s ease-out .8s;}
#goods .infoList .view:nth-child(5n){-webkit-transition: all .6s ease-out 1s; transition: all .6s ease-out 1s; margin-right: 0;}
#goods .infoList li:nth-last-of-type(-n+5){ margin-bottom:0; }
#goods .infoList .tit{ display:inline; font-size: 0.75rem; line-height: 140%; }
#goods .infoList li a .new{
	font-size: 0.6rem;
	vertical-align: 1px;
	padding-left: 0;
	margin-left: 5px;
}

/* modal */
.mfp-content .modal{
	width: 50%;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -25%;
}
.mfp-content .inner .thumb{ width: 70%; margin: 0 auto 20px; }
.mfp-content .inner .thumb .photo{
	width: 100%;
	background: no-repeat center;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
.mfp-content .inner .comment{ color: #fff;text-align: center; font-size:11px; }
.mfp-content .inner .tit{ color: #fff; text-align: center; font-size: 16px; margin-bottom: 5px; }
.mfp-content .inner .btn a{
	width: 100px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.06em;
	border: 1px solid rgba(255,255,255,0.5);
	line-height: 20px;
	margin: 10px auto 0;
	position: relative;
}
.mfp-close-btn-in .mfp-content .mfp-close{
	display: block;
	color: #fff;
	opacity: 1;
	top: -5px;
	right: 8%;
	text-indent: -9999px;
	position: absolute;
	font-size: 31px;
}
.mfp-close-btn-in .mfp-content .mfp-close::before,
.mfp-close-btn-in .mfp-content .mfp-close::after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	position:absolute;
	top: 21px;
	left: 0px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.mfp-close-btn-in .mfp-content .mfp-close::after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.mfp-content .inner .btn a:hover,
.mfp-close-btn-in .mfp-content .mfp-close:hover{ opacity: 0.5; }
.mfp-wrap.mfp-gallery .mfp-arrow::before,
.mfp-wrap.mfp-gallery .mfp-arrow::after {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: none;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	background: #fff;
}
.mfp-arrow-left { left: 24% !important; }
.mfp-arrow-right { right: 24% !important; }
.mfp-wrap.mfp-gallery .mfp-arrow-right::before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 14px;
	left: 0px;
}
.mfp-wrap.mfp-gallery .mfp-arrow-left:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 3px;
	left: -4px;
}
.mfp-wrap.mfp-gallery .mfp-arrow-left:after{ border-right: none; margin-left: 31px; top: 17px; }


/* introduction
--------------------- */
#entry #wrap{ background: #000; color: #fff; }
#entry #container{ overflow: hidden; }
#entry .inner{ width: 70%; margin: 0 auto; padding-top: 200px; position: relative; }
#entry h2.sectionTit{ height: 200px; line-height: 0; padding: 0; margin-bottom: 40px; }
#entry h2.sectionTit svg{ fill: #fff; width: 100%; height: 100%; }
#entry .inner .txt{ margin-bottom: 10px; }
#entry #topArea { padding-top: 50px; }
#entry #topArea .box{
	background: #000;
	padding: 30px;
	margin: 0 auto;
	line-height: 200%;
	font-size: 16px;
}
#entry #topArea h2.contTit{ width: 561px; margin-bottom: 70px; }
#entry .contTit{
	color: #fff;
	margin: 0 auto 40px;
	font-size: 32px;
	text-align: center;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 0.02em;
}
#entry #registInfo .block,
#entry #registInfo .lead{ background: #000; padding: 60px 0; margin: 0 0 100px;}
#entry #registInfo .contTit{
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: normal;
}
#entry #registInfo .block:last-child{ margin-bottom: 40px; }
#entry #contArea .tit{
	text-align: center;
	color: #fff;
	font-size: 4rem;
	font-weight: 400;
	line-height: 56%;
	text-indent: -1.5em;
	letter-spacing: -0.1em;
	padding: 150px 0 0 10%;
	margin-bottom: 90px;
}
#entry #contArea .tit:first-letter{ font-size: 6rem; letter-spacing:-0.2em;}
#entry #contArea li{
	width: 48.9%;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 8px;
	padding: 20px;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	color: #000;
	position: relative;
	top: 50px;
	opacity:0;
	-webkit-transition: all .6s ease;
	transition: all .6s ease ;
}
#entry #contArea li.view{ opacity: 1; top: 0; }
#entry #contArea li .subtit{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	text-indent: -0.1em;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: -0.08em;
	margin-bottom: 5px;
}
#entry #contArea li .subtit:first-letter{ font-size: 1.9rem;letter-spacing: -0.2em; }
#entry #contArea li:nth-child(even){ margin-right: 0;}
#entry .list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
#entry .back a{ margin: 0 auto 40px; }
#entry #contArea li div{ overflow: hidden; }
#entry #contArea .block{ background: #000; padding: 30px; margin: 30px auto 80px; }
#entry #registInfo .txt a{ text-decoration: underline; }
#entry h3{ color: #fff; font-weight:bold; font-size: 15px; margin-bottom: 15px; }
#entry #specificInfo{ display: block; width: 100%; border: solid 1px #f3efe0; box-sizing: border-box; background: #000; }
#entry #specificInfo th,
#entry #specificInfo td{ padding: 20px; border-bottom:solid 1px #f3efe0; font-size:14px; line-height:1.7em; font-weight: normal; }
#entry #specificInfo th{ width: 23%; border-right:solid 1px #f3efe0; vertical-align:middle; text-align:center; font-size: 15px; }
#entry #specificInfo tr:last-child th, #entry #specificInfo tr:last-child td { border-bottom: none; }
#entry #specificInfo td.price { font-size: 16px; font-weight: bold; }
#entry #specificInfo td.price .tax { font-size: 12px; font-weight: normal; margin: 0 0 0 -3px; }
#entry #specificInfo td .sml { display: block; font-size: 13px; line-height: 1.5em; font-weight: normal; margin: 3px 0 0 ; }
#entry #specificInfo dl{ margin-bottom:10px; }
#entry #specificInfo dt{ font-size:13px; margin-bottom:5px; }
#entry #specificInfo dd{ line-height:1.5em; font-size:13px; margin-bottom:2px; }
#entry #mailmagArea .block{ background: #000; padding: 15px 5%; margin: 0 4% 30px; }
#entry #topArea .txt{
	float: left;
	width: 72%;
	font-size: 16px;
	line-height: 200%;
	margin-right: 2%;
}
#entry #topArea .lead{ font-size: 1.6rem; text-align: justify; line-height: 180%; margin-bottom: 30px; }
#entry #topArea .ph{ width: 24%; overflow: hidden; text-align: center; }
#entry #topArea .ph img{ width: 120px;}
#entry #entryArea{ margin-top: 90px; }
#entry #footer a,
#entry .backLink a{ color: #fff; }
#entry .backLink a::before{ background-image: url(/static/gesuotome/cmn/ico_more_w.png); }

/* gesu */
#entry .gesu01{
	width: 120px;
	width: 20vw;
	position: absolute;
	top: -172px; top: -48vw;
	left: -42%; left: -42vw;
	transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	-webkit-transition: all .6s ease-out .5s;
	transition: all .6s ease-out .5s;
	z-index: 200;
}
#entry.loaded .gesu01{ top: -81px; top: -3vw; left: -19%; left: -22vw; }
#entry .gesu02{
	width: 27%; width: 23vw;
	position: absolute;
	right: 0%;
	top: 50px;
	z-index: 9;
	-webkit-transition: all .2s ease .8s;
	transition: all .2s ease .8s;
}
#entry .view .gesu02{ top: 0; right: -3%; }
#entry .gesu03{
	width: 50%;
	width: 17vw;
	right: -57%;
	right: -52vw;
	bottom: -50px;
	bottom: -8vw;
	z-index: 10;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	position: absolute;
	-webkit-transition: all .6s cubic-bezier(0.1, 1.01, 1, 0.96) .4s;
	transition: all .6s cubic-bezier(0.1, 1.01, 1, 0.96) .4s;
}
#entry .view .gesu03{ right: -27%; right: -22vw; }
#entry .gesu04{
	width: 62%; width: 25vw;
	position: absolute;
	left: -51%; left: -45vw;
	bottom: -90px; bottom: -30vw;
	-webkit-transition: all .6s cubic-bezier(0.1, 1.01, 1, 0.96);
	transition: all .6s cubic-bezier(0.1, 1.01, 1, 0.96);
	z-index: 10;
	transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
}
#entry .view .gesu04{ left: -28%; left: -25vw; bottom: -70px; bottom: -20vw; }
#entry .gesu05{
	display: block;
	width: 20%;
	margin: 20px auto;
	position: relative;
	top: 50px;
	opacity: 0;
	-webkit-transition: all .3s cubic-bezier(0.1, 1.01, 1, 0.96);
	transition: all .3s cubic-bezier(0.1, 1.01, 1, 0.96);
}
#entry .view.gesu05{ top: 0; opacity: 1; }
#entry .gesu06{ display: none; position: fixed; bottom: 0; z-index: 1; }


/* error
--------------------- */
#error h2.sectionTit:first-letter{ letter-spacing: 0; }
#error .box{ width: 80%; margin: 0 auto; }
#error .box p{ margin-bottom: 60px; }
#error .box .lead{ font-size:1rem; margin-bottom: 30px; }


/* TABLET
=================================== */
@media screen and (max-width: 960px){
	/* cmn
	--------------------- */
	#wrap{ min-width:inherit; }
	.detail h2.sectionTit{ margin-bottom: 80px; }
	h2.sectionTit{ font-size: 3rem; }
	h2.sectionTit:first-letter{ font-size: 5rem; letter-spacing:-0.1em;}

	/* home
	--------------------- */
	/* heroImg */
	#home #heroImg .inner { padding-top: 48%; padding-top: 30vh; }
	#home #heroImg .inner .heroBox{ margin-bottom:100px; }
	#home #heroImg .inner .logoMask::after { height: 94%; top: 7px; }
	#home.loadNone #heroImg .inner .logoMask span { background-size: 200% !important; }
	#home #heroImg .inner .logoMask span { background-attachment: inherit; }
	#home #heroImg .inner .gNav { width: 80%; margin: 0 auto 20px; }
	#home #heroImg .inner .gNav li { margin: 0 30px 10px 0; }
	#home #heroImg .inner .gNav li span,
	#header span{ color: #555; }

	/* info */
	#home section .inner{ width: 85%; }

	/* movie */
	.movieBox .thumb::after{
		width: 10vw;
		height: 10vw;
		margin-left: -5vw;
		margin-top: -6vw;
		opacity:1;
	}
	.movieBox .thumb .tit{ margin-top: 2.5rem; }

	/* detail
	--------------------- */
	.detail h2.sectionTit { padding-left: 6%; }

	/* infoList */
	.detail .infoList, .detail .liveList { width: 85%; }
	.infoList li{ width: 47.9%; margin: 0 4% 50px 0; }
	.infoList li:nth-child(3n){ margin-right: 4%;}
	.infoList li:nth-child(even){ margin-right: 0;}
	.infoList li:nth-last-of-type(-n+2){ margin-bottom: 0;}
	.infoList .view:nth-child(2n+1){ -webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s; }
	.infoList .view:nth-child(2n){ -webkit-transition: all .6s ease-out .3s; transition: all .6s ease-out .3s; margin-right:0;}
	#news.detail .infoDetail { width: 85%; margin: 0 auto; }

	/* categoryList */
	.categoryList{ padding-left: 8%; margin-top: -40px; margin-bottom: 50px;}

	/* goods */
	#goods .infoList li { width: 47.9%; margin: 0 2% 40px 0; }
	#goods .infoList .view:nth-child(odd){-webkit-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s;}
	#goods .infoList .view:nth-child(even){-webkit-transition: all .6s ease-out .3s; transition: all .6s ease-out .3s;}
	.mfp-content .modal { width: 70%; margin-left: -35%; }
	.mfp-content .inner .thumb { width: 100%; }
	.mfp-wrap.mfp-gallery .mfp-arrow::before, .mfp-wrap.mfp-gallery .mfp-arrow::after { width: 40px;}
	.mfp-wrap.mfp-gallery .mfp-arrow-left:before { top: -11px; }
	.mfp-wrap.mfp-gallery .mfp-arrow-right::before { top: 28px; }
	.mfp-arrow-right { right: 0% !important; }
	.mfp-arrow-left { left: 0% !important; }
	.mfp-close-btn-in .mfp-content .mfp-close { top: -6vw; right: -10%; }
	.mfp-arrow{ margin-top: -75px; }
	button.mfp-arrow{ margin-top: -80px; }

	/* profile */
	.detail .profile .thumb{ width: 85%; margin: 0 auto 30px; }
	.detail .profile .memberProf li {width: 50%; margin-bottom: 12px; }

	/* disco */
	#disco .infoList li:nth-last-of-type(3) { margin-bottom: 80px; }
	#disco .discoDetail{ width: 85%; }
	#disco .discoDetail .thumbArea { width: 100%; float: none; text-align: center;margin-right: 0;}
	#disco .discoDetail .textArea { width: 100%; overflow: hidden; margin-top: 50px; }

	/* movie */
	#news.detail .movieList li { width: 100%; margin: 0 0 50px 0; }
	.movieBox .thumb .tit{ opacity:1; }
	#news.detail .movieBox .thumb::after {
		width: 150px;
		height: 150px;
		width: 10vw;
		height: 10vw;
		margin-left: -75px;
		margin-top: -75px;
		margin-left: -5vw;
		margin-top: -5vw;
		opacity:1;
	}
	#news.detail .movieBox .thumb .tit { font-size: 1.6rem; margin-top: 2.8rem; }

	/* entry
	--------------------- */
	#entry .inner { width: 85%; padding-top: 160px; }
	#entry #contArea li{ width: 48.9%; }
	#entry #contArea .tit { font-size: 3rem; padding: 70px 0 0 10%; margin-bottom: 60px; }
	#entry #contArea .tit:first-letter{ font-size: 5rem; letter-spacing:-0.25em;}
	#entry .list { margin-bottom: 60px; }
	#entry #topArea .box { padding: 0; }
	#entry .gesu01 { top: 61px; top: 10vw; left: -42%; left: -32vw; }
	#entry.loaded .gesu01 { top: 61px; top: 10vw; left: -21%; left: -19vw; }
	#entry .view .gesu03 { right: -27%; right: -13vw; }
	#entry .view .gesu04 { left: -51%; left: -21vw; bottom: -130px; bottom: -16vw; }
	#entry .gesu05 { width: 30%; margin: 10px auto; }
}

@media screen and (max-width: 846px){
	#header ul{ padding-bottom: 10px; }
	#header li { padding: 10px 5px 0 0; }
	#header a, #header span { font-size: 0.7rem; }
}

/* IE
--------------------- */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #home #heroImg .inner .logoMask::after {
	 opacity: 0.5;
	}
	*::-ms-backdrop, #home #heroImg .inner .logoMask svg {
	 height:29vw;
	 width: 102%;
	 left: -12px;
	}
	*::-ms-backdrop, #heroImg .inner .logoMask {
    position: relative;
    top: -10px;
	}
	*::-ms-backdrop, #home #heroImg .inner .logoMask::after {
		opacity: 0.5;
	}
	*::-ms-backdrop, #home.loadNone #heroImg .inner .logoMask::after{
		opacity: 0.5 !important;
	}
}
_:-ms-lang(x), _::-webkit-meter-bar,#home #heroImg .inner .logoMask::after {
	opacity: 0.5 !important;
}
_:-ms-lang(x), _::-webkit-meter-bar, #home.loadNone #heroImg .inner .logoMask::after {
	opacity: 0.5 !important;
}


/* safari
--------------------- */
_::-webkit-full-page-media, _:future, :root #home #heroImg .inner .gNav .sns a svg{
	top: -6.8px; left: -8px;
}
_::-webkit-full-page-media, _:future, :root .shareList a svg{
	top: 1.5px; left: -1.5px;
}
_::-webkit-full-page-media, _:future, :root .detail .profile .memberProf dd a svg{{
	top: 0.4px; left: -8.2px;
}