@charset "UTF-8";
/*====================
reset
====================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
*/
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:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
a:hover {
	opacity: 1;
	filter: alpha(opacity=80);
	-moz-opacity: 1;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*-- common --*/
html, body {
	-webkit-font-smoothing: antialiased;
	-webkit-print-color-adjust: exact;
	-webkit-text-size-adjust: none;
}
body {
	min-width: 1000px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	color: #000;
	letter-spacing: 0.05em;
}
body[data-page^="popup"] {
	min-width: 600px;
}
body * {
	box-sizing: border-box;
	word-break: break-all;
}
body, div, p, form, input, textarea, select, option, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, address, button, figure, figcaption {
	font-style: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
select, input[type="text"], input[type="password"], textarea {
	border: 0px;
	border-radius: 0;
	box-shadow: 0;
	outline: none;
	font-family: '游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size: 14px;
	color: #000;
	letter-spacing: 0.05em;
}
input[type="text"], input[type="password"], textarea, select {
	outline: none;
}
table {
	border-collapse: collapse;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
	display: block;
}
img, svg {
	border: 0;
	vertical-align: middle;
}
ul, ol, li {
	list-style: none;
}
a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}
i {
	font-style: normal;
}
.header_nav {
	top: 0;
	position: fixed;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.9);
	width: 100%;
}
.header_nav .submenu {
	display: block;
	font-size: 0.6em;
}
.header_nav .logo_liquid {
	float: left;
	width: calc(100% - 1355px);
	position: relative;
}

@media screen and (max-width: 1570px) {
.header_nav .logo_liquid {
	display: none;
}
}
.header_nav .logo {
	float: left;
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.header_nav span {
	display: block;
	font-size: 0.9em;
	margin-top: -28px;
	font-weight: initial;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.header_nav ul {
	font-size: 0;
	white-space: nowrap;
	float: right;
}
.header_nav ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.header_nav ul li a {
	color: #fff;
}
.header_nav ul .button {
	display: inline-block;
	height: 60px;
	text-decoration: none;
	outline: none;
}
.header_nav ul li .button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.header_nav ul li .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.header_nav ul li .button_on {
	position: relative;
	z-index: 2;
	overflow: hidden;
	line-height: 3.8;
	font-size: 12px;
	float: left;
	width: 104px;
	text-align: center;
	border-right: 1px solid #4b4b4b;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	transition: background 500ms cubic-bezier(0.19, 1, 0.22, 1);
	letter-spacing: 1px;
	font-family: 'Arial';
	font-weight: 700;
}
.header_nav ul li .button_on:hover {
	color: #000;
}
.header_nav ul li .button_on::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.header_nav ul li .button_on:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #fff;
}
.wrapper_sub {
	clear: both;
	margin-top: 0;
}
.breadcrumb {
	font-size: 12px;
	width: 100%;
	background-color: #f0f0f0;
	padding-left: 12%;
	height: 50px;
	padding-top: 20px;
	box-sizing: border-box;
}
.breadcrumb ul li {
	display: inline-block;
}
.breadcrumb ul li:last-child {
	color: #e44bbb;
}
.breadcrumb ul li a {
	color: #000;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #e44bbb;
	text-decoration: underline
}
.breadcrumb2 {
	font-size: 12px;
	width: 100%;
	background-color: #f0f0f0;
	padding-left: 12%;
	height: 50px;
	padding-top: 20px;
	box-sizing: border-box;
}
.breadcrumb2 ul li {
	display: inline-block;
}
.breadcrumb2 ul li:last-child {
	color: #e44bbb;
}
.breadcrumb2 ul li a {
	color: #000;
	text-decoration: none;
}
#title {
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	height: 50px;
	margin-top: 55px;
	border-bottom: #e44bbb 1px solid;
	width: 290px;
	margin: 55px auto 80px;
	color: #e44bbb;
}
#title h1 {
	font-style: italic;
	font-family: 'Arial';
}
.footer {
	position: relative;
	z-index: 1000;
}
.footer_snsLine {
	line-height: 80px;
	height: 80px;
	background-color: #eee;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.footer_snsLine p {
	transition: color 500ms;
	display: inline-block;
	color: #000;
	font-size: 15px;
	vertical-align: middle;
	letter-spacing: 0.3em;
}
.footer_snsLine a:hover p {
	color: #fff;
}
.footer_snsLine a {
	transition: background 500ms;
	display: block;
}
.footer_snsLine a:hover {
	background-color: #57A4A9;
}
.footer_snsLineList {
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
}
.footer_snsLineList:before {
	transition: color 500ms;
	content: "Follow Us!";
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-size: 15px;
	letter-spacing: 0.1em;
}
.footer_snsLine a:hover .footer_snsLineList:before {
	color: #fff;
}
.footer_snsLineList li {
	display: inline-block;
	vertical-align: middle;
}
.footer_snsLineList li:first-child {
	position: relative;
	padding-left: 10px;
	margin-left: 30px;
}
.footer_snsLineList li:first-child:before {
	transition: background 500ms;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -22px;
	display: block;
	width: 25px;
	height: 1px;
	margin: auto 0;
	background-color: #999999;
}
.footer_snsLine a:hover .footer_snsLineList li:first-child:before {
	background-color: #fff;
}
.footer_snsLineList svg {
	transition: fill 500ms;
	width: 18px;
	height: 18px;
	fill: #000;
}
.footer_snsLine a:hover .footer_snsLineList svg {
	fill: #fff;
}
.toTop {
	text-align: center;
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.toTop a {
	display: block;
	width: 40px;
	height: 40px;
	transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #000;
	background-image: url(../images/footer/i_arrow_blk.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.toTop a:hover {
	background-color: #ccc;
	background-image: url(../images/footer/i_arrow_blk.png);
}
.footer {
	position: relative;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	letter-spacing: 0.1em;
	color: #000;
}
.footer a {
	color: #000;
}
.footer_intro {
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 250px 0 270px;
	animation: third 10s infinite;
	animation-delay: 0s;
	animation-delay: 8s;
	background: linear-gradient(#1b1b1b, #000);
}
.footer_intro ul li span {
	display: block;
	font-size: 0.75em;
	font-weight: initial;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8em;
}
.footer_intro a {
	color: #fff;
}
.footer_intro a:hover {
	color: #AA5287;
}
.footer_intro ul {
	width: 1295px;
	margin: 0 auto;
	font-weight: 700;
}
.footer_intro ul li {
	margin-right: 24px;
	font-size: 15px;
	font-family: 'Arial';
	float: left;
}
.footer_intro ul li:last-of-type {
	margin-right: 0;
}
.footer_inner {
	width: 1267px;
	margin: 0 auto;
	padding-top: 40px;
	overflow: hidden;
}
.footer_link {
	display: table;
}
.footer_copyright {
	text-align: center;
	padding: 40px 0;
	position: relative;
	font-family: 'Times New Roman';
	font-size: 18px;
}
.footer_copyright i {
	padding-right: 2px;
}
.footer_copyright svg {
	width: 166px;
	height: 12px;
	fill: #fff;
}
.footer_inner .footer_link {
	float: left;
}


/*-- animation --*/
.footer_inner .footer_link .button_f::before, .button_f::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.footer_inner .footer_link .button_f, .button_f::before, .button_f::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.footer_inner .footer_link .button_f {
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 2;
	border: 10px solid #eee;
	overflow: hidden;
	height: 166px;
	width: 166px;
	padding-top: 30px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-right: 10px;
}
.footer_inner .footer_link .button_f:last-of-type {
	margin-right: 0;
}
.footer_inner .footer_link .button_f:hover {
	color: #eee;
	border: 5px solid #000;
}
.footer_inner .footer_link .button_f::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.footer_inner .footer_link .button_f:hover::after {
	background: #000;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.footer_inner .footer_link a ul li:nth-of-type(1) {
	font-size: 12px;
	margin-bottom: 14px;
	font-family: 'Arial';
}
.footer_inner .footer_link a ul li:nth-of-type(2) {
	line-height: 1.6;
	font-size: 18px;
}
.footer_inner .footer_link a ul li:nth-of-type(3) {
	margin: 10px 0;
}

/*-- girllist --*/
#main_image {
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin: 0 auto;
}
#main_image #tit_parent {
	position: relative;
	width: 340px;
	height: 750px;
	margin: 0 auto;
}
#main_image #tit_parent h2 {
	color: #000;
	font-family: 'Bedini', 'Times New Roman';
	font-size: 45px;
	position: absolute;
	width: 340px;
	top: 240px;
	padding: 20px 20px 10px;
	border: #000 6px solid;
	box-sizing: border-box;
	line-height: 0.5em;
}
#main_image #tit_parent h2 span {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* システム入ったら消す */
#main_image2 {
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin: 0 auto;
	text-align: center;
}
.main_image2_cosplay {
	background-image: url(../images/submainbna/cosplay.jpg);
}
.main_image2_storelist {
	background-image: url(../images/submainbna/storelist.jpg);
}
.main_image2_photomail {
	background-image: url(../images/submainbna/photomail.jpg);
}
#main_image2 #tit_parent {
	position: relative;
	width: 340px;
	height: 750px;
	margin: 0 auto;
}
#main_image2 #tit_parent h2 {
	color: #000;
	font-family: 'Bedini', 'Times New Roman';
	font-size: 45px;
	position: absolute;
	width: 340px;
	top: 240px;
	padding: 20px 20px 10px;
	border: #000 6px solid;
	box-sizing: border-box;
	line-height: 0.5em;
}
#main_image2 #tit_parent h2 span {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/* /システム入ったら消す */

#area_arrivals ul li img {
	max-width: 100%;
	min-width: 100%;
	background-size: cover;
}
#area_arrivals ul li {
	position: relative;
}
#area_arrivals ul li span {
	position: absolute;
	width: 160px;
	bottom: 10px;
	left: 0;
	color: #fff;
	font-size: 12px;
	padding: 5px 5px 5px 10px;
	line-height: 1.2;
	font-weight: bold;
}
#area_arrivals ul li span.osaka {
	background-color: rgba(255,0,0,0.7);
}
#area_arrivals ul li span.kyoto {
	background-color: rgba(255,0,186,0.7);
}
#area_arrivals ul li span.hyogo {
	background-color: rgba(210,0,255,0.7);
}
#area_arrivals ul li span.nara {
	background-color: rgba(144,0,255,0.7);
}
#area_arrivals ul li span.wakayama {
	background-color: rgba(84,0,255,0.7);
}
#area_arrivals ul li span.shiga {
	background-color: rgba(0,195,213,0.7);
}
#area_arrivals ul li span.okayama {
	background-color: rgba(91,193,1,0.7);
}
#area_arrivals dl {
	margin: 10px;
	line-height: 1.4;
	font-size: 14px;
}
#area_arrivals dl dt {
	color: #999999;
}
#area_arrivals div {
	position: relative;
	border-bottom: 1px solid #000;
	width: 100%;
	margin: 15px 0 20px;
}
#area_arrivals div img {
	position: absolute;
	right: 0;
	bottom: 0;
}
#area_arrivals p {
	font-family: 'Arial';
	border: 1px solid #c1c1c1;
	margin: 10px;
	padding: 16px;
	text-align: center;
	background: #f8f8f8;
	font-weight: bold;
	letter-spacing: 1.5px;
	font-size: 14px;
}
h3 {
	padding: 10px 0;
	color: #f00;
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
	font-style: italic;
}
#galslist .btn {
	position: relative;
	letter-spacing: 0.6px;
	width: 1200px;
	margin: 20px auto;
	text-align: center;
}
#galslist .btn li {
	position: relative;
	font-size: 18px;
	font-family: 'Arial';
	border: 6px solid #eee;
	padding: 20px 0;
	text-align: center;
	width: 280px;
	margin: 10px 10px 40px 0;
	display: inline-block;
}
#galslist .btn li:last-of-type {
	margin-right: 0px;
}
#galslist .btn li a {
	color: #000;
}
#galslist .btn li span {
	font-size: 15px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-left: 15px;
}
#galslist .btn li div {
	z-index: 1;
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #4f4f4f;
	border-right: solid 1px #4f4f4f;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 27px;
	right: 20px;
	position: absolute;
}
#galslist h4 {
	position: relative;
	text-align: center;
}
#galslist h4 i {
	margin-right: 5px;
}
#galslist h4 span {
	background: #fff;
	padding: 3px 10px;
}
#galslist h4::after {
	content: "";
	position: absolute;
	top: 0%;
	right: 0;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 17px;
	background-color: #eee;
}
#galslist #details {
	margin: 20px auto;
	overflow: hidden;
	width: 1370px;
	margin: 0 auto;
}
#galslist #details .shop_name {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
	width: 264px;
	text-align: center;
	margin-bottom: 10px;
}
#galslist #details li {
	position: relative;
	font-family: 'Times New Roman', serif;
	width: 264px;
	height: 375px;
	display: inline-block;
	margin: 30px 0 0 5px;
}
#galslist #details li p:nth-of-type(2) {
	position: absolute;
	height: 81px;
	width: 81px;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.7);
	border-radius: 50%;
	margin: 5px;
	z-index: 10;
	padding-top: 17px;
	text-align: center;
}
#galslist .enter-shop li p:nth-of-type(2) {
	padding-top: 24px !important;
}
#galslist #details li p.no_circle {
	display: none;
}
#galslist #details li p:nth-of-type(2) span {
	color: #fff;
	font-size: 18px;
	line-height: 4;
}
#galslist .enter-shop li p:nth-of-type(2) span.newface {
	font-size: 15px !important;
}
#galslist #details li p:nth-of-type(2) span.newface {
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}
#galslist #details li p:nth-of-type(2) span.time {
	color: #fff;
	font-size: 18px;
	line-height: 0.8;
}
#galslist #details li p:nth-of-type(2) span.circle {
	color: #fff;
	font-size: 12px;
	line-height: 4;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}
#galslist #details li p:nth-of-type(3) {
	position: absolute;
	color: #fff;
	bottom: 10px;
	font-size: 27px;
	margin: 0 10px;
	text-align: left;
	line-height: 0.8;
}
#galslist #details li p:nth-of-type(3) span:nth-of-type(1) {
	font-size: 14px;
	color: #7dd9ff;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
}
#galslist #details li p:nth-of-type(3) span:nth-of-type(2) {
	font-size: 12px;
}
#galslist #details li div {
	height: 100px;
	width: 264px;
	position: absolute;
	bottom: -3px;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 1)), url() center bottom / cover no-repeat;
	z-index: 1;
}
#galslist #details li img:first-of-type {
	position: absolute;
	right: 0;
	top: 24px;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
#area .menu {
	background: #f8f8f8;
	width: 100%;
}
#area .menu ul {
	width: 1200px;
	margin: 0 auto;
}
#area .menu ul li {
	float: left;
	border-right: solid 1px #a4a4a4;
	text-align: center;
	width: 12.5%;
	height: 55px;
	position: relative;
}
#area .menu li:last-of-type {
	border-right: none;
}
#area .menu li a {
	display: block;
	font-size: 18px;
	line-height: 1.2;
	padding-top: 3px;
}
#area .menu li:nth-of-type(1) a {
	color: #a35e0d;
}
#area .menu li:nth-of-type(2) a {
	color: #ff0000;
}
#area .menu li:nth-of-type(3) a {
	color: #ff00ba;
}
#area .menu li:nth-of-type(4) a {
	color: #d200ff;
}
#area .menu li:nth-of-type(5) a {
	color: #9000ff;
}
#area .menu li:nth-of-type(6) a {
	color: #5400ff;
}
#area .menu li:nth-of-type(7) a {
	color: #00c3d5;
}
#area .menu li:nth-of-type(8) a {
	color: #5bc101;
}
#area .menu li a span {
	font-size: 13px;
	font-family: 'Arial';
	display: block;
}
#area .menu li a div {
	z-index: 1;
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #4f4f4f;
	border-right: solid 1px #4f4f4f;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 77%;
	left: 48%;
	position: absolute;
}
.btn_more {
	margin: 70px 0;
}
.btn_more a {
	position: relative;
	color: #000;
	width: 320px;
	height: 60px;
	line-height: 56px;
	margin: 0 auto;
	border: solid 2px #000;
	background-image: url(../images/arrow_right.png);
	background-position: right center;
}
.btn_more a {
	display: block;
	width: 160px;
	height: 50px;
	padding: 0 15px;
	position: absolute;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 44px;
	letter-spacing: .08em;
	background-repeat: no-repeat;
	background-origin: content-box;
	border: 2px solid #fff;
	z-index: 1;
	transition: background .3s, border .3s;
}
.btn_more a {
	position: relative;
	color: #000;
	width: 320px;
	height: 60px;
	line-height: 56px;
	margin: 0 auto;
	border: solid 2px #000;
	background-image: url(../images/arrow_right.png);
	background-position: right center;
}
.btn_more a:hover {
	color: #fff;
	border: solid 2px #AA5287;
	background-color: #AA5287;
	background-image: url(../images/i_arrow_right.png);
	background-position: right center;
}
.btn_more a::after {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	position: absolute;
	top: 50%;
	background: #fff;
	transition: width .2s, left .2s, right .2s;
	right: 307px;
	background-color: #000;
}
.btn_more a:hover::after {
	width: 0;
	right: 0;
	background-color: #fff;
}

/*-- event_detail --*/
#eventBox {
	width: 850px;
	margin: 40px auto 0;
}
#eventBox .event_img {
	margin-bottom: 40px;
	text-align: center;
}
#eventBox .event_detail {
	border-bottom: #ccc 1px solid;
	margin-bottom: 40px;
	text-align: center;
}
#eventBox .event_detail .title {
	font-size: 20px;
	font-weight: bold;
	height: 60px;
	background-color: #e44bbb;
	color: #fff;
	box-sizing: border-box;
	padding-top: 20px;
}
#eventBox .event_detail .text {
	font-size: 18px;
	margin-top: 30px;
	line-height: 1.5em;
}
#eventBox .event_detail .kigen {
	font-size: 18px;
	color: #e44bbb;
	margin: 30px 0 40px;
	border: #eee 4px solid;
	padding: 10px;
	display: inline-block;
}
#eventBox .btn_back {
	text-align: right;
	margin-bottom: 50px;
}
#eventBox .btn_back a {
	color: #000;
}

/*-- gravure --*/
#g_detail {
	margin-top: 90px;
}
#g_detail .g_top {
	width: 950px;
	margin: 0 auto;
}
#g_detail .g_top .box {
	border-bottom: #ccc 1px solid;
	padding: 10px 0 20px;
	margin-bottom: 40px;
	overflow: hidden;
}
#g_detail .g_top .box .name {
	font-size: 26px;
	font-weight: bold;
	float: left;
}
#g_detail .g_top .box .name span {
	font-size: 18px;
	color: #666666;
}
#g_detail .g_top .box .date {
	float: right;
	padding-top: 10px;
	color: #666666;
}
#g_detail .g_top .area {
	font-size: 26px;
	font-weight: bold;
	clear: both;
	margin-bottom: 10px;
}
#g_detail .g_top .name_big {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
#g_detail .g_top .size {
	font-size: 26px;
	font-weight: bold;
}
#g_detail .g_top .shop_name {
	font-size: 18px;
	font-weight: bold;
	color: #e44bbb;
	margin: 30px 0 40px;
}
#g_detail .g_slider {
	position: relative;
	overflow: hidden;
}
#g_detail .g_slider .slider_wrapper {
	background: #fff;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
#g_detail .g_slider .slider_inner li {
	float: left;
}
#g_detail .btn_back {
	width: 101px;
	margin: 60px auto 40px;
	text-align: center;
}
#g_detail .btn_back a {
	color: #000;
}

/*-- movie --*/
#movieBox {
	margin-bottom: 120px;
}
#movieBox ul {
	font-size: 0;
	width: 1051px;
	margin: 0 auto;
}
#movieBox ul li {
	display: inline-block;
	width: 500px;
	position: relative;
}
#movieBox ul li:nth-child(2n) {
	margin-left: 50px;
	margin-bottom: 90px;
}
#movieBox li:last-of-type {
	width: 500px;
	margin: 0 auto;
}
#movieBox #girlData {
	position: relative;
	margin-top: 30px;
}
#movieBox .cast-thum {
	width: 175px;
	height: 175px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 5%;
	margin-top: 20px;
}
#movieBox .text {
	font-size: 12px;
	width: 62%;
	height: 100px;
	position: absolute;
	top: 71px;
	right: 12px;
	padding: 10px;
	z-index: 305;
	background-color: #eee;
}
#movieBox .text p {
	height: 85px;
	overflow: auto;
	line-height: 1.4;
}
#movieBox p.cast-name {
	font-size: 18px;
	font-weight: bold;
	color: #e44bbb;
	margin-bottom: 2px;
	position: absolute;
	top: 3px;
	left: 210px;
}
#movieBox p.size, #movieBox p.store {
	font-weight: bold;
	width: 60%;
}
#movieBox p.size {
	position: absolute;
	top: 28px;
	left: 210px;
	font-size: 14px;
}
#movieBox p.store {
	position: absolute;
	top: 48px;
	left: 210px;
	font-size: 14px;
}
#movie .text p.textArea {
	background-color: #eee;
	line-height: 20px;
	width: 96%;
	height: 60px;
	overflow: auto;
}

/*-- cosplay --*/
#cosplaylist #details {
	margin: 250px auto 20px;
	overflow: hidden;
	width: 1370px;
}
#cosplaylist #details li {
	float: left;
	margin: 0 10px 30px 0;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}
#cosplaylist #details li:nth-of-type(6n) {
	float: left;
	margin: 0 0 25px 0;
}
#cosplaylist #details li div {
	width: 220px;
	border: 8px solid #eee;
	padding: 5px 0;
}
#cosplaylist #details li a img {
	width: 220px;
}
#cosplaylist #details li p:first-of-type {
	background: #000;
	padding: 8px 0;
	color: #7dd9ff;
	font-weight: bold;
	font-size: 16px;
}
#cosplaylist #details li p:last-of-type {
	background: #e6e6e6;
	padding: 8px 0;
	font-size: 16px;
}
#colorbox {
	z-index: 10000;
}
#cboxClose {
	font-size: 16px;
	padding: 7px 10px;
	background: #000;
	border: 1px solid #000;
	color: #7dd9ff;
	margin: 10px 0 0 5px;
	float: right;
	border-radius: 5px;
}

/*-- ranking --*/
#ranking h4 {
	position: relative;
	text-align: center;
	margin: 0px auto 20px;
	padding-top: 70px;
}
#ranking h4 i {
	margin-right: 5px;
}
#ranking h4 span {
	background: #fff;
	padding: 3px 10px;
}
#ranking h4::after {
	content: "";
	position: absolute;
	top: 0%;
	right: 0;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 17px;
	background-color: #eee;
	margin-top: 70px;
}
#ranking h5 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
}
#ranking .details {
	margin: 20px auto;
	overflow: hidden;
	width: 1370px;
	margin: 0 auto;
}
#ranking .details .shop_name {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
	width: 264px;
	text-align: center;
	margin-bottom: 10px;
}
#ranking .details li {
	position: relative;
	font-family: 'Times New Roman', serif;
	width: 264px;
	display: inline-block;
	margin: 44px 0 50px 5px;
}
#ranking .details li p {
	position: absolute;
	color: #fff;
	bottom: 10px;
	font-size: 27px;
	margin: 0 10px;
	text-align: left;
	line-height: 0.8;
}
#ranking .details li p span:nth-of-type(1) {
	font-size: 14px;
	color: #7dd9ff;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
}
#ranking .details li p span:nth-of-type(2) {
	font-size: 12px;
}
#ranking .details li div.shadow {
	height: 100px;
	width: 264px;
	position: absolute;
	bottom: 0;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 1)), url() center bottom / cover no-repeat;
}
#ranking .details li img.new {
	position: absolute;
	right: 0;
	top: 0;
}
#ranking .details li .rank {
	text-align: center;
	width: 264px;
	height: 40px;
	border: solid 3px #000;
	position: absolute;
	top: -44px;
}
#topSvg {
	display: none;
}

/*-- photomail --*/
#photomail h4 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	margin-top: 30px;
}
#photomail .details {
	margin: 20px auto;
	overflow: hidden;
	width: 1270px;
	margin: 0 auto;
}
#photomail .details .shop_name {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
	width: 264px;
	text-align: center;
	margin-bottom: 10px;
}
#photomail .details li {
	position: relative;
	font-family: 'Times New Roman', serif;
	width: 380px;
	display: inline-block;
	margin: 44px 0 50px 30px;
}
#photomail .details li iframe {
	height: 500px;
	width: 380px;
}
#photomail .details li .shop_name {
	text-align: center;
	width: 380px;
	height: 40px;
	border: solid 3px #000;
	position: absolute;
	top: -44px;
	padding: 10px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
}

/*-- storelist --*/
#storelist h4 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	text-align: center;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
	margin-top: 30px;
}
#storelist .details {
	overflow: hidden;
	width: 1176px;
	margin: 0 auto;
}
#storelist .details li {
	position: relative;
	width: 362px;
	height: 288px;
	float: left;
	margin: 20px 30px 10px 0;
}
#storelist .details li div.store_details {
	height: 94px;
	width: 217px;
	position: absolute;
	top: 75px;
	right: 0;
	background: #eee;
}
#storelist .details li div.store_details p {
	position: absolute;
	font-size: 12px;
	margin: 10px;
	text-align: left;
	line-height: 1.6;
}
#storelist .details li div.store_details p:last-of-type {
	margin: 10px 10px 10px 85px;
}
#storelist .details li img.g_logo {
	position: absolute;
	right: 0;
	top: 28px;
}
#storelist .details li img.p_logo {
	position: absolute;
	right: 82px;
	top: 13px;
}
#storelist .details li img.v_logo {
	position: absolute;
	right: 0;
	top: 28px;
}
#storelist .details li img.o_logo {
	position: absolute;
	right: 22px;
	top: 0;
}
#storelist .details li img.j_logo {
	position: absolute;
	right: 0;
	top: 18px;
}
#storelist .details li img.d_logo {
	position: absolute;
	right: 71px;
	top: 18px;
}
#storelist .details li .text {
	float: left;
	font-size: 12px;
	line-height: 1.4;
	position: absolute;
	top: 179px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	height: 105px;
}
#storelist .details li .text span {
	font-size: 14px;
	font-weight: bold;
}

/*-- btn --*/
.pn_btn {
	width: 420px;
	margin: 60px auto 0;
	overflow: hidden;
}
.pn_btn div {
	float: left;
	width: 200px;
	margin: 5px;
}
.pn_btn .prev a {
	transition: 200ms ease;
	display: block;
	height: 60px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	letter-spacing: 0.15em;
	background-color: #000;
	background-image: url(../images/i_arrow_left.png);
	background-repeat: no-repeat;
	background-position: 9% center;
}
.pn_btn .next a {
	transition: 200ms ease;
	display: block;
	height: 60px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	letter-spacing: 0.15em;
	background-color: #000;
	background-image: url(../images/i_arrow_right.png);
	background-repeat: no-repeat;
	background-position: 92% center;
}
.footer {
	position: relative;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	letter-spacing: 0.1em;
	color: #000;
	margin-top: 20px;
}

/*-- イベントガール --*/
.eventgirl_serch_box {
	margin: 0 0 30px;
	overflow: hidden;
	text-align: center;
}
.eventgirl_serch_box li {
	width: 120px;
	display: inline-block;
}
.eventgirl_serch_box a {
	display: block;
	padding: 23px 0 24px;
	color: #e44bbb;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	border: 2px solid #e44bbb;
	background: #fff;
}
.eventgirl_serch_box a:hover {
	color: #fff;
	border: 2px solid #e44bbb;
	background: #e44bbb;
	transition: 0.3s;
}
.event_recruitgirl {
	display: block;
	margin: -260px auto 0;
	width: 800px;
}
.eventGirl {
	left: 0;
	margin-bottom: 10px;
	right: 0;
}
.eventGirl h1 {
	text-align: center;
	font-size: 58px;
}
.eventGirl p {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.eventGirlMain {
	width: 1200px !important;
}
.eventGirlMain .itemList {
	width: 1200px;
	overflow: hidden;
}
.eventGirlMain .itemList_block {
	width: 1200px;
}
.eventGirlMain .itemList_block .postNode:nth-child(2n) {
	margin-left: 0;
}
.eventGirlMain .itemList_block .postNode:nth-child(3n) {
	margin-right: 0 !important;
}
.eventGirlMain .itemList_block .postNode:nth-child(-n+2) {
	margin-top: 40px;
}
.eventGirlMain .itemList_block .postNode {
	width: 386px;
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
	position: relative;
	margin-right: 16px !important;
}

.eventGirlMain .itemList_block .postNode marquee{
	font-size: 20px;
}

/*-- event.css --*/
.mCSB_container {
	overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
}
.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
	margin-right: 30px;
}
.mCustomScrollBox > .mCSB_scrollTools {
	width: 3px;
	height: 100%;
	top: 0;
	right: -11px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 1px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
	height: 100%;
	background-color: #fff;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: relative;
	height: 20px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
	top: 100%;
	margin-top: -40px;
}
.mCSB_horizontal > .mCSB_container {
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-bottom: 0;
}
.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 0 20px;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 5px 0;
	border-radius: 10px;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
	width: 6px;
	height: 100%;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	display: block;
	position: relative;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	float: left;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
	margin-left: -40px;
	float: right;
}
.mCustomScrollBox {
	overflow: visible !important;
	-ms-touch-action: none;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
.slick-slider * {
	outline: 0;
}
.slick-dots {
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 10px 0 0;
	font-size: 0px;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 2px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 30px;
	height: 2px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: transparent;
}
.slick-dots li button:before {
	font-size: 6px;
	line-height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 2px;
	content: '';
	border-radius: 6px;
	background-color: #a8a8a8;
	text-align: center;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	background-color: #000;
}
.slick-list {
	overflow: hidden;
}
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	z-index: 100;
	display: block;
	width: 0px;
	height: 0px;
	margin-top: -20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus {
	color: transparent;
	outline: 0;
	background: transparent;
}
.slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: 0;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before {
	opacity: 1;
}
.slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	content: '';
	width: 0px;
	height: 0px;
	line-height: 1;
	display: block;
	color: white;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.index .sub, .currentNav_list a, .button-prev, .button-next, .listPager .page-numbers.prev, .listPager .page-numbers.next, .categoryList .categoryList_node, [data-page="worksPage"] .worksSlider_node .category li:before, [data-page="worksPage"] .worksSlider_node .category a, .header_serviceList_item, .header_lang svg, .header_langList_item, .footer_snsLineList:before, .footer, .mainTitle_sub, .itemList_block .category li:before, .itemList_block .category a {
	font-family: 'Lato', '游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-style: italic;
}
.index .top, .anchor_navNode a, .listPager .page-numbers, [data-page="worksPage"] .worksSlider_node .date, [data-page="en"] .footer_introCap, .footer_linkNode dt, .mainTitle_top, .itemList_block .date {
	font-family: 'Oswald', '游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.ht {
	display: none !important;
}
.onlyTab {
	display: none;
}
html.tablet .onlyTab {
	display: block;
}
html.tablet .onlyTab.ib {
	display: inline-block;
}
.wrapper_inner, .slick-track, .listPager, .header_contents, .header_navList, .header_langList, [data-page="en"] .footer_link, .footer_linkContents, .footer_project_list {
	zoom: 1;
}
.wrapper_inner:before, .slick-track:before, .listPager:before, .header_contents:before, .header_navList:before, .header_langList:before, [data-page="en"] .footer_link:before, .footer_linkContents:before, .footer_project_list:before, .wrapper_inner:after, .slick-track:after, .listPager:after, .header_contents:after, .header_navList:after, .header_langList:after, [data-page="en"] .footer_link:after, .footer_linkContents:after, .footer_project_list:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
.wrapper_inner:after, .slick-track:after, .listPager:after, .header_contents:after, .header_navList:after, .header_langList:after, [data-page="en"] .footer_link:after, .footer_linkContents:after, .footer_project_list:after {
	clear: both;
}
#header:before, body.fixed #header:before {
	-webkit-transform: translate3d(0, 0, 0);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.wrapper {
	position: relative;
	overflow: hidden;
	background-color: #eee;
	z-index: 1000;
}
body[data-page="top"] .wrapper {
	background-color: #fff;
	border: 0px solid #fff;
}
body[data-page="service"] .wrapper {
	z-index: 1;
}
body[data-page="error"] .wrapper {
	padding-bottom: 100px;
}
.wrapper_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.column_left {
	width: 600px;
	float: left;
}
.column_right {
	width: 300px;
	float: right;
}
.column_right_inner {
	width: 300px;
	position: absolute;
	top: 0px;
}
.column_right_inner.rl {
	position: relative;
}
.column_right_inner.ab {
	position: absolute;
}
.column_right_inner.fx {
	position: fixed;
}
.index {
	text-align: left;
	margin-bottom: 15px;
}
.index span {
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
}
.index .top {
	font-size: 36px;
	display: block;
}
.index .sub {
	margin-top: 7px;
	font-size: 12px;
}
.breadList {
	width: 960px;
	margin: 10px auto 92px;
	clear: both;
}
.breadList li {
	font-size: 12px;
	display: inline;
}
.breadList li:first-child:before {
	display: none;
}
.breadList li:last-child {
	color: #57A4A9;
}
.breadList li:last-child a {
	color: #57A4A9;
}
.breadList li:before {
	content: ">";
	display: inline-block;
	padding: 0 3px;
	color: #000;
}
.breadList li br {
	display: none;
}
.anchor_nav {
	position: relative;
	width: 100%;
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	text-align: center;
	z-index: 1;
}
.anchor_navNode {
	display: inline-block;
	margin: 0 50px;
}
.anchor_navNode a {
	transition: 300ms ease;
	position: relative;
	display: block;
	font-size: 16px;
	color: #999;
	letter-spacing: 0.03em;
	line-height: 60px;
}
.anchor_navNode a:before {
	transition: 300ms ease;
	position: absolute;
	top: 50%;
	right: 125%;
	content: "";
	display: block;
	height: 1px;
	width: 0;
	background-color: #57A4A9;
}
.anchor_navNode a:hover {
	color: #57A4A9;
}
.anchor_navNode a:hover:before {
	width: 15px;
}
.currentNav {
	text-align: right;
}
.currentNav_list {
	display: inline-block;
	padding-left: 35px;
	position: relative;
	margin: 0 12px;
}
.currentNav_list a {
	font-size: 11px;
	color: #999;
	letter-spacing: 0.09em;
	display: block;
}
.currentNav_list:before {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background-color: #999;
	position: absolute;
	top: 50%;
	left: 0;
}
.currentNav_list.active a, .currentNav_list:hover a {
	color: #5BA4A7;
}
.currentNav_list.active:before, .currentNav_list:hover:before {
	background-color: #5BA4A7;
}
.button-prev, .button-next, .listPager .page-numbers.prev, .listPager .page-numbers.next {
	display: block;
	width: 160px;
	height: 50px;
	padding: 0 15px;
	position: absolute;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 44px;
	letter-spacing: .08em;
	background-repeat: no-repeat;
	background-origin: content-box;
	border: 2px solid #fff;
	z-index: 1;
	transition: background .3s, border .3s;
}
.button-prev:after, .button-next:after, .listPager .page-numbers.prev:after, .listPager .page-numbers.next:after {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	position: absolute;
	top: 50%;
	background: #fff;
	transition: width .2s, left .2s, right .2s;
}
a.button:hover .button-prev, a.button:hover .button-next {
	border: 2px solid #57A4A9;
	background-color: #57A4A9;
}
a.button:hover .button-prev:after, a.button:hover .button-next:after {
	width: 0;
}
a.button:hover .button-prev:after {
	left: 20px;
}
a.button:hover .button-next:after {
	right: 20px;
}
.button-prev {
	background-image: url(../img/common/i_arrow_left.png);
	background-position: left center;
}
.button-prev:after {
	left: 148px;
}
.button-next {
	background-image: url(../img/common/i_arrow_right.png);
	background-position: right center;
}
.button-next:after {
	right: 148px;
}
.slick-slide {
	float: left;
}
[dir=rtl] .slick-slide {
	float: right;
}
.slick-arrow {
	transition: background 150ms ease;
}
.slick-arrow:hover {
	background-color: #fff;
}
.slick-arrow:before, .slick-arrow:after {
	width: 10px;
	height: 13px;
}
.slick-prev {
	left: 0px;
}
[dir='rtl'] .slick-prev {
	right: 0px;
	left: auto;
}
.slick-prev:before, .slick-next:before {
	content: "";
	display: block;
	width: 10px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center center;
}
[dir='rtl'] .slick-prev:before {
	background-image: url(../img/common/i_arrow_left.png);
}
.slick-next {
	right: 0px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 0px;
}
[dir='rtl'] .slick-next:before {
	background-image: url(../img/common/i_arrow_right.png);
}
.itemList_block .postNode:hover .nodeImg img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.itemList_block .postNode:hover .mixBg i.l1, .itemList_block .postNode:hover .mixBg i.l3 {
	width: 100%;
}
.itemList_block .postNode:hover .mixBg i.l2, .itemList_block .postNode:hover .mixBg i.l4 {
	height: 100%;
}
.itemList_block .postNode .nodeImg {
	overflow: hidden;
}
.itemList_block .postNode .nodeImg img {
	transition: -webkit-transform 1200ms ease;
	transition: transform 1200ms ease;
}
.itemList_block .postNode .mixBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.itemList_block .postNode .mixBg i {
	content: "";
	position: absolute;
}
.itemList_block .postNode .mixBg i.l1 {
	transition: 250ms 200ms linear;
}
.itemList_block .postNode .mixBg i.l2 {
	transition: 250ms 400ms linear;
}
.itemList_block .postNode .mixBg i.l3 {
	transition: 250ms 600ms linear;
}
.itemList_block .postNode .mixBg i.l4 {
	transition: 250ms 800ms linear;
}
.itemList_block .postNode .mixBg i.l1 {
	width: 0%;
	height: 4px;
	left: 0;
	top: 0;
}
.itemList_block .postNode .mixBg i.l2 {
	width: 4px;
	height: 0%;
	right: 0;
	top: 0;
}
.itemList_block .postNode .mixBg i.l3 {
	width: 0%;
	height: 4px;
	right: 0;
	bottom: 0;
}
.itemList_block .postNode .mixBg i.l4 {
	width: 4px;
	height: 0%;
	left: 0;
	bottom: 0;
}
.listPager {
	position: relative;
	margin-top: 100px;
	text-align: center;
}
.listPager .page-numbers {
	text-align: center;
	height: 50px;
	line-height: 48px;
	display: inline-block;
	color: #999;
	font-size: 16px;
	padding: 0 15px;
	margin: 0 2px;
	transition: background 300ms ease;
}
.listPager .page-numbers.current, .listPager .page-numbers:hover {
	background-color: #57A4A9;
	color: #fff;
	border-color: transparent;
}
.listPager .page-numbers.dots:hover {
	background-color: transparent;
	color: #999;
	border-color: transparent;
}
.categoryList {
	font-size: 0;
	text-align: center;
	margin-bottom: 100px;
}
.categoryList ul {
	display: inline-block;
}
.categoryList .categoryList_node {
	display: inline-block;
	font-size: 16px;
	position: relative;
	text-transform: capitalize;
}
.categoryList .categoryList_node a {
	color: #666;
	display: block;
	transition: color 300ms;
}
[data-page="worksPage"] .categoryList .categoryList_node a {
	padding: 0 65px 30px;
}
[data-page="newsPage"] .categoryList .categoryList_node a {
	padding: 0 50px 30px;
}
.categoryList .categoryList_node a:after {
	content: "";
	transition: 300ms ease;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-bottom: 1px solid #57A4A9;
}
.categoryList .categoryList_node:hover a, .categoryList .categoryList_node.active a {
	color: #57A4A9;
}
.categoryList .categoryList_node:hover a:after, .categoryList .categoryList_node.active a:after {
	width: 100%;
}
.worksSliderBlock {
	position: relative;
}
[data-page="works"] .worksSliderBlock {
	margin-bottom: 95px;
}
[data-page="worksPage"] .worksSliderBlock {
	margin-bottom: 150px;
}
[data-page="worksPage"] .worksSliderBlock-gravure {
	margin-bottom: 290px;
}
.worksBackSlider_node {
	position: relative;
}
[data-page="worksPage"] .worksBackSlider_node {
	height: 615px;
}
[data-page="works"] .worksBackSlider_node {
	height: 650px;
}
[data-page="en"] .worksBackSlider_node {
	height: 550px;
}
.worksBackSlider_img {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
.worksBackSlider_img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
}
.tablet .worksBackSlider_img:before {
	background: rgba(0, 0, 0, 0.6);
}
.worksBackSlider_img img {
	-webkit-filter: blur(15px);
	filter: blur(15px);
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	margin: auto;
	min-width: 105%;
	min-height: 105%;
	z-index: 1;
}
.worksSliderWrap {
	width: 100%;
	position: absolute;
	top: 50%;
}
[data-page="worksPage"] .worksSliderWrap {
	margin-top: -170px;
}
[data-page="works"] .worksSliderWrap {
	margin-top: -280px;
}
[data-page="en"] .worksSliderWrap {
	margin-top: 45px;
	z-index: 100;
	top: 0;
}
.worksSlider_node {
	position: relative;
	width: 720px;
	margin: 0 90px;
}
.worksSlider_node a {
	display: block;
}
.worksSlider_node a .name {
	color: #fff;
	margin-bottom: 5px;
}
/*[data-page="worksPage"] .worksSlider_node .title {
  margin-bottom: 15px;
}*/
[data-page="worksPage"] .worksSlider_node .title a {
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: .06em;
}
[data-page="worksPage"] .worksSlider_node .date {
	display: inline-block;
	padding-right: 12px;
	font-size: 12px;
	letter-spacing: .16em;
	vertical-align: top;
	margin-top: 5px;
}
[data-page="worksPage"] .worksSlider_node .date:after {
	content: "|";
	display: inline-block;
	vertical-align: top;
	padding-left: 19px;
}
[data-page="worksPage"] .worksSlider_node .category {
	display: inline-block;
}
[data-page="worksPage"] .worksSlider_node .category li {
	display: inline-block;
	position: relative;
}
[data-page="worksPage"] .worksSlider_node .category li:before {
	content: '+';
	display: inline-block;
	color: #fff;
	margin: 0 5px;
}
[data-page="worksPage"] .worksSlider_node .category li:first-child:before {
	content: none;
}
[data-page="worksPage"] .worksSlider_node .category a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .06em;
}
.worksSlider_img {
	height: 360px;
	position: relative;
	overflow: hidden;
}
[data-page="works"] .worksSlider_img, [data-page="en"] .worksSlider_img {
	height: 460px;
}
[data-page="worksPage"] .worksSlider_img:after {
	content: "";
	background-image: url(../img/common/thumb_cover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 120px;
	width: 100%;
	height: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.worksSlider_img img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.worksSlider_caption {
	color: #fff;
	font-size: 18px;
	letter-spacing: .06em;
	font-weight: bold;
}
[data-page="worksPage"] .worksSlider_caption {
	width: 100%;
	position: absolute;
	bottom: 12px;
	background: rgba(0, 0, 0, 0.8);
	padding: 15px 0 15px 20px;
}
[data-page="works"] .worksSlider_caption {
	padding: 20px 0;
}
.worksSlider_control {
	width: 960px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -480px;
}
.worksSlider_control_prev, .worksSlider_control_next {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #fff;
	cursor: pointer;
	z-index: 1;
}
.worksSlider_control_prev {
	background-image: url(../images/i_arrow_left.png);
	left: 0;
}
.worksSlider_control_prev:hover {
	background-image: url(../images/i_arrow_left_black.png);
}
.worksSlider_control_next {
	background-image: url(../images/i_arrow_right.png);
	right: 0;
}
.worksSlider_control_next:hover {
	background-image: url(../images/i_arrow_right_black.png);
}
.worksSlider_thumbnails {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	text-align: center;
}
[data-page="worksPage"] .worksSliderBlock-gravure .worksSlider_thumbnails, [data-page="works"] .worksSliderBlock-gravure .worksSlider_thumbnails {
	bottom: -163px;
}
[data-page="worksPage"] .worksSlider_thumbnails, [data-page="works"] .worksSlider_thumbnails {
	bottom: -54px;
}
[data-page="en"] .worksSlider_thumbnails {
	top: -110px;
	z-index: 1;
}
.worksSlider_thumbnailsInner {
	padding: 20px;
	background: #fff;
	display: inline-block;
}
.worksSlider_thumbnails_nodes {
	width: 135px;
	height: 68px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	margin: 0 6px;
}
[data-page="works"] .worksSlider_thumbnails_nodes {
	height: 86px;
}
.worksSlider_thumbnails_nodes:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 0 solid #AA5287;
	z-index: 1;
	transition: border 400ms;
}
.worksSlider_thumbnails_nodes.active:before {
	border: 4px solid #AA5287;
}
.worksSlider_thumbnails_nodes img {
	width: 100%;
	height: auto;
}
.borderAnimation_before:before {
	transition: width 400ms ease 0ms;
	content: "";
	display: block;
	height: 4px;
	width: 0%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
}
.borderAnimation.inview .borderAnimation_before:before {
	width: 100%;
}
.tablet .borderAnimation_before:before {
	transition: none;
	width: 100%;
}
.borderAnimation_before:after {
	transition: height 400ms ease 400ms;
	content: "";
	display: block;
	width: 4px;
	height: 0%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
}
.borderAnimation.inview .borderAnimation_before:after {
	height: 100%;
}
.tablet .borderAnimation_before:after {
	transition: none;
	height: 100%;
}
.borderAnimation_after:before {
	transition: width 400ms ease 800ms;
	content: "";
	display: block;
	height: 4px;
	width: 0%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #000;
}
.borderAnimation.inview .borderAnimation_after:before {
	width: 100%;
}
.tablet .borderAnimation_after:before {
	transition: none;
	width: 100%;
}
.borderAnimation_after:after {
	transition: height 400ms ease 1200ms;
	content: "";
	display: block;
	width: 4px;
	height: 0%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000;
}
.borderAnimation.inview .borderAnimation_after:after {
	height: 100%;
}
.tablet .borderAnimation_after:after {
	transition: none;
	height: 100%;
}
.canvasBg {
	position: fixed;
	top: 0;
	left: 0;
}
[data-page="en"] .canvasBg {
	position: absolute;
	top: -50%;
}

/*--------------------------------------------

　　　loader

---------------------------------------------*/
@-webkit-keyframes anime1 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes anime1 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.commonLoader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10000;
	text-align: center;
	background-color: #fff;
	transition: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.commonLoader * {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.commonLoader.bgOut {
	background-color: transparent;
}
.commonLoader.bgOut svg path, .commonLoader.bgOut svg circle {
	transition: 1000ms ease;
}
.commonLoader.bgOut svg path {
	stroke: #fff;
}
.commonLoader.bgOut svg #drawingPath {
	stroke-width: 5px !important;
}
.commonLoader.bgOut svg #circlePath {
	opacity: 0;
}
.commonLoader.bgOut svg #rideLogo #rideLogo1, .commonLoader.bgOut svg #rideLogo #rideLogo2, .commonLoader.bgOut svg #rideLogo #rideLogo3 {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.commonLoader.bgOut svg #rideLogo #rideLogo1 {
	transition: 800ms 100ms ease-in-out;
}
.commonLoader.bgOut svg #rideLogo #rideLogo2 {
	transition: 800ms 200ms ease-in-out;
}
.commonLoader.bgOut svg #rideLogo #rideLogo3 {
	transition: 800ms 300ms ease-in-out;
}
.commonLoader.bgOut svg #rideLogo path {
	stroke: none;
}
body.fadeOut .commonLoader {
	height: 0;
	visibility: hidden;
}
body[data-page="top"] .commonLoader, body[data-page="en"] .commonLoader {
	transition: 2000ms ease;
}
body.secondLoad[data-page="top"] .commonLoader, body.secondLoad[data-page="en"] .commonLoader {
	transition: none;
}
.commonLoader .commonLoader_inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 140px;
	margin: auto;
}
.commonLoader svg #rideLogo {
	fill: #fff;
}
.commonLoader svg #rideLogo #rideLogo1, .commonLoader svg #rideLogo #rideLogo2, .commonLoader svg #rideLogo #rideLogo3 {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
#topSvg {
	display: none;
}
body[data-page="top"] #topSvg, body[data-page="en"] #topSvg {
	display: block;
}
body.secondLoad[data-page="top"] #topSvg, body.secondLoad[data-page="en"] #topSvg {
	display: none;
}
.commonLoader_svg {
	width: 140px;
	height: 140px;
	position: relative;
}
body[data-page="top"] .commonLoader_svg, body[data-page="en"] .commonLoader_svg {
	display: none;
}
body.secondLoad[data-page="top"] .commonLoader_svg, body.secondLoad[data-page="en"] .commonLoader_svg {
	display: block;
}
.commonLoader_svg i {
	display: block;
	background-color: #000;
	position: absolute;
}
.commonLoader_svg i.i1 {
	width: 0%;
	height: 5px;
	top: 0;
	left: 0;
}
.commonLoader_svg i.i2 {
	width: 5px;
	height: 0%;
	top: 0;
	right: 0;
}
.commonLoader_svg i.i3 {
	width: 0%;
	height: 5px;
	bottom: 0;
	right: 0;
}
.commonLoader_svg i.i4 {
	width: 5px;
	height: 0%;
	bottom: 0;
	left: 0;
}
.commonLoader_svg svg {
	width: 140px;
	height: 140px;
	fill: #000;
}
body.secondLoad[data-page="top"] .commonLoader, body.secondLoad[data-page="en"] .commonLoader {
	background-color: transparent;
}
body.secondLoad[data-page="top"] .commonLoader:before, body.secondLoad[data-page="en"] .commonLoader:before {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 1s ease;
}
body.secondLoad[data-page="top"] .commonLoader.bgHide:before, body.secondLoad[data-page="en"] .commonLoader.bgHide:before {
	opacity: 0;
}
body.secondLoad[data-page="top"] .commonLoader.bgHide .commonLoader_svg i, body.secondLoad[data-page="en"] .commonLoader.bgHide .commonLoader_svg i {
	background-color: #fff;
}
body.secondLoad[data-page="top"] .commonLoader.bgHide .commonLoader_svg svg, body.secondLoad[data-page="en"] .commonLoader.bgHide .commonLoader_svg svg {
	fill: #fff;
}

/*--------------------------------------------

　　　header

---------------------------------------------*/
#header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	min-width: 1200px;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	font-weight: 700;
	font-family: 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body.fixed #header {
	transition: background 200ms ease;
	position: fixed;
	background-color: #222;
	border-bottom: 0px;
	margin: 0 !important;
}
body.fixed #header:before {
	background-color: #000;
}
.header_snsList {
	display: inline-block;
	text-align: center;
	float: left;
	margin-left: 10px;
}
.header_snsList li {
	float: left;
	height: 60px;
	line-height: 60px;
	transition: 200ms ease;
}
.header_snsList li a {
	display: block;
	height: 100%;
	width: 40px;
}
.header_snsList li svg {
	width: 16px;
	height: 16px;
}
body.fixed .header_snsList {
	visibility: hidden;
}
.header_logo {
	width: 220px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	top: 22px;
	left: 0px;
	visibility: hidden;
	text-align: center;
}
.header_logo svg {
	width: 220px;
	height: 16px;
	fill: #fff;
	vertical-align: top;
}
body.fixed .header_logo {
	visibility: visible;
}
.header_contents {
	height: 60px;
	position: relative;
}
.header_serviceList {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 0;
	text-align: center;
	margin-right: -50%;
}
body.fixed .header_serviceList {
	display: none;
}
.header_serviceList_item {
	display: inline-block;
	font-size: 15px;
	line-height: 60px;
}
.header_serviceList_item + .header_serviceList_item {
	position: relative;
}
.header_serviceList_item + .header_serviceList_item:before {
	content: "/";
	padding: 0 5px;
}
.header_nav {
	float: right;
}
.header_navList {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #eee;
}
body.fixed .header_navList {
	border-left: 1px solid #444;
}
.header_navNode {
	line-height: 2.5;
	font-size: 12px;
	float: left;
	width: 142px;
	text-align: center;
	border-right: 1px solid #eee;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	transition: background 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
body.fixed .header_navNode {
	border-right: 1px solid #444;
}
body.fixed .header_navNode:hover {
	background-color: #444;
}
.header_navNode:hover a:after {
	height: 6px;
	opacity: 1;
}
.header_navNode:hover a svg {
	fill: #fff;
}
.header_navNode.current, .header_navNode:hover {
	background-color: #444;
}
.header_navNode a {
	position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
}
.header_navNode a:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #57A4A9;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
}
.header_navNode svg {
	transition: fill 500ms cubic-bezier(0.19, 1, 0.22, 1);
	fill: #000;
}
body.fixed .header_navNode svg {
	fill: #fff;
}
body[data-page="about"] .header_navNode[data-cat="about"] a {
	border-bottom: solid 6px #57A4A9;
}
body[data-page="service"] .header_navNode[data-cat="service"] a {
	border-bottom: solid 6px #57A4A9;
}
body[data-page="worksPage"] .header_navNode[data-cat="works"] a, body[data-page="works"] .header_navNode[data-cat="works"] a {
	border-bottom: solid 6px #57A4A9;
}
body[data-page="newsPage"] .header_navNode[data-cat="news"] a, body[data-page="news"] .header_navNode[data-cat="news"] a {
	border-bottom: solid 6px #57A4A9;
}
body[data-page="company"] .header_navNode[data-cat="company"] a {
	border-bottom: solid 6px #57A4A9;
}
body[data-page="contact_input"] .header_navNode[data-cat="contact"] a {
	border-bottom: solid 6px #57A4A9;
}
.header_lang {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-right: 10px;
	margin-left: 7px;
}
.header_lang svg {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	cursor: pointer;
}
.header_langList {
	position: relative;
	float: right;
	padding: 17px 0;
	margin: 0 10px;
}
.header_langList_item {
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	width: 24px;
	line-height: 22px;
	border: solid 1px #57A4A9;
	background-color: #57A4A9;
}
.header_langList_link {
	display: block;
	color: #57A4A9;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	background-color: #fff;
}
body.fixed .header_langList_link {
	transition: background 200ms ease;
	background-color: #222;
}
.toTop {
	text-align: center;
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.toTop a {
	display: block;
	width: 40px;
	height: 40px;
	transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #000;
	background-image: url(../images/i_arrow_blk.png);
	background-repeat: no-repeat;
	background-position: center;
}
.toTop a:hover {
	background-color: #ccc;
	background-image: url(../img/common/i_arrow_blk.png);
}
.breadList {
	margin-bottom: 25px;
}
.wrapper {
	background: #fff;
}
.wrapper_inner {
	width: 100%;
}
.main {
	width: 960px;
	margin: 0 auto 160px;
}
.mainTitle {
	position: absolute;
	top: 35px;
	left: 10px;
	z-index: 10;
}
.mainTitle_top {
	font-family: 'Times New Roman', serif;
	color: #fff;
	font-size: 36px;
	font-weight: 400;
}
.mainTitle_sub {
	font-style: normal;
	color: #fff;
	font-size: 13px;
	margin-top: 7px;
}
.itemList {
	/*width: 960px;
	overflow: hidden;*/
}
.itemList_block {
	width: 980px;
	/*font-size: 0;*/
}
.itemList_block .postNode {
	width: 470px;
	display: inline-block;
	vertical-align: top;
	margin-top: 90px;
	position: relative;
}
.itemList_block .postNode:nth-child(even) {
	margin-left: 20px;
}
.itemList_block .postNode:nth-child(-n+2) {
	margin-top: 0px;
}
.itemList_block .nodeImg {
	position: relative;
	overflow: hidden;
}
.itemList_block .nodeImg img {
	width: 100%;
	height: auto;
}
.itemList_block .nodeCaption {
	padding-top: 20px;
	text-align: center;
}
.itemList_block .title {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: .06em;
}
.itemList_block .date {
	display: inline-block;
	padding-right: 12px;
	font-size: 14px;
	letter-spacing: .16em;
	vertical-align: top;
}
.itemList_block .date:after {
	content: "|";
	display: inline-block;
	vertical-align: top;
	padding-left: 19px;
}
.itemList_block .nodeCaption .name,
.itemList_block .category {
	text-align: left;
	margin-bottom: 10px;
}
.itemList_block .category {
	margin-bottom: 20px;
}
.itemList_block .nodeCaption {
	color: #555;
	font-size: 18px;
	font-weight: bold;
}
.itemList_block .nodeCaption a {
	color: #555;
}
.itemList_block .nodeCaption a p {
	color: #e44bbb;
}
.itemList_block .commonBtn {
	margin-top: 60px;
}
.itemList_block .category li:before {
	content: '+';
	color: #57A4A9;
	font-size: 14px;
	margin: 0 5px;
}
.itemList_block .category li:first-child:before {
	content: none;
}
.itemList_block .category a {
	color: #57A4A9;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .06em;
}
.itemList_block .g-more {
	border: 1px solid #555;
	padding: 15px;
	display: inline-block;
	font-size: 16px;
}
.listPager .page-numbers.prev, .listPager .page-numbers.next {
	top: 0;
	color: #999;
	border-color: #999;
}
.listPager .page-numbers.prev:after, .listPager .page-numbers.next:after {
	background-color: #999;
}
.listPager .page-numbers.prev {
	left: 0;
	background-image: url(../img/common/i_arrow_left_grey.png);
	background-position: left center;
}
.listPager .page-numbers.prev:after {
	left: 148px;
}
.listPager .page-numbers.prev:hover {
	color: #fff;
	background-image: url(../img/common/i_arrow_left.png);
	border-color: #57A4A9;
}
.listPager .page-numbers.prev:hover:after {
	width: 0;
	left: 20px;
}
.listPager .page-numbers.next {
	right: 0;
	background-image: url(../img/common/i_arrow_right_grey.png);
	background-position: right center;
}
.listPager .page-numbers.next:after {
	right: 148px;
}
.listPager .page-numbers.next:hover {
	color: #fff;
	background-image: url(../img/common/i_arrow_right.png);
	border-color: #57A4A9;
}
.listPager .page-numbers.next:hover:after {
	width: 0;
	right: 20px;
}

.picup-ban{
	padding: unset;
	border: none;
	margin-bottom: 35px;
}