@charset "UTF-8";

body{}

.font_b46_w{ font-size: 46px !important; font-weight: bold; color: #FFF;}
.font_b28_w{ font-size: 28px; font-weight: bold; color: #FFF; display: block;}
.font_b20_w{ font-size: 20px; font-weight: bold; color: #FFF; display: block;}
.font_b14_w{ font-size: 20px; font-weight: bold; color: #FFF; display: block; }

.e-sec01{padding: 2em 0;}


ul.exhibition_menu{
text-align: center;
width: 100%;
list-style: none;
margin:0 auto 2em;
}

.w100_r{ width: 100% !important;
text-align: center !important;
margin: 20px auto 10px !important;
padding: -0 !important;
font-size: 1em !important;}


ul.exhibition_menu li { display: inline-block; width:32%; margin:0 1% 0 0;}

ul.exhibition_menu li a{}

ul.exhibition_menu li a.disable{background:#666;}
ul.exhibition_menu li a.disable:hover{background:#666; color: #FFF;}

ul.exhibition_menu li:last-child{ margin:0; }


.mainvisual{max-width: 1000px; width: 100%; height: 558px; 
background:
        url(../img/cmn/item_bg.png) repeat,
        url(../img/exhibition/udx_mainvisual.jpg)top center no-repeat;
margin: auto; display: table;
position: relative;
}

.mainvisual .box{ display: table-cell; vertical-align: middle; text-shadow: 0px 0px 5px #000;  }

.mainvisual span.u-text,
.mainvisual2 span.u-text
{ font-size: .8em; text-align: right; position: absolute; right: 1%; bottom:1%; display: block; text-shadow: 0px 0px 5px #000;}

.mainvisual2{max-width: 1000px; width: 100%; height: 558px; 
background:
        url(../img/cmn/item_bg.png) repeat,
        url(../img/exhibition/bellesalle_mainvisual.jpg)top center no-repeat;
margin: auto; display: table; position: relative;
}

.mainvisual2 .box{ display: table-cell; vertical-align: middle; text-shadow: 0px 0px 5px #000;  }

.mainvisual2 .box p span{ }




ol.li_number{
    counter-reset: li;
    padding-left: 16px;
    margin-left: 16px;
    list-style: none;

}
ol.li_number li{
   position: relative;
   list-style-type:none;
   margin: 3px 5px 6px -20px;
   padding: 30px 40px 30px 60px;
   border-bottom: 1px solid #CCC;

}


ol.li_number li:before {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    font-size: 60px;
    top: 16%;
    left: -0.4em;
    width: 1.6em;
    text-align: center;
    color: #00a0e9;
}

ol.li_number li p{ font-size: 24px; font-weight: bold; text-align: left; margin: 0; line-height: 1.3;}
ol.li_number li span{ font-size: 16px; display: block; padding-top: 10px; }


ul.li_number{
    counter-reset: li;
    padding-left: 16px;
    margin-left: 16px;
    list-style: none;

}
ul.li_number li{
   position: relative;
   list-style-type:none;
  margin: 2em auto;
  padding: 2em;
   border: 1px solid #CCC;

}

ul.li_number li p{ font-size: 24px; font-weight: bold; text-align: left; margin: 0; line-height: 1.3;}
ul.li_number li span{ font-size: 16px; display: block; padding-top: 10px; }


ul.e-item_box{ padding:20px; width: 600px; margin: auto; background: #333; border: 1px solid #999; }

ul.e-item_box li{display: inline-block; vertical-align: top; } 

ul.e-item_box li.e-item_thum{ max-width: 200px;}
ul.e-item_box li.e-item_text{ max-width: 360px; width: 360px;  margin-left:20px; }
ul.e-item_box li.e-item_text p{text-align: left !important;}


.maptit{font-weight: bold; font-size: 32px; color:#FFF; margin: 2em 0 0; line-height: 1.3; text-align: center;}

.maptit:after{ content: ""; display:block; height: 2px; width: 30px; background: #fff;
    margin: 15px auto 0 auto;}


/*画像リスト*/
ul.img_list{
  content: "";
  all: inherit;
  border: none;
  padding: 10px 0 0;
  margin: 0; text-align: center; }
ul.img_list li{ 
  content: "";
  all: inherit;
  border: none;
  display: inline-block; margin: 0 1% 0 0;
padding: 10px 0 0;}
ul.img_list li a{ display: block;}
ul.img_list li img{ max-height: 108px; padding-left: 1em;}

/*画像リスト*/
ul.img_list_i{ margin: 2em 0 0; text-align: center;}
ul.img_list_i li{ display: inline-block; margin: 2% 0 0 0; width: 100%;}
ul.img_list_i li a{ display: block;}
ul.img_list_i li img{ max-height:160px; width: 100%;}

ul.img_list li:before{
  content: "";
  all: inherit;
  counter-reset:li;
}

ul.thumimg li img{ height: 100%; max-height: 200px !important; max-width: 200px !important; width: 100%;}

ul.thumimg2 li img{ height: 100%; max-height: 200px !important; max-width: 200px !important; }

.showroom_box{ width: 100%; padding: 1em; border:1px solid #CCC; margin: 2em auto; text-align: left; }

.left-thum{}

@media screen and (min-width:640px) and (max-width:740px) {

  /*画像リスト*/
  ul.img_list li{ margin: 0 1% 0 0;}
  ul.img_list li:last-child{ margin-right: 0;}

  ul.img_list li img{ padding: 0;}
  ul.img_list_i li img{ max-height:80%; padding: 0;}
  ul.img_list li:nth-child(3n){ margin-right: 0;}
}


@media screen and (min-width:480px) and (max-width:640px) {

ul.e-item_box{ padding:20px; width: 80%; margin: auto; background: #333; text-align: center; }

ul.e-item_box li{display: inline-block; vertical-align: top; } 

ul.e-item_box li.e-item_thum{ max-width: 300px; margin: auto; text-align: center;}
ul.e-item_box li.e-item_thum img{ width: 300px;}

ul.e-item_box li.e-item_text{ max-width:100%;  margin-left:0; }
ul.e-item_box li.e-item_text p{text-align: left !important;}

ul.img_list li img{ max-height: 108px; max-width: 100%; padding-left: 0;}

}



@media screen and (min-width:200px) and (max-width:480px) {

 ul.img_list li img{ padding: 0; max-width: 100%; }

ul.exhibition_menu li { display: inline-block; width:100% !important; margin:0 0 1% 0;}

}