@charset "utf-8";
/*
Editor:WOOROM.
*/
#wrapper{background:url(images/bg_l_index.jpg) center 0 no-repeat;}

#movie{ float: right; width: 420px; margin-top: 50px; }

#divInformation{margin-bottom:32px;}
#divInformation h2{margin-bottom:8px;}

#divMedia{margin-bottom:32px;}
#divMedia h2{margin-bottom:8px;}

table td{padding:4px 0;text-align:center;vertical-align:middle;}
.mediaText{padding-left:8px;text-align:left;}

#divRecruit{margin-bottom:32px;}
#divRecruit h2{margin-bottom:8px;}

#maintenance{display:block;}


/* =============================================================
** media.php 
============================================================= */
#published{width:480px;margin:0 auto 25px auto;zoom:1;}
#published:after{content:"";display:block;clear:both;}
#published div,p,img,a,ul,li{margin:0;padding:0;border:none;}
#published #publishedHead{margin:25px 0 10px 0;}
#published ul{list-style-type:none;}
#published ul li{display:block;float:left;padding:5px;}
#published ul li a{display:block;height:150px;margin:0 0 10px 0;float: left;}
#published ul li a span{display:block;margin:5px 0 0 0;line-height:1.0;font-size:11px;}
#published ul li.displayN{padding:0;}
.displayN a{display:none;}
.displayN img{display:none;}


/* =============================================================
** for smartphone menu-20150408
============================================================= */

html{overflow-y:scroll;}
.clearfix:after{content:'';display: block;clear: both;}
#spNavBtn01{display: none;}
#navBox{display:block;}

@media only screen and (max-width: 640px) {
#navBox{display:none;width: 100%;font-size: 110%;}
#spNavBtn01{display: block;
    background: #9d1602;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 10px 15px;
    position: absolute;
    right: .5rem;
    text-align: center;
    top: .5rem;
	z-index:9999;
	font-size: 120%;}
.sub{display: none;}

/*reset*/
#wrapper{min-width:100%;}
#globalHeader{height:auto !important;}
#globalNav,
#changeLang,
#outLinks,
#contentsArea,
#contents{
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#contentsArea{padding: 10px;box-sizing:border-box;}
#globalHeader h1{text-indent:0;font-size: 24px;font-weight: bold; font-family:serif;text-align: left;float:none; line-height:70px;padding-left: 10px;}
#globalHeader li a{text-indent:0;}
#globalNav #mainMenu,
#globalNav #mainMenu li{position:static !important;}
#globalNav{background: none !important;padding: 0;height:auto;}
#globalNav a{width: auto;height: auto;overflow:auto;}
#globalNav #home a{width: auto;height: auto;background-position: 0 0;}
#otherMenu li {float: none;text-indent: 0;margin-left: 0;}
#globalNav #mainMenu #gallery,
#globalNav #mainMenu #artwork{width: 100%;position: static; }
#otherMenu {  position: static;}
#headerNav{position: relative;height:70px}
#globalNav #mainMenu #gallery li,
#globalNav #mainMenu #artwork li{  float: none;  text-indent: 0;  margin: 0;  padding: 0;}
#globalNav a#gNreservation {width: auto;}
#globalNav a{  background-position: 0 0;}
#jpLang a,
#enLang a,
#zhLang a,
#twitter a,
#blog a ,
#facebook a{
  width: auto;
  height: auto;
  position: static;
}
#globalNav #mainMenu strong {
  position: static;
  text-indent: 0;
}

/*add*/
#globalHeader{ font-family:'Trajan Pro','Alegreya SC',serif; }
#navBox * { box-sizing: border-box; }
#navBox li { list-style-type: none; }
#navBox ul { margin: 0; }
#navBox section {position: relative;}
#navBoxBtn {
	display: block;
	text-decoration: none;
}
#navBox ul{
    background: #000;
}
#navBox li a{
	cursor:pointer
	display: block;
	padding: 1rem 1rem;
	background: #000 url(images/smp/icon_arrowr.png) no-repeat 95% center !important;
	border-bottom: solid 1px #333;}
#navBox li a:hover,
#navBox li a:active,
#globalNav #mainMenu strong:hover,
#globalNav #mainMenu strong:active {
	text-decoration: none;
	background-image: none;
	background-color: #222 !important;
	box-shadow:inset 1px 1px 3px 0 #000;
}
#globalNav #mainMenu strong{
	cursor:pointer;
	display: block;
	padding: 1rem 1rem;
	background: #000 url(images/smp/icon_plus.png) no-repeat 95% center !important;
	border-bottom: solid 1px #333;}
#navBox .sub li a{padding-left: 60px;}

#navBoxOther{
	padding: 10px;
	background: #000 none;
}
#navBoxOther li a{
	padding: 0;
	background: #000 none;
}
#navBoxOther #changeLang li{
	display: block;
	width: 50%;
	box-sizing:border-box;
	float: left;
	padding: 10px 10px 0;
	}
#navBoxOther #changeLang a{
	display: block;
	padding: 10px;
	border:solid 1px #222;
	border-radius:10px;
	}
#navBoxOther #changeLang a.current{
	background-color: #9d1602 !important;
}

#navBoxOther #outLinks{
	background: #000;
	padding: 10px;
	}
#navBoxOther #outLinks li{
	display: inline-block;
	width:50px;
	margin-right: 10px;
	}
#navBoxOther li:hover,
#navBoxOther li:active,{
	opacity:.8;
	}
#navBoxOther #twitter a,
#navBoxOther #blog a ,
#navBoxOther #facebook a{
  width: 50px;
  height: 50px;
  text-indent:-9999px !important;
}

#navBoxOther #twitter a{display: block;background: url(images/smp/icon_tw.png) no-repeat !important;-webkit-background-size: 50px !important;
background-size:  50px !important;}
#navBoxOther #blog a{display: block;background: url(images/smp/icon_am.png) no-repeat !important;-webkit-background-size: 50px !important;
background-size:  50px !important;}
#navBoxOther #facebook a{display: block;background: url(images/smp/icon_fb.png) no-repeat !important;-webkit-background-size: 50px !important;
background-size:  50px !important;}


/*contents*/
#movie{float:none;margin: 50px auto 0;width: 100%;}
#lightbox-container-image-box,
#lightbox-container-image-data-box,
#jquery-lightbox img,
#maintenance,
#media{width: 100% !important;box-sizing:border-box;}
#contents h2 img,
#contents b img{width:100%;}
.smp100{width: 100% !important;box-sizing:border-box;}
#atcGallery .preview{margin-top: 10px;}
#atcGallery .preview,
#atcGallery .preview img{width: 100% !important;}
#atcGallery .comment img{width:auto !important;}
div#atcGallery div.category div.subCategory div.page_top,
div#atcGallery div.category div.subCategory div.page_bottom {
  width: 100%;
  word-break:break-all;
  padding-bottom: 10px;
}
div#atcGallery div.category div.subCategory div.page_top:after,
div#atcGallery div.category div.subCategory div.page_bottom:after{
	content:"";
	display: block;
	clear: both;
}
#vanBanner{width:100%;}


}