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

*{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: 17px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.7;
	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%;
	height:100%;
	margin:0 auto;
}

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

.contentsBox940{
	max-width:940px;
	margin:0 auto;
	padding:65px 15px 0;
}


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

#MDQ{display:block;}

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

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

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

.right_navi{
	width:165px;
	float:right;
	background:#333;
	padding:120px 50px;
	position: relative;
}

.right_navi h1{
	width:154px;
	margin:0 auto 110px;
}
.right_navi h1 img{width:100%;}

.right_navi ul.rightNavi_menu{
	margin:0 0 155px;
}

.right_navi ul.rightNavi_menu li{
	margin:0 0 30px;
}

.right_navi ul.rightNavi_menu li img{height:17px;}

.right_navi ul.rightNavi_menu li a:hover,
.right_navi ul.rightNavi_ftLink li a:hover{
	-moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

.right_navi ul.rightNavi_ftLink li{
	margin:0 0 20px;
}

.right_navi ul.rightNavi_ftLink l img{height:9px;}

.switchingLink{
	position: absolute;
	top: 15px;
	right: 20px;
	font-family: 'Optima', 'Marcellus SC', "Roboto Slab" , "Garamond" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuM" , serif;
}

.switchingLink li{
	display: inline-block;
	padding: 0 0 0 5px;
}

.switchingLink li a{
	color: #666;
}

.switchingLink li.hover a{color: #FFF;}


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

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


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

.page-top {
    position: fixed;
    bottom: 60px;
    right: 30px;
    padding: 10px;
    background: #333;
	border:2px solid #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	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;
}



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

#headerSP { display:none;}
#modal-content { display: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 3% 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{height:26px;}

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

.top_headerRight{
	float: right;
	max-width: 20%;
	position: relative;
	padding: 12px 70px 0 0;
}

.top_headerRight ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	text-align:right;
}

.top_headerRight ul li{
	float:left;
	margin:0 0 0 12px;
	text-align:center;
	position: relative;
	font-family:'Optima', 'Marcellus SC', "Roboto Slab" , "Garamond" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuM" , serif;
}

.top_headerRight ul li:last-child{
	width:20px;
	cursor:pointer;
}

.top_headerRight ul li a{
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

.top_headerRight ul li a:hover{color:#ccc;}
.top_headerRight ul li.on a{color:#939393;}

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


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

#footer{}

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

.TopContents{
	text-align:center;
	color:#FFF;
	max-width:1060px;
}

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



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

.artists_List ul{font-size:0;}

.artists_List li{
	display:inline-block;
	position:relative;
  	width : 33.33333% ;
	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{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	filter:alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
}

.artists_List li a p{
	position:absolute;
	top:40%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-size:16px;
	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:25px;}


/*---------------------------------------------------------------------------
　ARTISTS_詳細
---------------------------------------------------------------------------*/

.artists_contentsBox div.contentsBox940{display:none;}

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

.artists_contentsBox h2{
	margin:0 auto 50px;
	text-align:center;
}
.artists_contentsBox h2 img{
	width:156px;
}

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

/*--- slider ---*/

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

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

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


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

.artists_mainName{
	width:8%;
	float:left;
}

.artists_mainName p{
	display:block;
	max-width:73px;
    -ms-writing-mode: tb-rl;            /* IE用　*/
    -webkit-writing-mode: vertical-rl;  /* chrome用　*/
    -o-writing-mode: vertical-rl;       /* opera用　*/
    writing-mode: vertical-rl;
	font-size:72px;
	line-height:73px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

.artists_mainName p span{
	font-size:20px;
	color:#999;
	letter-spacing:5px;
	padding:45px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.artists_history{
	width:85%;
	float:right;
}

.artists_history h3{
	font-size:21px;
	margin:0 0 50px;
}

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

.artists_history dt{
	width:10%;
	float:left;
	clear:left;
	padding:0 2% 0 0;
}

.artists_history dd{
	width:88%;
	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 200px;
	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 50px;
	text-align:center;
}
.infoBox h2 img{
	width:91px;
}

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

.info_smallText{
	font-size: 16px !important;
	margin: 50px 0 100px;
}

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

#info_ggmap{
	max-width:940px;
	height:500px;
	margin:0 0 50px;
}

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

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



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

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

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

.ppBox dl dt{
	font-size:21px;
	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 200px;
	margin:0;
}

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



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

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

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

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

.contact_form dl{
	width:85%;
	margin:0 auto 50px;
	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:30%;
	font-size:21px;
	padding:20px 15px;
	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:70%;
	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{
	border:2px solid #999;
	padding:10px 15px;
	background:#fff;
	width:100%;
	box-sizing:border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} 

.contact_form dl dd textarea{
	border:2px solid #999;
	padding:10px 15px;
	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:14px;
	color:#e8383d;
	margin:0 0 0 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

.contact_minText_red02{
	font-size:14px;
	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:center;
	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{
	display:block;
	width:200px;
	margin:0 auto;
	border:none;
	background:#333;
	color:#fff;
	padding:10px 10px;
	font-size:20px;
	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:32px;
	line-height:32px;
	font-weight:normal;
}

.news_List{
	max-width: 800px;
	margin: 0 auto 500px;
}

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

.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;}