@charset "utf-8";
body {
	-webkit-text-size-adjust: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	line-height:2;
}
* p img div ol ul li{
	margin:0;
	padding:0;
}



#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 999999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 570px;
  height: 160px;
  margin-top: -80px;
  margin-left: -285px;
  text-align: center;
  color: #fff;
  z-index: 999999;
}







#wrapper{ width:100%; margin:0 auto; position: relative; }

.release { position: absolute; left:20%; bottom: 20%; z-index: 100; width: 25vh; max-width: 246px; }
.release img { width: 100%; }



div#bar {
	color:#FFFFFF;
	background-color:#D7000F ;
	font-size:40px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	padding-top: 15px;
	text-align:center;
	width: 80px;
	height: 80px;
	z-index:9900;
	cursor: pointer;
}

#bar_menu {
	display: none;
	width: 480px;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	right:0;
	z-index: 9998;
	background: #333;
	padding: 20px 0;
}

#close{
	width:80px;
	height:80px;
	font-size:40px;
	line-height: 1;
	padding-top: 15px;
	background-color: #d61c29;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}

#close:hover { background-color: #ad1d27;  }
div#bar p { font-size: 10px; margin-bottom: 12px;}
#bar_menu img { width: 140px; }
#bar_menu ul { list-style: none; text-align: left; margin: 30px 0 20px; }
#bar_menu ul li { border-bottom: 1px solid #999; }
#bar_menu ul li a { color: #FFF; font-size: 16px; padding: 5px; display: block; }
#bar_menu ul li a:hover { background-color: #ad1d27; }
#bar_menu .menu_logo img { margin:0 auto; }
#bar_menu a.contact {
	display: block;
	border-bottom: 3px solid #cdcbce;
	color: #cdcbce;
	width: 130px;
	margin: 0 auto;
	font-size: 18px;
}
#bar_menu a.contact:hover { color: #FFF; }

/*.fa-bars{
	width:40px;
	height:6px;
	background-color:#ffffff;
	margin:0 auto;
	position:relative;
	top:30%;
	border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.fa-bars:before,.fa-bars:after{
	position:absolute;
	left:0;
	content:"";
}
.fa-bars:before {
	width:40px;
	height:6px;
	background-color:#ffffff;
	margin:0 auto;
	border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	bottom:12px;
	margin:0 auto;
}
.fa-bars:after{
	width:40px;
	height:6px;
	background-color:#ffffff;
	margin:0 auto;
	border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	top:12px;
	margin:0 auto;
}*/

.fa-plus{
	color:#ffffff;
	transform: rotate(-45deg);
	position:relative;
	top:30%;
}

#container { margin:0 auto; width:1000px; padding-top:50px; }



#mainArea{ width:100%; height:100vh; background-color:#093;}




a.newsBtn {
	color:#FFF;
	font-weight:normal;
	font-size:18px;
	letter-spacing:1px;
	border:1px #FFF solid;
	padding:20px;
	margin:50px auto 10px;
	display: block;
}

a.newsBtn:hover {
	color:#FFF;
	text-decoration:none;
	opacity: 0.5;
}

a.newsBtn img { margin-right:10px; }

#aboutArea{ width:100%; margin:0 auto; padding:20px 0 30px;}
.circle{ font-size:150%; color:#d64541; margin-bottom:10px;}
#aboutArea img{ margin:0 auto;}
.line{ width:200px; height:10px; background-color:#d64541; margin:30px auto 0; }
.midashi{ font-size:2.4em; font-weight:bold; padding:40px 0 0; line-height: 1.6;}

.pcTxt{ line-height:2; font-weight:bold; padding:30px 0 10px; }
.spTxt{ display:none;}

.switch { visibility: hidden;}

#monoFactory{ width:100%; margin:0 auto;}
.photo img{ width:100%; }

#suriyaArea{ width:100%; margin:0 auto;}
.main_photo{ display:table; margin:0 auto; }

.btnPic img{ width:402px; margin:30px auto 0;}
.companyTxt{ font-size:85%; font-weight:bold; line-height:3;}
#map_canvas{ width:80%; height:400px; margin:50px auto 30px;}

.photo img{ width:100%;}


#companyArea{ width:100%; margin:0 auto; background: url(../images/photo_bg.png) no-repeat; background-size: 100% auto ; padding: 15% 0;}
#companyArea img { margin:0 auto;}
.circle02{ font-size:150%; color:#ffffff; margin-bottom:10px;}
.line02{ width:200px; height:10px; background-color:#ffffff; margin:60px auto 60px; }

.company01{ width:500px; font-size:70%; color:#ffffff; margin:0 auto; }
table tr td:nth-child(1) { width:100px; margin-right: 10px; }
table tr td { text-align:left; vertical-align:top; }


#go-top {
  display:block;
  position:fixed;
  bottom: 40px;
  right: 40px;
  margin: 0 auto;
  margin-left: -20px;
  z-index:10;
  text-align:center;
}

#go-top img { width: 40px; }


#footer{ padding:30px 0 20px;}
#footer p{ width:80%; font-size:90%; margin:0 auto; padding:10px 0; border-top:solid 1px #000000;}

a{ color: #FFF; text-decoration:none;-webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}
a:hover{ color: #C00; text-decoration:none;}
ul.accordion span{ color: #C00; text-decoration:none;-webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}
ul.accordion span:hover{ color: #FFF; text-decoration:none;}


/* -------------------追加---------------- */
.mainTitle { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold !important; font-size:3.3em; }

ul.albumTitle {
	margin-bottom: 50px;
}

.albumTitle li {
	list-style: inside decimal;
	font-weight: 600;
	font-size: 1.2em;
}
ul.albumTitle + p,
#aboutArea .credit + p{width: 400px; margin:0 auto;}
#aboutArea .credit + p{margin-top:50px;}
ul.albumTitle + p a,
#aboutArea .credit + p a{ padding:20px 0;}

.albumBox {	display:table; margin-bottom:20px; text-align:left; border-top:1px solid #333; padding-top:30px; box-sizing:border-box; }
.albumBoxL {	display:table-cell; padding-right:15px; }

.albumBoxImg { display:table-cell; width:25%; padding-right:30px;box-sizing: border-box;}
.albumBoxImg img { width:100%; }
.albumBoxTxt { display:table-cell; width:75%; vertical-align:top;}
.albumBoxTxt .title { font-size:1.8em; font-weight:bold; line-height: 1.2;margin-bottom: 15px; }
.albumBoxTxt .title span.lm { font-size: 0.5em; }
.albumBoxTxt .txt { font-size:0.7em; }
.albumBox .albumBoxImg figure{margin-top: 0;}
figure a img{ -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}
figure a img:hover{opacity: 0.5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";}
.btn{ color: #FFF; text-decoration:none; border: solid 1px #d64541; background:#d64541; font-size:1em; display: block; width: 100%; text-align: center; border-radius:4px;padding: 4px 0 3px; line-height: 1.6; margin-top: 20px; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}
.btn:hover{ color: #d64541; background: #fff; text-decoration:none;}
.albumBox .albumBoxImg figure figcaption a{font-size: 13px;}

.profileBox {	display:table; margin-bottom:20px; text-align:left; border-top:1px solid #333; padding-top:30px; box-sizing:border-box; }
.profileBoxImg { display:table-cell; width:25%; padding-right:30px;}
.profileBoxImg img { width:100%; box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5); }
.profileBoxTxt { display:table-cell; width:75%; vertical-align:top;}
.networkBox {	display:block; margin-bottom:20px; text-align:center; border-top:1px solid #333; padding-top:15px; box-sizing:border-box; font-size:1.5em; }

ul.accordion { list-style: none; text-align: left; padding: 5%; }
ul.accordion span { display:block; cursor:pointer;  list-style: none; text-align: left; color: #FFF; font-size: 16px; padding: 5px; }
ul.accordion span:hover { background-color: #ad1d27; }
ul.accordion ul { display:none; margin:0 !important; padding:0 !important; }
ul.accordion ul li { border-top: 1px solid #999; border-bottom: none !important; }
ul.accordion ul li a { color: #FFF; font-size: 16px; padding: 5px 5px 5px 35px !important; display: block; }
ul.accordion ul li a:hover { background-color: #ad1d27; }

#bar_btn_area { position:relative; width:480px; }
#bar_btn_area a:hover { opacity: 0.5; }
#bar_btn_area a { transition: opacity 0.3s ease-out;}
#bar_btn_area .bar_btn_youtube { position:absolute; top:15px; left:5%; width:10%; }
#bar_btn_area .bar_btn_youtube img { width:100%; }
#bar_btn_area .bar_btn_twitter { position:absolute; top:15px; left:20%; width:10%; }
#bar_btn_area .bar_btn_twitter img { width:100%; }

#info_area { width:100%; z-index:50; background-color: #D80284; padding:10px; color:#FFF; position:absolute; top:0; box-sizing:border-box; }
#info_area dl dt{ clear:left; float:left; margin:0; padding:5px 0 5px 0.5em; width:8em; line-height:1.5em;}
#info_area dl dd{ margin:0; text-align:left; padding:5px 0.5em 5px 8em; line-height:1.5em;}
#info_area dl dd a { color:#FFF; transition: opacity 0.3s ease-out; }
#info_area dl dd a:hover { opacity: 0.5; }
#info_area p{ margin:0; padding:5px 0 5px 0.5em; line-height:1.5em; font-size: 1.2em; font-weight: 600;}

.credit {
	padding-top: 50px;
	border-top: 1px solid #000;
}



/* -------------------追加2018/10/03---------------- */
.biography-liist{
	letter-spacing: -.5em;
	width: 100%;
	border-bottom: solid 1px #000000;
	margin: 20px 0 60px;
}
.biography-liist dt,
.biography-liist dd {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	border-top: solid 1px #000000;
}
.biography-liist dt {
	width: 12%;
	box-sizing: border-box;
	padding: 10px 0  ;
}
.biography-liist dd {
	width: 88%;
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: left;
}
p.btn,
p.btn:hover{ color: #FFF; text-decoration:none; border: solid 1px #d64541; background:#d64541; font-size:13px; display: block; width: 100%; text-align: center; border-radius:4px;padding: 4px 0 3px; line-height: 1.6; margin-top: 20px;}
.albumBox.bonus-track .bonus-inner {
	letter-spacing: -.5em;
	display: block;
	width: 100%;
}
.albumBox.bonus-track .komidashi{
	margin-left: 40px;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
}
.albumBox.bonus-track .bonus-inner .albumBoxImg,
.albumBox.bonus-track .albumBoxTxt {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-bottom: 25px;
}
.albumBox.bonus-track .bonus-inner .albumBoxImg {
	width: 25%;
}
.albumBox.bonus-track .albumBoxTxt {
	width: 75%;
}
/* -------------------追加2018/10/09---------------- */
.shop_bnr {
	letter-spacing: -.5em;
	text-align: center;
}
.shop_bnr a {
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
	margin: 0 40px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
	text-align: center;
}
.shop_bnr a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#aboutArea .shop_bnr a img {
	width: 100%;
	text-align: center;
}
@media screen and (max-width:1100px) {
#container{width: 100%;}
.left{ float:none;}
.main_photo{ text-align:center; margin:0 auto; display:block;}
#footer p{ width:100%;}
}


@media screen and (max-width:800px) {
#container{width: 100%;}
.release { left:0; bottom: 10%; width: 20vh; }
#aboutArea{padding:2em 0 1.2em;}
.mainTitle { font-size: 2.3em;}
.midashi{ font-size:1.6em; padding:20px 0 0;}
#aboutArea img,.main_photo img{ width:70%;}
.pcTxt{ display:none;}
.spTxt{ display:inherit; text-align:left; line-height:2; font-weight:bold; padding:30px 20px 10px; }

.company01{ width:100%; padding:0 20px; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
ul.albumTitle + p,
#aboutArea .albumBox + p{width: 70%; margin:0 auto;}
#aboutArea .albumBox + p{margin-top:-20px;}
ul.albumTitle{padding: 0 5%; margin-bottom: 1.25em;}
ul.albumTitle li {font-size: 1.0em; list-style: outside decimal;text-align: left;margin-left: 1.8em;}
#aboutArea .midashi + .shop_bnr + p{text-align: left; padding: 0 5%; font-size: .9em; margin-bottom: 1.25em !important;}
#aboutArea .midashi + .shop_bnr + p br{display: none;}
.albumBox{padding: 20px 5% 0; margin-bottom: 1.25em;}
.albumBoxImg{width: 30%; padding-right: 0;}
.albumBoxImg figure{margin: 0;}
#aboutArea .albumBoxImg figure img{width: 100%;}
.albumBox .albumBoxImg figure figcaption a{margin-top:15px;}
.albumBoxTxt { width:70%; padding-left: 5%; }
.albumBoxTxt .title { font-size:1.2em; font-weight:bold; margin-bottom: 10px; line-height: 1.4;}
.albumBoxTxt .title span.lm { font-size: 0.7em; display: block; line-height: 1.6; }

#go-top {
  bottom: 40px;
  right: 20px;
}
#footer{padding: 10px 0;}

	
/* -------------------追加2018/10/03---------------- */
.biography-liist dt {width: 25%;}
.biography-liist dd {width: 75%; padding-left: 2%; padding-right: 2%;}
.albumBox.bonus-track .komidashi{
	text-align: center;
	margin-left: 0;
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1.5;
}
.albumBox.bonus-track .bonus-inner .albumBoxImg {
	width: 30%;
}
.albumBox.bonus-track .albumBoxTxt {
	width: 70%;
	box-sizing: border-box;
}

/* -------------------追加2018/10/09---------------- */
#aboutArea .midashi + .shop_bnr a{ margin: 0 10px;}
}

@media screen and (max-width:480px) {
.albumBox{margin-bottom: 0;}
.albumBox .albumBoxImg figure figcaption a{box-sizing: border-box; padding-left:2%;padding-right: 2%; }
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80%;
  text-align: center;
  color: #fff;
  z-index: 999999;
  margin-left: -40%;
}

#loader img {
	width:100%;
}

div#bar {
	width: 50px;
	height: 50px;
	font-size: 30px;
}


#bar_menu {
	display: none;
	width: 100%;
	height:100%;
}
div#bar p {margin-bottom: 3px;}
#close{
	width:50px;
	height:50px;
	font-size:35px;
}

#bar_menu ul li a { font-size:16px; }

#bar_menu a.contact { font-size: 16px; }

.fa-bars{
	width:25px;
	height:3px;
	border-radius:1px;
	-o-border-radius:1px;
	-ms-border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
/*
.fa-bars:before,.fa-bars:after{
	position:absolute;
	left:0;
	content:"";
}
.fa-bars:before {
	width:25px;
	height:3px;
	bottom:7px;
	border-radius:1px;
	-o-border-radius:1px;
	-ms-border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}

.fa-bars:after{
	width:25px;
	height:3px;
	top:7px;
	border-radius:1px;
	-o-border-radius:1px;
	-ms-border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
*/

/* -------------------追加2018/10/09---------------- */
#aboutArea .midashi + .shop_bnr a{ margin: 0 2%;}


}