html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ============================
	common css
============================ */

/*  General
=================================== */

body { background-color:#000; }

#con-body { background-color:#000; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#fff; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

.txts { font-size:80%; }
.txtb { font-size:120%; }

a { color:#c6a572; }


/* Header
=================================== */

/* logo */

#header { position:relative; width:980px; height:200px; margin:auto; }
#logo { position:absolute; z-index:1; width:980px; height:200px; }
#logo a, #logo span { display:block; width:100%; height:100%; text-indent:-9999px; }
#btn-backhome { position:absolute; z-index:2; top:10px; right:0; width:206px; height:30px; }
#btn-backhome a { display:block; width:100%; height:100%; background:url(../img/btn_backhome.png) center center no-repeat; background-size:cover; border-radius:15px; text-indent:-9999px; }
#btn-backhome a:hover { opacity:0.7; }

/* gnav */

#gnav { width:980px; margin:0 auto 40px auto; }
#gnav ul { display:flex; flex-flow: row wrap; box-shadow:0px 0px 5px rgba(255,255,255,0.3); }
#gnav ul li { width:33.33%; }
#gnav ul li a { display:block; width:100%; height:100%; padding:0.4em 0.5em; box-sizing:border-box; background-color:rgba(0,0,0,0.5); border-right:rgba(255,255,255,0.3) 1px solid; border-bottom:rgba(255,255,255,0.3) 1px solid; font-size:90%; line-height:120%; text-decoration:none; color:#fff; }
#gnav ul li:nth-child(3n) a { border-right:none; }
#gnav ul li:last-child a { border-bottom:none; }
#gnav ul li a:hover { opacity:0.7; }
#gnav ul li a::before { content:""; display:inline-block; width:0.6em; height:1.2em; margin-right:0.4em; vertical-align:top; background-position:center center; background-repeat:no-repeat; }
#top #gnav ul li a::before { background-image:url(../img/arrow_d.png); background-size:0.6em auto; }
#dtl #gnav ul li a::before { background-image:url(../img/arrow_r.png); background-size:auto 0.6em; }

#btn-menu,
#gnav-bg { display:none; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

/* logo */

#header { width:auto; height:auto; }
#logo { position:relative; width:100%; height:0; padding-top:50%; }
#logo a, #logo span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/header_smp.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
#btn-backhome { position:static; width:100%; height:auto; }
#btn-backhome a { display:block; padding:0.6em; box-sizing:border-box; background:none; border-radius:0; text-indent:0; text-align:center; text-decoration:none; color:#fff; }
#btn-backhome a::before { content:""; display:inline-block; width:0.6em; height:1.0em; margin-right:0.4em; vertical-align:top; background:url(../img/arrow_l.png) center center no-repeat; background-size:0.5em auto; }

/* gnav */

#btn-menu { position:relative; z-index:10; display:block; width:80%; margin:-2.0em auto 15px auto; text-align:center; }
#btn-menu a { display:block; padding:0.5em; border-radius:1.0em; background:rgb(202,173,124); background:linear-gradient(90deg, rgba(202,173,124,1) 0%, rgba(239,213,178,1) 50%, rgba(202,173,124,1) 100%); box-shadow:0px 0px 5px inset rgba(202,173,124,1.0); font-size:120%; font-weight:bold; color:#000; text-decoration:none; font-family:"Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#btn-menu a::before { content:""; display:inline-block; width:1.0em; height:1.0em; margin-right:0.1em; vertical-align:top; background:url(../img/icon_menu.png) center center no-repeat; background-size:0.7em auto; }

#gnav { position:fixed; width:250px; height:100vh; background-color:#000; top:0; left:-300px; z-index:1001; }
#gnav ul { display:block;  width:100%; height:100%; overflow:auto; }
#gnav ul li { width:100%; }
#gnav ul li a { padding:0.6em 0.5em; background-color:rgba(0,0,0,1.0); border-right:none; font-size:80%; }
#gnav ul li:last-child a { border-bottom:rgba(255,255,255,0.3) 1px solid; }
#gnav ul li a:hover { opacity:1.0; }
#gnav ul li a::before { background-image:url(../img/arrow_r.png) background-size:auto 0.6em; }

.btn-close { width:30px; height:30px; margin:0 -30px -30px 250px; background:url(../img/cross.png) center center no-repeat; background-size:cover; cursor:pointer; }
#gnav-bg { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:1000; background-color:rgba(0,0,0,0.5); cursor:pointer; }

}


/* Footer
=================================== */

#footer-area { padding:15px; font-size:90%; line-height:120%; text-align:center; }
#footer-area a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw { position:relative; top:3px; }

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:193px; height:48px; background:url(../../img/common_parts2.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#footer-area { padding:15px 15px 3.2em 15px; }

#pagetop { width:100%; padding-bottom:0; right:0; z-index:100; }
#pagetop a { display:block; width:100%; height:auto; padding:0.6em 0; background-image:none; background-color:#fff; font-size:90%; color:#000; font-weight:bold; text-indent:0px; text-align:center; text-decoration:none; }
#pagetop a::before { content:""; display:inline-block; width:0.6em; height:1.0em; margin-right:0.4em; vertical-align:top; background:url(../img/arrow_bl_u.png) center center no-repeat; background-size:0.6em auto; }

}


/* Main
=================================== */

#container { background-image:url(../img/header.png), url(../img/header_bg.jpg); background-repeat:no-repeat, repeat-x; background-position: center top, center top; }
#main { width:980px; margin:auto; }

.column { margin-bottom:30px; padding:27px 27px 22px 27px; box-sizing:border-box; border:#907955 3px solid; outline:1px solid #907955; outline-offset:-6px; }
.column:after {content:"";clear:both;display:block;}
.column:last-child { margin-bottom:0; }

.box { padding-bottom:5px; }
.sbox { padding-bottom:15px; }
.box-2col { display:flex; flex-flow:row; padding-bottom:5px; }
.box-t { flex:1; }

/* pic visual */

.pic-visual { float:right; margin:0 0 5px 20px; }
.pic-visual p { width:100%; height:100%; background:url(../img/pic_bg2.gif); }
.pic-visual p a { display:block; width:100%; height:100%; }
.pic-visual p a span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; }

/* text */

.event-date { display:inline-block; margin-bottom:0.6em; padding:0.2em 0.4em; background-color:#c6a572; color:#000; line-height:120%; font-weight:bold; }
.subttl1 { margin-bottom:0.4em; color:#c6a572; font-size:240%; line-height:120%; }
#top .subttl1 a { text-decoration:none; }
#top .subttl1 a:hover { opacity:0.7; }
#top .subttl2 { margin-bottom:0.5em; font-size:180%; line-height:120%; }
#dtl .subttl2 { margin-bottom:0.8em; padding:0.2em; box-sizing:border-box; background-color:#c6a572; font-size:160%; line-height:120%; color:#000; }
.subttl3 { margin-bottom:0.5em; padding-bottom:0.2em; color:#c6a572; font-size:110%; line-height:120%; border-bottom:#c6a572 1px solid; }
.text { font-size:95%; line-height:170%; margin-bottom:10px; }

/* table */

.tbl { margin-bottom:10px; }
.tbl table { width:100%; }
.tbl table th, .tbl table td { margin:0; padding:0.4em 0.5em; font-size:90%; line-height:140%; border:#999 1px solid; }
.tbl table th { background-color:#fff; color:#000; }
.nowrap { white-space:nowrap; }

/* pic */

.pic { margin-bottom:10px; }
.pic p { width:100%; height:100%; background:url(../img/pic_bg2.gif); }
.pic p a { display:block; width:100%; height:100%; }
.pic p a span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; }

/* mov */
.mov { margin-bottom:20px; }

/* button */

.top-btn-dtl,
.dtl-btn-top { margin-bottom:5px; }
.top-btn-dtl a,
.dtl-btn-top a { display:inline-block; padding:0.5em 0.8em 0.5em 0.6em; border-radius:1.0em; background-color:#c6a572; color:#000; font-size:90%; font-weight:bold; text-decoration:none; font-family:"Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.top-btn-dtl a:hover,
.dtl-btn-top a:hover { opacity:0.7; }
.top-btn-dtl a::before,
.dtl-btn-top a::before { content:""; display:inline-block; width:0.5em; height:0.9em; margin-right:0.2em; vertical-align:top; background-position:center center; background-repeat:no-repeat; background-size:0.5em auto; }
.top-btn-dtl a::before { background-image:url(../img/arrow_bl_r.png); }
.dtl-btn-top a::before { background-image:url(../img/arrow_bl_l.png); }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#container { background-image:none; }
#main { width:95%; margin:0 auto 10px auto; }

.column { margin-bottom:25px; padding:15px 15px 10px 15px; }

.box { padding-bottom:5px; }
.sbox { padding-bottom:10px; }
.box-2col { display:block; padding-bottom:5px; }
.box-t { margin-bottom:10px; }

.pic-visual { float:none; margin:0 auto 15px auto; }

.event-date { font-size:90%; }
.subttl1 { font-size:150%; }
#top .subttl2 { font-size:130%; }
#dtl .subttl2 { font-size:110%; padding:0.3em; }
.subttl3 { font-size:95%; }

.text { font-size:90%; line-height:150%; }

.tbl { overflow:auto; }
.tbl table { width:auto; }
.tbl table th, .tbl table td { font-size:80%; }

.pic { width:auto!important; height:auto!important; }
.pic p { position:relative; width:100%; height:0; }
.pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; }

.mov { position:relative; margin-bottom:10px; padding-bottom:56.25%; height:0; overflow:hidden; }
.mov-inner { position: absolute; top:0; left:0; width:100%; height:100%; }
.mov-inner iframe { width:100%; height:100%; }

}




#digicon27th .pic-visual,
.dtl-27th .pic-visual { width:240px; height:339px; }



#digicon26th .pic-visual,
.dtl-26th .pic-visual { width:240px; height:336px; }



#digicon25th .pic-visual,
.dtl-25th .pic-visual { width:240px; height:336px; }



#digicon24th .pic-visual,
.dtl-24th .pic-visual { width:240px; height:340px; }



#digicon23rd .pic-visual,
.dtl-23rd .pic-visual { width:240px; height:340px; }



#digicon22nd .pic-visual,
.dtl-22nd .pic-visual { width:240px; height:340px; }



#digicon21st .pic-visual,
.dtl-21st .pic-visual { width:240px; height:340px; }



#digicon20th .pic-visual,
.dtl-20th .pic-visual { width:240px; height:340px; }



#digicon20sp .pic-visual,
.dtl-20sp .pic-visual { width:240px; height:340px; }



#digicon19th .pic-visual,
.dtl-19th .pic-visual { width:240px; height:340px; }



#digicon18th .pic-visual,
.dtl-18th .pic-visual { width:240px; height:340px; }



#digicon17th .pic-visual,
.dtl-17th .pic-visual { width:240px; height:340px; }



#digicon16th .pic-visual,
.dtl-16th .pic-visual { width:240px; height:340px; }



#digicon15th .pic-visual,
.dtl-15th .pic-visual { width:240px; height:340px; }



#digicon14th .pic-visual,
.dtl-14th .pic-visual { width:240px; height:340px; }



#digicon13th .pic-visual,
.dtl-13th .pic-visual { width:240px; height:340px; }



#digicon12th .pic-visual,
.dtl-12th .pic-visual { width:240px; height:340px; }



#digicon11th .pic-visual,
.dtl-11th .pic-visual { width:240px; height:340px; }



#digicon10th .pic-visual,
.dtl-10th .pic-visual { width:240px; height:340px; }



#digicon09th .pic-visual,
.dtl-09th .pic-visual { width:240px; height:340px; }



#digicon08th .pic-visual,
.dtl-08th .pic-visual { width:240px; height:340px; }



#digicon07th .pic-visual,
.dtl-07th .pic-visual { width:240px; height:340px; }



#digicon06th .pic-visual,
.dtl-06th .pic-visual { width:240px; height:340px; }



#digicon05th .pic-visual,
.dtl-05th .pic-visual { width:240px; height:340px; }



#digicon04th .pic-visual,
.dtl-04th .pic-visual { width:240px; height:340px; }



#digicon03th .pic-visual,
.dtl-03th .pic-visual { width:240px; height:340px; }



#digicon02th .pic-visual,
.dtl-02th .pic-visual { width:240px; height:340px; }



#digicon01th .pic-visual,
.dtl-01th .pic-visual { width:280px; height:197px; }




/*eof*/