@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */
#contents {width:90%;}
#Container {width:100%;}


.sec01 .catch {width:191px; margin-bottom:50px;}

.symbol {position:absolute;top:130px;left:0; right:0; margin:0 auto;width:212px; z-index:10;}

/* =============================
 .section1
==============================*/

.sec01 #Container figure {width:300px; margin-bottom:1em;position:relative;background: #F8F8F8;}
.sec01 #Container figure .dc {background: #EEE;height: 200px;}
.sec01 .btn_wrap {width:800px; margin:0 auto 2em;}


.sec01 .btn_wrap .filter {padding: 0.4em 0.8em;color: #fff;border-radius: 4px;cursor: pointer;margin: 0 5px 5px; font-weight:bold;}
.sec01 .btn_wrap .all {background-color:#840B15;}
.sec01 .btn_wrap .live,
#Container figure .live {background-color:#72085B;}
.sec01 .btn_wrap .art,
#Container figure .art {background-color:#100472;}
.sec01 .btn_wrap .pic,
#Container figure .pic {background-color:#004D0D;}
.sec01 .btn_wrap .mov,
#Container figure .mov {background-color:#474D02;}

#Container .mix{display: none;}

#Container figure span {position: absolute; display:block; padding:0.2em 0.5em; top:0; right:0; font-size:60%; color:#fff;}
.sec01 figure figcaption {padding: 0.5em;font-size:75%;text-align:center;}

.h100 {height:100%;}


@media screen and (max-width:767px){
	.sec01 .catch {width:95px;}
	.w1000 {width:100%;}
#vas .vas_r h1{width: 40vw;}	
#contents .main_contents .logo span.txtc {font-size:140%;}
#contents .main_contents .bars {font-size:240%;}
#contents .main_contents .sol { width:100%;flex-wrap: wrap;}
#contents .main_contents .sol li {width:100%; text-align:center; font-size:150%; font-weight:bold; margin-bottom:5vw; }

/* =============================
 .section1
==============================*/

.sec01 #Container figure .dc { align-items:center;}
.sec01 #Container figure {width:48%;margin-bottom:0.5em;}
.sec01 .btn_wrap {width:100%; margin:0 auto 1em;}
.sec01 .btn_wrap.jc_sb {-webkit-justify-content: center;justify-content: center;}
.sec01 .btn_wrap .filter {font-size:65%;}
.sec01 figure figcaption {font-size:60%;}

#Container figure span  {font-size:50%;}


/* =============================
 .section2
==============================*/
.sec02 {}

.listWrap {	width:90%;
	margin: 0 auto;
}

.sw100 {height:auto; width:100%;}

}