@charset "utf-8";

/* =================================================================
CSS情報　　 ：リセット
使用ファイル：すべてのファイル

html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
=================================================================*/

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0; background:transparent; outline:0; font-size:100%; vertical-align:baseline;}

input{padding:0;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; background:transparent; font-size:100%; vertical-align:baseline;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
ins{color:#000; text-decoration:none;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted inherit; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}

/*  change border colour to suit your needs
-------------------------------------------------------------*/
hr{display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #cccccc;}
input, select{vertical-align:middle;}


/* ===================================================================
CSS情報　　 ：基本情報
使用ファイル：すべてのファイル
=================================================================== */

body{font-family: 'PT Serif',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic';color:#444;font-size:16px;}

a:link{color:#80603D;text-decoration:none;}
a:visited{color:#80603D;text-decoration:none;}
a:hover{color:#80603D;text-decoration:underline;}
a:active{color:#80603D;text-decoration:underline;}

.inner{width:960px;margin:auto;}

@media (max-width: 960px) and (min-width: 640px) {
.inner{width:100%;}
}
@media (max-width: 640px) {
.inner{width:100%;}
}

/* ===================================================================
CSS情報　　 header
使用ファイル：すべてのファイル
=================================================================== */

#header{background:url("../img/bg_header.png") 50% 0 no-repeat fixed;height:700px;background-size:cover;text-align:center;font-weight:bold;color:#FFF;margin-bottom:50px;text-shadow:0 0 10px #000;}
#header h1{font-size:96px;padding:500px 0 20px;}
#header p{font-size:20px;}

@media (max-width: 640px) {
#header{height:350px;background-size:auto 400px;margin-bottom:20px;}
#header h1{font-size:50px;padding:200px 0 20px;}
}

/* ===================================================================
CSS情報　　 about
使用ファイル：すべてのファイル
=================================================================== */

#about{text-align:center;margin-bottom:70px;zoom:1;}
#about:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#about h2{font-size:40px;margin-bottom:25px;}
#about .fubar{margin:0 20px 20px;line-height:1.8;}
#about .profile{width:33.3%;float:left;margin-top:40px;}
#about .profile h3{font-size:26px;margin:15px 0 5px;font-weight:normal;}
#about .profile h3 small{font-size:20px;margin-left:5px;}
#about .profile p{font-size:20px;margin-bottom:10px;}
#about .profile p a{display:inline-block;background:#161310;border-radius:3px;font-size:12px;color:#FFF;padding:5px 0;width:60px;text-align:center;margin:0 5px 0 0;}
#about .profile p a:hover{opacity:0.8;text-decoration:none;}
#about .profile img{border-radius:2px;}

@media (max-width: 640px) {
#about{margin-bottom:40px;}
#about h2{font-size:28px;margin-bottom:15px;background-size:auto 500px;}
#about .fubar{font-size:14px;}
#about .profile{width:100%;float:none;text-align:left;zoom:1;}
#about .profile:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#about .profile h3{font-size:22px;}
#about .profile img{float:left;width:90px;margin:0 20px;}
#about .profile p{font-size:16px;}
}

/* ===================================================================
CSS情報　　disco
使用ファイル：すべてのファイル
=================================================================== */

#disco{margin-bottom:70px;}
#disco h2{background:url("../img/bg_disco.png") 50% 0 no-repeat fixed;background-size:cover;height:200px;text-align:center;margin-bottom:50px;color:#FFF;font-size:45px;padding-top:200px;text-shadow:0 0 10px #000;}
#disco .record{margin-right:20px;zoom:1;}
#disco .record:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#disco .jacket{width:40%;float:left;text-align:center;}
#disco .content{width:60%;float:left;}
#disco .content .order{font-size:20px;margin-bottom:10px;}
#disco .content h3{font-size:32px;font-weight:normal;margin-bottom:20px;}
#disco .content .detail{font-size:16px;margin-bottom:10px;line-height:1.8;}
#disco .content .buy a{display:inline-block;background:#161310;border-radius:3px;font-size:18px;color:#FFF;padding:15px 0;width:220px;text-align:center;margin:0 20px 10px 0;}
#disco .content .buy a:hover{opacity:0.8;text-decoration:none;}

@media (max-width: 640px) {
#disco{margin-bottom:20px;}
#disco h2{height:100px;background-size:auto 440px;background-attachment:scroll;font-size:28px;padding-top:70px;margin-bottom:30px;}
#disco .record{margin:0 0 20px;}
#disco .jacket{width:auto;float:none;}
#disco .jacket img{width:180px;}
#disco .content h3{font-size:28px;margin-bottom:10px;}
#disco .content{width:auto;float:none;margin:20px 20px 0;}
#disco .content .detail{font-size:14px;}
#disco .content .buy{text-align:center;}
#disco .content .buy a{margin-right:0;}
}

/* ===================================================================
CSS情報　　schedule
使用ファイル：すべてのファイル
=================================================================== */

#schedule{margin-bottom:70px;}
#schedule h2{background:url("../img/bg_schedule.png") 50% 0 no-repeat fixed;background-size:cover;height:200px;text-align:center;margin-bottom:50px;color:#FFF;font-size:45px;padding-top:200px;text-shadow:0 0 10px #000;}
#schedule h3{font-size:32px;text-align:center;font-weight:normal;margin-bottom:20px;}
#schedule h4{text-align:center;margin-bottom:15px;font-size:18px;line-height: 1.5;}
#schedule dl{margin:0 20px 20px 0;line-height:1.8;zoom:1;}
#schedule dl:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#schedule dt{width:30%;float:left;text-align:center;}
#schedule dd{width:70%;float:left;margin-bottom:20px;}
#schedule a{background:url("../img/icon_link.png") 0 4px no-repeat;padding-left:18px;}

@media (max-width: 640px) {
#schedule{margin-bottom:20px;}
#schedule h2{height:100px;background-size:auto 440px;background-attachment:scroll;font-size:28px;padding-top:70px;margin-bottom:30px;}
#schedule h3{font-size:28px;margin-bottom:10px;}
#schedule dl{font-size:14px;}
}

/* ===================================================================
CSS情報　　contact
使用ファイル：すべてのファイル
=================================================================== */

#contact{margin-bottom:70px;}
#contact h2{background:url("../img/bg_contact.png") 50% 0 no-repeat fixed;background-size:cover;height:200px;text-align:center;margin-bottom:50px;color:#FFF;font-size:45px;padding-top:200px;text-shadow:0 0 10px #000;}
#contact p{text-align:center;margin:0 20px 30px;line-height: 1.5;}
#contact dl{margin:0 20px 20px 0;line-height:1.8;zoom:1;}
#contact dl:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#contact dt{width:30%;float:left;text-align:center;font-weight:bold;}
#contact dd{width:70%;float:left;margin-bottom:20px;}

#contact .error{color:#F34B26;}

#contact input[type="text"]{background:#EEE;padding:10px;border:none;font-size:14px;border-radius:3px;width:90%;}
#contact textarea{background:#EEE;padding:10px;border:none;font-size:14px;border-radius:3px;width:90%;height:200px;}
#contact .button{text-align:center;}
#contact .button input[type="submit"]{border:none;background:#333;color:#FFF;padding:15px 0;font-size:16px;width:220px;margin:0 5px;border-radius:3px;font-family: 'PT Serif',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic';line-height:1;-webkit-appearance: none;}
#contact .button input[type="submit"]:hover{opacity:0.8;}
#contact .button a{display:inline-block;background:#333;color:#FFF;padding:15px 0;font-size:16px;width:220px;margin:0 5px;border-radius:3px;}
#contact .button a:hover{text-decoration:none;opacity:0.8;}

@media (max-width: 640px) {
#contact{margin-bottom:20px;}
#contact h2{height:100px;background-size:auto 440px;background-attachment:scroll;font-size:28px;padding-top:70px;margin-bottom:30px;}
#contact p{font-size:14px;margin-bottom:20px;}
#contact dl{margin:0 20px;font-size:14px;}
#contact dt{width:auto;float:none;}
#contact dd{width:auto;float:none;text-align:center;margin-bottom:10px;}
#contact textarea{height:100px;}
#contact .button input[type="submit"]{margin-bottom:10px;}
#contact .button a{margin-bottom:10px;}
}


/* ===================================================================
CSS情報　　footer
使用ファイル：すべてのファイル
=================================================================== */

#footer{background:url("../img/bg_footer.png") 50% 0 no-repeat fixed;background-size:cover;height:700px;text-align:center;font-weight:bold;color:#FFF;text-shadow:0 0 10px #000;overflow:hidden;}
#footer h2{font-size:40px;padding:60px 0 320px;}
#footer p{margin-top:20px;}
#footer a{text-decoration:underline;color:#FFF;}

@media (max-width: 640px) {
#footer{height:350px;background-size:auto 400px;background-attachment:scroll;}
#footer h2{font-size:20px;padding:50px 0 10px;}
#footer p{font-size:14px;}
}