@charset "utf-8";
/* index.html */
/* ヘッダ */
/* トップ例外 */
@media screen and (min-width: 640px) {
  body {
    min-width: 1120px;
  }
  .topOnly {
    display: block;
  }
  .underOnly {
    display: none;
  }
  #top #header_map {
    display: block;
    position: absolute;
    top: 27px;
    right: 0;
    line-height: 0;
  }
  #menu {
    width: 100%;
    min-width: 1120px;
    background: #fff;
  }
  #header_menu ul li {
    border-bottom: 5px solid transparent;
    height: 60px;
  }
  #header_menu ul li.active,
  #header_menu ul li:hover {
    border-bottom: 5px solid #ce101a;
  }
  #header_menu ul#header_menu_main {
    padding-left: 0;
    width: 65%;
  }
  #header_menu ul#header_menu_main li {
    margin-right: 11.2%;
    height: 60px;
  }
  #header_menu ul#header_menu_main li a {
    height: 60px;
  }
  #header_menu ul#header_menu_main li img {
    height: 16px;
    top: 20px;
  }
  #header_menu ul#header_menu_sub {
    width: 35%;
    height: 60px;
    position: relative;
  }
  #header_menu ul#header_menu_sub:before {
    position: absolute;
    margin-top: 22px;
  }
  #header_menu ul#header_menu_sub li {
    margin-left: 15.7%;
    height: 60px;
  }
  #header_menu ul#header_menu_sub li a {
    height: 60px;
  }
  #header_menu ul#header_menu_sub li img {
    top: 21px;
    height: 14px;
  }
  #header_menu ul#header_menu_sub li:last-child {
    height: 60px;
  }
  #header_menu ul#header_menu_sub li:last-child img {
    top: 19px;
    height: 18px;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  #header_menu ul#header_menu_main {
    width: 65%;
  }
}
@media screen and (min-width: 640px) and (max-width: 870px) {
  #header_menu ul#header_menu_main li {
    margin-right: 7%;
    margin-right: 11.2%;
  }
}
@media screen and (min-width: 640px) and (max-width: 870px) {
  #header_menu ul#header_menu_main li img {
    top: 22px;
    height: 13px;
    height: 16px;
    top: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 700px) {
  #header_menu ul#header_menu_sub {
    width: 35%;
  }
}
@media screen and (min-width: 640px) and (max-width: 870px) {
  #header_menu ul#header_menu_sub li {
    margin-left: 7%;
    margin-left: 15.7%;
  }
}
@media screen and (min-width: 640px) and (max-width: 870px) {
  #header_menu ul#header_menu_sub li img {
    top: 23px;
    height: 11px;
    top: 21px;
    height: 14px;
  }
}
@media screen and (min-width: 640px) and (max-width: 870px) {
  #header_menu ul#header_menu_sub li:last-child img {
    top: 21px;
    height: 14px;
    top: 19px;
    height: 18px;
  }
}
/**-----------------------------------------------
メインメージ
-----------------------------------------------**/
#main_img {
  position: relative;
  overflow: hidden;
  height: 560px;
  background: url(../../../../images/gde/2016/top/main_img.jpg) no-repeat 0 0;
  background-size: cover;
}
#main_title {
  position: absolute;
  top: 175px;
  left: 96px;
}
#main_text {
  position: absolute;
  top: 277px;
  right: 177px;
}
#main_text div {
  margin: 15px 2px;
}
/**-----------------------------------------------
左右ボックス
-----------------------------------------------**/
.top_box {
  letter-spacing: -0.5em;
}
.top_box_inner {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
  width: 50%;
}
.top_box_img img {
  width: 100%;
  height: auto;
}
.top_box_title {
  width: 325px;
  margin: 0 auto;
}
.top_box_title div {
  margin: 20px 2px;
}
/* 審査員 */
#judge_carousel ul {
  letter-spacing: -0.5em;
}
#judge_carousel li {
  float: left;
  width: 50%;
}
/**-----------------------------------------------
MOVIE
-----------------------------------------------**/
#movie {
  text-align: center;
  margin: 80px 0;
}
#movie h2 {
  margin-bottom: 34px;
}

.movie_01 {
	position: relative;
	width:560px;
	height:315px;
}
.movie_01 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 560px;
  height: 315px;
}

.movie_02 {
	position: relative;
	width:560px;
	height:315px;
}
.movie_02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 560px;
  height: 315px;
}

#movie ul {
  width: 1120px;
  margin: 0 auto;
  letter-spacing: -0.5em;
}
#movie li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}
#movie li div {
  margin-bottom: 30px;
}
/* モーダル */
.remodal {
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.remodal iframe {
  padding: 0;
  margin: 0;
}
/**-----------------------------------------------
MAP
-----------------------------------------------**/
#map {
  text-align: center;
  margin-bottom: 80px;
}
#map h2 {
  margin-bottom: 34px;
}
/**-----------------------------------------------
リンク
-----------------------------------------------**/
#top_link {
  padding-top: 80px;
  border-top: 1px solid #CCC;
}
#top_link ul {
  width: 1000px;
  margin: 0 auto;
  letter-spacing: -0.5em;
}
#top_link li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
}
#top_link_01 {
  margin: 0 132px 0 89px;
}
#top_link_03 {
  margin: 0 140px 0 156px;
}
#top_link_01 a {
  display: block;
  width: 165px;
  height: 44px;
  background: url(../../../../images/gde/2016/top/top_link_01.png) no-repeat 0 0;
}
#top_link_02 a {
  display: block;
  width: 202px;
  height: 44px;
  background: url(../../../../images/gde/2016/top/top_link_02.png) no-repeat 0 0;
}
#top_link_03 a {
  display: block;
  width: 116px;
  height: 48px;
  background: url(../../../../images/gde/2016/top/top_link_03.png) no-repeat 0 0;
}
#top_link_01 a:hover,
#top_link_02 a:hover {
  background-position: 0 -44px;
}
#top_link_03 a:hover {
  background-position: 0 -48px;
}
/* スマホ ------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  #footer {
    margin-top: 0;
  }
  /**-----------------------------------------------
  メインメージ
  -----------------------------------------------**/
  #main_img {
    height: auto;
    padding: 54% 7% 13%;
    background: url(../../../../images/gde/2016/top/sp/main_img.jpg) no-repeat 0 0;
  }
  #main_img_bg img {
    min-width: auto;
    min-width: initial;
    min-height: auto;
    min-height: initial;
  }
  #main_title,
  #main_text {
    position: static;
  }
  #main_text div {
    margin: 7% 0 0;
  }
  .top_box_inner {
    width: auto;
    display: block;
  }
  .top_box_title {
    width: auto;
    padding: 8%;
  }
  /* DEATLボタン */
  div.btn_detail {
    margin-bottom: 0;
  }
  .btn_detail img {
    display: none;
  }
  .btn_detail a {
    display: block;
    height: 52px;
    background: #ce101a url(../../../../images/gde/2016/common/sp/btn_detail.png) no-repeat center center;
    background-size: 62px 17px;
  }
  /**-----------------------------------------------
  MOVIE
  -----------------------------------------------**/
  #movie {
    margin-top: 10%;
  }
  #movie h2 {
    width: 20%;
    height: auto;
    margin: 0 auto 5%;
  }
  
.movie_01 {
    position: relative;
	padding-bottom: 56.25%;
	width:100%;
    height: 0;
    overflow: hidden;
  }

.movie_01 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.movie_02  {
    position: relative;
	padding-bottom: 56.25%;
	width:100%;
    height: 0;
    overflow: hidden;
  }
	
.movie_02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

  #movie ul {
    width: auto;
  }
  #movie li {
    margin-bottom: 28px;
  }
  #movie li div {
    margin-bottom: 15px;
  }
  #movie li .spOnly {
    width: 80%;
    margin: 0 auto;
  }
  /**-----------------------------------------------
  MAP
  -----------------------------------------------**/
  #map {
    margin: 0 15px;
  }
  #map div {
    margin-bottom: 35px;
  }
  #movie li {
    display: block;
  }
  #movie li div span {
    display: none;
  }
  /**-----------------------------------------------
  リンク
  -----------------------------------------------**/
  #top_link {
    padding: 0;
    border: none;
  }
  #top_link ul {
    width: auto;
    border-top: 1px solid #9fa0a0;
  }
  #top_link li {
    display: block;
    margin: 0;
    background-size: 121px 30px;
    background-repeat: no-repeat;
    background-position: 15px center;
    border-bottom: 1px solid #9fa0a0;
  }
  #top_link li a {
    display: block;
    width: auto;
    height: 68px;
    background: url(../../../../images/gde/2016/common/sp/icon_red_arrow.png) no-repeat 96% center;
    background-size: 17px;
  }
  #top_link li a:hover {
    background-position: 96% center;
  }
  li#top_link_01 {
    background-image: url(../../../../images/gde/2016/top/sp/top_link_01.png);
  }
  li#top_link_02 {
    background-image: url(../../../../images/gde/2016/top/sp/top_link_02.png);
  }
  li#top_link_03 {
    background-image: url(../../../../images/gde/2016/top/sp/top_link_03.png);
  }
}
/*# sourceMappingURL=top.css.map */