/* CSS Document */

.contents-bg {
  background-color: #183b84;
  color: #FFF;
  padding-bottom: 20px;
}
#container article .inner {
  padding: 3vw 2vw;
	font-size: 85%;
	line-height: 1.4;
}
#container .illumination-detail a.link {
  background: #FFF;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 25px 8px 20px;
  margin: 10px 0 30px 0;
  position: relative;
}
#container .illumination-detail a.link:after {
  color: #f89b22;
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 7%;
  font-size: 140%;
  right: 10px;
}
@media all and (min-width: 961px) {	/* pc */
.contents-bg {
  background-position: 1% top, 99% top;
  background-image: url(images/bg_left-kirakira.png),url(images/bg_right-kirakira.png);
  background-repeat: repeat-y;
}
  #container article .inner {
  	width: 960px;
  	margin: 0 auto;
    line-height: 1.6;
    padding: 0;
  }
}

/*------------------------------------------------------------------------------------------------------

  メイン説明文

------------------------------------------------------------------------------------------------------*/
h2 img {
    max-width: 100%;
}
.contents-main-read p {
  line-height: 1.6;
  margin-top: 2vw;
}

@media all and (min-width: 961px) {	/* pc */
.contents-main-read p {
    margin-top: 0;
  }
}


/*------------------------------------------------------------------------------------------------------

  エリアマップ

------------------------------------------------------------------------------------------------------*/
.map img {
  max-width: 100%;
}
.map .Linklist-inpage {
    overflow: hidden;
}
.map .Linklist-inpage li {
  display: inline-block;
  margin: 0.5em;
}
.map .Linklist-inpage li a {
  color: #FFF;
  font-size: 16px;
  position: relative;
  line-height: 20px;
  padding: 0 0 0 1.4em;
}
.map .Linklist-inpage li a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.map .Linklist-inpage li a::before {
	font-family: 'FontAwesome';
	content:"\f111";
	position: absolute;
	top: 0.1em;
	left: 0;
  font-size: 20px;
  color: #f79a2f;
}
.map .Linklist-inpage li a::after {
	font-family: 'FontAwesome';
	content:"\f107";
	position: absolute;
	top: 0.1em;
	left: 0.2em;
}

@media all and (min-width: 961px) {	/* pc */
  .map {
    margin-top: 20px;
  }
  .map .Linklist-inpage {
    width: 60%;
    margin: 1em auto;
  }
  .map .Linklist-inpage li {
    margin: 1em;
  }
  .map .Linklist-inpage li a {
      padding: 0 0 0 1.8em;
  }
}


/*------------------------------------------------------------------------------------------------------

  写真撮影スポット

------------------------------------------------------------------------------------------------------*/
.photospot .inner {
  overflow: hidden;
  border: 1px dotted #d2d9e7;
  margin: 3vw;
  text-align: left;
}
.photospot p {
  float: left;
  width: 15vw;
}
.photospot p img {
    max-width: 100%;
}
.photospot dl {
    float: right;
  width: 72vw;
}
.photospot dl dt {
  font-size: 144%;
  font-weight: bold;
  color: #fa8803;
}

@media all and (min-width: 768px) {	/* pc */
  .photospot {
    margin: 40px 0;
  }
  .photospot .inner {
    width: 680px !important;
    padding: 20px 80px !important;
    margin: 0 auto;
  }
  .photospot p {
    width: 26% !important;
    text-align: right;
  }
  .photospot dl {
      width: auto;
  }
  .photospot dl dt {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .photospot dl dd {
    font-size: 14px;
    line-height: 1.8;
  }
}


/*------------------------------------------------------------------------------------------------------

  イルミネーション詳細

------------------------------------------------------------------------------------------------------*/
.illumination-detail {
  margin: 10vw 4vw 5vw 4vw !important;
}
.illumination-detail p.title img {
  max-height: 20px;
}
.illumination-detail h3 {
  max-width: 100%;
  min-height: 70px;
}
.illumination-detail .box-norimono h3 {  background: url("images/norimono_title-sp.png") no-repeat 0 0; background-size: contain;}
.illumination-detail .box-new h3 {  background: url(images/deco_title-sp.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-inhall h3 {  background: url(images/inhall_title-sp.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-gate h3 {  background: url(images/gate_title-sp.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-park h3 {  background: url(images/park_title-sp.png) no-repeat 0 0; background-size: contain;}
.illumination-detail h3 span {
    display: none;
}
.illumination-detail h4 {
  display: inline-block;
  font-size: 114%;
  line-height: 1.4;
  padding: 0.1em 1.5em;
  margin: 0 0 1em 0;
  background: url(images/bg_title-kirakira.png), url(images/bg_title-kirakira.png);
  background-position: left 0.3em,right 0.3em;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
.illumination-detail .photo {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.illumination-detail .box-inhall .photo {
  max-width: 520px;
}
.illumination-detail .photo span.mark-new {
  position: absolute;
  top: 0;
  left: 0;
}
.illumination-detail .photo span.mark-new img {
  width:90px;
}
.illumination-detail .photo span.mark-spot-right {
  position: absolute;
  top: 5px;
  right: 5px;
}
.illumination-detail .photo span.mark-spot-left {
  position: absolute;
  top: 5px;
  left: 5px;
}
.illumination-detail .photo span.mark-spot-right img,
.illumination-detail .photo span.mark-spot-left img {
    width: 60px;
}
.illumination-detail dl {
    line-height: 1.6;
  margin-bottom: 3em;
}
.illumination-detail dl dt {
  font-weight: bold;
  font-size: 104%;
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.2em;
}
.illumination-detail dl dt::before {
	font-family: 'FontAwesome';
	content:"\f041";
	position: absolute;
	top: 0;
	left: 0;
  font-weight: normal;
  color: #ef7405;
}
.illumination-detail dl dd {
  margin: 0.8em 0 0 0;
}
.illumination-detail dl dd.text {
    font-size: 85%;
}
.illumination-detail dl dd.time {
  border: 1px dotted #cad2e3;
  display: inline-block;
  padding: 0.5em 2em;
  font-weight: bold;
}
.illumination-detail .movie {
    margin: 0 0 3em 0;
}
.illumination-detail .movie h5 {
  font-size: 114%;
  margin-bottom: 1em;
  font-weight: normal;
}
.illumination-detail .movie h5 span {
  padding: 0 0 0 1.8em;
  background: url(images/icon_movie.png) no-repeat 0 center;
  background-size: contain contain;
}
.illumination-detail .block-colum2 .photo img {
  width: 40%;
}
.illumination-detail .box-park .block-colum2 .photo img {
  width: 80%;
}
.illumination-detail table th {
  color: #183b84;
  font-weight: bold !important;
}
@media all and (min-width: 641px) {	/* tablet */
.illumination-detail p.title img {
  max-height: 100%;
}
.illumination-detail h3 {
  max-width: 960px;
  height: 84px;
  margin-bottom: 0;
}
.illumination-detail .box-norimono h3 {  background: url("images/norimono_title.png") no-repeat 0 0; background-size: contain;}
.illumination-detail .box-new h3 {  background: url(images/deco_title.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-inhall h3 {  background: url(images/inhall_title.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-gate h3 {  background: url(images/gate_title.png) no-repeat 0 0; background-size: contain;}
.illumination-detail .box-park h3 {  background: url(images/park_title.png) no-repeat 0 0; background-size: contain;}
.illumination-detail h4 {
  font-size: 20px;
  padding: 0.1em 2em;
  background: url(images/bg_title-kirakira.png), url(images/bg_title-kirakira.png);
  background-position: left center,right center;
  background-repeat: no-repeat;
  background-size: 26px 27px;
}
.illumination-detail .photo span.mark-new img {
  width:130px;
}
.illumination-detail .photo span.mark-spot-right {
  top: 10px;
  right: 10px;
}
.illumination-detail .photo span.mark-spot-left {
  top: 10px;
  left: 0px;
}
.illumination-detail .photo span.mark-spot-right img,
  .illumination-detail .photo span.mark-spot-left img {
    width: 100px;
}
.illumination-detail dl dt {
  font-size: 114%;
  margin-top: 0.5em;
}
  .illumination-detail dl dd {
  margin: 1em 0 0 0;
}
.illumination-detail dl dd.text {
    font-size: 98%;
}
.illumination-detail .movie h5 {
  font-size: 20px;
}
  .illumination-detail .block-colum2 {
    overflow: hidden;
  }
  .illumination-detail .block-colum2 img {
    width: auto !important;
  }
  .illumination-detail .block-colum2 .box-left {
    width: 49%;
    float: left;
  }
  .illumination-detail .block-colum2 .box-right {
    width: 49%;
    float: right;
  }
  .illumination-detail .box-park .box-right h4 {
    line-height: 2.8em;
  }
}
@media all and (min-width: 961px) {	/* pc */
.illumination-detail {
  margin: 80px auto 50px auto !important;
}
.illumination-detail h3 {
  margin-bottom: 2em;
}
.illumination-detail h4,
.illumination-detail .movie h5 {
  font-size: 24px;
}
.illumination-detail .photo span.mark-new img,
  .illumination-detail .photo span.mark-spot-right img,
  .illumination-detail .photo span.mark-spot-left img {
  width:auto;
}
.illumination-detail dl dt {
  font-size: 16px;
}
.illumination-detail dl dd.time {
  font-size: 114%;
}
}
.bnr-report {
  box-sizing: border-box;
  padding: 3vw 2vw;
}
@media all and (min-width: 961px) {	/* pc */
  .bnr-report {
    padding: 0;
  }
}
.bnr-report img {
  max-width: 100%;
}