@charset "utf-8";

/* ================================================================================
overview
================================================================================= */
#sec_overview {
  padding:40px 20px;
  background:#fff;
}
.bg_blue {
  margin-bottom:40px;
  padding:20px 20px 35px 20px;
  background:#171858;
  color:#fff;
}
.bg_blue h1 {
  margin-bottom:30px;
  padding:10px 5px 28px;
  border-bottom:2px solid #fff;
  background:#171858;
  color:#fff;
  text-align:center;
}
.bg_blue h1 img {
  width:100%;
  max-width:302px;
  height:auto;
}
.bg_blue  p {
  padding:0 20px;
  font-size:16px;
  line-height:1.8;
}
.overview_detail {
  padding:0 20px;
}
.overview_detail li {
  padding:17px 0;
  background:url(../../common/img/bg_border_dod.png.html) 0 bottom repeat-x;
  line-height:1.8;
}
.overview_detail li {
  position:relative;
  padding-left:8em;
}
.overview_detail li span {
  display:block;
  position:absolute;
  top:17px;
  left:0;
  width:7.5em;
  text-align:right;
}
.overview_detail li span span {
  width:7em;
  top:0;
  text-align:left;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#sec_overview {
  padding:20px 10px;
}
.bg_blue p,
.overview_detail {
  padding:0 10px;
}
.overview_detail li { padding-left: 6em; }
.overview_detail li span { width:5.5em; }
.overview_detail li span span { width:5em; }
}

/* ================================================================================
sec_about
================================================================================= */
#sec_about {
    margin-top: 10px;
	margin-bottom:20px;
    padding: 40px;
    background: #f5f5f5;
}

#sec_about .md_ttl img {
    max-width: 440px;
}

#sec_about #about_photo {
    float: left;
    width: 52%;
    margin-bottom: 10px;
}

#sec_about #about_photo li {
    float: left;
    width: 48.71%;
    margin-top: 2.564%;
}

#sec_about #about_photo li:first-child {
    float: left;
    width: 100%;
    margin-top: 0;
}

#sec_about #about_photo li:last-child {
    float: right;
}

#sec_about #about_photo img {
    width: 100%;
    height: auto;
}

#sec_about #about_fair {
    float: right;
    width: 46.6664%;
    min-height: 314px;
    padding:2% 0;
    margin-bottom: 10px;
    background: #fff;
}

#sec_about #about_fair h3 {
    padding: 0 2% 8%;
    text-align: center;
}

#sec_about #about_fair h3 img {
    width: 100%;
    height: auto;
    max-width: 212px;
}

#sec_about #about_fair p {
    padding: 0 5%;
}

#sec_about #about_fair p + p {
    margin-top: 0.3em;
}

#sec_about #about_map {
    clear: both;
    background: #fff;
}

#sec_about #about_map dl {
    float: left;
    width: 46%;
    padding: 3% 3.5%;
}

#sec_about #about_map dt {
    margin-bottom: 15px;
    border-bottom: 2px solid #1a1a1a;
    font-size: 16px;
    font-weight: bold;
}

#sec_about #about_map li {
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
}

#sec_about #about_map .icon_cal:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../../../2016/img/top/icon_about.png) no-repeat;
}

#sec_about #about_map .icon_map:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../../../2016/img/top/icon_about.png) -15px 0 no-repeat;
}

#sec_about #about_map dd p {
    margin-top: 5%;
}

#sec_about #about_map dd p a {
    display: block;
    padding: 3%;
    background: #1a1a1a;
    color: #fff;
    text-align: center;
}

#sec_about #about_map dd p a:hover {
    background: #555;
}

#sec_about #about_map iframe {
    float: right;
    width: 46.6664%;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
    #sec_about {
        padding: 10px;
    }

    #sec_about .md_ttl_category {
        padding-right: 100px;
    }

    #sec_about .md_ttl_category a {
        position: absolute;
        top: 0;
        right: 10px;
    }

    #sec_about .md_ttl_category img {
        left: 30px;
        right: auto;
        width: 100%;
        max-width: 219px;
    }

    #sec_about .md_ttl img {
        max-width: 440px;
    }

    #sec_about #about_photo {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    #sec_about #about_fair {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    #sec_about #about_fair h3 {
        padding: 0 0 20px 0;
    }

    #sec_about #about_fair p {
        padding: 0;
    }

    #sec_about #about_map {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    #sec_about #about_map dl {
        float: none;
        width: auto;
        padding: 20px;
    }

    #sec_about #about_map .googlemap {
        position: relative;
        margin: 0 20px;
    }

    #sec_about #about_map .googlemap:before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    #sec_about #about_map iframe {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	.mfair2018 #overview #about_map { margin-bottom: 0; }
}

/* ================================================================================
clearfix
================================================================================= */
#topics_list:after,
#sec_fair_event:after,
#sec_about #about_photo:after,
#about_map:after,
#sec_banner ul:after {
  content:"";
  clear:both;
  display:block;
}