body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}

html{font-family:"Cochin", serif;}
html{overflow-y:scroll;/*overflow-x:hidden;*/}
html, body{margin: 0;padding: 0;}
body{width: 100%;background-color:#fcfcfc;font-size:100%;color:#62312d;}
.wrapper{position:absolute;top:0;left:0;width: 100%;min-width:240px;height: 100%;margin:0;padding:0;}
.header{text-align: center;position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;margin: auto;}
.header p{
	color: #62312d;text-align: center;font-size: 80%;font-weight:500;letter-spacing: 0.1em;line-height: 1em;padding-bottom: 10px;
}
.header .logo{margin-top: 20px;margin-bottom: 20px;}
.header img{margin-bottom: 10px;}
.header .info{margin-bottom: 20px;}
#header{position:fixed;top:0;height:92px;z-index:9999;margin: 0;background: #fcfcfc;}
.mobile #header{position: absolute;}
#header .logo{margin: 10px;}
#header .logo img:hover{cursor:pointer;}
#header .logo img{margin: auto 15px;vertical-align: middle;}
.menu{
	position:relative;width:100%;height:32px;margin: 0 auto;background-color: #f9f9f9;
	/*border-top: 1px solid #f6f6f6;*//*border-bottom: 1px solid #f6f6f6;*/
	overflow: hidden;word-wrap: break-word;
}
.menu:before,
.menu:after {
	content:"";
	display:block;height:1px;width:100%;
	background:-webkit-gradient(linear, left top, right top, from(#f6f6f6), color-stop(0.5,#F1EBDE), color-stop(0.5,#F1EBDE), to(#f6f6f6));
	background:-moz-linear-gradient(left, #f6f6f6, #F1EBDE 50%,#F1EBDE 50%,#f6f6f6);
	background:linear-gradient(left, #f6f6f6, #F1EBDE);
}
.menu ul li{display: inline-block;margin: 5px 20px;line-height: 20px;}

a{color: #D29F36;text-decoration: none;}
a:hover,
.menu ul li.current a{color: #D25A36;}
.menu ul li.current a:hover{cursor:default;}
#spinner{position:fixed;top:50%;left:50%;margin-left:-8px;margin-right:-8px;}
#main{position:relative;z-index:1;margin:92px 0;width: 100%;height: 100%;min-height: 500px;}
#home #main{background: url("../img/top01_b.jpg") center center / cover no-repeat;}
#main .pop{
	position:absolute;top:50%;left:50%;z-index:99;
	width:300px;/*height:200px;*/padding:20px;margin-left:-360px;margin-top:-180px;
	background:rgba(255,255,255,0.9);
}
#main .pop:hover,
#schedule .schedule article:hover{cursor: pointer;background:rgba(255,255,255,1);}
#mainc{
	position:absolute;top:0;left:0;z-index:2;
	display:none;
	width: 100%;height: 100%;min-height: 500px;
}
#home #mainc{background: url("../img/top01.jpg") center center / cover no-repeat;}
#profile #main{background: url("../profile/img/profile01_b.jpg") center center / cover no-repeat;}
#profile #mainc{background: url("../profile/img/profile01.jpg") center center / cover no-repeat;}
#schedule #main{background: url("../schedule/img/schedule01_b.jpg") center center / cover no-repeat;}
#schedule #mainc{background: url("../schedule/img/schedule01.jpg") center center / cover no-repeat;}
#media #main{height: 50%;background: url("../media/img/media01.jpg") center center / cover no-repeat;}
#contact #main{height: 50%;background: url("../contact/img/contact02_b.jpg") top right / cover no-repeat;}
.ie7_html #home #mainc{background: url("../img/top01.jpg") center center no-repeat;}
.ie7_html #profile #main{background: url("../profile/img/profile01_b.jpg") center center no-repeat;}
.ie7_html #profile #mainc{background: url("../profile/img/profile01.jpg") center center no-repeat;}
.ie7_html #schedule #main{background: url("../schedule/img/schedule01_b.jpg") center center no-repeat;}
.ie7_html #schedule #mainc{background: url("../schedule/img/schedule01.jpg") center center no-repeat;}
.ie7_html #media #main{height: 50%;background: url("../media/img/media01.jpg") center center no-repeat;}
.ie7_html #contact #main{height: 50%;background: url("../contact/img/contact02_b.jpg") top right no-repeat;}
/*
#contact #mainc{
	background: url("../contact/img/contact01.jpg") top right / cover no-repeat;
}
*/
#main .profile{
	position:absolute;top:50%;left:50%;z-index:99;
	width:300px;/*height:200px;*/padding:20px;/*margin-left:-360px;*/margin-top:-180px;
	background:rgba(255,255,255,0.9);
}
#main h1,
#profile .detail h1{margin-bottom:10px;}
#main .profile p{font-size:80%;text-align: justify;text-justify: inter-ideograph;margin-bottom: 10px;line-height: 1.5em;}
#main .profile a{font-size: 80%;}
.detail{position:relative;width: 80%;margin: 0 auto;padding: 20px 0 50px 0;}
#profile .detail{display:none;}
#profile .detail p{
	font-size: 85%;padding-bottom: 10px;text-align: justify;text-justify: inter-ideograph;line-height: 1.7em;
}
#profile .detail .contL{
	float:left;position:relative;width:50%;margin:0 20px 20px 0;text-align:right;
}
#profile .detail .contL img{width:100%;max-width:400px;margin-right:20px;}
#profile .detail .contR{
	/*float: left;position:relative;width:50%;*/
}
#main .schedule{
	position:absolute;top:50%;left:50%;z-index:99;width:300px;/*margin-left:-360px;*/margin-top:-180px;
}
#main .schedule article{
	min-height:100px;padding:20px;margin-bottom: 10px;background:rgba(255,255,255,0.9);display:none;
}
#main .schedule article .title{line-height: 1.5em;margin-bottom: 7px;padding-bottom: 5px;}
#main .schedule article .title h1{margin-bottom:0;}
#main .schedule article .title h2{font-weight:700;overflow:hidden;background:#62312d;color:#fff;padding:3px 5px;}
#main .schedule article .element{clear: both;line-height: 1.5em;}
#main .schedule article .element dt{clear:left;width: 60px;font-size: 80%;float: left;}
#main .schedule article .element dd{margin-left:60px;overflow:hidden;}

#schedule .detail article{width:80%;min-width:600px;max-width:960px;margin:20px auto;background:#F0F0F0;padding:20px;border:1px solid #F0F0F0;}
#schedule .detail article.archive{background:#f9f9f9;border:1px solid #f0f0f0;border;}
#schedule .detail article .sTitle{border-bottom:1px solid #62312d;}
#schedule .detail article p.titleDate{float:left;/*width:100px;*/font-size:250%;padding:0 10px;min-height:64px;line-height:64px;overflow-y:hidden;background:#62312d;color:#fff;min-width:90px;text-align:center;}
#schedule .detail article.archive p.titleDate{color:#62312d;background:#fff;}
/*#schedule .detail article p.titleDate.dlong{float:left;width:160px;font-size:250%;padding-left:10px;height:56px;overflow-y:hidden;}*/
#schedule .detail h1{min-height:64px;font-size: 120%;font-weight:700;/*padding:20px 0 5px 120px;*/padding:5px 10px;overflow:hidden;}
#schedule .detail h3.scp{margin-top:20px; font-size: 80%;font-weight:700;padding:5px 10px;background:#62312d;color:#f1f1f1;}
#schedule .detail dl{padding:20px 10px;line-height:1.5em;clear:both;}
#schedule .detail dl.scp{background:#fafafa;padding:10px;}
#schedule .detail .archive dl.scp{background:#fff;}
#schedule .detail dl dt{clear:left;width: 100px;float:left;margin-bottom: 10px;}
#schedule .detail dl dd{padding-left:110px;margin-bottom:10px;}
#schedule .detail dl dd.flyer a{margin-right: 10px;}
#schedule .detail dl dd.flyer img{width:100px;}
#schedule .detail dl dd.flyer img.imgv{width:141px;}
#schedule .detail dl dd.flyer a:hover img{border:1px solid #62312d;margin:-1px;}
#schedule .detail .archiveTitle{text-align:center;width:80%;min-width:600px;max-width:960px;margin:100px auto 20px;border:1px solid #62312d;padding:20px;color:#62312d;}
#media .media{
	opacity:0;text-align:center;position:relative;width: 80%;margin: 0 auto;padding: 20px 0 50px 0;
}
#media .mediaArticles{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#media .media article{
	margin-bottom: 30px;padding:20px;background:rgba(0,0,0,0.05);width:280px;margin: 10px;padding:20px;vertical-align:top;display:inline-block;
	width: 25%;margin: 10px 1%;padding: 3%;max-width:300px;
}
#media .media h1{text-align: left;border-bottom: 1px solid #62312d;margin-bottom: 20px;}
#media .media h2{font-size: 90%;text-align:left;}
#media .media h2 span.sr{font-weight: 700;}
#media .media h2 span.nw{white-space: nowrap;}
#media .media img{max-width:100%;margin-bottom: 10px;}
#media .media img.nop{
	/*padding-bottom: 0;*/
}
#main .contact{
	position:absolute;top:20px;left:50%;z-index:99;width:350px;padding:20px;margin-left:-390px;
	background:rgba(255,255,255,0.9);overflow-y:auto;
}
#contact .contact{
	/*opacity:0;*/text-align:center;position:relative;width: 80%;margin: 0 auto;padding: 20px 0 50px 0;
}
iframe#includeContactFrame{
	border: 0;width: 100%;max-width:520px;padding: 20px;margin:20px auto;background:rgba(0,0,0,0.05);
}
.mobile iframe#includeContactFrame{
	max-width: 90%;height:1100px;
}
#video{width: 80%;margin:0 auto;max-width: 1280px;text-align: center;padding: 20px 0 50px 0;}
#video h4{font-size: 90%;margin:10px auto 20px;}
#video .video_detail{margin: 20px auto;}
#video dl{font-size: 75%;line-height: 1.5em;width: 300px;margin: 0 auto;}
#video dl dt{float:left;width:100px;text-align:right;margin-right:10px;}
#video dl dd{padding-left:100px;text-align:left;}

.wrapper1{width: 100%; margin:92px 0;background:#fafafa;}
#discography{width: 80%;margin:0 auto;text-align: center;padding: 20px 0 20px 0;}
#discography .contentsR{
	padding-top: 20px;padding-bottom:20px;padding-left: 50%;text-align: left;min-height: 362px;
}
#discography h3{font-weight: 700;}
#discography img{padding: 10px;}
#discography img.img2{position: absolute;left: 50%;margin-left: -340px;padding:20px;display:none;}
#discography p{margin: 10px 0;font-size: 90%;line-height: 1.5em;}
#discography p.cdby,
#discography p.detail{font-size: 80%;margin-bottom: 20px;width:100%;}
#discography p.comment{font-size: 90%;text-align: justify;text-justify: inter-ideograph;}
#discography .ita{font-style:italic;}
#discography ul{
	width: 80%;margin: 10px auto 30px;text-align:left;list-style: decimal;/*list-style-position:inside;*/
}
#discography ul li{font-size: 90%;line-height: 1.4em;}
#discography ul li span.ex{font-size: 80%;}
#feed{position: relative;width:80%;padding-bottom:20px;margin: 0 auto;font-size: 90%;}
#feed ul, #feed h4{text-align:center;}
#feed ul li{
	width:170px;/*height: 160px;*/margin: 10px;padding:20px;vertical-align:top;display:inline-block;
	/*overflow: hidden;*/background:rgba(0,0,0,0.05);text-align:left;
}
#feed p.date{border-bottom: 1px solid #62312d;margin-bottom: 10px;}
#feed h3{font-size: 90%;margin-bottom: 5px;}
#feed h3 a{font-size: 90%;}
#feed p.summary{font-size: 80%;}
.footer{
	position:absolute;bottom:0;left:50%;width:120px;margin-left:-60px;text-align:center;font-size: 75%;
}
#home .footer, #profile .footer, #media .footer, #contact .footer, #schedule .footer{
	position:relative;
}
.pcopy{
	position:absolute;bottom:5px;right:5px;font-size: 70%;/*color:rgba(98, 49, 45, 0.5);*/color:rgba(255, 255, 255, 0.5);
}
.nwrp{
	/*white-space: nowrap;*/
}
.smll{font-size:80%;}
img,
a img {border-style:none;}
a{overflow:hidden;outline:none;}
.cancel{text-decoration: line-through;}
.changed{color:#f00;}

.ie7_html #main .pop,
.ie7_html #main .pop:hover,
.ie7_html #main .schedule article,
.ie7_html #schedule .schedule article:hover,
.ie7_html #main .profile{background:#fff;}
.ie7_html iframe#includeContactFrame{background:#f0f0f0;}

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}/* modern browser */
.clearfix {display: inline-block;}/* IE7,MacIE5 */
* html .clearfix {height: 1%;}/* WinIE6 below, Exclude MacIE5 \*/
.clearfix {display: block;}

@media screen and (max-width: 768px) {/* ---------------------------------- */
	#media .media article{width: 42%;margin: 10px 1%;padding: 3%;}
}
@media screen and (max-width: 660px) {/* ---------------------------------- */
	#header .logo img{margin:auto 10px;}
	.menu ul li{margin:5px 10px;}
}
@media screen and (max-width: 560px) {/* ---------------------------------- */
	.menu ul li:first-child{display:none;}
}
@media screen and (min-width: 1100px){/* ---------------------------------- */
	#profile .detail .contR{
		float: left;position:relative;width:45%;margin-bottom:50px;
	}
}