@charset "UTF-8";
/* CSS Document */

body{
font-family:"Ruluko",  "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
background-image:url(../image/top/wall_cover.png);
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#ff8400;
color:#FFF;
margin:0 auto;
padding:0;
font-size:16px;
line-height:1.8em;
text-align:center;
}

a,
a:hover,
a:active{text-decoration:none;}

img{max-width:100%;}

hr{clear:both;}


footer{font-family: 'Combo', cursive , sans-serif;}

h2,
h3,
h4,
h5,
div.file_guide a,
ul.guide_cd a{font-family: 'Chonburi', cursive, sans-serif;}

h3 > span{display:inline-block;}

hr{width:100%; height:17px; background:url(../image/top/title-R.png) repeat-x; border:none; padding:0; margin:10px 0}


/*--------radius---------*/
.rad4,
#menu > p,
ul.accordion p,
#foot_wrap,
.record ul li:nth-of-type(2n+1),
.top a:hover{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}
.rad6,
#contents,
ul.accordion > li > ul,
.diary ul li.ad,
.diary div.guide,
ul.yellow,
ul.pink,
ul.black,
ul.single,
ul.omnibus,
p.memorial,
#cinema ul,
#video ul,
.report img,
ul.setlist,
.schedule ul,
.top > div{border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.rad8,
.back a{border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;}
.rad10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}

.rad12,
.arrow{border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;}
.rad24{border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px;}
.rad50{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}


/*--------------color---------------*/
/*dark orange rgba(192,86,46,1)*/
.c_do{background:#C0562E;}
.diary a{color:#C0562E;}
.arrow a{color:rgba(192,86,46,0.6);}

/*orange rgba(255,132,0,1)*/
.c_o,
.arrow,
#video ul{background:#ff8400;}
#foot_wrap,
.arrow{background:rgba(255,132,0,0.4);}
.report > ul.report_guide li a,
.report table td > p{color:#ff8400;}

.report h3{color:rgba(255,132,0,0.8);}

/*blue rgba(0,102,153,1)*/
.c_b,
#contents,
#contents h2,
.back a:hover{background:#069;}

.top{background:url(../image/top/wall_cover.png) #069 no-repeat 0 100% !important;}
.arrow a:hover{color:rgba(0,102,153,0.6);}

/*dark blue rgba(0,65,82,1)*/
.c_db,
.back a{background:#004152;}
.back a,
.schedule ul{border:4px solid #004152;}
a,
footer,
ul.accordion p > span,
#menu > p span,
ul.accordion_p,
.schedule ul,
.top > p{color:#004152;}


/*white rgba(255,255,255,1)*/
.c_w,
#cd > h4,
.schedule ul{background:#FFF;}
a:hover,
.diary a:hover,
.report > ul li a:hover,
.back a,
.report h5 a:hover{color:#FFF;}
.diary ul.main li.ad,
.diary > div.guide,
#cd ul.cd_title li > table tr:nth-child(2n),
.top a:hover{background:rgba(255,255,255,0.5);}


/*red*/
div.diary span.text_red{color:#F00; font-size:1.2em;}

.diary h3{color:#FFC; font-size:3.2em; text-align:center;}
.diary h3 > span{border-bottom:3px solid #FFC;}
.top a{color:#EB6791}

#cd ul.single li > table tr:nth-child(2n),
.report table td > table{background:rgba(255,255,255,0.3);}
#cd ul.single li > table tr:nth-child(2n + 1){background:rgba(255,255,255,0.2);}
#cd ul.single li > table tr:nth-child(1){background:none;}
#cd ul.omnibus{background:rgba(255,255,255,0.6);}
.report img,
ul.setlist{border:3px solid #004152; background:url(../image/report/20010702-17.gif) 50% -40% #000; }
ul.setlist > hr,
ul.setlist li > hr{border:none; border-bottom:1px solid #fff; width:80%; margin:3px auto; background:none; height:0;}
.report img.black{background:#000; border:5px solid #000;}
.report img:after{clear:both;}


#menu a img:hover{border-bottom:3px solid #fff;}
#menu > p{background:rgba(255,255,255,0.3);}

/*cd cinema*/
ul.yellow{background:url(../image/file/yellow.png); color:#000; border:5px solid #F9D54D;}
ul.pink{background:url(../image/file/pink.png); color:#000; border:5px solid #EB6791;}
ul.black{background:#222; color:#fff; border:5px solid #222;}
ul.single{background:#FF4C4D; color:#000; border:5px solid #FF4C4D;}
ul.single li:nth-child(1){color:#FFF;}
ul.omnibus{border:5px solid #99C1D6; color:#333}
p.pati{background:#111; color:#EB6791;}
p.gb{background:#F00; color:#fff;}
p.ark{background:#111; color:#fff;}
p.ark > span{display:inline-block;}
p.ark > span.ark_f{color:#F30;}
p.ark > img{border:2px solid #999;}

#video ul{color:#222; border:5px solid #ff8400;}
#video ul li:nth-child(2){color:#fff; font-size:1.5em;}
#video ul li:last-child{background:#fff;border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -ms-border-radius:0 0 6px 6px; -o-border-radius:0 0 6px 6px;}

#cinema ul{background:url(../image/file/cinema_wall.png) no-repeat rgba(255,255,255,0.5); background-position:0 -100px; color:#111}
#cinema ul:nth-child(2){background-position:0 -60px;}
#cinema ul li:nth-child(2){color:#C30;}

.arrow{border:5px solid rgba(192,86,46,0.6);}
#contents{border:5px solid #004152;}
#contents div.title{border-right:2px solid #004152;}
#contents h2{border-left:2px solid #004152; border-right:2px solid #004152;}
hr{border-bottom:2px solid #004152; border-right:2px solid #004152;}
.diary > div.guide{border:5px solid #004152;}
.diary ul.day-text li{border-top:1px solid #004152;}

/*report*/
.report h4,
.report h5 a{color:rgba(255,255,204,1);}
.report table,
.report table td{border:1px solid rgba(255,255,255,0.5);}

/*schedule*/
.schedule li.pink{background:url(../image/file/pink.png);}
.schedule li.yellow{background:url(../image/file/yellow.png);}
.schedule li.text_pink{color:#EB6791;}

@media all and (max-width:640px){
body{font-size:14px; background-size:auto; background-position:0 100%; background-attachment:fixed;}

.arrow{border:4px solid rgba(192,86,46,0.6);}
#contents{border:4px solid #004152;}
.diary div.guide{border:4px solid #004152;}

ul.accordion p,
ul.accordion ul{background:rgba(255,255,255,0.3);}
ul.accordion p,
ul.accordion > li > ul{border:4px solid #004152;}
ul.accordion > li > ul > li{border-right:1px solid #004152; border-bottom:1px solid #004152}
ul.accordion > li > ul > li:nth-child(2n){border-right:none;}
}