@charset "UTF-8";

/* ==================================================================
CSS information
style info :costumes用
================================================================== */


#container { background: url(../_img/costumes/bg_r_b.png) top center repeat;}
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { background: url(../_img/costumes/bg_r.png) top center repeat-x; }

.contents-block { padding: 0 0%;}

.nojs { display: none;}

/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/costumes/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 12px; }


#ttl-block #tf { top: -0px; left: 50%; margin-left: -255px; }
#ttl-block #category { margin-bottom: 12px;}
#ttl-block #ttl { margin-bottom: 0px;}




/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { padding-bottom: 60px; }

#c1 .btn-box { border-bottom: 3px solid #d9a447; }
#c1 .btn-box .btn_ti { margin-bottom: 18px;}
#c1 .btn-block { letter-spacing: -.45em; width: 100%; text-align: center; }
#c1 .btn-block li { letter-spacing: normal; display: inline-block; vertical-align: top; margin: 0 5px 7px;}
#c1 .btn-block li:first-child() { }
#c1 .btn-block li img { position: relative;}
#c1 .btn-block li a { display: block; background: url(../_img/costumes/btn_cos_off.png) top center no-repeat; }
#c1 .btn-block li a.on { background: url(../_img/costumes/btn_cos_on.png) top center no-repeat; }

#c1 #block-l { }
#c1 #block-r { margin-bottom: 30px; }


#c1 #description-block-wrap { width: 100%; height: 580px; overflow: hidden; margin-bottom: 20px; }
#c1 #description-block { width: 640px; margin: 0 auto; text-align: center; }
#c1 #description-block dl { text-align: center; margin: 0 auto 50px; }
#c1 #description-block .name-box { width: 580px; background: url(../_img/costumes/costume_name_bg.png) top center no-repeat; margin: 0 auto 13px; }
#c1 #description-block .video-box { width: 580px; margin: 0 auto 8px; border: 2px solid #2d1407; background: #d9a447; padding: 1px;}
#c1 #description-block .video-box  .vb-inner { padding: 1px; background: #57381f;}

#c1 #description-block .desc-box { background: url(../_img/costumes/costume_description_bg.png) top center no-repeat; }

.not #c1 #description-block .video-box iframe { display: none;}
.not #c1 #description-block .video-box .nojs { display: inline-block;}


/* --------------------------------------------------------
#c2
-------------------------------------------------------- */
#c2 { padding-bottom: 80px; }
