@charset "UTF-8";
/* google font Gilda */
/*@import url(https://fonts.googleapis.com/css?family=Bangers|Amatic+SC:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+1p);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Gothic);
/*
Montserrat:400,700|Shadows+Into+Light|Special+Elite|Spinnaker|Ultra

font-family: 'Bangers', cursive;
font-family: 'Amatic SC', cursive;

font-family: 'Montserrat', sans-serif;
font-family: 'Arvo', serif;
font-family: 'Shadows Into Light', cursive;
font-family: 'Special Elite', cursive;
font-family: 'Spinnaker', sans-serif;
font-family: 'Ultra', serif;
font-family: "Noto Sans JP"; 
font-family: "M PLUS 1p";
font-family: "Sawarabi Gothic";
*/
/* font */


html, body{height: 100%}

/* basic */
body {
	font-family: "M PLUS 1p", 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
	
a:focus{
  outline: none;/*colorbox選択時の枠を消す*/
}

.font_monts400 {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	}
	
.font_monts400_10px {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.0rem;
	letter-spacing:0.1em;
	}
	
.font_monts700 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:1.4rem;
	letter-spacing:0.1em;
	}

/* Top Page */

#wrapper {
	min-width:1200px;
	border-top:#000 solid 12px;
	height:100%;
	}

#contents {
	margin:0 auto;
	padding:0;
	height:100%;
	}

#logo_menu_contents {
	max-width:1600px;
	min-width:1200px;
	margin:0 auto;
	padding:0 70px;
	}

#container {
	padding:0 70px;
	}


/*logo*/
#logo {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:1.8rem;
	letter-spacing:0.2em;
	float:left;
	border:#000 solid 5px;
	padding:30px 30px;
	margin-top:50px;
	}

/*menu*/

#menu {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	float:right;
	margin-top:85px;
	}

#menu ul {
	list-style:none;
	padding-left:0;
	text-align:center;
	height:50px;
	}
	
#menu ul li {
	display:inline-block;
	margin:0 10px;
	}

/*リンクアニメーション*/
#menu ul li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
#menu ul li a::after {
	position: absolute;
	bottom: -7px;
	left: 0;
	content: '';
	width:100%;
	height: 2px;
	background-color: #000;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
  }
#menu ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

/*top news*/

.top_news {
	margin-top:50px;
	padding-bottom:30px;
	}
	
.news_photo_txt {
	}
	
.news_photo {
	position:relative;
	}
	

.news_photo img:hover {
	opacity: 0.6;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.news_txt {
	width:100%;
	height:80px;
	position:absolute;
	background-color: rgba(51,51,51,0.6);
	bottom:0;
	color:#FFFFFF;
	font-size:1.5rem;
	line-height:1.8em;
	letter-spacing:0em;
	padding:15px 30px 0 30px;
	}

.news_txt a:link, .news_txt a:visited{
	color:#FFF;
	text-decoration:none;
	border-bottom:#FFF solid 1px;
	padding-bottom: 1px;
}

.news_txt a:hover{
	/*background:#FF0;*/
	color: #999;
	}


/*slickのスタイル書き換え*/
/*矢印のスタイル*/
.slick-prev,
.slick-next
{
    width: 60px;/*矢印のサイズ*/
    height: 60px;/*矢印のサイズ*/
}

.slick-prev:before,
.slick-next:before
{
	font-size: 60px;/*矢印のサイズ*/
    opacity: .75;
    color: white;
}

.slick-prev
{
    left: 35px;/*-25を変更（矢印が欄外に出ているのを修正）*/
	z-index:999;/*追加*/
}

.slick-next
{
    right: 35px;/*-25を変更（矢印が欄外に出ているのを修正）*/
	z-index:998;/*追加*/
}

/*actor actress*/

#actor_actress  {
	border-top:#CCC solid 1px;
	margin-top:70px;
	}

#actor_actress_ttl {
	padding-top:50px;
	margin-bottom:50px;
	position:relative;
	}
	
#actor_actress_ttl::after {
	position: absolute;
	margin:20px auto;
	right:0;
	left:0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #333;
	}

#actor_actress > div > p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	text-align:center;
	}

#actor_actress  ul {
	margin:0 auto;
	width:1060px;
	list-style:none;
	padding-left:0;
	text-align:left;
	}

#actor_actress  ul li {
	display:inline-block;
	margin:6px 6px 50px 6px;
	text-align:left;
	}
	
#actor_actress  ul li img {
	margin-bottom:15px;
	}

.actor_actress_name {
	padding: 0 0 10px 0;
	width:100%;
	border-bottom:#000 solid 3px;
	display:inline;
	
	}


/*recruit*/

#recruit {
	border-top:#CCC solid 1px;
	margin-top:70px;
	}

#recruit_ttl {
	padding-top:50px;
	margin-bottom:50px;
	position:relative;
	}
	
#recruit_ttl::after {
	position: absolute;
	margin:20px auto;
	right:0;
	left:0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #333;
	}
	
#recruit_ttl > p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	text-align:center;
	}
	
#recruit_box {
	width:600px;
	margin:0 auto;
	padding-top:20px;
	}
#recruit_box h2 {
    font-size:1.6rem;
	letter-spacing:0.1em;
    text-align: center;
    margin: 0 0 30px 0;
    font-weight: bold;
}
/*#recruit_box ul, #recruit_box div{
	margin-bottom:30px;
	font-size:1.5rem;
    line-height: 1.8em;
    letter-spacing:0.1em;
	}*/
#recruit_box ul li{
	list-style:none;
	}

#recruit_box{
	font-size:1.5rem;
    line-height: 1.7em;
    letter-spacing:0.0em;
	}

.recruit_lbox {
    width: 600px;
}

.recruit_sbox {
    width: 500px;
    margin: 0 auto;
    padding: 20px 0;
}

p.stext {
    font-size:1.2rem;
    line-height: 1.5em;
}

.recruit_sbox a {
    color: cadetblue
}
/*contact*/
#contact {
	border-top:#CCC solid 1px;
	margin-top:70px;
	}

#contact_ttl {
	padding-top:50px;
	margin-bottom:50px;
	position:relative;
	}
	
#contact_ttl::after {
	position: absolute;
	margin:20px auto;
	right:0;
	left:0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #333;
	}

#contact > div > p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	text-align:center;
	}
	
#contact_box {
	width:350px;
	margin:0 auto;
	padding-top:20px;
	line-height:2.1em;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.8rem;
	letter-spacing:0.2em;
	}
	
#contact_l {
	float:left;
	}
	
#contact_r {
	float:right;
	}
	
#contact_txt {
	margin-top:30px;
	text-align:center;
	}
	
/*map*/

#map {
	border-top:#CCC solid 1px;
	margin-top:70px;
	}

#map_ttl {
	padding-top:50px;
	margin-bottom:50px;
	position:relative;
	}
	
#map_ttl::after {
	position: absolute;
	margin:20px auto;
	right:0;
	left:0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #333;
	}

#map > div > p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	text-align:center;
	}

#map_google {
	width:850px;
	margin:0 auto;
	padding-top:20px;
	line-height:2.1em;
	font-weight:400;
	font-size:1.8rem;
	letter-spacing:0.2em;
	}
	
#map_box {
	width:500px;
	margin:10px auto 0 auto;
	padding-top:10px;
	line-height:3em;
	font-weight:400;
	letter-spacing:0.2em;
	text-align:left;
	}

.map_txt {
	margin-top:20px;
	
	}

.btn {
	overflow: hidden;
	width: 300px;
	height: 50px;
	margin: 50px auto 0 auto;
	padding: 0;
	}

.btn a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #000;
	color: #fff;
	line-height: 50px;
	text-decoration:none;
}
.btn a:hover {
	background: #666; 
}

.arrow a:before { 
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
.arrow a:after { 
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 40%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #000;
}
.arrow a:hover:after { 
	background: #666;
}

.map_arrow {
	height:0;
    width:0;
    border:10px solid #000;
	border-color:transparent;
    border-top-color:#ccc;
	}
	
/*footer*/
	
#footer {
	border-top:#CCC solid 1px;
	margin-top:70px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	letter-spacing:0.1em;
	padding:20px 0;
	}
	
#footer_l {
	float:left;
	margin-right:30px;
	padding:20px 20px 20px 50px;
	}
	
#footer_r {
	float:left;
	}
	
#footer_r ul {
	list-style:none;
	padding-left:0;
	text-align:center;
	border-right:#ccc solid 1px;
	}
	
#footer_r ul li {
	display:inline-block;
	margin:0;
	padding:20px;
	border-left:#ccc solid 1px;
	}

/*page to top*/
#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.0rem;
	line-height:1.7em;
	letter-spacing:0.2em;
}
#page_top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
	opacity:0.75;
}
#page_top a:hover {
    text-decoration: none;
    background: #999;
}

/********************************************************************************************************************************/

/*profile*/
#profile {
	border-top:#CCC solid 1px;
	margin-top:50px;
	padding-top:50px;
	}

#profile a:link, #profile a:visited{
	color:#999;
	text-decoration:underline;
}

#profile a:hover{
	/*background:#FF0;*/
	color: #666;
	}

#profile_box_main {
	width:850px;
	margin:0 auto;
	}

#profile_box_l {
	width:270px;
	float:left;
	}
	
#profile_box_r {
	width:520px;
	float:right;
	}

#profile_name {
	font-size:2.8rem;
	letter-spacing:0.1em;
	}
	
#profile_name_en {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.5rem;
	letter-spacing:0.1em;
	margin-bottom:20px;
	}

.profile_txt_main {
	font-size:1.4rem;
	line-height:1.8em;
	letter-spacing:0.1em;
	}
	
.profile_txt p {
	margin-bottom:25px;
	font-size:1.4rem;
	line-height:1.8em;
	letter-spacing:0.1em;
	}

.profile_box_sub {
	border-top:#CCC solid 1px;
	margin-top:70px;
	}
	
.profile_ttl {
	padding-top:50px;
	margin-bottom:50px;
	position:relative;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1.4rem;
	letter-spacing:0.1em;
	}
	
.profile_ttl::after {
	position: absolute;
	margin-top:30px;
	left:0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #333;
	}
	
.profile_btn {
	overflow: hidden;
	width: 150px;
	height: 35px;
	margin: 35px 0;
	padding: 0;
	cursor:pointer;
	}

.profile_btn {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #000;
	color: #fff;
	line-height: 35px;
	text-decoration:none;
}
.profile_btn:hover {
	background: #666; 
}

.profile_arrow:before {  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 45%;
	right: 18px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
.profile_arrow:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 35%;
	right: 18px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #000;
}
.profile_arrow:hover:after {
	background: #666;
}

.profile_btn,
.profile_btn::before,
.profile_btn::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
/*profile用slick*/

.slider img {
	width: 100%;
	height: auto;
}

.gallery {
	max-width: 280px;
	padding: 5px;
}
.gallery_nav {
	max-width: 280px;
	margin: 0 auto;
	cursor:pointer;
}
.gallery_nav li{
	margin: 5px;
}