*, ::after, ::before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


body {
  font-size: 75%;
  color: rgb(17, 17, 17);
}
.global-header{
  font-size: 100%;
  -webkit-font-smoothing: auto;
}
.gf-container{
  font-size: 133.3%;
  -webkit-font-smoothing: auto;
}

/*-- common --*/
#mainArea {
  color: rgb(17, 17, 17);
  font-family: 'YuGothic', 'Yu Gothic', '游ゴシック',
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
  'メイリオ', 'Meiryo', sans-serif;
}

#container {
  font-size: 100%;
}

.clearfix:after {
  height:0;
}
.scene {
  position: relative;
  max-height: 100%;
  background-color: #fff;
}

.seriesMenu {
  border-top: #f5f5f5 8px solid;
}
.seriesMenu .columnList {
  margin-top: 10px;
}
.seriesMenu .columnList li {
  margin-right:32px;
}
.seriesMenu .columnList li,
.seriesMenu .columnList li a {
  color: #000;
}
.seriesMenu .columnList li a {
  border-bottom-color: #000;
}
.seriesMenu .bgMenu {
  background-color: #f5f5f5;
  height: 75px;
}
.seriesMenu .menu li {
  border-bottom-color: #000;
}
.seriesMenu .side {
  background-color: #ebebeb;
  padding-top: 10px;
}
.seriesMenu h2 {
  border-right: none;
}
.seriesMenu .menu li {
  border-width:0 0 4px;
  border-style: solid;
}
.seriesMenu {
  z-index: 111;
  border-top: #ebebeb 8px solid;
}
.scene,
.nextColumn,
#relatedLink,
.businessAreaBrunch,
.footerNav,
#bottomParts,
#localFooterNav,
#global_footer,
#fnWrapper {
  display: none;
}

.mod_imgFullArea {
  min-width:980px;
}
.mod_imgFullArea .textContainer {
  text-align: center;
}

#outerWrapper {
  margin-bottom: 0;
}
/*-- scene --*/
.scene p {
  font-size: 125%;
  line-height: 2;
}

.scene h3 {
  font-size: 158%;
  line-height: 1.4;
  font-weight: bold;
  margin: 0 0 40px;
}

.scene .sectionTitle {
  font-size: 233.33%;
  margin:0 0 25px;
  padding: 5px 0;
  font-weight: bold;
}

.scene .textContainer {
  margin: 0 auto;
  width: 960px;
}

.scene .textContainer {
  padding: 0 10px;
}
.scene .mod_mediaCell {
  margin-bottom: 50px;
}
.scene .mod_mediaCell:last-child {
  margin-bottom:auto;
}
.scene .mod_mediaCell.last-child {
  margin-bottom:auto;
}
.imgFullInner,
.imgFullInner .textContainer {
  height: 100%;
}

.scene .text {
  padding:0 20px;
}
.scene .green-text {
  color: #1791c2;
}
.scene .imgLeft,
.scene .imgRight {
  width: 360px;
}
.scene .imgLeft {
  margin-right: 80px;
}
.scene .imgRight {
  margin-left: 80px;
  text-align: right;
}
.scene .imgLeft .caption,
.scene .imgRight .caption {
  line-height: 1.7;
  margin: 5px 0 15px;
  font-size:92%;
}
.scene .imgLeft .caption {
  text-align: right;
}
.scene .imgRight .caption {
  text-align: left;
}
.text p{
  margin-bottom: 30px;
  text-align: justify;
}
.text p:last-child{
  margin-bottom: 0;
}
.text p.last-child {
  margin-bottom: 0;
}

.scene .grid:after {
  content: "";
  clear: both;
  display: block;
}
.scene .grid .col6 {
  width: 50%;
  float: left;
}
.scene .grid .col4 {
  width: 33.3%;
  float: left;
}

/* contents area */
#container div#global_footer {
  padding: 23px 0 0px 0;
}



.mod_imgFullArea .imgFullInner {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}



.mod_imgFullArea .bgImg {
  width: 100%;

}

.mod_imgFullArea .bgImg img {
  width: 1440px;
}

.scene {
  position: relative;
  background-color: #fff;
}
.scene .grid:after {
  content: "";
  clear: both;
  display: block;
}



.scene .caption {
  margin: 5px 0 0 0;
}

#mainArea .heading1 {
  font-size: 233.3%;
  text-align: left;
  margin: 84px 0px 88px 40px;
}

#mainArea .heading {
  font-weight: bold;
}

#mainArea .sceneTitle {
  font-size: 135%;
  font-weight: bold;
  letter-spacing: 0.08em;
}
#mainArea .text {
  font-size: 125%;
  line-height: 2;
  letter-spacing: 0;
}

#mainArea .mod_btn a:hover {
  text-decoration: none;
}

/*-- mainVisual --*/
.mainVisual {
  height: 680px;
  text-align: center;
}

.mainVisual .bgImgBox {
  width: 100%;
  height: 682px;
  background-color: #eee;
}

.mainVisual .bgImgBox > div {
  width: 0;
  overflow: hidden;
}

.mainVisual .textContainer {
  padding-top: 154px;
  width: 980px;
}

.mainVisual .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: url(/areahighlights/kyushu/nagasaki_marathon/img/shared/ico_loading.gif) #000 center center no-repeat;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 9;
}

.mainVisual .shoulder {
  filter: alpha(opacity=0);
  opacity: 0;
  margin-bottom: 17px;
  font-size: 133.3%;
  font-weight: bold;
}

.mainVisual .textContainer .number {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 104px;
  margin-bottom: 20px;
}

.mainVisual .textContainer .number svg {
  width: 85px;
  height: 104px;
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  stroke-dasharray: 378px;
  stroke-dashoffset: 378px;
}

.mainVisual .textContainer .number img {
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.mainVisual .columnTitle {
  margin-bottom: 58px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.mainVisual .btnBottom {
  display: inline-block;
  width: 141px;
  height: 30px;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}




/**/
.mainVisual .anchorLink {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.mainVisual .anchorLink a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.mainVisual .anchorLink a:hover img {
  transform: translate(0, 11px);
  -webkit-transform: translate(0, 11px);
}
.mainVisual .anchorLink a img {
  position: absolute;
  top: 20px;
  left: 15px;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
}

.mainVisual .txtOcianView {
  text-align: left;
  margin-top: -22px;
}
/**/

.scene1 .introduction {
  background-color: #1791c2;
}

.btn-link {
  background: #1791c2 url('/areahighlights/kyushu/nagasaki_marathon/img/ico_arrow_right.png') no-repeat 95% center;
}




.btn-link:link,
.btn-link:active,
.btn-link:hover,
.btn-link:visited {
  color: white;
}
.btn-link {
  padding:2px 42px 2px 15px;
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  display: block;
  width: 225px;/* outline 282px */
  position: relative;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.btn-link:hover {
  background-color: #1791c2;
}

.btn-link.shown:link,
.btn-link.shown:active,
.btn-link.shown:hover,
.btn-link.shown:visited {
  color: white;
}
.btn-link.shown {
  padding:2px 42px 2px 15px;
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  display: block;

  position: relative;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.btn-link.shown:hover {
  background-color: #fc1b4a;
}
.noteList {
  font-size: 80%;
  color: #666666;
}


/* Basic */
.scene .isTable {
  display: table;
  width: 100%;
  margin: auto;
}

.scene .mediaCell ,
.scene .mediaCell img {
  width: 100%;
}
.scene1 .highlight-area {
  background: #f2f2f2 url('/areahighlights/kyushu/nagasaki_marathon/img/img_highlightarea_map.png') no-repeat 314px 10px;
}

.scene1 p {
  line-height: 1.8;
}
.scene1 .paragraph {
  font-size: 117%;
  line-height: 1.8;
  margin: 25px auto 0;
}
.scene1 .btn-link {
  margin: 26px auto 0;
}

.scene1 .grid.first {
  background-color: #f2f2f2;
}
.scene1 .grid.second {
  background-color: #fafbf9;
}
.scene1 h2 .title {
  display: block;
  font-size: 193%;
  font-weight: bold;
  letter-spacing: 0.11em;
  margin: 20px 0 0 0;
}


/* introduction */

.scene1 .introduction .inner {
  color: #ffffff;
  margin-left: auto;
  padding: 64px 105px 44px 0;
  width: 380px;/* outline 490px */
}

/* highlight area */
.scene1 .highlight-area {
  position: relative;
  padding-bottom: 10px;
}
.scene1 .highlight-area .inner {
  padding: 64px 0 45px 76px;
  width:220px;/* outline 320px */
}

.scene1 .highlight-area .inner .btn-link {
  font-size: 94%;
}
/* promoter */
.scene1 .promoter-photo {
  box-sizing: border-box;
  text-align: center;
  position: relative;
  height: auto !important;
  min-height: 376px;
  background-color: #f0f2ee;
}

.scene1 .promoter-photo img {
  position: absolute;
  right: -10px;
}
.scene1 .promoter-photo img.name {
  top:100px;
  right: 76px;
}

.scene1 .promoter {
  position: relative;
  background:#fafafa;
  min-height: 376px;
}

.scene1 .promoter .inner {
  padding: 54px 0 0 76px;
  width: 380px;/* outline 390px */
}
.scene1 .promoter .inner .paragraph {
  margin: 15px auto 0;
  line-height: 1.8;
}


.scene1 .promoter .inner .btnLink {
  margin: 42px 0 0 3px;
}
.scene1 .promoter .inner .textLink {
  margin: 10px 0 0 0;
}
.scene1 .promoter .inner .textLink a {
  font-size: 115%;
  color: #d7173f;
}
.scene1 .promoter .promoter-name {
  margin:25px 0 20px;
}
/* scene2 */
.scene.scene2 .grid {
  min-width: 980px;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
}
.scene.scene2 #map {
  position: absolute;
  right: 0;
  z-index: 1;
}
.scene.scene2 .grid .inner {
  width: 980px;
  margin: auto;
  padding: 95px 0 0 0;
}

.scene2 .mod_imgFullArea,
.scene2 .mod_imgFullArea .bgImgBox {
  height: 324px;
}
.scene2 .inner h2 {
  margin: 0 auto 35px;
}
.scene2 .inner h2 img {
  position: relative;
  z-index: 10;
}
.scene2 .inner .text {
  margin: 80px auto 0;
}
.scene2 .colL ,
.scene2 .colR {
  float: left;
  vertical-align: top;
}
.scene2 .colL {
  width: 67%;
}
.scene2 .colL .inner {
  width: 645px;
  margin-left: auto;
  padding: 80px 20px 0 0;
}
.scene2 .colL .text {
  margin: 0 auto 42px;
  padding: 0;
  position: relative;
  z-index: 10;
}
.scene2 .colL .text.last-child {
  margin: 0 auto 40px;
}
.scene.scene2 .colR {
  width: 33%;
  min-height: 688px;
  position: relative;
}

.scene2 .colR .photoColumns {
  position: absolute;
  bottom: 104px;
  z-index: 0;
}
.scene2 .colR .photoColumns .col {
  width: 150px;
  display: inline-block;
  margin-right: 10px;
}
.scene2 .colR .photoColumns .col:last-child {
  margin-right: 0;
}
.scene2 .btnlink img:hover {
  opacity: 0.8;
}
.scene3 {
  margin: 0 auto ;
}
.scene.scene3 .isTable {
  width: 980px;
  margin: auto;
  position: relative;
}
.scene3 .mapimage {
  display: none;
  position: fixed;
  right: 67%;
  top: 150px;
}
.mobile .scene3 .mapimage {
  display: block;
  position: absolute;
}
.scene3 .text-block  {
  width: 650px;
  padding-top: 70px;
  float: right;
  height: 100%;;
}
.scene3 .text-block h2 {
  margin-bottom: 35px;
}
.scene3 .text-block .text {
  padding: 0;
}
.scene3 .text-block .text span {
  color: #1791c2;
}
.scene3 .text-block .image {
  margin: 30px 0;
}
.scene3 .text-block .colL,
.scene3 .text-block .colR{
  width: 325px;
}
.scene3 .text-block .colL {
  float: left;
}
.scene3 .text-block .colR{
  float: right;
}
#mainArea .scene3 .text-block .colL .text ,
#mainArea .scene3 .text-block .colR .text {
  padding: 0;
  font-size: 100%;
  letter-spacing: 0.06em;
  line-height: 2.6;
}

.scene.scene5 {
  background: #fff;
}
.scene5 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
.scene5 .textCell {
  margin: 0 0 100px 165px;
  width: 430px;
}
@media screen and (max-width: 1140px) {
  .scene5 .textCell {
    width: auto;
    margin: 0;
    padding: 0 20px 15% 0;
  }
}

/*@media screen and (max-width:1300px) {*/
  /*.scene5 .textCell {*/
    /*padding: 10px 10px 10px 0;*/
  /*}*/
/*}*/
.scene5 .textCell h2 {
  margin-bottom: 30px;
}
.scene5 .mediaCell img {
  width: 100%;
}
.scene5 .mediaCell li {
  float: left;
  width: 50%;
  display: inline-block;
}
.scene5 .mediaCell li .cueBlock, .scene6 .mediaCell li .cueBlock img {
  width: 100%;
  height: auto;
}

.scene.scene6 {
  background: #fff;
  min-width: 980px;
}
.scene6 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: bottom;
  position: relative;
}
.scene6 .grid .col6.vaT {
  vertical-align: top;
}
.scene6 .textCell {
  display: block;
  padding: 0 15px;
}
.scene6 .textCell .first-child {
  /*margin-top: 80px;*/
  margin-bottom: 50px;
}
.scene6 .textCell .last-child {
  margin-bottom: 40%;
  margin-bottom: 90px\9;
}

.scene6 .textCell .last-child:not(:target) {
  margin-bottom: 90px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .scene6 .textCell .last-child:not(:target) {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 1240px) and (min-width: 1080px) {
  .scene6 .textCell .last-child {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1080px) {
  .scene6 .textCell {
    display: block;
    padding: 0 15px;
  }
  .scene6 .textCell .first-child,
  .scene6 .textCell .last-child {
    margin: 0;
  }
}
.scene6 .commentBox {
  position: relative;
}
.scene6 .imageBox {
}

.scene6 .commentText {
  position: absolute;
  right: 5px;
  top: 35%;
  z-index: 10;
}

.scene.scene7 {
  background: #fff;
}
.scene7 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
.scene7 .textCell {
  margin: 0 0 74px 100px;
}
@media screen and (max-width: 1300px) and (min-width: 1080px) {
  .scene7 .textCell {
    margin: 0 0 50px 100px;
  }
}
@media screen and (max-width: 1080px) {
  .scene7 .textCell {
    margin: 0;
    padding: 5% 0 8%;
  }
}
.scene7 .textCell .paragraph {
  margin-left: 16%;
}

.scene7 .mediaCell {
  width: 100%;
}
.scene7 .mediaCell.left {
}
.scene.scene8 {
  background: #fff;
  padding: 65px 0 15px;
}
.scene8 .grid {
  display: table;
  width: 100%;
  margin: auto;
}
.scene8 .mediaCell li {
  float: left;
  width: 33.3%;
}
.scene8 .mediaCell li .cueBlock, .scene8 .mediaCell li .cueBlock img {
  width: 100%;
  height: auto;
}
.scene8 .text {
  width: 875px;
  margin: auto;
  padding-top: 15px;
}

.scene.scene10 {
  background: #fff;
}
.scene10 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: top;
  height: auto;
  position: relative;
}
.scene10 .grid .col6.left {
  vertical-align: middle;
}
.scene10 .textCell {
  width: 430px;
  margin: 34px 0 0 125px;
}
.scene10 .textCell .image {
  margin-left: 10px;
}
@media screen and (max-width: 1080px) {
  .scene10 .textCell {
    width: auto;
    padding: 20px;
    margin: 0;
  }
  .scene10 .textCell .image {
    margin: 0;
  }
}


.scene10 .mediaCell li {
  width: 50%;
  float: left;
}

.scene.scene12 {
  background: #fff;
}

.scene12 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: top;
  height: auto;
  position: relative;
}
.scene12 .textCell {
  width: 390px;
  margin: 30px 0 0 100px;
}
@media screen and (min-width: 1380px) {
  .scene12 .textCell {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1080px) {
  .scene12 .textCell {
    width: auto;
    padding: 20px 20px 0 20px;
    margin: 0;
  }
}

.scene12 .textCell .text {
  /*margin-bottom: 35px;*/
  padding: 0;
}
.scene12 .mediaCell li {
  width: 50%;
  float: left;
}
.scene.scene12 .text:first-child {
  margin-bottom: 15px;
}


.scene.scene13 {
  background: #fff;
}
.scene13 .mediaCell li {
  float: left;
  width: 25%;
}

.scene13 .grid .col6 {
  float: none;
  display: table-cell;
  vertical-align: top;
  height: auto;
  position: relative;
}
.scene13 .textCell {
  width: 310px;
  margin: 53px 0 0 43%;
}
@media screen and (max-width: 1080px) {
  .scene13 .textCell {
    width: auto;
    padding: 20px;
    margin: 0;
  }
}

.scene13 .col6 .mediaCell li {
  width: 50%;
  float: left;
}


/* scene4 */
.scene4 .mod_imgFullArea {
  /*min-height: 744px;*/
}
.scene4 .mod_imgFullArea .bgImgBox {
  /*min-height: 744px;*/
}
.scene4 .mod_imgFullArea .imgFullInner {
  /*position: relative;*/
}
.scene4 {
  margin: 90px 0 0 0;
}
.scene4 .container {
  width: 730px;
  margin: 0 auto;
  padding: 43px 125px 90px;
  z-index: 2;
  position: relative;
  background: rgba(0,0,0,0.5);
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
}
.scene4 .container .logo {
  text-align: center;
}
.scene4 .container h2 {
  text-align: center;
  margin: 36px auto 0;
}
.scene4 .container .text {
  margin: 50px auto 0;
}
.scene4 .container .linkboxwrap {
  margin: 45px auto 0;
  text-align: center;
}
.scene4 .container .linkboxwrap .linkbox {
  background: #c40921;
  padding: 16px 120px 16px 30px;
  display: inline-block;
  width: 235px;
}
.scene4 .container .linkboxwrap .linkbox:hover {
  background: #fc0a29;
}
.scene.scene4 .linkboxwrap .linkbox .image {
  right: 19px;
  top: -26px;
}







/* scene9 */
.scene9 .coverBloxk {
  margin: 48px auto 0;
}
.scene.scene9 .carousel .carousel-inner {
  width: 10780px;
}


.scene11 .container {
  width: 980px;
  margin: 0 auto;
  padding: 45px 0;
  background: url('/areahighlights/kansai/koshienbowl/img/bg_container.png') repeat left top;
}

.scene4 .mod_imgFullArea,
.scene4 .mod_imgFullArea .bgImgBox {
  height: 400px;
}

.scene9 .mod_imgFullArea,
.scene9 .mod_imgFullArea .bgImgBox {
  height: 440px;
}

.scene11 .mod_imgFullArea,
.scene10 .mod_imgFullArea .bgImgBox {
  height: 400px;
}


.scene.scene14 {
  background: #fff;
}
.scene14 .container {
  width: 810px;
  margin: 0 auto;
  padding: 60px 0;
  position: relative;
}
.scene14 .container h2 {
  text-align: center;
  margin-bottom: 60px;
}

.scene15 .mod_imgFullArea,
.scene15 .mod_imgFullArea .bgImgBox {
  height: 480px;
}
.scene15 .mod_imgFullArea .imgFullInner {
  /*position: relative;*/
}


.scene.scene16 {
  background: #fff;
  padding: 97px 0;
}
.scene16 .container {
  width: 980px;
  margin: 0 auto;
  border: solid 1px #1791c2;
  padding: 46px 0 56px 0;
  overflow: hidden;
  position: relative;
}

.scene16 .container h2 {
  margin: 0 0 35px 124px;
}
.scene16 .container-box {
  display: table;
  padding: 0 90px 0 124px;
}
.scene16 .container-box .image {
  width: 335px;
  display: table-cell;
  vertical-align: middle;
}
.scene16 .container-box .text {
  color: #1791c2;
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px;
}
.scene.scene16 .btnlink {
  margin: 20px 0 0 0;
}
.scene.scene16 .btnlink img:hover {
  opacity: 0.8;

}

/* anchorlink */
.section2,
.section3 {
  padding: 88px 0 0 0;
  text-align: center;
  background-color: #fff;
}
.scene .anchorLink a {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background: #d9d9d9;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.scene .anchorLink a:hover {
  background: #c40921;
}
.scene .anchorLink a img {
  margin: 13px 0 0 0;
}

/* linkbox */
.scene .linkboxwrap {
  margin: 20px auto 0;
}
.scene .linkboxwrap .linkbox {
  color: #fff;
  font-size: 120%;
  text-align: left;
  margin: 38px auto 0;
  display: block;
  padding: 19px 70px 19px 8px;
  background: #122e53;
  position: relative;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.scene .linkboxwrap .linkbox:hover {
  background: #1f477b;
}
.scene .linkboxwrap .linkbox .linktext {
  display: block;
  max-width: 244px;
}
.scene .linkboxwrap .linkbox .image {
  position: absolute;
  width: 97px;
  height: 90px;
  right: 0;
  top: -17px;
}
.scene .linkboxwrap .linkbox .image img {
  position: absolute;
}











#mainArea .cueBlock[data-action="loadImg"] {
  background-color: #1791c2;
}

/* photoviewrer */



/* carousel */
.scene .coverBlock {
  width: 980px;
  margin: 0 auto;
  position: relative
}
.scene .carousel {
  margin: 0 auto;
  position:relative;
  width: 980px;
  height: 390px;
  overflow:hidden;
}
.scene .carousel .carousel-inner {
  width: 3000px;
}
.scene .carousel .carousel-item{
  padding: 0;
  width: 980px;
  height: 390px;
  float: left;
}
.scene .coverBlock .carousel-pagination {
  /*position:absolute;*/
  /*left: 44%;*/
  /*bottom: 52px;*/
  /*z-index: 1;*/
  margin: 17px 0 0 0;
}
.scene .coverBlock .carousel-pagination li {
  display: inline-block;
  text-indent: -99999px;
  background: #ededed;
  width: 12px;
  height: 12px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor: pointer;
  margin:0 12px 0 0;
}
.scene .coverBlock .carousel-pagination li.current {
  background: #c40921;
}

.scene  .btn_pageslide .next {
  position:absolute;
  right: 20px;
  top: 41%;
  cursor: pointer;
  z-index: 2;
}

.scene .btn_pageslide .prev {
  position:absolute;
  left: 20px;
  top: 41%;
  cursor: pointer;
  z-index: 2;
}

.scene  .btn_pageslide .next:hover,
.scene  .btn_pageslide .prev:hover {
  opacity: 0.9;
  -ms-filter: "alpha( opacity=90 )";
}





.scene .comment-block {
  padding: 15px 0 0 0;
  margin: 15px 0 0 0;
  overflow: hidden;
  border-top: 1px solid #d3dae0;
}
.scene .comment-block .comment-text {
  width: 285px;
  float: right;
  color: #c40921;
}
.scene .comment-block .comment-image {
  width: 42px;
  float: left;
}
.scene .comment-block .comment-image .caption {
  font-size: 117%;
  text-align: center;
}

.scene {
  background: transparent;
}

.businessAreaBrunch {
  position: relative;
}
.footerNav {
  background-color: #fff;
}

/************************************************
change min693 20220127
************************************************/
@media screen and (max-width: 767px){

.mod_imgFullArea{ min-width: auto; }
.mod_imgFullArea img{ width: 100% !important;height: auto !important;margin:0 !important; }
.mod_imgFullArea .bgImgBox{ position: static; }
.scene .isTable,
.scene .isTable > *{ display: block !important; }

/***
#module_titleArea
***/
#module_titleArea.w980_center{ width: 100%;min-height: auto;box-sizing: border-box;padding: 10px; }

#module_titleArea .headerSocialParts{ top: auto;right: 10px;bottom:10px;padding: 0;border: none;height: auto;line-height: 1;font-size: 0; }
#module_titleArea .headerSocialParts iframe{ margin: 0; }
#module_titleArea .headerSocialParts #twitter-widget-0,
#module_titleArea .headerSocialParts iframe:nth-of-type(1){ width: 90px !important;height: 20px !important; }
#module_titleArea .headerSocialParts iframe:nth-of-type(2){ width: 103px !important;height: 21px !important;margin-left: 5px !important; }

#module_titleArea #title_area_title{ float: none;padding-bottom: 25px; }

#module_zoomFontSize{ display: none; }

/***
#innerWrapper
***/
#innerWrapper{ min-width:auto; }

/***
.seriesMenu
***/

.mainVisual{ width: 100%;min-width: auto;height: auto; }
.seriesMenu,
.seriesMenu.fixedState{ border: none;/*position: static;*/ }
.seriesMenu .seriesMenuInner{ background-color: #ebebeb;width: 100%; }
.seriesMenu .side{ float: none;background-color: transparent;margin: 0;padding: 10px;border: none; }
.seriesMenu .bgMenu{ display: none !important; }
.seriesMenu h2{ border: none;padding: 0; }
.seriesMenu h2 img{ content: url("/areahighlights/img/title_areahighlights.svg");width: auto !important;height: 100% !important; }

/***
.imgFullInner
***/

.mod_imgFullArea .imgFullInner,
.mod_imgFullArea.fixedState .imgFullInner{ position: relative;top: auto !important; }

.mainVisual{ height: auto;padding-top: 71px; }
.mainVisual .loading{ display: none; }
.mainVisual .bgImgBox{ height: auto;position: relative; }
.mainVisual .bgImgBox > div{ width: auto !important; }
.mainVisual .bgImgBox > div .bgImg{ width: 140% !important;margin: 0 -20% !important; }
.mainVisual .textContainer,
#mainArea .heading1,
#mainArea .heading1 p{ position: absolute;top: 0;left: 0;right: 0;bottom: 0; }
#mainArea .heading1 img{ position: absolute;top: 0;left: 5%;bottom: 0; }

#mainArea .heading1{ opacity: 1;margin: 0; }
#mainArea .heading1 img{ width: 32% !important;margin: auto !important; }
.mainVisual .textContainer{ width: 100%;padding-top: 0; }
.mainVisual .anchorLink{ display: none; }
.mainVisual .txtOcianView{ margin: 0;position: absolute;bottom: 2px;left: 10px;line-height: 1.3; }

/***
.scene
***/
.scene, .nextColumn, .btnNextColumn, .businessAreaBrunch, .footerNav, #bottomParts, #localFooterNav, #global_footer, #fnWrapper{ display: block; }

#mainArea .cueBlock[data-action="fade"]{ opacity: 1; }
#mainArea .cueBlock[data-action="loadImg"] > *{ width: 100%; }
#mainArea .cueBlock[data-action="move"]{ bottom: 0;left: 93px;opacity: 1; }

#mainArea .sceneTitle{ margin: 0;line-height: 1.5; }
.scene .col{ float: none; }
.scene .grid .col6{ width: 100%; }

.scene1 .introduction{ padding: 50px 0; }
.scene1 .introduction .inner{ width: 100%;box-sizing: border-box;padding: 0 10px; }
.scene1 .introduction .inner h2 img{ height: 70px;width: auto; }
.scene1 .paragraph{ margin-top: 20px; }

.scene1 .highlight-area{ padding: 280px 0 50px;background-size: auto 230px;background-position: 50% 20px; }
.scene1 .highlight-area .inner{ width: 100%;box-sizing: border-box;padding: 0 10px; }
.scene1 .highlight-area .inner h2 img{ height: 48px;width: auto; }
.scene1 .highlight-area .inner .btn-link{ width: 100%;box-sizing: border-box; }

.scene1 .promoter-photo{ padding-top: 220px;min-height: auto;overflow: hidden; }
.scene1 .promoter-photo img:first-child{ width: 425px;height: auto;left: 50%;top: 0;right: auto;transform: translate(-280px, 0); }
.scene1 .promoter-photo img.name{ width: 120px;height: auto;left: 50%;top: 50px;right: auto;transform: translate(18px, 0); }

.scene1 .promoter{ padding: 50px 10px;box-sizing: border-box;min-height:auto; }
.scene1 .promoter .inner{ padding: 0;width: auto; }
.scene1 .promoter .inner h2 img{ height: 82px;width: auto; }

.scene2 .mod_imgFullArea,
.scene2 .mod_imgFullArea .bgImgBox{ height: auto; }
.scene2 .mod_imgFullArea .bgImgBox{ position: static; }

.scene2 .inner h2 img{ height: 21px;width: auto }
.scene.scene2 .grid{ min-width: auto;width: 100%;margin: 0; }
.scene.scene2 #map img{ width: 250px;height: auto; }
.scene.scene2 .grid .inner{ width: 100%;padding: 190px 10px 20%;box-sizing: border-box;position: relative; }
.scene.scene2 .grid .inner .btnlink{ position: absolute;bottom: 0;left: 10px;right: 10px; }
.scene.scene2 .grid .inner .btnlink img{ width: 100%; }
.scene2 .colR .photoColumns{ font-size: 0;text-align: center; }
.scene2 .colR .photoColumns .col{ margin: 0;width: 50%;box-sizing: border-box;/*max-width: 160px;*/ }
.scene2 .colR .photoColumns .col:nth-child(1){ padding-right: 5px;text-align: right; }
.scene2 .colR .photoColumns .col:nth-child(2){ padding-left: 5px;text-align: left; }
.scene2 .colR .photoColumns .col .caption{ font-size: 15px;line-height: 1;text-align: left; }
.scene2 .colR .photoColumns .col .image img{ width: 100%;height: auto; }
.scene2 .inner h2{ margin-bottom: 20px; }
#mainArea .text{ margin-bottom: 20px; }
.scene2 .colL,
.scene2 .colR{ width: 100% !important;float: none;min-height:auto !important; }
.scene2 .colR .photoColumns{ position: static;bottom: auto; }

.scene.scene3 .isTable{ width: 100%;display: flex !important;flex-direction: column;padding: 20px 10px 0;box-sizing: border-box; }
.scene3 .text-block{ width: 100%;float: none;padding: 0;height: auto;order: 0; }
.scene3 .text-block h2{ margin-bottom: 20px; }
.scene3 .text-block h2 img{ height: 21px;width: auto; }
.scene3 .mapimage{ position: static !important;right: auto;display: block !important;opacity: 1 !important;order: 1;margin-top: 20px;text-align: center; }
.scene3 .mapimage img{ width: 80%;height: auto; }
.scene3 .text-block .image{ margin: 0; }
.scene3 .text-block .image img{ width: 100%; }
.scene3 .text-block .colL,
.scene3 .text-block .colR{ width: 100%; }
#mainArea .scene3 .text-block .colL .text,
#mainArea .scene3 .text-block .colR .text{ margin: 0; }

.scene4{ margin-top: 50px; }
.scene4 .mod_imgFullArea .imgFullInner img{ width: 100% !important;margin: 0 !important; }
.scene4 .mod_imgFullArea,
.scene4 .mod_imgFullArea .bgImgBox{ height: auto; }
.scene4 .mod_imgFullArea .bgImgBox{ position: static; }

.scene5 .textCell h2 img{ height: 21px;width: auto }
.scene5 .textCell{ padding: 30px 10px;box-sizing: border-box; }
.scene5 .textCell h2{ margin-bottom: 20px; }
.scene5 .grid .col6{ display: block; }

.scene.scene6{ min-width: auto;width: 100%; }
.scene6 .grid .col6{ display: block; }
.scene6 .textCell{ padding: 30px 10px;box-sizing: border-box; }

.scene7 .textCell{ padding: 30px 10px;box-sizing: border-box; }
.scene7 .textCell .paragraph{ margin: 0; }

.scene.scene8{ padding: 0;display: flex !important;flex-direction: column; }
.scene8 .mediaCell li{ width: 100%;float: none; }
.scene8 .text{ padding: 30px 10px;box-sizing: border-box;width: 100%;margin: 0 !important;order: 0; }
.scene8 .grid{ order: 1; }

.scene9 .mod_imgFullArea, .scene9 .mod_imgFullArea .bgImgBox{ height: auto;position: static; }

.scene10 .isTable{ display: block; }
.scene10 .textCell{ padding: 30px 10px;box-sizing: border-box; }
.scene10 .grid .col6{ display: block; }
.scene10 .textCell .image{ padding-top: 10px; }
.scene10 .textCell .image img{ width: 100%; }

.scene11 .mod_imgFullArea,
.scene10 .mod_imgFullArea .bgImgBox{ height: auto; }

.scene12 .isTable{ display: block; }
.scene12 .textCell{ padding: 30px 10px;box-sizing: border-box; }
.scene12 .grid .col6{ display: block; }
.scene12 .grid{ display: flex !important;flex-direction: column; }
.scene12 .grid .col6:nth-child(1){ order: 1; }
.scene12 .grid .col6:nth-child(2){ order: 0; }
.scene12 .textCell > .text + .text{ margin: 0 !important; }

.scene13 .grid{ display: flex !important;flex-direction: column; }
.scene13 .grid .col6:nth-child(1){ order: 1; }
.scene13 .grid .col6:nth-child(2){ order: 0; }
.scene13 .grid:first-child .mediaCell{ width: 100%;overflow: hidden; }
.scene13 .grid:first-child .mediaCell::before{ background: url(/areahighlights/kyushu/nagasaki_marathon/img/img_s13_01.jpg) no-repeat left top;content: "";padding-top: 33.3%;display: block;background-size: auto 100%; }
.scene13 .grid:first-child .mediaCell img{ width: 200%;margin-left: -100%; }

.scene14 .container{ width: 100%;padding: 0 0 20px; }
.scene14 .container h2{ margin-bottom: 20px; }
.scene14 .container h2 img{ height: 40px;width: auto }
.scene14 .container .text{ margin: 0 !important; }

.scene15 .mod_imgFullArea,
.scene15 .mod_imgFullArea .bgImgBox{ height: auto;position: static; }

.scene.scene16{ padding: 20px 10px;box-sizing: border-box; }
.scene16 .container{ width: 100%;padding: 20px 10px;box-sizing: border-box; }
.scene16 .container h2{ margin: 0 0 20px; }
.scene16 .container h2 img{ height: 21px;width: auto }
.scene16 .container-box{ padding: 0;display: block; }
.scene16 .container-box .image,
.scene16 .container-box .text{ width: 100%;padding: 0;display: block; }
.scene16 .container-box .image img{ width: 100%; }
.scene16 .container-box .text{ margin: 0 !important;padding-top: 10px; }
.scene.scene16 .btnlink img{ width: 100%; }

}


/***
  change PC 2022
***/
#module_titleArea{ text-align: right; }
#module_titleArea .headerSocialParts{ position: relative;top: 0;right: 0;padding: 0;border: none;height: auto;line-height: 1;font-size: 0;display: inline-block; }
#module_titleArea .headerSocialParts iframe{ margin: 0; }
#module_titleArea .headerSocialParts #twitter-widget-0,
#module_titleArea .headerSocialParts iframe:nth-of-type(1){ width: 90px !important;height: 20px !important; }
#module_titleArea .headerSocialParts iframe:nth-of-type(2){ width: 103px !important;height: 21px !important;margin-left: 15px; }

/***
  from module-v0005.css
***/
@media screen and (max-width: 767px){
  .imgEffectTrigger .thumb { position: relative;z-index: 0;overflow: hidden;height: 185px; }
  .imgEffectTrigger .thumb img { position: inherit;top: 50%;left: 50%;width: auto !important;height: auto !important;min-width: 100%;min-height: 100%;-webkit-transition: -webkit-transform 600ms cubic-bezier(0.43, 0.08, 0.08, 1);transition: transform 600ms cubic-bezier(0.43, 0.08, 0.08, 1);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
  .imgEffectTrigger:hover .thumb img { -webkit-transform: translate(-50%, -50%) scale(1.07);transform: translate(-50%, -50%) scale(1.07); }

  /*-- footerNav --*/
  .footerNav{position:relative;padding:50px 15px 25px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Lucida Grande','Hiragino Kaku Gothic Pro',Osaka,Verdana,'ＭＳ Ｐゴシック',sans-serif;line-height:normal;}
  .footerNav a:hover{text-decoration:underline;}
  .footerNavInner{margin:0 auto;max-width:980px;}
  .footerNav a{color:#2056a5;}
  .footerNav .row{float:left;padding-right:30px;width:25%;box-sizing:border-box;}
  .footerNav .rowBusiness{margin-top:-38px;padding-left:30px;border-left:1px solid #e8e8e8;}
  .footerNav .rowBusiness .businnesTop{margin-bottom:16px;font-weight:700;}
  .footerNav .rowBusiness .businnesTop a{font-weight:700;}
  .footerNav .categoryTop{margin-bottom:16px;}
  .footerNav .categoryTop img{vertical-align:baseline;}
  .footerNav .categoryTop p{display:inline;margin-left:2px;font-weight:700;font-size:80%;}
  .footerNav .row dl{margin-bottom:16px;}
  .footerNav .row dt{margin-bottom:8px;font-size:87.5%;font-weight:700;}
  .footerNav .row dd{margin-bottom:8px;font-size:75%;line-height:1.6;}
  .footerNav .btnPageTop{position:fixed;right:40px;bottom:0;cursor:pointer;z-index:10000;}
  @media only screen and (max-width: 980px) {
  .footerNav .btnPageTop{right:15px;}
  }
  @media only screen and (max-width: 640px) {
  .footerNav{margin-bottom:20px;padding-top:20px;}
  .footerNav .row{float:none;padding-right:0;width:100%;}
  .footerNav .rowBusiness{margin-top:0;padding-left:0;padding-top:20px;border-left:none;border-top:1px solid #e8e8e8;}
  .footerNav .categoryTop,.footerNav .row dl{margin-bottom:18px;}
  .footerNav .row dt,.footerNav .row dd{margin-bottom:4px;}
  .footerNav .row dt{font-size:94%;}
  .footerNav .row dd{font-size:80%;}
  .footerNav .categoryTop{font-size:13px;}
  .footerNav .row dt{font-size:13px;}
  .footerNav .row dd{font-size:12px;}
  }
  #localFooterNav{margin-top:0;border-top:none;max-width:980px;width:auto;}
  #localFooterNav ol li{list-style-position:inside;padding-left:0;text-indent:0;margin:0;}
  #localFooterNav ol{margin:0;}
  #localFooterNav ol li img{width:100%;height:auto;}
}

@media screen and (max-width: 980px){
  /*-- businessAreaBrunch --*/
  .businessAreaBrunch {padding: 60px 0;background-color: #f6f5ed;position: relative;overflow-x: hidden; }
  .businessAreaBrunch .businessAreaInner {margin: 0 auto;max-width: 980px;width: 100%;box-sizing: border-box; }
  .businessAreaBrunch .businessAreaInner > div {position: relative;background-color: #fff;border: 1px solid #d6d6d6;border-radius: 7px;overflow: hidden; }
  .businessAreaBrunch .businessAreaInner a:hover { text-decoration: none; }
  @media screen and (max-width: 1119px) {
  .businessAreaBrunch .businessAreaInner { padding-left: 20px; padding-right: 20px; }
  }
  .businessAreaBrunch .businessBrunch { float: left;width: 638px; }
  @media screen and (min-width: 768px) and (max-width: 1119px) {
  .businessAreaBrunch .businessBrunch { width: 63%; }
  }
  @media screen and (max-width: 767px) {
  .businessAreaBrunch .businessBrunch { width: 100%;float: none; }
  }
  @media print {
  .businessAreaBrunch .businessBrunch { width: 63%; }
  }
  .businessAreaBrunch a { display: block;color: #666; }
  .textBusiness { padding: 28px 20px 17px; }
  .businessAreaBrunch a .title + p { line-height: 2;font-size: 75%; }
  .businessAreaBrunch a .title { margin-bottom: 12px;padding-bottom: 5px;border-bottom: 1px dotted #191919;font-size: 112.5%;color: #000;line-height: 1.2; }
  .businessAreaBrunch .businessTop { width: 296px;float: right; }
  @media screen and (min-width: 768px) and (max-width: 1119px) {
  .businessAreaBrunch .businessTop { float: right;width: 33%; }
  }
  @media screen and (max-width: 767px) {
  .businessAreaBrunch .businessTop { width: 100%;float: none;margin-top: 20px; }
  }
  @media print {
  .businessAreaBrunch .businessTop { width: 33%; }
  }
}