@charset "utf-8";

/* ================================================================================
special
================================================================================= */
.photo_area { display: flex; margin-bottom: 3em; }
.photo_area .photo { width:33.333%; padding: 1em; box-sizing: border-box; }
.photo_area .photo img { width:100%; height: auto; padding: 2px; border:1px solid #ccc; box-sizing: border-box; }

.logo_sponsors { margin-left: 10em; margin-right: 10em; }
.logo_sponsors img { width: 100%; height: auto; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.photo_area { flex-direction: column; }
.photo_area .photo { width:100%; padding: 0 0 1em; }
.logo_sponsors { margin-left: 0; margin-right: 0; }
}

/* ================================================================================
common
================================================================================= */
.mfair2018 #contents { padding-top: 20px; }
#contents {
  padding:0;
  background:transparent;
}
.bg_gray,
.bg_white {
  margin-top:10px;
  padding:40px;
  background:#fff;
}
.bg_gray {
  background:#f5f5f5;
}
.ttl_line {
  margin-bottom:15px;
  padding:10px;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  font-size:24px;
  text-align:center;
}
.pic_shadow {
  display:inline-block;
  box-sizing:border-box;
  padding:9px;
  background:#fff;
  border:1px solid #f4f4f4;
  box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
}

.txt_ttl_en,.txt_ttl { text-align: center; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.bg_gray, .bg_white {
  padding:20px;
}
}

/* ================================================================================
mv
================================================================================= */
.mv {
  max-width:1280px;
  margin:0 auto 10px;
}
.mv img {
  width:100%;
  height:auto;
}

/* ================================================================================
page_nav
================================================================================= */
.page_nav li { width:20%; }
.page_nav li:nth-child(4n+1) {
  clear:none;
}
.page_nav li .font_ss { letter-spacing: -0.05em; font-size: 0.6rem; }
/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.page_nav li { width:100%; }
}

/* ================================================================================
about
================================================================================= */
#about .md_ttl img {
  max-width:738px;
}
#about .group {
  position:relative;
  /* min-height:274px; */
  margin-top:40px;
}
#about .txt_group {
  /* margin-left:430px; */
}
#about .txt_group p {
  line-height:1.8;
}
#about .group .pic_shadow {
  position:absolute;
  top:0;
  left:0;
  width:410px;
}
#about .group .pic_shadow img {
  width:100%;
  height:auto;
}
#about .group:first-child {
  margin-top:0;
}
#about .group:first-child .txt_group {
  /* margin:0 430px 0 0; */
}
#about .group:first-child .pic_shadow {
  position:absolute;
  left:auto;
  right:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#about .group {
  position:relative;
  min-height:274px;
  margin-top:20px;
}
#about .txt_group {
  margin:0;
}
#about .group .pic_shadow,
#about .group:first-child .pic_shadow {
  position:static;
  width:100%;
  margin-top:10px;
}
#about .group:first-child .txt_group {
  margin:0;
}
}

/* ================================================================================
area
================================================================================= */
#area .md_ttl img {
  max-width:179px;
}
#area .bg_white {
  display:table;
}
#area .area_map {
  box-sizing:boder-box;
  display:table-cell;
  position:relative;
  width:50%;
  vertical-align:top;
}
#area .area_map img {
  width:100%;
  height:auto;
}
#area .area_map:after {
  content:"";
  display:block;
  position:absolute;
  top:10px;
  right:0;
  width:217px;
  height:86px;
  background:url(../img/bg_area_arrow.png) no-repeat;
}
#area .group {
  box-sizing:border-box;
  display:table-cell;
  width:50%;
  min-height:568px;
  border:1px solid #333;
  vertical-align:top;
}
#area .bg_area {
  background:#333 url(../img/bg_area.png);
  line-height:36px;
  color:#fff;
  text-align:center;
  font-size:16px;
}
#area .logo_area {
  display:block;
  max-width:300px;
  margin:15px auto;
}
#area .txt_detail {
  padding:0 15px 15px;
  line-height:1.75;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#area .bg_white {
  display:block;
}
#area .area_map,
#area .group {
  display:block;
  position:relative;
  width:100%;
  padding:0;
}
#area .area_map:after {
  display:none;
}
#area .group {
  min-height:auto;
}
#area .logo_area { width:100%; }
}

/* ================================================================================
special_event
================================================================================= */
#special_event .md_ttl img {
  max-width:264px;
}
#special_event .box {
  border:1px solid #e0e0e0;
  border-radius:3px;
}
#special_event .box:nth-child(n+2) {
  margin-top:30px;
}
#special_event .box h3 {
  padding:5px 10px;
  background:url(../../../common/images/bg_ttl_red.png);
  background-size:cover;
  text-align:center;
  color:#fff;
  font-size:24px;
  font-weight:bold;
}
#special_event .group {
  box-sizing:border-box;
  position:relative;
  padding:10px 30px 30px;
}
#special_event .group.with_photo { min-height:330px; }
#special_event .pic_shadow {
  position:absolute;
  /* top:30px; */
  top:10px;
  right:30px;
  width:410px;
}
#special_event .pic_shadow img {
  width:100%;
  height:auto;
}
#special_event .txt_detail {
  /* margin-right:430px; */
  line-height:1.8;
}
#special_event .txt_detail.txt_with_photo { margin-right:430px; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#special_event .box:nth-child(n+2) {
  margin-top:20px;
}
#special_event .group,
#special_event .group.with_photo {
  padding:0 20px 20px;
  min-height:auto;
}
#special_event .pic_shadow {
  position:static;
  width:100%;
}
#special_event .txt_detail,
#special_event .txt_detail.txt_with_photo {
  margin:20px 0 0;
}
}

/* ================================================================================
exhibitors・デモ
================================================================================= */
.exhibitors_header h4 span {display: inline-block;
position: relative;
padding-left: 13px;  }
.exhibitors_header h4 span:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #fff;
}

#exhibitors .md_ttl img,
#demo .md_ttl img{
  max-width:272px;
}
#exhibitors .ttl_blue,
#demo .ttl_blue{
  margin-bottom:20px;
}
#exhibitors .group,
#demo .group{
  margin-bottom:40px;
}
#exhibitors .group:last-child,
#demo .group:last-child{
  margin-bottom:0;
}
#exhibitors .box,#demo .box {
  float:left;
  width:23.5%;
  margin:20px 0 0 2%;
  border:1px solid #e0e0e0;
  box-sizing:border-box;
}
#exhibitors .box:nth-child(4n+1),
#demo .box:nth-child(4n+1){
  clear:both;
  margin-left:0;
}
#exhibitors .box:nth-child(-n+4),
#demo .box:nth-child(-n+4){
  margin-top:0;
}
#exhibitors .exhibitors_header,
#demo .exhibitors_header{
  background:url(../../../common/images/bg_ttl_red.png);
  background-size:cover;
  color:#fff;
}
#exhibitors .exhibitors_header a,
#demo .exhibitors_header h4{
  display:block;
  padding:15px 20px;
  color:#fff;
}



#exhibitors .exhibitors_header a:hover,
#demo .exhibitors_header a:hover{
  text-decoration:underline;
}

#exhibitors .exhibitors_header a.nolink,#demo .exhibitors_header a.nolink { cursor: default; }
#exhibitors .exhibitors_header a.nolink:hover, #demo .exhibitors_header a.nolink:hover,, #demo .exhibitors_header a.nolink:hover h4 { text-decoration: none; }

#exhibitors .ttl_header,
#demo .ttl_header,
.link_official {
	font-size: 16px;
}
.link_official { width:100%; margin-bottom:0.6em; font-weight:bold; }
.link_official a { text-decoration:underline; }
.link_official:before { content:"・"; }

#exhibitors .ttl_body,
#demo .ttl_body{ color:#666; }

#exhibitors .exhibitors_body,
#demo .exhibitors_body{
  padding:15px 20px;
  word-break: break-all; }
  
#exhibitors .txt_body,
#demo .txt_body{
  margin-top:10px;
}
#exhibitors .txt_body img,
#demo .txt_body img{
  display:block;
  width:100%;
  max-width:170px;
  margin:10px auto 20px;
  height:auto;
}
#exhibitors .txt_body a:hover img,
#demo .txt_body a:hover img{
  opacity:.7;
}

.img_seminar { margin-bottom: 1em; }
.img_seminar img { width:100%; height: auto; }

#exhibitors .box.wide { width:49%; }
#exhibitors .box.wide .txt_body img { max-width: none; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#exhibitors .group,
#demo .group{
  margin-bottom:20px;
}
#exhibitors .box,
#demo .box{
  float:none;
  width:100%;
  margin:20px 0 0 0;
  border:1px solid #e0e0e0;
  box-sizing:border-box;
}
#exhibitors .box:nth-child(-n+4),
#demo .box:nth-child(-n+4){
  margin-top:20px;
}
#exhibitors .box:first-child,
#demo .box:first-child{
  margin-top:0;
}
#exhibitors .box.wide { width:100%; }
}

/* ================================================================================
tgs_radio
================================================================================= */
#tgs_radio .md_ttl img {
  max-width:375px;
}
#tgs_radio .group {
  position:relative;
  min-height:274px;
  margin-top:40px;
}
#tgs_radio .txt_group {
  margin-left:430px;
}
#tgs_radio .txt_group p {
  line-height:1.8;
}
#tgs_radio .group .pic_shadow {
  position:absolute;
  top:0;
  left:0;
  width:410px;
}
#tgs_radio .group .pic_shadow img {
  width:100%;
  height:auto;
}
#tgs_radio .group:first-child {
  margin-top:0;
}
#tgs_radio .group:first-child .txt_group {
  margin:0 430px 0 0;
}
#tgs_radio .group:first-child .pic_shadow {
  position:absolute;
  left:auto;
  right:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#tgs_radio .group {
  position:relative;
  min-height:274px;
  margin-top:20px;
}
#tgs_radio .txt_group {
  margin:0;
}
#tgs_radio .group .pic_shadow,
#tgs_radio .group:first-child .pic_shadow {
  position:static;
  width:100%;
  margin-top:10px;
}
#tgs_radio .group:first-child .txt_group {
  margin:0;
}
}

/* ================================================================================
web
================================================================================= */
#web .md_ttl img {
  max-width:326px;
}
#web .bnr_lists {
  margin-bottom:40px;
  text-align:center;
}
#web .bnr_lists img {
  /* width:100%;
  max-width:600px; */
  height:auto;
}
#web .group {
  box-sizing:border-box;
  display:table;
  width:100%;
}
#web .box {
  /*display:table-cell;
  width:50%;*/
  width:406px;
  margin-left:auto;
  margin-right:auto;
}
#web .box:nth-child(odd) .sns_header,
#web .box:nth-child(odd) .sns_body {
  /* margin-right:20px; */
}
#web .box:nth-child(even) .sns_header,
#web .box:nth-child(even) .sns_body {
  margin-left:20px;
}
#web .sns_header {
  position:relative;
  line-height:36px;
  color:#fff;
  font-weight:bold;
}
#web .sns_header h3 {
  text-align:center;
  font-size:16px;
}
#web .sns_header ul {
  position:absolute;
  top:0;
  right:10px;
}
#web .sns_header ul a {
  color:#fff;
}
#web .sns_header ul a:hover {
  text-decoration:underline;
}
#web .sns_header ul a:after {
  content:"";
  display:inline-block;
  margin-left:8px;
  width:0;
  height:0;
  border-style:solid;
  border-width:3.5px 0 3.5px 4px;
  border-color:transparent transparent transparent #fff;
}
#web .sns_body {
  border:1px solid #ebebeb;
  min-height:500px;
}
#web .facebook .sns_body {
  margin-right:20px;
}

/* facebook */
#web .facebook .sns_header {
  background:#3d599c url(../img/bg_facebook.png.html);
  background-size:cover;
}
#web .facebook .sns_header:before {
  content:"";
  display:block;
  position:absolute;
  top:4px;
  left:21px;
  width:16px;
  height:27px;
  background:url(../img/icon_facebook.png.html);
}

/* twitter */
#web .twitter .sns_header {
  background:#55a4e1 url(../img/bg_twitter.png.html);
  background-size:cover;
}
#web .twitter .sns_header:before {
  content:"";
  display:block;
  position:absolute;
  top:4px;
  left:20px;
  width:29px;
  height:29px;
  background:url(../img/icon_twitter.png.html);
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#web .md_ttl_category img {
  max-width:80%;
  height:auto;
}
#web .bnr_lists {
  margin-bottom:20px;
}
#web .bnr_lists img {
  width:100%;
}
#web .group {
  display:block;
}
#web .box {
  display:block;
  width:100%;
  margin-top:20px;
}
#web .box:nth-child(odd) .sns_header,
#web .box:nth-child(odd) .sns_body,
#web .box:nth-child(even) .sns_header,
#web .box:nth-child(even) .sns_body {
  margin:0;
}
#web .sns_header h3 {
  margin-left:55px;
  text-align:left;
}
}

/* ================================================================================
contact
================================================================================= */
#contact .md_ttl img {
  max-width:268px;
}
#contact .bg_white {
  text-align:center;
}
#contact .txt_read {
  margin-bottom:25px;
  padding-bottom:30px;
  border-bottom:2px solid #000;
  font-size:20px;
  font-weight:bold;
}
#contact .contact_add {
  font-size:16px;
  line-height:1.8;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#contact .box_reserve {
  padding:20px;
}
#contact .bt_reserve a {
  margin-top:15px;
}
}

/* ================================================================================
clearfix
================================================================================= */
.page_nav:after,
#exhibitors .group:after {
  content: "";
  clear: both;
  display: block;
}