@charset "utf-8";

/*
Theme Name: Grape Company
Description: Grape Company Theme
Author: Grape Company
Version: 1.0.0
*/


/* 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}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}

*:focus {outline:0;}

/* padding,border内側設定 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/* HTML5 */
article, aside, figure, figcaption, footer, header, nav, section{display: block;}

/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/

html,body {margin:0px;padding:0px;height:100%;width:100%;-webkit-text-size-adjust:none;}

a:link {color:#1e1e1e;text-decoration:none;}
a:hover {color:#1e1e1e;text-decoration:none;}
a:active {color:#1e1e1e;text-decoration:none;}
a:visited {color:#1e1e1e;text-decoration:none;}

.clear {clear:both;}
.alignleft {float:left;margin:0 2% 2% 0;}
.alignright {float:right;margin:0 0 2% 2%;}
.aligncenter {clear:both;display:block;margin:2% auto 2%;}

/* clearfix */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
/* clearfix for ie7 */
.clearfix {display:inline-block;}
.clearfix {display:block;}

img {max-width: 100%;height: auto;vertical-align: bottom;}


/*------------------------------------------------------------
	COMMON
------------------------------------------------------------*/

body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	line-height: 2;
	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.opened,
body.show-modal,
body.show-modal-map {
	position: fixed;
	height: 100%;
	left: 0;
}

.wow {
   visibility:hidden;
}


.pagetop {
	display: block;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	width: 80px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 200;
}
.moved .pagetop {
	opacity: 1;
	visibility: visible;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2));
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	body {
		font-size: 13px;
	}
	.pagetop {
		bottom: 4vw;
		right: 4vw;
		width: 13.6vw;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		z-index: 200;
	}
}


/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/

.home #wrap {
	padding-top: 270px;
}
#wrap {
	padding-top: 120px;
	position: relative;
}
#wrap .nagano {
	position: absolute;
	bottom: 0;
	left: 40px;
	width: 142px;
	position: 100px;
}


#header .header-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 200;
	width: 100%;
	height: 135px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.home #header .header-wrap {
	height: 270px;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s;
	box-shadow: 0 1px 2px transparent;
}

#header .header-bar {
	width: 100%;
	background: #7e3f98;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}
#header .header-bar a {
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#header .header-bar a:hover {
	opacity: .6;
}
#header .header-bar ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#header .header-bar .sns-nav {
	font-size: 15px;
	margin-right: .5em;
	line-height: 1;
}
#header .header-bar .sns-nav li {
	margin-left: .5em;
}
#header .header-bar .sns-nav a {
	display: block;
	line-height: 2;
}
#header .header-bar .txt-nav {
	font-size: 12px;
	margin-right: 1em;
	line-height: 1;
	padding: 9px 0;
}
#header .header-bar .txt-nav li {
	line-height: 1;
}
#header .header-bar .txt-nav a {
	display: block;
	line-height: 1;
	padding: 0 .5em;
}


#header .header-bar .search-wrap {
	display: inline-block; /* 非表示 */
	width: 260px;
	position: relative;
	padding: 0;
}
#header .header-bar .search-wrap input[type="text"] {
	border: none;
	box-shadow: none;
	background-color: #65327a;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	padding: .5em .5em .5em 2.5em;
	width: 100%;
}
#header .header-bar .search-wrap input[type="text"]::-webkit-input-placeholder {
	color: #fff;
}
#header .header-bar .search-wrap input[type="text"]:-moz-placeholder {
	color: #fff;
}
#header .header-bar .search-wrap input[type="text"]::-moz-placeholder {
	color: #fff;
}
#header .header-bar .search-wrap input[type="text"]:-ms-input-placeholder {
	color: #fff;
}
#header .header-bar .search-wrap:before {
	content: '';
	display: block;
	width: 11px;
	height: 18px;
	background:url(images/icon-search-w.svg) center center/11px 18px no-repeat;
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}


#header .logo-grape_company {
	position: absolute;
	top: 68px;
	left: 30px;
	line-height: 1;
}
#header .logo-grape_company img {
	width: 220px;
}
#header .header-nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	line-height: 1;
	font-size: 20px;
	top: 64px;
	right: 130px;
}
.home #header .header-nav ul {
	font-size: 28px;
	top: 150px;
	right: 240px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#header .header-nav ul li {
	padding: 0 .6em;
	line-height: 1;
}
#header .header-nav ul li a {
	display: block;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .06em;
	text-indent: .06em;
	color: #000;
}
#header .header-nav ul li a:hover{
-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 0.5;
}
#header .header-nav ul li a span {
	display: block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	letter-spacing: .06em;
	text-indent: .06em;
	color: #666;
	margin-top: .75em;
}
.home #header .header-nav ul li a span {
	font-size: 12px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#header .header-nav .logo-g-sp,
#header .header-nav .btn-contact,
#header .header-nav .sns-nav {
	display: none;
}


#header .logo-g {
	position: absolute;
	top: 52px;
	right: 32px;
	line-height: 1;
	width: 64px;
}
.home #header .logo-g {
	top: 63px;
	right: 32px;
	width: 154px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

#header .logo-g a {
	display: block;
}
#header .logo-g img {
	width: 100%;
}
#header .menu-trigger {
	display: none;
}
#header .overlay {
}
#header .search-wrap.top {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home #header .search-wrap.top {
	display: block;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	visibility: visible;
	opacity: 1;
}

#header .search-wrap.top label:before {
	content: '';
	display: block;
	width: 15px;
	height: 23px;
	background:url(images/icon-search.svg) center center/15px 23px no-repeat;
	position: absolute;
	left: 3px;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
#header .search-wrap.top input[type="text"] {
	border: none;
	border-bottom: 1px solid #666;
	color: #666;
	width: 400px;
	padding: .5em .5em .5em 2em;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
}




@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	.home #wrap {
		padding-top: 16vw;
	}
	#wrap {
		padding-top: 16vw;
	}
	#wrap .nagano {
		position: absolute;
		bottom: 0;
		left: 1.5vw;
		width: 15vw;
		
	}
	#header .logo-grape_company {
		top: 5.6vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#header .logo-grape_company img {
		width: 40.4vw;
	}
	#header .header-bar {
		display: none;
	}
	#header .logo-g {
		display: none;
	}
	.moved #header .header-wrap,
	#header .header-wrap {
		height: 16vw;
		position: fixed;
	}
	#header .header-wrap:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1vw;
		background-color: #7e3f98;
		z-index: 1;
	}
	.home #header .header-wrap {
		height: 16vw;
	}
	.moved.home #header .header-wrap {
		height: 16vw;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	#header .search-wrap.top,
	.moved #header .search-wrap.top,
	.home #header .search-wrap.top,
	.moved.home #header .search-wrap.top {
		opacity: 1;
		visibility: visible;
		display: block;
		top: 2vw;
		left: 0;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	#header .search-wrap.top label:before {
		width: 5.2vw;
		height: 7.6vw;
		background:url(images/icon-search.svg) center center/contain no-repeat;
		left: 4vw;
		top: 50%;
	}
	#header .search-wrap.top input[type="text"] {
		font-size: 4vw;
		line-height: 2;
		padding: .5em .5em .5em 3em;
		border-bottom: none;
		width: 12vw;
		-webkit-transition: width .3s;
		-o-transition: width .3s;
		transition: width .3s;
	}
	#header .search-wrap.top input[type="text"]:focus{
		width: 80vw;
	}
	#header .menu-trigger {
		display: inline-block;
		position: absolute;
		right: 3.2vw;
		top: 2.5vw;
		z-index: 1;
		cursor: pointer;
		text-align: center;
	}
	#header .menu-trigger img {
		width: 8.4vw;
		height: 8.4vw;
	}
	#header .menu-trigger:after {
		content: 'MENU';
		display: block;
		line-height: 1;
		font-family: 'Oswald';
		letter-spacing: .05em;
		font-size: 2.8vw;
		margin-top: .15em;
	}
	#header .header-nav .header-nav-wrap {
		width: 75vw;
		height: 100vh;
		background-color: #fff;
		position: fixed;
		top: 0;
		right: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		padding: 14vw 5.6vw;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		z-index: 201;
	}
	.opened #header .header-nav .header-nav-wrap {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	#header .overlay {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.8);
		z-index: 200;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.opened #header .overlay {
		opacity: 1;
		visibility: visible;
	}
	#header .close {
		width: 6.4vw;
		height: 6.4vw;
		position: fixed;
		top: 4.4vw;
		left: 12.4vw;
		z-index: 201;
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		cursor: pointer;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.opened #header .close {
		opacity: 1;
		visibility: visible;
		-webkit-transition: .3s .3s;
		-o-transition: .3s .3s;
		transition: .3s .3s;
	}
	#header .close:after,
	#header .close:before {
		content: '';
		display: block;
		height: 1px;
		width: 150%;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	#header .close:before {
		-webkit-transform: translate(-50%,-50%) rotate(45deg);
		-ms-transform: translate(-50%,-50%) rotate(45deg);
		-o-transform: translate(-50%,-50%) rotate(45deg);
		transform: translate(-50%,-50%) rotate(45deg);
	}
	#header .close:after {
		-webkit-transform: translate(-50%,-50%) rotate(-45deg);
		-ms-transform: translate(-50%,-50%) rotate(-45deg);
		-o-transform: translate(-50%,-50%) rotate(-45deg);
		transform: translate(-50%,-50%) rotate(-45deg);
	}
	#header .header-nav ul {
		position: static;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 2vw;
	}
	#header .header-nav ul li {
		display: block;
		width: 100%;
		padding: 0 0 4vw;
	}
	#header .header-nav ul li a,
	.home #header .header-nav ul li a,
	.moved.home #header .header-nav ul li a {
		text-align: left;
		font-size: 5.3vw;
	}
	#header .header-nav ul li a span,
	.home #header .header-nav ul li a span,
	.moved.home #header .header-nav ul li a span {
		font-size: 50%;
		margin-top: .5em;
	}
	#header .header-nav .logo-g-sp,
	#header .header-nav .btn-contact,
	#header .header-nav .sns-nav {
		display: block;
	}
	#header .header-nav .logo-g-sp {
		position: absolute;
		top: 3.2vw;
		right: 2.4vw;
		width: 16.4vw;
	}
	#header .header-nav .logo-g-sp a {
		display: block;
	}
	#header .header-nav .logo-g-sp a img {
		width: 100%;
	}
	#header .header-nav .btn-contact a {
		display: block;
		width: 100%;
		color: #fff;
		background-color: #7e3f98;
		font-size: 3.5vw;
		text-align: center;
		letter-spacing: .06em;
		text-indent: .06em;
		line-height: 3;
		border-radius: 1.5em;
	}
	#header .header-nav .sns-nav {
		text-align: center;
		line-height: 1;
		padding-top: 4vw;
	}
	#header .header-nav .sns-nav a {
		display: inline-block;
		font-size: 5vw;
		margin: 0 .25em;
		color: #ccc;
		line-height: 1;
	}
}




/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer .footer-wrap {
	position: relative;
	z-index: 1;
}
#footer .footer-nav {
	background: #7e3f98;
	color: #fff;
}
#footer .logo {
	text-align: center;
}
#footer .logo a {
	display: inline-block;
	width: 60px;
	margin-top: -17px;
}
#footer .logo a img {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#footer .logo a:hover img {
	-webkit-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
#footer .footer-nav ul {
	width: 100%;
	max-width: 1160px;
	padding: 25px 30px 40px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#footer .footer-nav ul li {
	border-right: 1px solid rgba(255,255,255,0.2);
}
#footer .footer-nav ul .address {
	width: 35%;
}
#footer .footer-nav ul .address h2 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
}
#footer .footer-nav ul .address p {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.4;
	margin-top: .5em;
}

#footer .footer-nav ul .mail {
	width: 24%;
}
#footer .footer-nav ul .tel {
	width: 20%;
}
#footer .footer-nav ul .fax {
	width: 21%;
}
#footer .footer-nav ul .mail a,
#footer .footer-nav ul .tel a,
#footer .footer-nav ul .fax a {
	display: block;
	text-align: center;
	height: 100%;
	width: 100%;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 2;
	letter-spacing: .06em;
}
#footer .footer-nav ul .mail a img {
	width: 21px;
	height: 16px;
	vertical-align: baseline;
	margin-right: .5em;
}
#footer .footer-nav ul .tel a img {
	width: 18px;
	height: 18px;
	vertical-align: baseline;
	margin-right: .5em;
}
#footer .footer-nav ul .fax a img {
	width: 20px;
	height: 20px;
	vertical-align: baseline;
	margin-right: .5em;
}
#footer .footer-nav ul li a {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#footer .footer-nav ul li a:hover {
	background: rgba(255,255,255,0.2);
}
#footer .copyright {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: .06em;
	text-indent: .06em;
	text-align: center;
	padding: 2em 30px;
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#footer .logo a {
		display: inline-block;
		width: 13.3vw;
		margin-top: -3.6vw;
	}
	#footer .footer-nav ul {
		width: 100%;
		padding: 4vw 4vw 0;
	}
	#footer .footer-nav ul .address,
	#footer .footer-nav ul .mail,
	#footer .footer-nav ul .tel,
	#footer .footer-nav ul .fax {
		width: 100%;
		border-right: none;
	}
	#footer .footer-nav ul .address h2 {
		font-size: 3.5vw;
	}
	#footer .footer-nav ul .address p {
		font-size: 3.2vw;
		line-height: 1.4;
		margin-top: .5em;
		margin-bottom: 3vw;
	}

	#footer .footer-nav ul .mail a,
	#footer .footer-nav ul .tel a,
	#footer .footer-nav ul .fax a {
		border-top: 1px solid rgba(255,255,255,0.2);
		padding: 1em 0;
		text-align: left;
		font-size: 4vw;
		line-height: 1;
	}
	#footer .footer-nav ul .mail a img {
		width: 3.7vw;
		height: 2.9vw;
	}
	#footer .footer-nav ul .tel a img {
		width: 3.2vw;
		height: 3.3vw;
	}
	#footer .footer-nav ul .fax a img {
		width: 3.6vw;
		height: 3.6vw;
	}
	#footer .copyright {
		font-size: 2.7vw;
		padding: 2em 4vw;
	}
}



/*------------------------------------------------------------
	TOP COMMON
------------------------------------------------------------*/



.section-wrap {
	padding: 90px 30px;
}
.section-title {
	text-align: center;
	padding-bottom: 40px;
}
.section-title h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	color: #000;
	letter-spacing: .06em;
	text-indent: .06em;
	text-align: center;
	display: inline-block;
	line-height: 1.2;
	position: relative;
}
.section-title h2 span {
	display: block;
	position: relative;
	z-index: 2;
}
.section-title h2:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 12px;
	background-color: #956caf;
}
.section-title h3 {
	color: #666;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	letter-spacing: .06em;
	text-indent: .06em;
	line-height: 1;
	margin-top: .75em;
}
.btn-black{
	padding:65px 0 0;
	text-align: center;
}


.btn-purple,
.btn-white {
	padding: 80px 0 0;
	text-align: center;
}
.btn-purple a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #7e3f98;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	border: 2px solid #7e3f98;
	border-radius: 2.0em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.btn-purple a:hover {
	background-color: #7e3f98;
	color: #fff;
}
.btn-white a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	border: 2px solid #fff;
	border-radius: 2.0em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.btn-white a:hover {
	background-color: #fff;
	color: #7e3f98;
}
.btn-black a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	border: 2px solid #333;
	background-color: #333;
	border-radius: 2.0em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.btn-black a:hover {
	background-color: #666;
	border-color: #666;
}
.btn-black i,
.btn-purple i,
.btn-white i {
	margin-right: .5em;
}



@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {

	.section-wrap {
		padding: 14vw 4vw 16vw;
	}
	.section-title {
		padding-bottom: 5vw;
	}
	.section-title h2 {
		font-size: 7.8vw;
	}
	.section-title h2:after {
		height: 1.6vw;
	}
	.section-title h3 {
		font-size: 3.2vw;
	}
	.btn-black,
	.btn-purple,
	.btn-white {
		padding: 8vw 0 0;
	}
	.btn-purple a,
	.btn-white a,
	.btn-black a {
		font-size: 3.5vw;
		max-width: 66.7vw;
	}

}


/*------------------------------------------------------------
	PAGENAVI
------------------------------------------------------------*/

.pagenavi-wrap .wp-pagenavi {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-align: center;
	letter-spacing: -.5em;
	padding: 30px 0 90px;
}
.pagenavi-wrap .wp-pagenavi.sp {
	display: none;
}
.pagenavi-wrap .wp-pagenavi a,
.pagenavi-wrap .wp-pagenavi span {
	display: inline-block;
	letter-spacing: normal;
	line-height: 2.5;
	width: 2.5em;
	text-align: center;
	margin: 0 2px 0 3px;
	border: none;
	border-bottom: 5px solid #d6d6d6;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.pagenavi-wrap .wp-pagenavi a:hover {
	color: #7e3f98;
	border-color: #7e3f98;
}
.pagenavi-wrap .wp-pagenavi span {
	opacity: .5;
}
.pagenavi-wrap .wp-pagenavi span.current {
	color: #7e3f98;
	border-color: #7e3f98;
	opacity: 1;
}
.pagenavi-wrap .wp-pagenavi a:first-child,
.pagenavi-wrap .wp-pagenavi span:first-child {
	border-left: none;
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	.pagenavi-wrap .wp-pagenavi {
		font-size: 4.2vw;
		padding: 15px 0 15px;
	}
}

/*------------------------------------------------------------
	TOP SLIDE
------------------------------------------------------------*/


#slide .section-wrap {
	padding: 40px 0 70px;
}

#slide .topslide-wrap div {
	line-height: 1;
	vertical-align: top;
}
#slide .topslide-wrap .slide-list {
	position: relative;
	padding: 0 35px;
}
#slide .topslide-wrap .slide-list a {
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative;
}
#slide .topslide-wrap .slide-list a:hover {
	opacity: .7;
}
#slide .topslide-wrap .slide-list img {
	width: 750px;
}
#slide .topslide-wrap .slide-list .img {
	width: 750px;
	height: 500px;
	background: center center/cover no-repeat;
}
#slide .topslide-wrap .slide-list .title {
	position: absolute;
	display: inline-block;
	bottom: 40px;
	left: 0;
	font-size: 34px;
	line-height: 1.4;
	padding: .05em .3em .05em;
	color: #fff;
	font-weight: 700;
	background-color: #7e3f98;
}
#slide .topslide-wrap .slide-list .news-title {
	position: absolute;
	display: inline-block;
	bottom: 40px;
	left: 0;
}
#slide .topslide-wrap .slide-list .news-title p {
	font-size: 26px;
	line-height: 1.4;
	margin-top: .35em;
	color: #fff;
	font-weight: 700;
}
#slide .topslide-wrap .slide-list .news-title p span {
	display: inline-block;
	padding: .1em .3em .1em;
	background-color: #7e3f98;
}

#slide .topslide-wrap .slick-prev {
	width: 25px;
	height: 45px;
	left: calc(50% - 425px);
	background: url(images/arrow-left.svg) center center/25px 45px no-repeat;
	z-index: 100;
}
#slide .topslide-wrap .slick-next {
	width: 25px;
	height: 45px;
	right: calc(50% - 425px);
	background: url(images/arrow-right.svg) center center/25px 45px no-repeat;
	z-index: 100;
}
#slide .slick-prev:before, #slide .slick-next:before {
	display: none;
}
#slide .slick-dots {
	line-height: 1;
	bottom: -30px;
}
#slide .slick-dots li {
	line-height: 1;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	vertical-align: bottom;
}
#slide .slick-dots li button {
	line-height: 1;
	width: 12px;
	height: 12px;
	padding: 0;
}
#slide .slick-dots li button:before {
	width: 12px;
	height: 12px;
	line-height: 1;
	font-size: 12px;
	color: #ddd;
	opacity: 1;
}
#slide .slick-dots li.slick-active button:before {
	color: #7e3f98;
	opacity: 1;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#slide .section-wrap {
		padding: 0 0 8vw;
	}
	#slide .topslide-wrap .slide-list {
		width: 100vw;
		padding: 0;
		position: relative;
	}
	#slide .topslide-wrap .slide-list img {
		width: 100vw;
	}
	#slide .topslide-wrap .slide-list .img {
		width: 100vw;
		height: 66.67vw;
	}
	#slide .topslide-wrap .slide-list .title {
		font-size: 5.5vw;
		bottom: 20px;
		padding: .07em .3em 0;
	}
	#slide .topslide-wrap .slide-list .news-title {
		position: absolute;
		display: inline-block;
		bottom: 20px;
		left: 0;
	}
	#slide .topslide-wrap .slide-list .news-title p {
		font-size: 4.2vw;
		margin-top: .45em;
	}
	#slide .topslide-wrap .slide-list .news-title p span {
		padding: .2em .4em .2em;
	}
	#slide .topslide-wrap .slick-next,
	#slide .topslide-wrap .slick-prev {
		opacity: 0;
		visibility: hidden;
	}
	#slide .topslide-wrap .slick-prev {
		left: 0;
	}
	#slide .topslide-wrap .slick-next {
		right: 0;
	}
	#slide .topslide-wrap .slide-list a:hover {
	opacity: 1.0;
}
}

/*------------------------------------------------------------
	TOP NEWS
------------------------------------------------------------*/

#news .section-wrap {
	background: url(images/bg-white.png) center center/29px 29px repeat;
}
#news .section-content ul {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -60px;
}
#news .section-content ul li {
	width: 30%;
	margin-right: 5%;
	margin-top: 60px;
}
#news .section-content ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 10px 10px 0 0 #ddd;
}
#news .section-content ul li:nth-child(3n) {
	margin-right: 0;
}
#news .section-content ul li .thumb {
	position: relative;
}
#news .section-content ul li .thumb .img-wrap {
	overflow: hidden;
	display: block;
	width: 100%;
	padding-top: 75%;
	position: relative;
}
#news .section-content ul li a .thumb .img {
	position: absolute;
	background: center center/cover no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#news .section-content ul li a:hover .thumb .img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-filter: brightness(.7);
	filter: brightness(.7);	
}
#news .section-content ul li .thumb .cat {
	position: absolute;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: .06em;
	text-indent: .06em;
	left: -.75em;
	padding: 0 1em;
	color: #000;
	bottom: 1.5em;
	z-index: 1;
}
#news .section-content ul li .thumb .cat span {
	position: relative;
	z-index: 2;
}
#news .section-content ul li .thumb .cat:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff0;
	z-index: 1;
	display: block;
	-webkit-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

#news .section-content ul li .txt {
	padding:6% 8% 7%;
}

#news .section-content ul li .txt .new {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: .06em;
	color: #df0d3c;
}
#news .section-content ul li .txt h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: .06em;
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#news .section-content ul {
		width: 92vw;
		margin-top: -4vw;
		padding-right: 1.2vw;
	}
	#news .section-content ul li {
		width: 100%;
		margin-right: 0;
		margin-top: 4vw;
	}
	#news .section-content ul li a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		box-shadow: 1.2vw 1.2vw 0 0 #ddd;
	}
	#news .section-content ul li .thumb {
		width: 40%;
	}
	#news .section-content ul li .thumb .cat {
		font-size: 2.7vw;
		bottom: 1em;
	}
	#news .section-content ul li .txt {
		padding: 2.2vw 3vw 3vw;
		width: 60%;
	}
	#news .section-content ul li .txt .new {
		font-size: 2.8vw;
	}
	#news .section-content ul li .txt h2 {
		font-size: 3.5vw;
		line-height: 1.4;
		max-height: 4.2em;
		overflow: hidden;
	}
}

/*------------------------------------------------------------
	NEWS 一覧
------------------------------------------------------------*/

#archive .section-wrap {
	padding: 90px 0 0;
}
#archive .news-nav ul {
	text-align: center;
	width: 100%;
	letter-spacing: -.5em;
	font-size: 20px;
	padding-bottom: 1.4em;
}
#archive .news-nav ul li {
	display: inline-block;
	letter-spacing: .06em;
	text-indent: .06em;
	font-family: 'Oswald', sans-serif;
	padding: 0 .6em;
}
#archive .news-nav ul li a {
	color: #000;
	display: block;
	line-height: 1.3;
	padding: 0 .2em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.post-type-archive-information #archive .news-nav ul li.nav-all a,
#archive.information-news .news-nav ul li.nav-news a,
#archive.information-live .news-nav ul li.nav-live a,
#archive.information-release .news-nav ul li.nav-release a,
#archive .news-nav ul li a:hover {
	background-color: #7e3f98;
	color: #fff;
}
#archive .section-content {
	background: url(images/bg-white.png) center center/29px 29px repeat;
	padding: 0 30px 75px;
}
#archive .section-content ul {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#archive .section-content ul li {
	width: 30%;
	margin-right: 5%;
	margin-top: 60px;
}
#archive .section-content ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 10px 10px 0 0 #ddd;
}
#archive .section-content ul li:nth-child(3n) {
	margin-right: 0;
}

#archive .section-content ul li .thumb {
	position: relative;
}
#archive .section-content ul li .thumb .img-wrap {
	overflow: hidden;
	display: block;
	width: 100%;
	padding-top: 75%;
	position: relative;
}
#archive .section-content ul li a .thumb .img {
	position: absolute;
	background: center center/cover no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive .section-content ul li a:hover .thumb .img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-filter: brightness(.7);
	filter: brightness(.7);	
}

#archive .section-content ul li .thumb .cat {
	position: absolute;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: .06em;
	text-indent: .06em;
	left: -.75em;
	padding: 0 1em;
	color: #000;
	bottom: 1.5em;
	z-index: 1;
}
#archive .section-content ul li .thumb .cat span {
	position: relative;
	z-index: 2;
}
#archive .section-content ul li .thumb .cat:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff0;
	z-index: 1;
	display: block;
	-webkit-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

#archive .section-content ul li .txt {
	padding:6% 8% 7%;
}
#archive .section-content ul li .txt .date {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: .06em;
	color: #999;
}
#archive .section-content ul li .txt .date .new {
	color: #df0d3c;
	margin-left: .5em;
}
#archive .section-content ul li .txt h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: .06em;
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#archive .section-wrap {
		padding: 12vw 0;
	}
	#archive .news-nav ul {
		font-size: 4.2vw;
		padding-bottom: 1.2em;
	}
	#archive .news-nav ul li {
		padding: 0 .5em;
	}
	#archive .section-content {
		padding: 0 4vw 5.2vw;
	}
	#archive .section-content ul {
		width: 92vw;
		padding-right: 1.2vw;
	}
	#archive .section-content ul li {
		width: 100%;
		margin-right: 0;
		margin-top: 4vw;
	}
	#archive .section-content ul li a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		box-shadow: 1.2vw 1.2vw 0 0 #ddd;
	}
	#archive .section-content ul li .thumb {
		width: 40%;
	}
	#archive .section-content ul li .thumb .cat {
		font-size: 2.7vw;
		bottom: 1em;
	}
	#archive .section-content ul li .txt {
		padding: 2.2vw 3vw 3vw;
		width: 60%;
	}
	#archive .section-content ul li .txt .date {
		font-size: 3.0vw;
	}
	#archive .section-content ul li .txt h2 {
		font-size: 3.5vw;
		line-height: 1.4;
		max-height: 4.2em;
		overflow: hidden;
	}
	
}


/*------------------------------------------------------------
	TOP TALNET&WRITER
------------------------------------------------------------*/
#talent_writer .section-wrap {
	background: url(images/bg-purple.png) center center/29px 29px repeat;
	position: relative;
}
#talent_writer .section-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background-color: #fff;
	z-index: 1;
}
#talent_writer .section-title,
#talent_writer .section-content {
	position: relative;
	z-index: 2;
}
#talent_writer .section-content {
	width: 100%;
	max-width: 1100px;
	margin: auto;
}
#talent_writer .img-wrap {
}
#talent_writer .img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#talent_writer .img-wrap a img {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#talent_writer .img-wrap a:hover img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-filter: brightness(.7);
	filter: brightness(.7);	
}

#talent_writer .talent-row1,
#talent_writer .talent-row2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#talent_writer .talent-row1 div,
#talent_writer .talent-row2 div {
	position: relative;
}
#talent_writer .talent-row1 div img,
#talent_writer .talent-row2 div img {
	vertical-align: top;
	width: 100%;
}
#talent_writer .talent-row1 h2,
#talent_writer .talent-row2 h2 {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 1em;
	font-weight: 700;
	color: #000;
	line-height: 1.6;
	background-color: #ff0;
	padding: 0 .3em;
}

#talent_writer .talent-row2 {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#talent_writer .talent-row2 .line1 {
	width: 67.6%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#talent_writer .talent-row2 .line1 .img-wrap {
	width: 50%;
}
#talent_writer .talent-row2 .line2 {
	width: 33.4%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#talent_writer .talent-row2 .line2 .img-wrap {
	width: 50%;
}

#talent_writer .talent-row1 .line1 h2 {
	font-size: 30px;
}
#talent_writer .talent-row1 .line2 h2,
#talent_writer .talent-row2 .line1 h2 {
	font-size: 20px;
}
#talent_writer .talent-row2 .line2 h2 {
	font-size: 16px;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#talent_writer .section-wrap:before {
		height: 51.2vw;
	}
	#talent_writer .talent-row1,
	#talent_writer .talent-row2 {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#talent_writer .talent-row1 .line1 {
		width: 100%;
	} 
	#talent_writer .talent-row1 .line2 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#talent_writer .talent-row1 .line2 .img-wrap {
		width: 50%;
	}
	#talent_writer .talent-row2 .line1 {
		width: 100%;
	}
	#talent_writer .talent-row2 .line2 {
		width: 100%;
	}
	#talent_writer .talent-row1 .line1 h2 {
		font-size: 4vw;
	}
	#talent_writer .talent-row1 .line2 h2,
	#talent_writer .talent-row2 .line1 h2,
	#talent_writer .talent-row2 .line2 h2 {
		font-size: 3.2vw;
	}
}


#talent_writer .talent-row-col2 {
	display: grid;
	grid-template-columns: 78fr 32fr;
}
#talent_writer .talent-row-col2 .img-wrap,
#talent_writer .talent-row-col2 .img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#talent_writer .talent-row-col2 .img-wrap a img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#talent_writer .talent-row-col2 .col1 h2 {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 1em;
	font-size: 30px;
	font-weight: 700;
	color: #000;
	line-height: 1.6;
	background-color: #ff0;
	padding: 0 .3em;
}
#talent_writer .talent-row-col2 .col2 h2 {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 1em;
	font-size: 20px;
	letter-spacing: .06em;
	text-indent: .06em;
	font-weight: 700;
	color: #000;
	line-height: 1.6;
	background-color: #ff0;
	padding: 0 .3em;
}
#talent_writer .talent-row-col2 .col2 .img-wrap {
	height: 50%;
}
#talent_writer .talent-row-col4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
#talent_writer .talent-row-col4 h2 {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 1em;
	font-size: 20px;
	letter-spacing: .06em;
	text-indent: .06em;
	font-weight: 700;
	color: #000;
	line-height: 1.6;
	background-color: #ff0;
	padding: 0 .3em;
}

#talent_writer .talent-row-col4 .img-wrap,
#talent_writer .talent-row-col4 .img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#talent_writer .talent-row-col4 .img-wrap a img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#talent_writer .talent-row-col2 {
		grid-template-columns: 1fr;
	}
	#talent_writer .talent-row-col2 .col2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	#talent_writer .talent-row-col2 .img-wrap a img {
		height: auto;
	}
	#talent_writer .talent-row-col4 {
		grid-template-columns: 1fr 1fr;
	}
	#talent_writer .talent-row-col2 .col1 h2 {
		font-size: 4vw;
	}
	#talent_writer .talent-row-col2 .col2 h2 {
		font-size: 3.2vw;
	}
	#talent_writer .talent-row-col4 h2 {
		font-size: 3.2vw;
	}
	#talent_writer .talent-row-col2 .col2 .img-wrap {
	height: 100%;
}
}



/*------------------------------------------------------------
	TOP SCHEDULE
------------------------------------------------------------*/
#schedule .section-content {
	width: 100%;
	max-width: 1100px;
	margin: auto;
}
#schedule .schedule-wrap {
	background: url(images/bg-purple-stripe.png) center center/8px 8px repeat;
	padding: 10px;
}
#schedule .first {
	background: #fff;
	width: 100%;
	height: auto;
	max-height: 680px;
	padding: 0 40px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.single-schedule #schedule .first {
	max-height: none;
}
#schedule .first > li {
	padding: 30px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-top: 2px solid #ddd;
}
#schedule .date {
	width: 140px;
}
#schedule .date-Y {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .06em;
	display: block;
	line-height: 1;
	margin-bottom: .2em;
}
#schedule .date-md {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	font-weight: 400;
	letter-spacing: .06em;
	display: block;
	line-height: 1;
}
#schedule .date-D {
	font-size: 16px;
	letter-spacing: .06em;
	display: block;
	line-height: 1;
	margin-top: .5em;
}
#schedule .date-D.Sat {
	color: #116cc9;
}
#schedule .date-D.Sun {
	color: #df0d3c;
}
#schedule .second {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
#schedule .second > li {
	padding-top: 0;
}
#schedule .second > li:first-child {
	padding-top: 0;
}
#schedule .second > li > h2 {
	font-size: 13px;
	line-height: 1.875;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 0 .75em;
	color: #fff;
	background-color: #7e3f98;
}
#schedule .second > li > h2 span:before {
	content: '・';
}
#schedule .second > li > h2 span:first-child:before {
	display: none;
}
#schedule .second li:nth-child(even) {
	background: #f4f0f7;
}
#schedule .second li .txt {
	font-size: 14px;
	padding: 1em 1em 0.9em;
}
#schedule .second li .txt:after {
	content: '';
	display: block;
	clear: both;
}
#schedule .second li .txt .cat {
	width: 100px;
	float: left;
	font-size: 11px;
	line-height: 1.6;
	border: 1px solid #999;
	color: #999;
	text-align: center;
	background-color: #fff;
	padding: 0 .3em;
	margin-top: .25em;
}
#schedule .second li .txt h3,
#schedule .second li .txt .detail {
	margin-left: 120px;
}
#schedule .second li .txt h3 {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.7;
	padding-bottom: 3px;
}
#schedule .second li .txt .detail {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.7;
}
#schedule .second li .txt .detail a {
	color: #7e3f98;
	text-decoration: underline;
	word-break: break-all;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#schedule .section-wrap {
		padding: 14vw 0 16vw;
	}
	#schedule .schedule-wrap {
		padding: 2vw 0;
	}
	#schedule .first {
		max-height: 100vw;
		padding: 0 4vw;
	}
	.single-schedule #schedule .first {
		max-height: none;
	}
	#schedule .first > li {
		display: block;
		padding: 4vw 0;
	}
	#schedule .date {
		width: 100%;
		padding-bottom: 2vw;
	}
	#schedule .date-Y {
		font-size: 3.2vw;
	}
	#schedule .date-md {
		display: inline-block;
		font-size: 8.0vw;
	}
	#schedule .date-D {
		font-size: 3.2vw;
		display: inline-block;
	}
	#schedule .second > li > h2 {
		font-size: 3.2vw;
		line-height: 1.4;
		padding: 0.25em .5em;
	}
	#schedule .second li {
		padding: 0;
	}
	#schedule .second li .txt {
		padding: 0.5em 1em 0.9em;
	}
	#schedule .second li .txt .cat {
		max-width: none;
		width: auto;
		font-size: 2.7vw;
		float: none;
		line-height: 1.5;
		display: inline-block;
		margin-bottom: .5em;
	}
	#schedule .second li .txt h3 {
		margin-left: 0;
		font-size: 3.5vw;
		padding-bottom: 0;
	}
	

	#schedule .second li .txt .detail {
		margin-left: 0;
		font-size: 3.5vw;
	}
}


/*------------------------------------------------------------
	TOP SCHEDULE
------------------------------------------------------------*/

#movie_sns .section-wrap {
	background: url(images/bg-white.png) center center/29px 29px repeat;
}
#movie_sns .section-content {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#movie_sns .movie {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding-right: 3.6%;
}
#movie_sns .movie ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#movie_sns .movie ul li:nth-child(1) {
	width: 100%;
	margin-bottom: 5.6%;
}
#movie_sns .movie ul li:nth-child(2) {
	width: 47.2%;
	margin-right: 5.6%;
}
#movie_sns .movie ul li:nth-child(3) {
	width: 47.2%;
}
#movie_sns .movie ul li .embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: auto;
} 

#movie_sns .movie ul li .embed-container iframe,
#movie_sns .movie ul li .embed-container object,
#movie_sns .movie ul li .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#movie_sns .twitter {
	width: 340px;
}
#movie_sns .twitter .twitter-wrap {
	border: 1px solid #ddd;
	line-height: 1;
}
#movie_sns .twitter .twitter-wrap iframe {
	vertical-align: bottom;
}
#movie_sns .btn-purple {
	padding-top: 5.6%;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#movie_sns .section-content {
		display: block;
	}
	#movie_sns .movie {
		width: 100%;
		padding-right: 0;
	}
	#movie_sns .movie ul li {
		margin-top: 4vw;
	}
	#movie_sns .movie ul li:nth-child(1) {
		margin-top: 0;
		margin-bottom: 0;
	}
	#movie_sns .movie ul li:nth-child(2) {
		margin-right: 0;
		width: 100%;
	}
	#movie_sns .movie ul li:nth-child(3) {
		width: 100%;
	}
	#movie_sns .btn-purple {
		padding-top: 7vw;
	}
	#movie_sns .twitter {
		width: 100%;
		text-align: center;
		padding: 11vw 7vw 0;
	}
}

/*------------------------------------------------------------
	TALENT&WRITER 一覧
------------------------------------------------------------*/
#archive-talent_writer .section-wrap {
	padding: 90px 10px;
}
#archive-talent_writer .section-title {
	position: relative;
	max-width: 1140px;
	padding: 0 20px 40px;
	margin: auto;
}

#archive-talent_writer .section-title .btn-map {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 170px;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 2.7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 1.3em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive-talent_writer .section-title .btn-map:hover {
	opacity: .6;
}
#archive-talent_writer .section-title .btn-map img {
	width: 1.2em;
	height: 1.2em;
	vertical-align: text-bottom;
	margin-right: .3em;
}


#archive-talent_writer .section-title .btn-search {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 2.7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 2em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive-talent_writer .section-title .btn-search:hover {
	opacity: .6;
}
#archive-talent_writer .section-title .btn-search img {
	width: 1.2em;
	height: 1.2em;
	vertical-align: text-bottom;
	margin-right: .5em;
}

#archive-talent_writer .modal-map {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.show-modal-map #archive-talent_writer .modal-map {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
#archive-talent_writer .modal-map-wrap {
	position: relative;
	padding: 70px;
	width: 100%;
	min-height: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.8);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#archive-talent_writer .modal-map-wrap .pc {
	display: block;
}
#archive-talent_writer .modal-map-wrap .sp {
	display: none;
}

#archive-talent_writer .modal-map .map-wrap {
	position: relative;
	z-index: 2;
	max-width: 960px;
	width: 100%;
	background: #6ac4af url(images/map-pc.png) center center/cover no-repeat;
}
#archive-talent_writer .modal-map .map-wrap area {
	background-image: 
		url(images/map/map-tanakahikaru.png),
		url(images/map/map-hokkaido.png),
		url(images/map/map-aomori.png),
		url(images/map/map-iwate.png),
		url(images/map/map-miyagi.png),
		url(images/map/map-akita.png),
		url(images/map/map-yamagata.png),
		url(images/map/map-fukushima.png),
		url(images/map/map-ibaraki.png),
		url(images/map/map-tochigi.png),
		url(images/map/map-gunma.png),
		url(images/map/map-saitama.png),
		url(images/map/map-chiba.png),
		url(images/map/map-tokyo.png),
		url(images/map/map-kanagawa.png),
		url(images/map/map-niigata.png),
		url(images/map/map-toyama.png),
		url(images/map/map-ishikawa.png),
		url(images/map/map-fukui.png),
		url(images/map/map-yamanashi.png),
		url(images/map/map-nagano.png),
		url(images/map/map-gifu.png),
		url(images/map/map-shizuoka.png),
		url(images/map/map-aichi.png),
		url(images/map/map-mie.png),
		url(images/map/map-shiga.png),
		url(images/map/map-kyoto.png),
		url(images/map/map-osaka.png),
		url(images/map/map-hyogo.png),
		url(images/map/map-nara.png),
		url(images/map/map-wakayama.png),
		url(images/map/map-tottori.png),
		url(images/map/map-shimane.png),
		url(images/map/map-okayama.png),
		url(images/map/map-hiroshima.png),
		url(images/map/map-yamaguchi.png),
		url(images/map/map-tokushima.png),
		url(images/map/map-kagawa.png),
		url(images/map/map-ehime.png),
		url(images/map/map-kochi.png),
		url(images/map/map-fukuoka.png),
		url(images/map/map-saga.png),
		url(images/map/map-nagasaki.png),
		url(images/map/map-kumamoto.png),
		url(images/map/map-oita.png),
		url(images/map/map-miyazaki.png),
		url(images/map/map-kagoshima.png),
		url(images/map/map-okinawa.png),
		url(images/map/map-abroad.png);
}
#archive-talent_writer .modal-map .map-wrap area.other-area {
	cursor: default;
}
#archive-talent_writer .modal-map .map-wrap .talent-list {
	position: absolute;
	top: 3.75%;
	left: 2.8%;
	width: 54%;
	background-color: #fff;
	border-radius: 5px;
	height: 370px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s .25s;
	-o-transition: .5s .25s;
	transition: .5s .25s;
	z-index: 1;
}
#archive-talent_writer .modal-map .map-wrap .talent-list.show {
	opacity: 1;
	visibility: visible;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 2;
}
#archive-talent_writer .modal-map .map-wrap .talent-list h2 {
	display: block;
	text-align: left;
	font-size: 18px;
	text-indent: 0;
	line-height: 2;
	font-weight: bold;
	padding: 5px 20px;
	letter-spacing: .06em;
	border-bottom: 4px solid #7e3f98;
}
#archive-talent_writer .modal-map .map-wrap .talent-list h2:after {
	display: none;
}
#archive-talent_writer .modal-map .map-wrap .talent-list p {
	text-align: left;
	padding: 5px 20px;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 10px 20px;
	height: 320px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li {
	width: 32%;
	margin-right: 2%;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li:nth-child(3n) {
	margin-right: 0;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	height: 60px;
	border-top: 1px solid #ddd;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li a:hover {
	opacity: .6;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li:nth-child(1) a,
#archive-talent_writer .modal-map .map-wrap .talent-list ul li:nth-child(2) a,
#archive-talent_writer .modal-map .map-wrap .talent-list ul li:nth-child(3) a {
	border-top: none;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li .thumb {
	position: absolute;
	width: 40px;
	left: 0;
	top: 10px;
}
#archive-talent_writer .modal-map .map-wrap .talent-list ul li h3 {
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	line-height: 1.23;
}

#archive-talent_writer .modal-map .map-wrap .modal-map-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	-o-transform: translateY(-150%);
	transform: translateY(-150%);
}
#archive-talent_writer .modal-map .map-wrap .modal-map-close:hover {
	opacity: .6;
}
#archive-talent_writer .modal-map .map-wrap .modal-map-close:before {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
#archive-talent_writer .modal-map .map-wrap .modal-map-close:after {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
#archive-talent_writer .modal-map .modal-map-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}


#archive-talent_writer .none {
	max-width: 1140px;
	padding: 0 20px;
	margin: 0 auto 5em;
}

#archive-talent_writer .modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.show-modal #archive-talent_writer .modal {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
#archive-talent_writer .modal-wrap {
	position: relative;
	padding: 70px;
	width: 100%;
	min-height: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.8);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#archive-talent_writer .modal .modal-form {
	background-color: #fff;
	padding: 30px;
	position: relative;
	z-index: 2;
	max-width: 960px;
	width: 100%;
}
#archive-talent_writer .modal .modal-form .modal-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	-o-transform: translateY(-150%);
	transform: translateY(-150%);
}
#archive-talent_writer .modal .modal-form .modal-close:hover {
	opacity: .6;
}
#archive-talent_writer .modal .modal-form .modal-close:before {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
#archive-talent_writer .modal .modal-form .modal-close:after {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

#archive-talent_writer .modal .modal-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}


#archive-talent_writer .searchandfilter > ul > li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 1px solid #ddd;
}
#archive-talent_writer .searchandfilter > ul > li.sf-field-submit {
	display: block;
	text-align: center;
	border: none;
}
#archive-talent_writer .searchandfilter > ul > li > h4 {
	font-size: 15px;
	line-height: 2;
	width: 20%;
	text-align: left;
	font-weight: bold;
	padding: 5px 0;
}
#archive-talent_writer .searchandfilter > ul > li > ul {
	width: 80%;
}
#archive-talent_writer .searchandfilter ul li ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1;
}
.searchandfilter ul li ul li ul.children {
	margin-left: 0;
}
#archive-talent_writer .searchandfilter ul li ul li {
	width: 25%;
	text-align: left;
	line-height: 1;
}
#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_pet {
	border-bottom: none;
}
#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_club ul li,
#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_qualification ul li {
	width: 100%;
	-webkit-font-feature-settings: 'palt' 1;
	-moz-font-feature-settings: 'palt' 1;
	-o-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_club ul li .children li,
#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_qualification ul li .children li {
	width: 25%;
}
.searchandfilter li[data-sf-field-input-type=checkbox] .sf-input-checkbox {
	display: none;
}
.searchandfilter li[data-sf-field-input-type=checkbox] .sf-input-checkbox + label {
	font-size: 15px;
	line-height: 2;
	padding: 0 1em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.searchandfilter li[data-sf-field-input-type=checkbox] .sf-input-checkbox:checked + label {
	font-weight: bold;
	color: #7e3f98;
	background-color: #f4f0f7;
}
#archive-talent_writer .searchandfilter ul .sf-field-submit {
	width: 100%;
	text-align: center;
	padding: 30px 0 20px;
}
#archive-talent_writer .searchandfilter ul .sf-field-submit input {
	-webkit-appearance:none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	background-color: #7e3f98;
	border: none;
	border-radius: 1.5em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive-talent_writer .searchandfilter ul .sf-field-submit input:hover {
	opacity: .6;
}







#archive-talent_writer .page-heading-wrap {
	padding: 0 20px;
}
#archive-talent_writer .page-heading {
	font-size: 34px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .06em;
	line-height: 1.2;
	padding-left: .3em;
	border-left: 5px solid #7e3f98;
	margin: 0 auto 1em;
	max-width: 1100px;
	width: 100%;
}


#archive-talent_writer .grid {
	position: relative;
	max-width: 1140px;
	margin: auto;
	width: 100%;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-bottom: 40px;
}
.images-loaded #archive-talent_writer .grid {
	opacity: 1;
}
#archive-talent_writer .item {
	display: block;
	position: absolute;
	width: 33%;
	padding: 0 20px;
	z-index: 1;
}
#archive-talent_writer .grid .item.large {
	width: 66%;
}

#archive-talent_writer .item .thumb {
	position: relative;
}
#archive-talent_writer .item .thumb:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	background: url(images/bg-stripe.png) center center/16px 16px repeat;
}

#archive-talent_writer .item .thumb .cat {
	position: absolute;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: .00em;
	text-indent: .00em;
	left: -.75em;
	padding: 0 0.8em 0.2em 0.8em;
	color: #000;
	bottom: 1.5em;
	z-index: 3;
}
#archive-talent_writer .item .thumb .cat span {
	position: relative;
	z-index: 2;
}
#archive-talent_writer .item .thumb .cat:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff0;
	z-index: 1;
	display: block;
	-webkit-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
#archive-talent_writer .item .thumb .img-wrap {
	position: relative;
	vertical-align: top;
	overflow: hidden;
}
#archive-talent_writer .item a .thumb .img-wrap img {
	vertical-align: top;
	width: 100%;
	position: relative;
	z-index: 2;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#archive-talent_writer .item a:hover .thumb .img-wrap img {
	-webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-filter: brightness(.7);
	filter: brightness(.7);	
}


#archive-talent_writer .item h2 {
	font-weight: 700;
	letter-spacing: .06em;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 1.0em;
	margin-bottom: 2em;
}

#archive-talent_writer .flex {
	max-width: 1140px;
	margin: auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#archive-talent_writer .flex li {
	width: 33%;
	padding: 0 20px;
}

#archive-talent_writer .grid2 {
	position: relative;
	max-width: 1140px;
	margin: auto;
	width: 100%;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#archive-talent_writer .section-wrap {
		padding: 12vw 2vw;
	}
	#archive-talent_writer .page-heading-wrap {
		padding: 0 2vw;
	}
	#archive-talent_writer .page-heading {
		font-size: 6.8vw;
		border-left: 0.8vw solid #7e3f98;
	}
	
	
	#archive-talent_writer .grid {
		margin-bottom: 4vw;
	}
	#archive-talent_writer .item {
		display: block;
		position: absolute;
		width: 49.5%;
		padding: 0 2vw;
		z-index: 1;
	}
	#archive-talent_writer .grid .item.large {
		width: 99%;
	}
	#archive-talent_writer .item .thumb:after {
		top: 2vw;
		left: 2vw;
	}
	#archive-talent_writer .item .thumb .cat {
		font-size: 2.7vw;
		padding: 0 .5em;
		left: -.5em;
		bottom: 1em;
	}
	#archive-talent_writer .item h2 {
		font-size: 3.8vw;
		margin-top: 1em;
		margin-bottom: 1.5em;
		letter-spacing: 0;
	}
	#archive-talent_writer .section-title {
		padding: 0 2vw 15vw;
	}
	#archive-talent_writer .section-title .btn-search {
		right: auto;
		left: 51%;
		bottom: 2.5vw;
		font-size: 2.8vw;
		width: 11em;
	}

	#archive-talent_writer .section-title .btn-map {
		bottom: 2.5vw;
		right: 51%;
		font-size: 2.8vw;
		width: 11em;
	}
	#archive-talent_writer .modal-map-wrap {
		padding: 9.6vw 4vw;
	}
	#archive-talent_writer .modal-map-wrap .pc {
		display: none;
	}
	#archive-talent_writer .modal-map-wrap .sp {
		display: block;
		width: 100%;
	}
	#archive-talent_writer .modal-map .map-wrap {
		background: #6ac4af;
		padding-bottom: 2.4vw;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list-wrap {
		border-radius: 2vw;
		width: 84vw;
		margin: auto;
		overflow: hidden;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list {
		position: static;
		width: 100%;
		height: auto;
		opacity: 1;
		visibility: visible;
		border-radius: 0;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2 + ul {
		padding: 0;
		opacity: 0;
		visibility: hidden;
		height: auto;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2.opened + ul {
		opacity: 1;
		visibility: visible;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2 + ul li {
		border-top: none;
		border-bottom: 1px solid #ddd;
		height: 0;
		width: 100%;
		margin-right: 0;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2.opened + ul li {
		height: 16vw;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list ul li a {
		height: 16vw;
		border: none;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list ul li .thumb {
		width: 12vw;
		left: 2vw;
		top: 2vw;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list ul li h3 {
		font-size: 3.2vw;
		padding-left: 16vw;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2 {
		position: relative;
		font-size: 3.7vw;
		padding: 1em;
		line-height: 1;
		border-bottom: 1px solid #ddd;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2:before,
	#archive-talent_writer .modal-map .map-wrap .talent-list h2:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 1em;
		left: auto;
		margin-top: -1px;
		height: 2px;
		width: 1em;
		background-color: #7e3f98;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		z-index: 1;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2:after {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2.opened:before,
	#archive-talent_writer .modal-map .map-wrap .talent-list h2.opened:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	#archive-talent_writer .modal-map .map-wrap .talent-list h2 + p {
		font-size: 3.2vw;
		opacity: 0;
		visibility: hidden;
		height: 0;
		border-bottom: 1px solid #ddd;
		padding: 0 1.2em;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	#archive-talent_writer .modal-map .map-wrap .talent-list h2.opened + p {
		padding: 1em 1.2em;
		opacity: 1;
		visibility: visible;
		height: auto;
	}
	#archive-talent_writer .modal-map .map-wrap .modal-map-close {
		width: 4vw;
		height: 4vw;
	}


	#archive-talent_writer .modal-wrap {
		padding: 9.6vw 4vw;
	}
	#archive-talent_writer .modal .modal-form {
		padding: 4vw;
	}
	#archive-talent_writer .modal .modal-form .modal-close {
		width: 4vw;
		height: 4vw;
	}



	#archive-talent_writer .searchandfilter ul li li {
		padding: .3em 0;
	}
	#archive-talent_writer .searchandfilter > ul > li {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#archive-talent_writer .searchandfilter > ul > li > h4 {
		font-size: 2.8vw;
		width: 100%;
		padding: .3em 0;
	}
	#archive-talent_writer .searchandfilter > ul > li > ul {
		width: 100%;
	}
	.searchandfilter ul li ul li ul.children {
		margin-left: 0;
	}
	#archive-talent_writer .searchandfilter ul li ul li {
		width: 50%;
	}
	#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_club ul li .children li,
	#archive-talent_writer .searchandfilter ul li.sf-field-taxonomy-filter_qualification ul li .children li {
		width: 50%;
	}
	.searchandfilter li[data-sf-field-input-type=checkbox] .sf-input-checkbox + label {
		font-size: 2.8vw;
	}
	#archive-talent_writer .searchandfilter ul .sf-field-submit {
		padding: 4vw 0 0;
	}
	#archive-talent_writer .searchandfilter ul .sf-field-submit input {
		font-size: 3.2vw;
	}
}


/*------------------------------------------------------------
	PROFILE
------------------------------------------------------------*/

#profile .section-wrap {
	padding: 90px 0;
}

#profile .main-title {
	text-align: center;
	padding-bottom: 40px;
}
#profile .main-title h1 {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 46px;
	font-weight: bold;
	color: #000;
	letter-spacing: .06em;
	text-indent: .06em;
	text-align: center;
	display: inline-block;
	line-height: 1.2;
	position: relative;
}
#profile .main-title h1 span {
	display: block;
	position: relative;
	z-index: 2;
}
#profile .main-title h1:after {
	content: '';
	display: block;
	position: absolute;
	bottom: .15em;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 12px;
	background-color: #956caf;
}
#profile .main-title h2 {
	color: #666;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	letter-spacing: .06em;
	text-indent: .06em;
	line-height: 1;
	margin-top: .75em;
}
#profile .page-heading {
	font-size: 34px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .06em;
	text-indent: .06em;
	line-height: 1.2;
	padding-left: .3em;
	border-left: 3px solid #7e3f98;
	margin-bottom: 1em;
}
#profile .page-heading span {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #666;
	letter-spacing: .06em;
	text-indent: .06em;
}


#profile .profile-mv {
	max-width: 860px;
	width: 100%;
	padding: 0 30px;	
	margin: auto;
	text-align: center;
}
#profile .mv-wrap {
	position: relative;
	display: inline-block;
}
#profile .mv-wrap:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	background: url(images/bg-stripe.png) center center/16px 16px repeat;
}
#profile .mv-wrap img {
	vertical-align: top;
	width: auto;
	max-height: 530px;
	position: relative;
	z-index: 2;
}


#profile .profile-mv .btn-purple {
	padding-top: 20px;
}
#profile .w3eden .ptitle,
#profile .w3eden .media-left,
#profile .w3eden .media > .media-body,
#profile .w3eden .media > .pull-left {
	display: none;
}
#profile .w3eden .media > div {
	width: 100%;
}
#profile .password-wrap {
	padding-top: 20px;
}
#profile .w3eden .thumbnail {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}
#profile .w3eden .btn.btn-link {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #7e3f98;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	padding: 0;
	border: 2px solid #7e3f98 !important;
	border-radius: 2.0em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#profile .w3eden .btn.btn-link:before {
	content: "\f019";
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-right: .5em;
}
#profile .w3eden .btn.btn-link:hover {
	background-color: #7e3f98 !important;
	color: #fff;
}
#profile .profile-content {
	padding: 50px 30px 90px;
	max-width: 1160px;
	width: 100%;
	margin: auto;
}
#profile.writer .profile-content {
	padding: 70px 30px 0;
}
#profile .profile-table {
	table-layout: fixed;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#profile .profile-table.sp {
	display: none;
}
#profile .profile-table td,
#profile .profile-table th {
	padding: 1em;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 1.7;
	font-size: 15px;
}

#profile .profile-table td a {
	color: #7e3f98;
	word-break: break-all;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	
}
#profile .profile-table td a i {
	margin-right: .5em;
}





#profile .profile-table thead th {
	background-color: #f4f0f7;
	font-size: 16px;
	color: #7e3f98;
	font-weight: bold;
	border-left: 1px solid #ddd;
}
#profile .profile-table thead th span {
	font-size: 12px;
	margin-left: 1em;
}
#profile .profile-table thead th a {
	color: #7e3f98;
	margin-left: .5em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#profile .profile-table thead th a:hover {
	color: #000;
}
#profile .profile-table tbody td:first-child,
#profile .profile-table thead th:first-child {
	font-size: 15px;
	font-weight: bold;
	border-left: none;
	color: #000;
}
#profile .profile-table thead th:first-child {
	width: 140px;
}

#profile .profile-position {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border: 2px solid #7e3f98;
	margin-top: 40px;
	padding: 20px;
	padding-left: 0;
}
#profile .profile-position .title {
	width: 100px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-end;
	border-right: 2px solid #7e3f98;
	padding-right: 30px;
	padding-left: 30px;
}
#profile .profile-position .title span {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #7e3f98;
}
#profile .profile-position .content {
	font-size: 15px;
	line-height: 1.7;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding-left: 30px;
}

#profile .profile-position .content a {
	color: #7e3f98;
}

#profile .profile-schedule {
	padding: 0px 30px 90px;
	
}
#profile .profile-position .thumb {
	flex-basis: 400px;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding-left: 30px;
}




#profile .profile-information {
	padding: 90px 30px;
	background: url(images/bg-white.png) center center/29px 29px repeat;
}
#profile .tab-wrap {
	max-width: 1100px;
	margin: auto;
}
#profile .tab-wrap:after {
	content: '';
	display: block;
	clear: both;
}



#profile .tab-wrap .tab-nav {
	width: 160px;
	float: left;
}
#profile .tab-wrap .tab-content-wrap {
	margin-left: 160px;
	padding: 0;
	background-color: #fff;
}

#profile .tab-wrap input, #profile .tab-wrap .tab-content {
	display: none;
}

#profile .tab-content {
	height: 540px;
	padding: 30px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}


#profile label {
	cursor: pointer;
	display: block;
	max-width: 120px;
	padding: 0 .5em;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 1em;
	color: #000;
	letter-spacing: .06em;
	text-indent: .06em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#profile label:hover {
	color: #fff;
	background-color: #7e3f98;
}
#profile #tab0:checked ~ .tab-nav .tab0,
#profile #tab1:checked ~ .tab-nav .tab1,
#profile #tab2:checked ~ .tab-nav .tab2,
#profile #tab3:checked ~ .tab-nav .tab3,
#profile #tab4:checked ~ .tab-nav .tab4,
#profile #tab5:checked ~ .tab-nav .tab5,
#profile #tab6:checked ~ .tab-nav .tab6,
#profile #tab7:checked ~ .tab-nav .tab7,
#profile #tab8:checked ~ .tab-nav .tab8,
#profile #tab9:checked ~ .tab-nav .tab9 {
	color: #fff;
	background-color: #7e3f98;
}

#tab0:checked ~ .tab-content-wrap #tab-content0,
#tab1:checked ~ .tab-content-wrap #tab-content1,
#tab2:checked ~ .tab-content-wrap #tab-content2,
#tab3:checked ~ .tab-content-wrap #tab-content3,
#tab4:checked ~ .tab-content-wrap #tab-content4,
#tab5:checked ~ .tab-content-wrap #tab-content5,
#tab6:checked ~ .tab-content-wrap #tab-content6,
#tab7:checked ~ .tab-content-wrap #tab-content7,
#tab8:checked ~ .tab-content-wrap #tab-content8,
#tab9:checked ~ .tab-content-wrap #tab-content9 {
	display: block;
}

#profile .tab-content .information-list {
  -webkit-animation: fadeIn 0.7s ease-in-out;
  -moz-animation: fadeIn 0.7s ease-in-out;
  animation: fadeIn 0.7s ease-in-out;
}
#profile .tab-content .information-list li {
	margin-top: 20px;
}
#profile .tab-content .information-list li:first-child {
	margin-top: 0;
}
#profile .tab-content .information-list li .thumb {
	width: 120px;
	float: left;
}
#profile .tab-content .information-list li:after {
	content: '';
	display: block;
	clear: both;
}
#profile .tab-content .information-list li .date {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 1;
	letter-spacing: .06em;
	margin-left: 140px;
	margin-bottom: .5em;
	white-space: nowrap;
	padding-top: 0;
}
#profile .tab-content .information-list li .cat {
	background-color: #ff0;
	font-size: 12px;
	line-height: 1.25;
	display: inline-block;
	margin-left: .2em;
	padding:.2em .5em;
	vertical-align: 2px;

}
#profile .tab-content .information-list li h3 {
	font-size: 15px;
	line-height: 1.8;
	max-height: 4em;
	overflow: hidden;
	letter-spacing: .06em;
	margin-left: 140px;
}

#profile .first {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 0;
	font-size: 14px;
	margin-top: -35px;
}
#profile .first:before {
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1;
}
#profile .first > li {
	display: none;
	padding: 20px 0;
	border-top: 2px solid #ddd;
}
#profile .first > li.show {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#profile .date {
	width: 130px;
	padding-top: 1em;
}
#profile .date-Y {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .06em;
	display: block;
	line-height: 1;
	margin-bottom: .2em;
}
#profile .date-md {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: .06em;
	display: inline-block;
	line-height: 1;
}
#profile .date-D {
	font-size: 13px;
	letter-spacing: .06em;
	display: inline-block;
	line-height: 1;
	margin-top: .5em;
}
#profile .date-D.Sat {
	color: #116cc9;
}
#profile .date-D.Sun {
	color: #df0d3c;
}

#profile .second {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
#profile .second > li {
	padding-top: 0;
}
#profile .second > li > h2 {
	display: none;
	font-size: 16px;
	line-height: 1.875;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 0 .75em;
	color: #fff;
	background-color: #7e3f98;
}
#profile .second > li > h2 span:before {
	content: '・';
}
#profile .second > li > h2 span:first-child:before {
	display: none;
}
#profile .second li:nth-child(even) {
	background: #f4f0f7;
}
#profile .second li .txt {
	font-size: 14px;
	padding: 1em 1em 0.9em;
}
#profile .second li .txt:after {
	content: '';
	display: block;
	clear: both;
}
#profile .second li .txt .cat {
	width: 100px;
	float: left;
	font-size: 11px;
	line-height: 1.6;
	border: 1px solid #999;
	color: #999;
	text-align: center;
	background-color: #fff;
	padding: 0 .3em;
	margin-top: .25em;
}
#profile .second li .txt h3,
#profile .second li .txt .detail {
	margin-left: 120px;
}
#profile .second li .txt h3 {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.7;
	padding-bottom: 3px;
}
#profile .second li .txt .detail {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.7;
}
#profile .second li .txt .detail a {
	color: #7e3f98;
	text-decoration: underline;
	word-break: break-all;
}



#profile .profile-other {
	max-width: 1160px;
	width: 100%;
	padding: 90px 30px 0px;
	margin: auto;
}
#profile.writer .profile-other {
	padding: 0 30px;
}
#profile .profile-other h2 {
	padding: 1em;
	background-color: #f4f0f7;
	font-size: 16px;
	line-height: 1.4;
	color: #7e3f98;
	font-weight: bold;
}
#profile .profile-other h2 span {
	font-size: 12px;
	margin-left: .5em;
}
#profile .history p {
	padding: 1em;
	font-size: 15px;
	line-height: 1.5;
	border-top: 1px solid #ddd;
}
#profile .history p:first-child {
	border-top: none;
}
#profile .history p:before {
	content: '・';
}
#profile.writer .history p:before {
	display: none;
}
#profile .program .description {
	font-size: 15px;
	padding: 1.5em 1em 1em;
	margin-bottom: .5em;
	border-bottom: 1px solid #ddd;
}
#profile .program .column-2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#profile .program .column-2 > div {
	width: 50%;
	padding: 1em;
	padding-bottom: 0;
	font-size: 15px;
}
#profile .program .column-1 > div {
	font-size: 15px;
	padding: 1em;
	padding-bottom: 0;
}
#profile .program h3 {
	font-weight: bold;
	padding-bottom: 10px;
}
#profile .program h3:before {
	content: '《';
}
#profile .program h3:after {
	content: '》';
}
#profile .program .content {
	margin-bottom: 2em;
}
#profile .program .content p {
	line-height: 1.6;
	padding-bottom: 1em;
}
#profile .program .content p a {
	color: #7e3f98;
	text-decoration: underline;
}

#profile .movie-list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#profile .movie-list ul li {
	width: 50%;
	flex-basis: 50%;
	padding-top: 20px;
}
#profile .movie-list ul li:nth-child(odd) {
	padding-right: 10px;
}
#profile .movie-list ul li:nth-child(even) {
	padding-left: 10px;
}
#profile .embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: auto;
} 

#profile .embed-container iframe,
#profile .embed-container object,
#profile .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#profile .main-title {
		padding-bottom: 5vw;
	}
	#profile .main-title h1 {
		font-size: 6.9vw;
	}
	#profile .main-title h1:after {
		height: 1.6vw;
	}
	#profile .main-title h2 {
		font-size: 3.2vw;
	}

	#profile .section-wrap {
		padding: 12vw 0;
	}
	#profile .profile-mv {
		max-width: none;
		width: 92vw;
		padding: 0;	
		padding-right: 2.8vw;
		margin: auto;
	}
	#profile .mv-wrap:after {
		top: 2.8vw;
		left: 2.8vw;
	}
	#profile .profile-mv .btn-purple {
		padding-top: 2.4vw;
	}
	#profile .password-wrap {
		padding-top: 3vw;
	}
	#profile .w3eden .btn.btn-link {
		font-size: 3.5vw;
		max-width: 66.7vw;
	}
	#profile .profile-content {
		padding: 12vw 4vw 16vw;
	}
	#profile.writer .profile-content {
		padding: 12vw 4vw 0;
	}
	#profile .page-heading {
		font-size: 6.8vw;
		border-left: 0.8vw solid #7e3f98;
	}
	#profile .page-heading span {
		font-size: 2.8vw;
	}
	#profile .profile-table {
		display: block;
	}

	#profile .profile-table.pc {
		display: none;
	}
	#profile .profile-table.sp {
		display: block;
		margin-top: -1px;
	}
	#profile .profile-table td,
	#profile .profile-table tbody td:first-child,
	#profile .profile-table th {
		font-size: 3.2vw;
	}
	#profile .profile-table tbody td:first-child {
		width: 20vw;
	}
	#profile .profile-table thead,
	#profile .profile-table tbody,
	#profile .profile-table thead tr,
	#profile .profile-table thead th {
		font-size: 4.0vw;
		display: block;
		width: 100%;
	}
	#profile .profile-table thead th {
		border-left: none;
	}
	#profile .profile-table tbody tr {
		width: 100%;
		display: table;
	}
	#profile .profile-table thead th:first-child {
		display: none;
	}
	#profile .profile-table thead th span {
		font-size: 2.6vw;
		margin-left: .5em;
	}
	#profile .profile-table thead th a {
		margin-left: .2em;
	}
	#profile .profile-position {
		display: block;
		padding: 4vw 4.8vw;
		margin-top: 7vw;
	}
	#profile .profile-position .title {
		width: 100%;
		display: block;
		border-right: none;
		line-height: 1.5;
		padding-right: 0;
		padding-left: 0;
	}
	#profile .profile-position .title span {
		font-size: 3.5vw;
		display: block;
		border-bottom: 2px solid #7e3f98;
		padding-bottom: .5em;
		margin-bottom: .5em;
		text-align: left;
	}
	#profile .profile-position .content {
		padding-left: 0;
		font-size: 3.5vw;
	}
	#profile .profile-position .thumb {
		padding-left: 0;
		padding-top: 4vw;
	}

	#profile .tab-wrap .tab-nav {
		width: 100%;
		float: none;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#profile .profile-information {
		padding: 14vw 4vw 16vw;
	}
	#profile label {
		width: 25%;
		max-width: none;
		text-align: center;
		padding: 0;
		background-color: #ddd;
		color: #666;
		border-left: 1px solid #fff;
		font-size: 3.6vw;
		line-height: 2.8;
		margin-bottom: 0;
	}
	#profile .tab-wrap .tab-content-wrap {
		margin-left: 0;
	}
	#profile .tab-content {
		padding: 2.4vw;
		height: 96vw;
	}
	#profile .tab-content .information-list li {
		margin-top: 2.4vw;
	}
	#profile .tab-content .information-list li .thumb {
		width: 24vw;
	}
	#profile .tab-content .information-list li .date {
		margin-left: 26.8vw;
		font-size: 2.7vw;
		line-height: 1.25;
		padding-left: 0;
	}
	#profile .tab-content .information-list li .cat {
		font-size: 2.7vw;
	}
	#profile .tab-content .information-list li h3 {
		margin-left: 26.8vw;
		font-size: 3.2vw;
		line-height: 1.7;
		max-height: 3.4em;
	}


	#profile .first {
		height: 100vw;
		padding: 0;
		margin-top: -2vw;
	}
	#profile .first > li {
		display: none;
		padding: 4vw 0;
	}
	#profile .first > li.show {
		display: block;
	}
	#profile .date {
		padding: 0 2vw 0;
	}
	#profile .date-Y {
		font-size: 3.2vw;
	}
	#profile .date-md {
		display: inline-block;
		font-size: 8.0vw;
	}
	#profile .date-D {
		font-size: 3.2vw;
		display: inline-block;
	}
	#profile .second > li > h2 {
		font-size: 3.5vw;
	}
	#profile .second li {
		padding: 0;
	}
	#profile .second li .txt {
		font-size: 3.2vw;
	}
	#profile .second li .txt .cat {
		max-width: none;
		width: auto;
		font-size: 2.7vw;
		float: none;
		display: inline-block;
		margin-bottom: .5em;
	}
	#profile .second li .txt h3,
	#profile .second li .txt .detail {
		margin-left: 0;
		font-size: 3.5vw;
	}

	
	#profile .profile-other {
		padding: 16vw 4vw 0;
	}
	#profile.writer .profile-other {
		padding: 0 4vw;
	}
	#profile .profile-other h2 {
		font-size: 3.8vw;
	}
	#profile .profile-other h2 span {
		font-size: 2.8vw;
	}
	#profile .history p {
		font-size: 3.5vw;
		border-top: none;
		border-bottom: 1px solid #ddd;
	}
	#profile .program .description {
		font-size: 3.2vw;
	}
	#profile .program .column-2 {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#profile .program .column-2 > div {
		width: 100%;
		font-size: 3.5vw;
	}
	#profile .program .column-1 > div {
		font-size: 3.5vw;
	}
	#profile .movie-list ul li,
	#profile .movie-list ul li:nth-child(odd),
	#profile .movie-list ul li:nth-child(even) {
		width: 100%;
		flex-basis: 100%;
		padding: 4vw 0 0;
	}
}


/*------------------------------------------------------------
	GOODS
------------------------------------------------------------*/
#goods .section-title {
	position: relative;
	max-width: 1100px;
	margin: auto;
}
#goods .section-title .btn-search {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 0;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 2.7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 2em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#goods .section-title .btn-search:hover {
	opacity: .6;
}
#goods .section-title .btn-search img {
	width: 1.2em;
	height: 1.2em;
	vertical-align: text-bottom;
	margin-right: .5em;
}
#goods .section-title .btn-hmv {
	margin: 20px 0 40px;
}
#goods .section-title .btn-hmv img {
	width: 700px;
}

#goods .modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.show-modal #goods .modal {
	opacity: 1;
	visibility: visible;
}
#goods .modal-wrap {
	padding: 70px;
	width: 100%;
	min-height: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.8);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#goods .modal .modal-form {
	background-color: #fff;
	padding: 30px;
	position: relative;
	z-index: 2;
	max-width: 960px;
	width: 100%;
}
#goods .modal .modal-form .modal-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	-o-transform: translateY(-150%);
	transform: translateY(-150%);
}
#goods .modal .modal-form .modal-close:hover {
	opacity: .6;
}
#goods .modal .modal-form .modal-close:before {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
#goods .modal .modal-form .modal-close:after {
	content: '';
	background-color: #fff;
	display: block;
	width: 140%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

#goods .searchandfilter ul .sf-field-post-meta-talent {
	width: 100%;
	padding: 0;
}
#goods .searchandfilter ul .sf-field-post-meta-talent ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#goods .searchandfilter ul .sf-field-post-meta-talent ul li {
	width: 30%;
	margin-right: 5%;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
#goods .searchandfilter ul .sf-field-post-meta-talent ul li input {
	display: none;
}
#goods .searchandfilter ul .sf-field-post-meta-talent ul li label {
	padding: 1.25em 1em;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 1.8;
	width: 100%;
	height: 100%;
	text-align: left;
}
#goods .searchandfilter ul .sf-field-post-meta-talent ul li input:checked + label {
	font-weight: bold;
	color: #7e3f98;
	background-color: #f4f0f7;
}

#goods .searchandfilter ul .sf-field-post-meta-talent ul li:nth-child(3n) {
	margin-right: 0;
}

#goods .searchandfilter ul .sf-field-submit {
	width: 100%;
	text-align: center;
	padding: 40px 0 0;
}
#goods .searchandfilter ul .sf-field-submit input {
	-webkit-appearance:none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	background-color: #7e3f98;
	border: none;
	border-radius: 1.5em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#goods .searchandfilter ul .sf-field-submit input:hover {
	opacity: .6;
}


#goods .modal .modal-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}



#goods .section-wrap {
	padding: 90px 30px;
}
#goods .section-content ul {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#goods .section-content ul li {
	width: 22.75%;
	margin-right: 3%;
	padding-bottom: 3%;
}
#goods .section-content ul li:nth-child(4n) {
	margin-right: 0;
}
#goods .section-content ul li a {
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#goods .section-content ul li a:hover {
	opacity: .6;
}
#goods .section-content ul li a .thumb {
	width: 100%;
	padding-top: 100%;
	border: 1px solid #ddd;
	background: center center/contain no-repeat;
}
#goods .section-content ul li a .talent {
	font-size: 11px;
	letter-spacing: .06em;
	color: #7e3f98;
	line-height: 1.4;
	margin: 1.2em 0 1em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#goods .section-content ul li a .talent .cat {
	background-color: #ff0;
	color: #000;
	margin-right: .5em;
	padding: 0 .5em;
}
#goods .section-content ul li a .talent .talent-list span:before {
	content: '・';
}
#goods .section-content ul li a .talent .talent-list span:first-child:before {
	display: none;
}
#goods .section-content ul li a h2 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: .06em;
}
#goods .section-content ul li a .price {
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 2;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#goods .section-wrap {
		padding: 12vw 4vw;
	}
	#goods .section-content ul li,
	#goods .section-content ul li:nth-child(4n) {
		width: 48%;
		margin-right: 4%;
		padding-bottom: 4%;
	}
	#goods .section-content ul li:nth-child(2n) {
		margin-right: 0;
	}
	#goods .section-content ul li a .talent {
		font-size: 2.5vw;
	}
	#goods .section-content ul li a h2 {
		font-size: 3.5vw;
	}
	#goods .section-content ul li a .price {
		font-size: 2.8vw;
		line-height: 1.6;
	}
	#goods .section-title .btn-hmv {
		margin: 4vw 0 8vw;
	}
	#goods .section-title .btn-hmv img {
		max-width: 700px;
		width: calc(100vw * 700 / 767);
	}
	#goods .section-title .btn-search {
		bottom: 2.5vw;
		font-size: 2.8vw;
	}
	#goods .modal-wrap {
		padding: 9.6vw 4vw;
	}
	#goods .modal .modal-form {
		padding: 4vw;
	}
	#goods .modal .modal-form .modal-close {
		width: 4vw;
		height: 4vw;
	}
	#goods .searchandfilter ul .sf-field-post-meta-talent ul li,
	#goods .searchandfilter ul .sf-field-post-meta-talent ul li:nth-child(3n) {
		width: 48%;
		margin-right: 4%;
	}
	#goods .searchandfilter ul .sf-field-post-meta-talent ul li:nth-child(2n) {
		margin-right: 0;
	}
	#goods .searchandfilter ul .sf-field-post-meta-talent ul li label {
		font-size: 2.8vw;
		padding: .5em 1em;
	}
	#goods .searchandfilter ul .sf-field-submit {
		padding: 4vw 0 0;
	}
	#goods .searchandfilter ul .sf-field-submit input {
		font-size: 3.2vw;
	}
}





/*------------------------------------------------------------
	SCHEDULE detail
------------------------------------------------------------*/

.single-schedule #schedule .section-content {
	margin-bottom: 40px;
}
#schedule .schedule-nav .wrapper {
	max-width: 1100px;
	margin: auto;
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}
#schedule .schedule-prevnext {
	width: 190px;
	display: block;
	margin: auto;
	position: relative;
}
#schedule .schedule-prevnext .prev {
	line-height: 1;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
#schedule .schedule-prevnext .next {
	line-height: 1;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#schedule .schedule-prevnext .prev img,
#schedule .schedule-prevnext .next img {
	width: 11px;
}
#schedule .schedule-prevnext .current {
	font-family: 'Oswald', sans-serif;
	display: inline-block;
}
#schedule .schedule-prevnext .current .year {
	display: block;
	font-size: 18px;
	line-height: 1;
	text-indent: .06em;
	letter-spacing: .06em;
	padding-bottom: .2em;
}
#schedule .schedule-prevnext .current .month {
	display: block;
	font-size: 80px;
	line-height: 1;
	text-indent: .06em;
	letter-spacing: .06em;
}
#schedule .schedule-prevnext .current .en {
	display: block;
	font-size: 14px;
	line-height: 1;
	text-indent: .06em;
	letter-spacing: .06em;
	padding-top: .4em;
}
#schedule .schedule-pager {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	border: 1px solid #ddd;
	border-right: none;
}
#schedule .schedule-pager a,
#schedule .schedule-pager span {
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	display: block;
	line-height: 1;
	padding: .2em .5em .3em;
	border-right: 1px solid #ddd;
}
#schedule .schedule-pager.month-1 a.nav-1,
#schedule .schedule-pager.month-2 a.nav-2,
#schedule .schedule-pager.month-3 a.nav-3,
#schedule .schedule-pager.month-4 a.nav-4,
#schedule .schedule-pager.month-5 a.nav-5,
#schedule .schedule-pager.month-6 a.nav-6,
#schedule .schedule-pager.month-7 a.nav-7,
#schedule .schedule-pager.month-8 a.nav-8,
#schedule .schedule-pager.month-9 a.nav-9,
#schedule .schedule-pager.month-10 a.nav-10,
#schedule .schedule-pager.month-11 a.nav-11,
#schedule .schedule-pager.month-12 a.nav-12,
#schedule .schedule-pager span {
	color: #fff;
	background-color: #7e3f98;
	cursor: default;
}
#schedule .schedule-pager a {
	color: #000;
	background-color: transparent;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#schedule .schedule-pager a:hover {
	background-color: #f4f0f7;
}
#schedule .schedule-pager a:after,
#schedule .schedule-pager span:after {
	content: '月';
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: 700;

}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	.schedule #schedule .first {
		height: auto;
	}
	.schedule #schedule .section-content {
		margin-bottom: 5vw;
	}
	#schedule .schedule-nav .wrapper {
		margin-bottom: 5vw;
	}
	#schedule .schedule-pager {
		display: none;
	}
	#schedule .schedule-prevnext {
		width: 45vw;
	}
	#schedule .schedule-prevnext .current .year {
		font-size: 4.2vw;
	}
	#schedule .schedule-prevnext .current .month {
		font-size: 19vw;
	}
	#schedule .schedule-prevnext .current .en {
		font-size: 3.5vw;
	}
	#schedule .schedule-prevnext .prev img,
	#schedule .schedule-prevnext .next img {
		width: 3vw;
	}
}
/*------------------------------------------------------------
	NEWS
------------------------------------------------------------*/
#single .section-wrap {
	padding: 90px 30px;
	max-width: 860px;
	width: 100%;
	margin: auto;
}

#single .single-title {
	text-align: left;
}
#single .single-title .date {
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	font-size: 15px;
	letter-spacing: .06em;
	color: #999;
	margin-bottom: 1em;
}
#single .single-title .date .cat {
	font-size: 14px;

	background-color: #ff0;
	color: #000;
	margin-left: .2em;
	padding: 0 .4em;
}
#single .single-title h1 {
	font-weight: bold;
	font-size: 36px;
	line-height: 1.4;
	margin-bottom: 30px;
	border-bottom: 3px solid #7e3f98;
	padding-bottom: .25em;
}
#single .share-nav ul {
	letter-spacing: -.5em;
	padding: 0 0 30px;
}
#single .share-nav ul li {
	display: inline-block;
	letter-spacing: .06em;
	text-indent: .06em;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	margin-right: .5em;
	margin-bottom: .5em;
}
#single .share-nav ul li a {
	display: block;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	width: 100px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#single .share-nav ul li a:hover {
	opacity: .6;
}
#single .share-nav ul .share-facebook a {
	background-color: #00549d;
}
#single .share-nav ul .share-twitter a {
	background-color: #49a0ef;
}
#single .share-nav ul .share-line a {
	background-color: #2dbe00;
}

#single .single-mv {
	padding-bottom: 30px;
}
#single .section-content {
	font-size: 15px;
	line-height: 2;
}

#single .section-content p {
	letter-spacing: .06em;
	margin-bottom: 2em;
}
#single .section-content strong {
	font-weight: bold;
}
#single .section-content a {
	color: #7e3f98;
	text-decoration: underline;
	word-break: break-all;
}

#single .section-content h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	background-color: #f4f0f7;
	padding: 0 10px;
	margin-bottom: 1.5em;
}
#single .section-content h3 {
	font-weight: 700;
	letter-spacing: .06em;
}
#single .section-content h3:before {
	content: '■';
	color: #7e3f98;
	margin-right: .1em;
}

#single .section-content table {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #ddd;
	margin-bottom: 3em;
}
#single .section-content table td:first-child {
	padding: 1em;
	border-top: 1px solid #ddd;
	border-left: none;
	line-height: 1.7;
	font-size: 15px;
	width: 15%;
}


#single .section-content table td {
	padding: 1em;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height: 1.7;
	font-size: 15px;
	width: 85%;
}


#single .prevnext-wrap {
	padding-top: 30px;
}
#single .prevnext {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 13px;
}
#single .prevnext li > span,
#single .prevnext li > a {
	width: 100%;
	height: 100%;
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: 1em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#single .prevnext li > a:hover {
	background-color: #f6f6f6;
}
#single .prevnext li > span {
	opacity: .25;
}
#single .prevnext li > a > span {
	display: block;
	width: 100%;
	line-height: 1;
	padding-top: .5em;
	text-align: center;
}
#single .prevnext .prev {
	flex-basis: 130px;
	border-right: 1px solid #ddd;
}
#single .prevnext .next {
	border-left: 1px solid #ddd;
	flex-basis: 130px;
}
#single .prevnext .prev img {
	margin-right: 1em;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#single .prevnext .next img {
	margin-left: 1em;
}
#single .prevnext .archive {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	flex-basis: auto;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#single .section-wrap {
		padding: 12vw 4vw;
	}
	#single .single-title .date {
		font-size: 3.3vw;
	}
	#single .single-title .date .cat {
		font-size: 3.0vw;
		padding: 0 .3em;
		line-height: 1.5;
		margin-left: .1em;
	}
	#single .single-title h1 {
		font-size: 5.2vw;
		margin-bottom: 10px;
		padding-bottom: .8em;
	}
	#single .share-nav ul {
		padding: 4vw 0;
	}
	#single .share-nav ul li {
		font-size: 3.2vw;
		font-weight: 400;
	}
	#single .share-nav ul li a {
		width: 7em;
	}
	#single .single-mv {
		padding-bottom: 4vw;
	}
	#single .section-content {
		font-size: 3.5vw;
	}
	#single .prevnext {
		font-size: 2.7vw;
	}
	#single .prevnext .next,
	#single .prevnext .prev {
		flex-basis: 30%;
	}
	#single .prevnext .next img {
		width: .8em;
	}
	#single .prevnext .prev img {
		width: .8em;
	}
	#single .prevnext .archive img {
		width: 1.5em;
	}
	#single .prevnext li > span, #single .prevnext li > a {
		padding: 1em 0;
	}
	#single .section-content h2 {
		font-size: 4.0vw;
		line-height: 1.5;
		padding: .5em .75em;
		margin-bottom: 1.5em;
	}
	#single .section-content table td {
		padding: 1em;
		line-height: 1.7;
		font-size: 3.2vw;
	}
	#single .section-content table td:first-child {
		padding: 1em;
		line-height: 1.7;
		font-size: 3.2vw;
		width: 25%;
	}
}


/*------------------------------------------------------------
	PRIVACY
------------------------------------------------------------*/

#single.page-privacy .section-wrap ul > li {
	padding-top: 2em;
}
#single.page-privacy .section-wrap ul > li ol {
	padding-left: 2.5em;
}
#single.page-privacy .section-wrap ul > li ol li {
	list-style: disc;
}



/*------------------------------------------------------------
	COMPANY
------------------------------------------------------------*/
#single.page-company .section-wrap dl {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.6;
	margin-bottom: 50px;
}
#single.page-company .section-wrap dt {
	width: 25%;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 1em;
	margin-bottom: .5em;
	border-bottom: 3px solid #7e3f98;
}
#single.page-company .section-wrap dd {
	width: 75%;
	letter-spacing: .06em;
	padding: 1em;
	margin-bottom: .5em;
	border-bottom: 3px solid #ddd;
}
#single.page-company .section-wrap #map {
	width: 100%;
	height: 500px;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	
	
 #single.page-company .section-wrap dl {
		font-size: 3.5vw;
		line-height: 1.6;
		margin-bottom: 6vw;
	}
#single.page-company .section-wrap dt {
		width: 28%;
		padding: 1.2em 0.7em 0.6em;
	}
#single.page-company .section-wrap dd {
		width: 72%;
		padding: 1.2em 0.7em 0.6em;
	}
	

	#single.page-company .section-wrap #map {
		width: 100%;
		height: 60vw;
	}
}

/*------------------------------------------------------------
	CONTACT / THANKS
------------------------------------------------------------*/
#single.page-thanks {
	width: 100%;
	overflow-x: hidden;
}
#single.page-thanks .section-wrap {
	position: relative;
	padding-bottom: 90px;
	min-height: 65vh;
}
#single.page-thanks .section-wrap:before {
	content: '';
	display: block;
	width: 444px;
	height: 591px;
	position: absolute;
	bottom: 0;
	right: calc(50% + 275px);
	background: url(images/bg-thanks-left.png) center bottom/contain no-repeat;
}
#single.page-thanks .section-wrap:after {
	content: '';
	display: block;
	width: 412px;
	height: 591px;
	position: absolute;
	bottom: 0;
	left: calc(50% + 275px);
	background: url(images/bg-thanks-right.png) center bottom/contain no-repeat;
}
#single.page-thanks .section-content {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 14px;
	line-height: 2;
}
#single.page-thanks .section-content br.sp {
	display: none;
}
#single.page-thanks .section-title h2 {
	font-size: 60px;
}
#single.page-thanks .section-title h3 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
}
#single .section-content .btn-purple {
	padding-top: 20px;
}
#single .section-content .btn-purple a {
	text-decoration: none;
	background-color: #fff;
}
#single .section-content .btn-purple a:hover {
	color: #fff;
}
@media screen and (max-width: 1400px) {
	#single.page-thanks .section-wrap:before {
		width: calc(100vw * 444 / 1400);
		height: calc(100vw * 591 / 1400);
	}
	#single.page-thanks .section-wrap:after {
		width: calc(100vw * 412 / 1400);
		height: calc(100vw * 591 / 1400);
	}
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#single.page-thanks .section-wrap {
		padding-bottom: 12vw;
		min-height: 0;
	}
	#single.page-thanks .section-wrap:before {
		right: 73vw;
		width: calc(100vw * 444 / 1400 * 1.1);
		height: calc(100vw * 591 / 1400 * 1.1);
	}
	#single.page-thanks .section-wrap:after {
		left: 77vw;
		width: calc(100vw * 412 / 1400 * 1.1);
		height: calc(100vw * 591 / 1400 * 1.1);
	}
	#single.page-thanks .section-title h2 {
		font-size: 10vw;
	}
	#single.page-thanks .section-title h3 {
		font-size: 4vw;
	}
	#single.page-thanks .section-content {
		font-size: 2.8vw;
		line-height: 1.6;
	}
	#single.page-thanks .section-content p {
		text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;
	}
	#single.page-thanks .section-content br.sp {
		display: block;
	}
	#single .section-content .btn-purple {
		padding-top: 0;
	}
}

/*------------------------------------------------------------
	404
------------------------------------------------------------*/
#single.page-404 .section-wrap {
	padding-bottom: 0;
    padding-top: 70px;
}

#single.page-404 .section-title h2 {
	font-size: 60px;
}
#single.page-404 .section-title h3 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
}
#single.page-404 .content-404 {
	background: url(images/bg-404.png) center bottom/contain no-repeat;
	width: 100%;
	padding-top: 64%;
	position: relative;
}

#single.page-404 .content-404 .balloon_left {
	position: absolute;
	top: 0;
	left: -60px;
    width: 293px;

}
#single.page-404 .content-404 .balloon_right {
	position: absolute;
	top: 15px;
	right: -24px;
    width: 265px;
	
}

#single.page-404 .content-404 .balloon {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.7;
	padding: 1.25em 1.5em;
	background-color: #fff;
	box-shadow: 0 0 0 3px #000 inset;
	border-radius: 1em;
}
#single.page-404 .content-404 .balloon:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 2em;
	z-index: 1;
	margin-top: -3px;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 21px 0 0;
	border-color: #000 transparent transparent transparent;
}
#single.page-404 .content-404 .balloon:before {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 2em;
	z-index: 2;
	margin-top: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #fff transparent transparent transparent;
	box-shadow: 0 0 0 3px #000 inset;
}

#single.page-404 .content-404 .btn-purple {
	padding: 0;
	width: 100%;
	position: absolute;
	bottom: 50px;
	left: 0;
}
#single.page-404 .content-404 .btn-purple a {
	background-color: #fff;
}
#single.page-404 .content-404 .btn-purple a:hover {
	background-color: #7e3f98;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#single.page-404 .section-title h2 {
		font-size: 10vw;
	}
	#single.page-404 .section-title h3 {
		font-size: 4vw;
	}
	#single.page-404 .content-404 {
		padding-top: 100%;
	}
	#single.page-404 .content-404 .balloon {
		font-size: 3.2vw;
	}
	#single.page-404 .content-404 .btn-purple {
		bottom: 8vw;
	}
    
    #single.page-404 .section-wrap {

    padding-top: 30px;
}
    
    #single.page-404 .content-404 .balloon_left {
	top: 0;
	left: 0px;
    width: 150px;

}
#single.page-404 .content-404 .balloon_right {
	top: 15px;
	right: 0px;
    width: 160px;
	
}
    
    
}
/*------------------------------------------------------------
	SEARCH
------------------------------------------------------------*/
.search .section-title h4 {
	font-size: 17px;
	letter-spacing: .06em;
}

.search .section-title h4 .purple {
	color: #7e3f98;
}
.search .section-title h4 .number {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 150%;
	margin: 0 .2em;
}
.search .search-wrap.results {
	padding: 30px 0;
}
.search .search-wrap.results label {
	position: relative;
	display: inline-block;
}
.search .search-wrap.results label:before {
	content: '';
	display: block;
	width: 15px;
	height: 23px;
	background:url(images/icon-search.svg) center center/15px 23px no-repeat;
	position: absolute;
	left: 3px;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	-o-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
.search .search-wrap.results input[type="text"] {
	border: none;
	border-bottom: 1px solid #666;
	color: #000;
	width: 400px;
	padding: .5em .5em .5em 2em;
	border-radius: 0;
	box-shadow: none;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .06em;
}
.search .none {
	font-size: 20px;
	text-align: center;
	letter-spacing: .06em;
	font-weight: 700;
	padding: 30px 0;
	margin-bottom: 100px;
}
@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	.search .search-wrap.results {
		padding: 3vw 0;
	}
	.search .search-wrap.results label:before {
		width: 5.2vw;
		height: 8vw;
		background: url(images/icon-search.svg) center center/5.2vw 8vw no-repeat;
	}
	.search .search-wrap.results input[type="text"] {
		font-size: 4.2vw;
		width: 70vw;
	}
	.search .section-title h4 {
		font-size: 3.5vw;
	}
	.search .none {
		font-size: 4.2vw;
		padding: 3vw 0;
		margin-bottom: 5vw;
	}
}




/*------------------------------------------------------------
	AUDITION
------------------------------------------------------------*/
#single.page-audition .section-wrap {
	width: 100%;
	max-width: 100%;
	padding: 90px 0;
}
#single.page-audition .section-title {
	padding-bottom: 0;
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
#single.page-audition .section-title h3 {
	margin-bottom: 1.4em;
}
#single.page-audition .section-guide {
	padding: 80px 0 40px;
	background: url(images/bg-purple.png) center center/29px 29px repeat;
}
#single.page-audition .guide-wrap {
	max-width: 860px;
	width: 100%;
	margin: auto;
	padding: 0 30px;
	color: #fff;
}
#single.page-audition .guide-wrap .btn-audition {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#single.page-audition .guide-wrap .btn-audition li {
	width: 49%;
}
#single.page-audition .guide-wrap .btn-audition li a {
	font-size: 15px;
	color: #7e3f98;
	background-color: #fff;
	border-radius: 1.6em;
	font-weight: 400;
	line-height: 3.2;
	text-indent: .06em;
	letter-spacing: .06em;
	display: block;
	width: 100%;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#single.page-audition .guide-wrap .btn-audition li a:hover {
	background-color: #4b1a60;
	color: #fff;
	font-weight: 700;
}
#single.page-audition.audition-comedian .guide-wrap .btn-audition li.comedian a,
#single.page-audition.audition-other .guide-wrap .btn-audition li.other a {
	background-color: #4b1a60;
	color: #fff;
	font-weight: 700;
	cursor: default;
	pointer-events: none;
}

#single.page-audition .guide-wrap .page-heading {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.2;
	padding-left: .3em;
	border-left: 5px solid #fff;
	margin: 0 auto 1em;
	max-width: 1100px;
	width: 100%;
}

#single.page-audition .guide-wrap dl {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.6;
	margin-bottom: 50px;
}
#single.page-audition .guide-wrap dt {
	width: 25%;
	font-weight: 700;
	letter-spacing: .06em;
	padding: 1em;
	margin-bottom: .5em;
	border-bottom: 3px solid #4b1a60;
}
#single.page-audition .guide-wrap dd {
	width: 75%;
	letter-spacing: .06em;
	padding: 1em;
	margin-bottom: .5em;
	border-bottom: 3px solid #fff;
}
#single.page-audition .section-content {
	max-width: 860px;
	width: 100%;
	margin: auto;
	padding: 60px 30px 20px;
}
#single.page-audition .section-content h2 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.2;
	padding-left: .3em;
	border-left: 5px solid #7e3f98;
	margin: 0 auto 1em;
	max-width: 1100px;
	width: 100%;
	background-color: transparent;
	padding: 0 0 0 .3em;
}


@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	#single.page-audition .section-wrap {
		padding: 12vw 0;
	}
	#single.page-audition .section-guide {
		padding: 10vw 0;
		background: url(images/bg-purple.png) center center/29px 29px repeat;
	}
	#single.page-audition .guide-wrap .btn-audition li a {
		font-size: 3.2vw;
	}
	#single.page-audition .guide-wrap .page-heading {
		font-size: 6.4vw;
		border-left: 0.8vw solid #fff;
	}
	#single.page-audition .section-content h2 {
		font-size: 6.4vw;
		border-left: 0.8vw solid #7e3f98;
		padding: 0 0 0 .3em;
	}
	#single.page-audition .guide-wrap dl {
		font-size: 3.5vw;
		line-height: 1.6;
		margin-bottom: 6vw;
	}
	#single.page-audition .guide-wrap dt {
		width: 28%;
		padding: 1.2em 0.7em 0.6em;
	}
	#single.page-audition .guide-wrap dd {
		width: 72%;
		padding: 1.2em 0.7em 0.6em;
	}
}

/*------------------------------------------------------------
	CONTACT
------------------------------------------------------------*/

.wpcf7 dl {
	border: 1px solid #ddd;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 15px;
	margin-bottom: 1.4em;
}
.wpcf7 dt {
	flex-basis: 200px;
	padding: 1em 0 1em 1.4em;
	line-height: 2;
	color: #000;
	background-color: #f4f0f7;
	letter-spacing: .06em;
}
.wpcf7 .required {
	color: #de0e3b;
	font-size: 80%;
	display: inline-block;
	white-space: nowrap;
}
.wpcf7 .note {
	display: block;
	font-size: 80%;
}
.wpcf7 .gigafile {
	display: block;
	font-size: 80%;
}
.wpcf7 dd {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding: 0;
	line-height: 1;
}


.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 input[type=url],
.wpcf7 input[type=email] {
	border: none;
	border-radius: 0;
	box-shadow: none;
	line-height: 2;
	font-size: 15px;
	color: #000;
	padding: 1em 1.4em;
	letter-spacing: .06em;
	color: #000;
	background-color: #fff;
	width: 100%;
	-webkit-appearance: none;
}

.wpcf7 .url-photo input[type=url] {
	background: #fff url(images/bg-gigafile-pic.png) 0 0/contain no-repeat;
}
.wpcf7 .url-photo input[type=url].notempty,
.wpcf7 .url-photo input[type=url]:focus {
	background: #fff;
}

.wpcf7 .url-movie input[type=url] {
	background: #fff url(images/bg-gigafile-mov.png) 0 0/contain no-repeat;
}
.wpcf7 .url-movie input[type=url].notempty,
.wpcf7 .url-movie input[type=url]:focus {
	background: #fff;
}
.wpcf7 dd ul {
	font-size: 15px;
	padding: 1.4em 2.8em 1.4em 1.4em;
	max-height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.wpcf7 dd ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 10px;
	line-height: 1.2;
}
.wpcf7 dd ul li:first-child {
	margin-top: 0;
}
.wpcf7 dd ul li .date {
	flex-basis: 100px;
	width: 100px;
}
.wpcf7 dd ul li .content {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	padding-left: 20px;
}
.wpcf7 dd ul li input[type=text] {
	border: 1px solid #ddd;
	font-size: 13px;
	padding: .5em;
}

.wpcf7 select {
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	line-height: 2;
	font-size: 15px;
	color: #000;
	padding: 1em 1.4em;
	letter-spacing: .06em;
	background-color: #fff;
	width: 100%;
}
.wpcf7 select :first-child {
	color: #999;
}
.wpcf7 span.talent,
.wpcf7 span.yourselect {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
}
.wpcf7 span.talent:after,
.wpcf7 span.yourselect:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1.4em;
	margin-top: -4px;
	width: 12px;
	height: 8px;
	background: url(images/down.svg) center center/contain no-repeat;
}
.wpcf7 span.wpcf7-radio {
	font-size: 15px;
	padding: 1.4em 1.4em;
	display: block;
	letter-spacing: .06em;
}
.wpcf7 span.wpcf7-list-item label {
	position: relative;
}
.wpcf7 input[type=radio] {
	position: absolute;
	opacity: 0;
}
.wpcf7 input[type=radio] + span {
	position: relative;
	padding: 0 1.5em 0 1.5em;
	display: block;
	min-width: 100%;
	line-height: 1.2;
}
.wpcf7 input[type=radio] + span::before {
	position: absolute;
	top: 50%;
	left: 0;
	height: 1.2em;
	width: 1.2em;
	line-height: 1;
	background-color: #fff;
	box-shadow: 0 0 0 1px #ddd inset;
	border-radius: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.wpcf7 input[type=radio] + span::after {
	position: absolute;
	top: 50%;
	left: 0;
	height: 1.2em;
	width: 1.2em;
	line-height: 1;
	background-color: #956caf;
	box-shadow: 0 0 0 1px #ddd inset, 0 0 0 3px #fff inset;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.wpcf7 input[type=radio]:checked + span::after {
	opacity: 1;
}


.wpcf7 textarea {
	width: 100%;
	padding: 1em 1.4em;
	letter-spacing: .06em;
	font-size: 15px;
	line-height: 2;
	color: #000;
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	height: 10em;
	vertical-align: bottom;
}
.wpcf7 .acceptance {
	text-align: center;
	font-size: 15px;
}
.wpcf7 .submit-wrap {
	text-align: center;
}
.wpcf7 input.wpcf7-submit {
	-webkit-appearance:none;
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #7e3f98;
	background-color: #fff;
	letter-spacing: .06em;
	text-indent: .06em;
	width: 100%;
	max-width: 350px;
	line-height: 3;
	border: 2px solid #7e3f98;
	border-radius: 2.0em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.wpcf7 input.wpcf7-submit:hover {
	background-color: #7e3f98;
	color: #fff;
}


.wpcf7 input::-webkit-input-placeholder {
	color: #999;
}
.wpcf7 input:-moz-placeholder {
	color: #999;
}
.wpcf7 input::-moz-placeholder {
	color: #999;
}
.wpcf7 input:-ms-input-placeholder {
	color: #999;
}
.wpcf7 input:placeholder {
	color: #999;
}



.wpcf7 textarea::-webkit-input-placeholder {
	color: #999;
}
.wpcf7 textarea:-moz-placeholder {
	color: #999;
}
.wpcf7 textarea::-moz-placeholder {
	color: #999;
}
.wpcf7 textarea:-ms-input-placeholder {
	color: #999;
}
.wpcf7 textarea:placeholder {
	color: #999;
}


.wpcf7 span.wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 input.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
	background: #ffffe0;
}
.wpcf7 div.wpcf7-mail-sent-ok {
	display: none;
	opacity: 0;
	visibility: hidden;
}
.wpcf7 div.wpcf7-response-output {
	margin: 0;
	padding: 1em 0 1em;
	text-align: center;
	font-size: 14px;
	letter-spacing: .06em;
	margin-top: 2em;
}

@media screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: portrait) {
	.wpcf7 dl {
		font-size: 3.5vw;
		display: block;
	}
	.wpcf7 dt {
		width: 100%;
		padding: .5em 1em .5em 1em;
		line-height: 2;
		color: #000;
		background-color: #f4f0f7;
		letter-spacing: .06em;
	}
	.wpcf7 dt br {
		display: none;
	}
	.wpcf7 .required {
		color: #de0e3b;
		font-size: 80%;
		display: inline-block;
		white-space: nowrap;
	}
	
	.wpcf7 dd {
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
		padding: 0;
	}
	.wpcf7 input[type=text],
	.wpcf7 input[type=url],
	.wpcf7 input[type=tel],
	.wpcf7 input[type=email] {
		font-size: 3.5vw;
		padding: .5em 1em .5em 1em;
	}
	.wpcf7 select,
	.wpcf7 textarea {
		font-size: 3.5vw;
		padding: .5em 1em .5em 1em;
	}
	.wpcf7 span.wpcf7-radio {
		font-size: 3.5vw;
		padding: 1em;
	}
	.wpcf7 input.wpcf7-submit {
		width: 100%;
	}
	.wpcf7 .acceptance {
		font-size: 3.5vw;
	}
	.wpcf7 div.wpcf7-response-output {
		font-size: 2.8vw;
	}
	.wpcf7 input.wpcf7-submit {
		font-size: 3.5vw;
		max-width: 66.7vw;
	}
	.wpcf7 dd ul {
		font-size: 3.5vw;
		padding: .75em 1em .75em 1em;
		max-height: 36vw;
	}
	.wpcf7 dd ul li {
		font-size: 2.8vw;
		margin-top: .5em;
	}
	.wpcf7 dd ul li:first-child {
		margin-top: 0;
	}
	.wpcf7 dd ul li .date {
		width: 9em;
		flex-basis: 9em;
	}
	.wpcf7 dd ul li .content {
		padding-left: .5em;
	}
	.wpcf7 dd ul li input[type=text] {
		font-size: 2.8vw;
		line-height: 1;
	}
}

/*------------------------------------------------------------
	Keyframes setting
------------------------------------------------------------*/

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}



@-webkit-keyframes fadeInScale {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeInScale {
	0% {
		transform: scale(0.95);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.fadeInScale {
	-webkit-animation-name: fadeInScale;
	-o-animation-name: fadeInScale;
	animation-name: fadeInScale;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}