/*---------------------------------------------------------------------------
全体
---------------------------------------------------------------------------*/

*{margin:0;padding:0;}

html{height:100%;}

body,div,p,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
pre,form,input,textarea,select,iframe { margin:0; padding:0; }

img{border:0; vertical-align:top; max-width:100%; height:auto;}

body {
	color: #333;
	background-color:transparent;
	margin: 0px;
	padding: 0px;
	font: 15px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.5;
	height:100%;
	-webkit-text-size-adjust:100%;
}

ul,li{list-style:none;}

input,textarea,select {
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.cl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.line0 { line-height:0; font-size:0; }


a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #ccc;
	text-decoration:none;
}




/*---------------------------------------------------------------------------
　コンテンツ大枠
---------------------------------------------------------------------------*/
#container {
	width:100%;
}

.contents_window {
	clear: both;
	margin:0 auto;
	overflow:hidden;
}

.contentsBox940{
	max-width:100%;
	margin:0 auto;
	padding:30px 15px 0;
}


/*---------------------------------------------------------------------------
共通CSS
---------------------------------------------------------------------------*/

#MDQ{display:none;}

.ds_pc{display:none;}
.ds_sp{display:inline;}
.spNone{display:none !important;}

.contents_mainBox{
	width:100%;
	background:#333;
	padding:0 0 0 0;
	box-sizing:border-box; 
}

/*--- right_メニュー ---*/

.right_navi{ display:none;}

/*--- right_メニューここまで ---*/

/* 画面内に入った状態 */
.scrollin{
	opacity : 1 !important;
	transform : translate(0, 0) !important;
	-webkit-transform:translate(0, 0) !important;
}


/*------------　ページトップ　-----------*/

.page-top {
    position: fixed;
    bottom: 55px;
    right: 15px;
    padding: 8px;
	background: #333;
	border:2px solid #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=85)";
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
	text-decoration:none;
	color:#fff;
	z-index:2500;
}

.page-top:hover {
	-moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	color:#fff;
	text-decoration:none;
}


/*---------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------*/

/*--- トップページヘッダー ---*/

#headerTOP{
    width: 100%;
}

/* Toggle Button */
#nav-toggleTOP {
    display:block;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 9100;
}
#nav-toggleTOP div {
    position: relative;
}
#nav-toggleTOP span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggleTOP span:nth-child(1) {
    top: 0;
}
#nav-toggleTOP span:nth-child(2) {
    top: 10px;
}
#nav-toggleTOP span:nth-child(3) {
    top: 20px;
}

 /* #modal-openTOP 切り替えアニメーション */
#nav-toggleTOP div.open span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}

#nav-toggleTOP div.open span:nth-child(2) {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.fade {opacity: 1;}

#nav-toggleTOP div.open span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

#modal-contentTOP {
	width: 100% ;
	height:100%;
	margin: 0 ;
	padding: 0;
	position: fixed ;
	right:0;
	display: none;
	z-index: 8888 ;
	background:#333;
}

#modal-contentTOP ul {
	font-size:12px;
	color:#fff;
	text-align:center;
	max-width:100%;
	max-height:100%;
	margin:auto 15px;
	position:absolute;
	top:20%;
	bottom:0;
	left:0;
	right:0;
}

#modal-contentTOP ul li {
	margin:0 0 5% 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#modal-contentTOP ul li a{
	color: #fff;
	text-decoration:none;
	display:inline-block;
}

#modal-contentTOP ul li a span{
	display:block;
	margin:10px 0 0;
}

#modal-contentTOP ul li a img{max-height:18px;}

#modal-contentTOP ul li a:hover{
	-moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

#modal-contentTOP ul li:last-child{
	display:table;
	table-layout:fixed;
	width:40%;
	margin:10% auto 0;
}

#modal-contentTOP ul li:last-child span{
	font-family:'Optima', 'Marcellus SC', "Roboto Slab" , "Garamond" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuM" , serif;
	font-size:20px;
	width:50%;
	display:table-cell;
}

#modal-contentTOP ul li:last-child span:first-child a{
	color:#72488e !important;
}

/*--- トップページヘッダーここまで ---*/


#headerSP {
    width: 100%;
}

.fixed {
	position: fixed;
	top: 0;
	z-index:10;
}

#headerSP .inner {
	position: relative;
	background:#333;
	height:56px;
}

.headerSPLogo{
	width:100px;
	margin:0 auto;
}

.headerSPLogo h1 img{vertical-align:middle;}

/* Toggle Button */
#nav-toggle {
    display:block;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 10px;
}
#nav-toggle span:nth-child(3) {
    top: 20px;
}

#modal-content {
	width: 40% ;
	margin: 0 ;
	padding: 10px 40px;
	position: fixed ;
	display: none ;
	z-index: 9100 ;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#modal-content ul {
	list-style: none;
	font-size:1.1rem;
}

#modal-content ul li {
	float: none;
	position: static;
	margin:0 0 12px 0;
}
#modal-content ul li:nth-child(6){
	margin:62px 0 12px;
}

#modal-content ul li.sMenu{
	font-size:1rem;
}

#modal-content ul li a{
	color: #fff;
	text-decoration:none;
}
  
#modal-overlay {
	z-index: 9000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.8 ) ;
}

#modal-content li:last-child div{
	display:table;
	width:100%;
	margin-top: 30px;
}

#modal-content li:last-child div span{
	display:table-cell !important;
	width:50% !important;
}

/*
#modal-content li:last-child span:first-child a{
	color:#72488e !important;
}
*/

#modal-content li:last-child span.hover a{color:#72488e !important;}



#modal-content p{
	position:fixed;
	top:8%;
	right:8%;
}

.button-link{
	display: inline-block;
	position: relative;
	margin: 0 20px 0 7px;
	padding: 0;
	width: 2px;
	height: 40px;
	background: #FFF;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.button-link:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	width: 40px;
	height: 2px;
	margin-top: -2px;
	background: #FFF;
}


/*---------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------*/

#footer{}

/*---------------------------------------------------------------------------
　トップページ
---------------------------------------------------------------------------*/

.TopContents{
	text-align:center;
	color:#FFF;
}

.TopContents h2{	position:absolute;
	top:45%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	text-align:center;
	width:30%;
}


/*---------------------------------------------------------------------------
　ARTISTS_一覧
---------------------------------------------------------------------------*/

.artists_List ul{font-size:0;}

.artists_List li{
	display:inline-block;
	position:relative;
  	width :50% ;
	height:auto;
	text-align:center;
	background:#000;
	overflow:hidden;
}

.artists_List li a img{
	-moz-transition:-moz-transform 0.2s linear;
	-webkit-transition:-webkit-transform 0.2s linear;
	-o-transition:-o-transform 0.2s linear;
	-ms-transition:-ms-transform 0.2s linear;
	transition:transform 0.2s linear;
}

.artists_List li a:hover img{
	filter:alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
}

.artists_List li a p:hover{
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}

.artists_List li a p{
	position:absolute;
	top:35%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-size:15px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.artists_List li a p span{font-size:18px;}
	
	
/*---------------------------------------------------------------------------
　ARTISTS_詳細
---------------------------------------------------------------------------*/

.artists_contentsBox div.contentsBox940{display:none;}

.artists_contentsBox{
	background:#fff;
	width:auto;
	margin:0;
}

.artists_contentsBox h2{
	margin:0 auto 20px;
	text-align:center;
}
.artists_contentsBox h2 img{
	max-height:20px;
}

.mainImg{
	width:100%;
	margin:0 auto 30px;
}
.mainImg img{width:100%;}
.mainImg p{
	font-size:20px;
	text-align:center;
	margin:10px 0 0;
}
.mainImg p span{
	display: block;
	font-size: 16px;
}


/*--- slider ---*/

.slider_box{
	width:100%;
	margin:0 auto 20px;
}

.slider_box ul li img{width:100%;}
.slider_box ul li p{
	font-size:20px;
	text-align:center;
	margin:10px 0 0;
}
.slider_box ul li p span{
	display: block;
	font-size: 16px;
}

/*--- sliderここまで ---*/


.artists_mainText{
	width:100%;
	margin:0 auto;
	padding:0 0 50px;
}

.artists_mainName{
	width:100%;
	float:none;
	text-align:center;
	margin:0 0 30px;
}

.artists_mainName p{
	font-size:26px;
	line-height:30px;
	padding:0 0 10px;
}

.artists_mainName p span{
	display:block;
	font-size:16px;
	color:#999;
	letter-spacing:3px;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.artists_history{
	width:100%;
	float:none;
}

.artists_history h3{
	font-size:18px;
	margin:0 0 30px;
}

.artists_history dl{
	width:100%;
	margin:0 0 50px;
}

.artists_history dt{
	width:15%;
	float:left;
	clear:left;
	padding:0 5% 0 0;
}

.artists_history dd{
	width:80%;
	float:left;
}

.artists_mainName,
.artists_history h3,
.artists_history dl,
.artists_history p{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	position:relative;
	top:20px;
}	

.artists_ftBack{
	width:100%;
	margin:0 auto;
	padding:0 0 130px;
	text-align:right;
}

.artists_ftBack a{
	font-size:16px;
	color:#b3b3b3;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.artists_ftBack a img{
	width:15px;
	vertical-align:middle;
	margin:-3px 0 0 5px;
}

.artists_ftBack a:hover{
	-moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}


/*---------------------------------------------------------------------------
　INFO
---------------------------------------------------------------------------*/

.infoBox div.contentsBox940{ display:none;}

.infoBox{
	background:#fff;
	width:auto;
	margin:0;
}

.infoBox h2{
	margin:0 auto 20px;
	text-align:center;
}
.infoBox h2 img{
	max-height:20px;
}

.infoBox p{
	text-align:center;
	font-size:18px;
}

.info_smallText{
	font-size: 15px !important;
	margin: 30px 0 50px;
}

/*-----googleマップ-----*/

#info_ggmap{
	width:100%;
	height:300px;
	margin:0 0 30px;
}

.info_ggmap iframe{vertical-align:bottom !important;}

/*-----googleマップ　ここまで-----*/


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

.ppBox{
	background:#fff;
	width:auto;
	margin:0;
}

.ppBox h2{
	margin:0 auto 30px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
}

.ppBox dl dt{
	font-size:18px;
	margin:0 0 10px;
	font-weight:bold;
}

.ppBox dl dd{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px solid #ccc;
}

.ppBox dl dd > p{
	text-indent:-1em;
	padding-left:1em;
}

.ppBox dl dd:last-child{
	border-bottom:none;
	padding:0 0 100px;
	margin:0;
}

.pp_add{
	margin:30px 0 0;
	padding:15px 10px;
	font-size:16px;
	border:1px solid #ccc;
	display:inline-block;
}



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

.contactBox{
	background:#fff;
	width:auto;
	margin:0;
}

.contactBox h2{
	margin:0 auto 30px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
}

.contact_form{
	width:100%;
	padding:0 0 100px;
} 

.contact_form dl{
	width:100%;
	margin:0 auto 30px;
	border:1px solid #ccc;
	border-bottom:none;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
}

.contact_form dl dt{
	width:35%;
	font-size:15px;
	padding:20px 10px;
	box-sizing:border-box;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	background:#eee;
}

.contact_form dl dt.aiC{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:column;
	flex-direction:column;
}

.contact_form dl dd{
	width:65%;
	box-sizing:border-box;
	padding:15px;
	border-bottom:1px solid #ccc;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-direction:column;
	flex-direction:column;
}

.contact_form dl dd input{
	-webkit-appearance: none;
	border:2px solid #999;
	padding:10px;
	background:#fff;
	width:100%;
	box-sizing:border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} 

.contact_form dl dd textarea{
	-webkit-appearance: none;
	border:2px solid #999;
	padding:10px;
	background:#fff;
	width:100%;
	box-sizing:border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contact_form dl dd p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
}	

.contact_minText_red{
	font-size:13px;
	color:#e8383d;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

.contact_minText_red02{
	font-size:13px;
	color:#e8383d;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	display:block;
}

.submit_btn_co p.pp_Text{
	text-align:left;
	margin:0 0 20px;
}

.submit_btn_co p.pp_Text a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.submit_btn_co input{
	-webkit-appearance: none;
	display:block;
	width:70%;
	margin:0 auto;
	border:none;
	background:#333;
	color:#fff;
	padding:10px 10px;
	font-size:18px;
	font-weight:bold;
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
}

.submit_btn_co input:hover{
	cursor:pointer;
	-moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}


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

.newsBox div.contentsBox940{ display:none;}

.newsBox{
	background:#fff;
	width:auto;
	margin:0;
}

.newsBox h2{
	margin:0 auto 80px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
}

.news_List{
	max-width: 100%;
	margin: 0 auto 100px;
}

.news_List dl dt{
	font-size: 15px;
}

.news_List dl dd{
	font-size: 18px;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom:1px solid #ccc;
}



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

デフォルトマージン設定

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

.text_fwb{font-weight:bold;}

.t_indent{ text-indent:1em; }
.t_indent2{ text-indent:-1em; margin-left:1em }

.aC { text-align:center!important; }
.aL { text-align:left!important;   }
.aR { text-align:right!important;  }
.cB { clear:both!important; }

.fL { float:left;}
.fR { float:right; }

.mb0 { margin-bottom:0px!important; }
.mb03 { margin-bottom:3px!important; }
.mb05{ margin-bottom:5px!important; }
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:20px!important;}
.mb25{ margin-bottom:25px!important;}
.mb30{ margin-bottom:30px!important;}
.mb35{ margin-bottom:35px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}

.pb0 { padding-bottom:0px!important; }
.pb05{ padding-bottom:5px!important; }
.pb10{ padding-bottom:10px!important;}
.pb15{ padding-bottom:15px!important;}
.pb20{ padding-bottom:20px!important;}
.pb25{ padding-bottom:25px!important;}
.pb30{ padding-bottom:30px!important;}
.pb35{ padding-bottom:35px!important;}

.mt0 { margin-top:0px!important; }
.mt05{ margin-top:5px!important; }
.mt10{ margin-top:10px!important;}
.mt13{ margin-top:13px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt25{ margin-top:25px!important;}
.mt30{ margin-top:30px!important;}
.mt35{ margin-top:35px!important;}
.mt40{ margin-top:40px!important;}
.mt50{ margin-top:50px!important;}

.pt0 { padding-top:0px!important; }
.pt05{ padding-top:5px!important; }
.pt10{ padding-top:10px!important;}
.pt15{ padding-top:15px!important;}
.pt20{ padding-top:20px!important;}
.pt25{ padding-top:25px!important;}
.pt30{ padding-top:30px!important;}
.pt35{ padding-top:35px!important;}
.pt40{ padding-top:40px!important;}
.pt60{ padding-top:60px!important;}

.ml0 { margin-left:0px!important; }
.ml03{ margin-left:3px!important; }
.ml05{ margin-left:5px!important; }
.ml10{ margin-left:10px!important;}
.ml15{ margin-left:15px!important;}
.ml20{ margin-left:20px!important;}
.ml25{ margin-left:25px!important;}
.ml30{ margin-left:30px!important;}
.ml35{ margin-left:35px!important;}
.ml40{ margin-left:40px!important;}


.pl0 { padding-left:0px!important; }
.pl05{ padding-left:5px!important; }
.pl10{ padding-left:10px!important;}
.pl15{ padding-left:15px!important;}
.pl20{ padding-left:20px!important;}
.pl25{ padding-left:25px!important;}
.pl30{ padding-left:30px!important;}
.pl35{ padding-left:35px!important;}
.pl40{ padding-left:40px!important;}

.mr0 { margin-right:0px!important; }
.mr05{ margin-right:5px!important; }
.mr10{ margin-right:10px!important;}
.mr15{ margin-right:15px!important;}
.mr20{ margin-right:20px!important;}
.mr25{ margin-right:25px!important;}
.mr30{ margin-right:30px!important;}
.mr35{ margin-right:35px!important;}

.pr0 { padding-right:0px!important; }
.pr05{ padding-right:5px!important; }
.pr10{ padding-right:10px!important;}
.pr15{ padding-right:15px!important;}
.pr20{ padding-right:20px!important;}
.pr25{ padding-right:25px!important;}
.pr30{ padding-right:30px!important;}
.pr35{ padding-right:35px!important;}