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


/*-- common --*/
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;
}
#mainArea {
  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: #b32430;
  padding-top: 10px;
}
.seriesMenu h2 {
  border-right-color: #b32430;
}
.seriesMenu .menu li {
  border-width:0 0 4px;
  border-style: solid;
}
.seriesMenu {
  z-index: 111;
  border-top: #b32430 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 .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%;
}

#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.06em;
}

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




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


.mainVisual .mod_imgFullArea .bgImgBox {
  width: 100%;
  height: 682px;
  background-color: #fff;
  position: relative;
}
.mainVisual .bgImgBox img {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 0;
}
.mainVisual .bgImgBox img:first-child {
  z-index: 4;
}
.mainVisual .bgImgBox > div {
  width: 0;
  overflow: hidden;
}

.mainVisual .textContainer {
  padding-top: 140px;
  width: 980px;
  z-index: 100;
}

.mainVisual .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: url(/areahighlights/kansai/koshienbowl/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: 183px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.mainVisual .anchorLink {
  opacity: 0;
}





/**/
.mainVisual .anchorLink {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.mainVisual .anchorLink a:hover:before {
  width: 40px;
  height: 40px;
  opacity: 1;
  left: -5px;
  bottom: -5px;
}
.mainVisual .anchorLink a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0.9;
}
.mainVisual .anchorLink a:hover img {
  transform: translate(0, 11px);
  -webkit-transform: translate(0, 11px);
}
.mainVisual .anchorLink a img {
  position: absolute;
  top: 12px;
  left: 11px;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
}

/**/










.scene1 .introduction {
  background-color: #c40921;
}

.btn-link {
  background: #c40921 url('/areahighlights/kansai/koshienbowl/img/ico_arrow_highlightarea.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: #fc0a29;
}

.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 */
.scene1 .highlight-area {
  background: #f2f1ee url('/areahighlights/kansai/koshienbowl/img/img_highlightarea_map.png') no-repeat 250px 75px;
}

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

.scene1 .grid.first {
  background-color: #f2f1ee;
}
.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: 87px 70px 72px 0;
  width: 393px;/* outline 490px */
}

/* highlight area */
.scene1 .highlight-area {
  position: relative;
  padding-bottom: 10px;
}
.scene1 .highlight-area .inner {
  padding: 87px 0 45px 74px;
  width:250px;/* outline 320px */
}

.scene1 .highlight-area .inner .btn-link {
  font-size: 94%;
}
/* promoter */
.scene1 .promoter {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  padding: 16px 0 0 0;
}
.scene1 .promoter .colL,
.scene1 .promoter .colM,
.scene1 .promoter .colR {
  float: left;
}
.scene1 .promoter .colL ,
.scene1 .promoter .colR {
  width: 228px;
}
.scene1 .promoter .colL .introduce ,
.scene1 .promoter .colR .introduce {
  margin: 20px 0 0 0;
  line-height: 1.6;
}
.scene1 .promoter .colM {
  width: 523px;
}
.scene1 .promoter h2 {
  margin: 72px 0 0 0;
}
.scene1 .promoter .colL h2 {
  text-align: right;
}


/* scene2 */
.scene2 .mod_imgFullArea,
.scene2 .mod_imgFullArea .bgImgBox {
  height: 324px;
}

.scene2 .container {
  width: 730px;
  margin: 0 auto;
  padding: 92px 0 39px;
}
.scene2 .container h2 {
  margin: 0 auto;
  text-align: center;
}
.scene2 .container .text {
  margin: 80px auto 0;
}
.scene2 .container .grid {
  margin: 55px auto 0;
}
.scene2 .container .colL ,
.scene2 .container .colR {
  float: left;
  vertical-align: top;
}
.scene2 .container .colL {
  width: 47%;
  padding: 0 30px 0 0;
}
.scene2 .container .colL .text {
  margin: 0;
  padding: 0;
}


/* scene3 */
.scene.scene3 {
  padding: 50px 0;
  background: #f2f1ee;
}
.scene3 h2 {
  text-align: center;
}

.scene3 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.scene3 .carousel-sports {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.scene3 .carousel-item .card {
  overflow: hidden;
}

.scene3 .carousel-inner {
  width: 6000px;
  overflow: hidden;
}
.scene3 .carousel-item{
  float: left;
  position: relative;
  width:480px;
  min-height: 129px;
  margin: 30px 20px 0 0;
  background: #fff;
}
.scene3 .carousel-item a {
  color: #111;
}
.scene3 .carousel-item a:hover .sub-title,
.scene3 .carousel-item a:hover .title {
  text-decoration: underline;
}
.scene3 .carousel-item .card {
  overflow: hidden;
  display: block;
}

/* normal size*/
.scene3 .carousel-item .card .image-block {
  width: 230px;
  float: left;
}
.scene3 .carousel-item .card .text-block {
  width: 215px;
  float: left;
  padding: 12px 10px 12px 15px;
}
.scene3 .carousel-item .card .sub-title {
  font-size: 100%;
  line-height: 1.6;
}
.scene3 .carousel-item .card .tag {
  margin: 10px 0 0 0;
}
.scene3 .carousel-item .card .title {
  font-size: 150%;
  margin: 10px 0 0;
  line-height: 1.6;
}

.scene3 .carousel-item .card .text-block .info {
  line-height: 1.6;
  padding: 0;
  font-size: 100%;
}
.scene3 .carousel-item .card .text-block .btnlink {
  background: #c40921 url('/areahighlights/kansai/koshienbowl/img/ico_arrow_highlightarea.png') no-repeat 95% center;
  margin: 5px 0 0 0;
  padding:5px 77px 5px 15px;
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  position: relative;
  line-height: 1;
  -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;
}
.scene3 .carousel-item .card:hover .text-block .btnlink{
  background-color: #fc0a29;
}
.scene3 .carousel-sports .btn-nav {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  text-indent: -9999px;
  text-align: center;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
html>/**/body .carousel-sports .btn-nav  {
  top: 0;
}
.scene3 .carousel-sports .btn-nav:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.scene3 .carousel-sports .btn-nav.prev {
  left: -25px;
  background-image: url('/areahighlights/kansai/koshienbowl/img/icon_arrow_left.png');
  background-position: 48% center;
}
.scene3 .carousel-sports .btn-nav.next {
  right: -25px;
  background-image: url('/areahighlights/kansai/koshienbowl/img/icon_arrow_right.png');
  background-position: 58% center;
}

/* scene4 */
.scene4 .mod_imgFullArea {
  /*min-height: 744px;*/
}
.scene4 .mod_imgFullArea .bgImgBox {
  /*min-height: 744px;*/
}
.scene4 .mod_imgFullArea .imgFullInner {
  /*position: relative;*/
}
.scene4 {
  margin: 80px 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;
}



/* scene5*/

.scene5 .container {
  width: 770px;
  margin: 0 auto;
  padding: 92px 0 86px;
  background: url('/areahighlights/kansai/koshienbowl/img/bg_container.png') repeat left top;
}
.scene5 .container h2 {
  margin: 0 auto;
  text-align: center;
}
.scene5 .container .text {
  margin: 52px auto 0;
}
.scene5 .coverBlock {
  width: 980px;
  margin: 0 auto;
  position: relative
}
.scene5 .carousel {
  margin: 0 auto;
  position:relative;
  width: 980px;
  height: 390px;
  overflow:hidden;
}
.scene.scene5 .carousel .carousel-inner {
  width: 13720px;
}
.scene5 .carousel .carousel-item{
  padding: 30px 0 0 0;
  width: 980px;
  height: 390px;
  float: left;
}
.scene5 .coverBlock .carousel-pagination {
  /*position:absolute;*/
  /*left: 44%;*/
  /*bottom: 52px;*/
  /*z-index: 1;*/
  margin: 20px 0 0 0;
}
.scene5 .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;
}
.scene5 .coverBlock .carousel-pagination li.current {
  background: #c40921;
}

.scene5  .btn_pageslide .next {
  position:absolute;
  right: 12px;
  top: 50%;
  cursor: pointer;
  z-index: 2;
}

.scene5  .btn_pageslide .prev {
  position:absolute;
  left: 12px;
  top: 50%;
  cursor: pointer;
  z-index: 2;
}

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










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


/* scene7 */
.scene7 .coverBloxk {
  margin: 32px auto 0;
}
.scene.scene7 .carousel .carousel-inner {
  width: 12740px;
}


/* scene8 */
.scene8 .container {
  width: 980px;
  margin: 0 auto 34px;
  padding: 45px 0;
  background: url('/areahighlights/kansai/koshienbowl/img/bg_container.png') repeat left top;
}
.scene8 .container .linkbutton {
  margin: 30px 0 0 0;
}
.scene8 .container .linkbutton a:hover {
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

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


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


.scene11 {
  padding: 40px 0 0 0;
}
.scene11 .anchorLink {
  text-align: center;
  margin: 0 0 90px 0;
}

.scene11 .mod_imgFullArea,
.scene11 .mod_imgFullArea .bgImgBox {
  height: 384px;
}
.scene11 .mod_imgFullArea .imgFullInner {
  /*position: relative;*/
}

.scene.scene12 {
  background: #fff;
}
.scene12 .container {
  width: 770px;
  margin: 0 auto;
  padding: 60px 0;
}
.scene12 .container h2 {
  text-align: center;
}
.scene12 .container .text:firset-child {
  margin: 52px auto 0;
}
.scene12 .container .text {
  margin: 40px auto 0;
}
.scene12 .container .paragraph {
  margin: 40px 0 0 0;
  padding: 20px 0 0;
  background: url('/areahighlights/kansai/koshienbowl/img/bg_ball.png') no-repeat top center;
}

.scene13 {
  margin: 17px auto 80px;
  border: 1px solid #b32430;
  width: 727px;
}
.scene13 h2 {
  margin: 50px auto 0;
  text-align: center;
}

.scene13 .container {
  margin: 0 auto;
  padding: 50px 100px 285px;
  background: url('/areahighlights/kansai/koshienbowl/img/img_auroravision.jpg') no-repeat left bottom;
}
.scene13 .container .text.second {
  margin: 30px 0 0 0;
}
.scene13 .container .image {
  margin: 50px auto 12px;
  text-align: center;
  padding: 0 20px;
}
.scene13 .container .linklist {
  margin: 30px 20px 0;
}
.scene13 .container .linklist li a {
  background: url(/areahighlights/kansai/koshienbowl/img/icon_arrow_aurora.png) no-repeat left center;
  padding: 0 0 0 14px;
  font-size: 125%;
  color: #c40921;
}

/* 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: #b32430;
}

/* 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 )";
}







/* 3column comment block */
.scene .container .title-block {
  width: 250px;
  float:left;
}


.scene .container .title-block .member {
  margin: 46px 0 0 0;
}
.scene .container .title-block .member h3 {
  margin-bottom: 0;
}
.scene .container .title-block .member .memberlist {
  overflow: hidden;
  margin-top: 13px;
}
.scene .container .title-block .member .memberlist dt {
  display: inline-block;
  width: 42px;
  margin: 0 9px 0 0;
}
.scene .container .title-block .member .memberlist dt img {
  vertical-align: middle;
}
.scene .container .title-block .member .memberlist dd {
  display: inline-block;
  font-size: 150%;
  letter-spacing: 0.11em;
}
.scene .container .title-block .member .note {
  margin: 15px 0;
  font-size: 117%;
}

.scene .container .text-block  {
  float: right;
  width: 730px;
}
.scene .container .text-block .image {
  margin: 30px 0 0 0;
}
.scene .container .text-block .colL,
.scene .container .text-block .colR{
  width: 350px;
}
.scene .container .text-block .colL {
  float: left;
}
.scene .container .text-block .colR{
  float: right;
}
.scene .container .text-block .colL .text ,
.scene .container .text-block .colR .text {
  padding: 0;
}

.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;
}

.bgarea {
  background: url(/areahighlights/kansai/koshienbowl/img/bg_field.png) no-repeat left top;
}
/*----Koshien Bowl----*/

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

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

.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: #b32430;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-w.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 .textContainer{ width: 100%;padding-top: 0; }
.mainVisual .bgImgBox{ height: auto;position: relative; }
.mainVisual .bgImgBox > div{ width: auto !important;padding-top: 61% !important; }
.mainVisual .bgImgBox > div .bgImg{ width: 130% !important;margin: 0 -15% !important; }
.mainVisual .textContainer,
#mainArea .heading1,
#mainArea .heading1 p{ position: absolute;top: 0;left: 0;right: 0;bottom: 0; }
#mainArea .heading1{ opacity: 1;margin: 0; }
#mainArea .heading1 img{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 40% !important;margin: auto !important; }
.mainVisual .loading{ display: none !important; }
.mainVisual .anchorLink{ display: none !important; }

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

.bgarea{ background: none !important; }

.section2,
.section3{ display: none !important; }

#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 .text{ width: 100%;float: none; }

#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: 8px;width: auto; }
.scene1 .introduction .inner h2 .title{ margin-top: 16px;font-size: 145%; }
.scene1 .paragraph{ margin-top: 16px; }

.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: 8px;width: auto; }
.scene1 .highlight-area .inner h2 .title{ margin-top: 16px;font-size: 145%; }
.scene1 .highlight-area .inner .btn-link{ width: 100%;box-sizing: border-box; }

.scene1 .promoter{ padding: 20px 10px 50px;box-sizing: border-box;min-height:auto;width: 100%;display: flex;flex-direction: column; }

.scene1 .promoter .colL,
.scene1 .promoter .colM,
.scene1 .promoter .colR{ width: 100%; }
.scene1 .promoter .colL{ order: 1; }
.scene1 .promoter .colM{ order: 0;padding-bottom: 30px; }
.scene1 .promoter .colR{ order: 2; }
.scene1 .promoter .colL h2,
.scene1 .promoter .colR h2{ margin-top: 20px;text-align: left; }
.scene1 .promoter .colM img{ width: 100%;height: auto; }

.scene2 .container{ width: 100% !important;padding: 50px 10px;box-sizing: border-box; }
.scene2 .container h2 img{ width: auto !important;height: 31px !important; }
.scene2 .container .grid{ margin-top: 20px; }
.scene2 .container .colL,
.scene2 .container .colR{ width: 100%;padding: 0; }
.scene2 .container .colR{ margin-top: 10px; }
.scene2 .container .colR > img:first-child{ width: 100%;height: auto; }

.scene .linkboxwrap{ margin-top: 0; }
.scene .linkboxwrap .linkbox{ padding: 15px 115px 15px 20px; }
.scene .linkboxwrap .linkbox .image{ right: 10px; }

.scene.scene3{ padding: 50px 10px; }
.scene3 h2 img{ width: auto !important;height: 13px !important; }
.scene3 .carousel-sports{ width: 100%; }
.scene3 .carousel-item{ float: none;width: 100%; }
.scene3 .carousel-sports .btn-nav.prev,
.scene3 .carousel-sports .btn-nav.next{ display: none !important; }
.scene3 .carousel-sports .carousel-pagination{ display: none !important; }
.scene3 .carousel-inner{ width: 100%; }
.scene3 .carousel-item .card .image-block,
.scene3 .carousel-item .card .text-block{ float: none;width: 100%;box-sizing: border-box; }
.scene3 .carousel-item .card .image-block img{ width: 100%;height: auto; }
.scene3 .carousel-item:nth-child(2) .card .image-block img{ content: url("/areahighlights/kansai/koshienbowl/img/img_sport_slide03-sp.jpg");width: 100%;height: auto; }
.scene3 .carousel-item:nth-child(3) .card .image-block img{ content: url("/areahighlights/kansai/koshienbowl/img/img_sport_slide04-sp.jpg");width: 100%;height: auto; }
.scene3 .carousel-item .card .text-block .btnlink{ width: 100%;box-sizing: border-box; }
.scene3 .carousel-item .card .title{ margin-top: 3px;line-height: 1.3; }

.scene4{ margin: 0; }
.scene4 .container{ width: 100%;box-sizing: border-box;padding: 50px 10px; }
.scene4 .mod_imgFullArea .imgFullInner{ background-color: #000; }
.scene4 .container .linkboxwrap{ margin-top: 20px; }
.scene4 .container .linkboxwrap .linkbox{ padding: 15px 115px 15px 20px;display: block;box-sizing: border-box;margin: 0;width: 100%; }
.scene4 .container .linkboxwrap .linkbox .linktext img{ width: auto !important; }
.scene4 .container .linkboxwrap .linkbox .image{ right: 10px;top: 50%;transform: translate(0, -50%); }
.scene4 .container .text{ padding: 20px 0 0;margin: 0; }
.scene4 .container h2 img{ width: auto !important;height: 31px !important; }
.scene4 .container .logo img{ width: 50% !important;height: auto !important;max-width: 200px; }

.scene5 .container{ width: 100%;padding: 50px 10px 20px;box-sizing: border-box; }
.scene5 .container h2 img{ width: auto !important;height: 31px !important; }
.scene5 .container .text{ margin: 20px 0 0;padding: 0; }
.scene5 .coverBlock{ width: 100%; }
.scene5 .carousel{ width: 100%;height: auto; }
.scene5 .carousel .carousel-item{ width: 100%;height: auto;float: none; }
.scene5 .carousel .carousel-item + .carousel-item{ padding: 10px 10px 0;box-sizing: border-box; }
.scene5 .carousel .carousel-item img{ width: 100%;height: auto; }
.scene5 .carousel .carousel-inner{ width: 100% !important;transform: none !important;height: auto; }
.scene5 .coverBlock .btn_pageslide,
.scene5 .coverBlock .carousel-pagination{ display: none !important; }

.scene6 .container{ width: 100%;padding: 20px 10px 50px;box-sizing: border-box;margin: 0; }
.scene6 .container .title-block{ float: none;width: 100%; }
.scene6 .container .text-block{ float: none;width: 100%; }
.scene6 h2 img{ width: auto !important;height: 65px !important; }
.scene6 .container .title-block .member{ margin-top: 20px; }
.scene6 .container .title-block .member .memberlist{ margin-top: 5px; }
.scene6 .container .text-block .grid .colL{ width: 100%;float: none; }
.scene6 .container .text-block .grid .colR{ width: 100%;float: none; }
.scene6 .container .text-block .grid .colR .comment-block{ display: table;table-layout: fixed; }
.scene6 .container .text-block .grid .colR .comment-block .comment-image{ float: none;display: table-cell;vertical-align: top; }
.scene6 .container .text-block .grid .colR .comment-block .comment-text{ float: none;width: 100%;box-sizing: border-box;padding-left: 10px;margin: 0;display: table-cell;vertical-align: top; }
.scene6 .container .text-block .image{ margin-top: 20px; }
.scene6 .container .text-block .image img{ width: 100%; }

.scene7 .container{ width: 100%;padding: 50px 10px 20px;box-sizing: border-box; }
.scene7 .container h2 img{ width: auto !important;height: 31px !important; }
.scene7 .container .text{ margin: 20px 0 0;padding: 0; }
.scene7 .coverBlock{ width: 100%; }
.scene7 .carousel{ width: 100%;height: auto; }
.scene7 .carousel .carousel-item{ width: 100%;height: auto;float: none; }
.scene7 .carousel .carousel-item + .carousel-item{ padding: 10px 10px 0;box-sizing: border-box; }
.scene7 .carousel .carousel-item img{ width: 100%;height: auto; }
.scene7 .carousel .carousel-inner{ width: 100% !important;transform: none !important;height: auto; }
.scene7 .coverBlock .btn_pageslide,
.scene7 .coverBlock .carousel-pagination{ display: none !important; }

.scene8 .container{ width: 100%;padding: 20px 10px 50px;box-sizing: border-box;margin: 0; }
.scene8 .container .title-block{ float: none;width: 100%; }
.scene8 .container .text-block{ float: none;width: 100%; }
.scene8 h2 img{ width: auto !important;height: 65px !important; }
.scene8 .container .title-block .member{ margin-top: 20px; }
.scene8 .container .title-block .member .memberlist{ margin-top: 5px; }
.scene8 .container .text-block .grid .colL{ width: 100%;float: none; }
.scene8 .container .text-block .grid .colL .text{ margin-top: 10px; }
.scene8 .container .text-block .grid .colR{ width: 100%;float: none; }
.scene8 .container .text-block .grid .colR .comment-block{ display: table;table-layout: fixed; }
.scene8 .container .text-block .grid .colR .comment-block .comment-image{ float: none;display: table-cell;vertical-align: top; }
.scene8 .container .text-block .grid .colR .comment-block .comment-text{ float: none;width: 100%;box-sizing: border-box;padding-left: 10px;margin: 0;display: table-cell;vertical-align: top; }
.scene8 .container .text-block .image{ margin-top: 20px; }
.scene8 .container .text-block .image img{ width: 100%; }
.scene8 .container .linkbutton{ margin-top: 20px; }
.scene8 .container .linkbutton img{ content: url("/areahighlights/kansai/koshienbowl/img/btn_flagfootbowl_sp.jpg");width: 100%;height: auto; }

.scene9 .container{ width: 100%;padding: 50px 10px 20px;box-sizing: border-box; }
.scene9 .container h2 img{ width: auto !important;height: 31px !important; }
.scene9 .container .text{ margin: 20px 0 0;padding: 0; }
.scene9 .coverBlock{ width: 100%; }
.scene9 .carousel{ width: 100%;height: auto; }
.scene9 .carousel .carousel-item{ width: 100%;height: auto;float: none; }
.scene9 .carousel .carousel-item + .carousel-item{ padding: 10px 10px 0;box-sizing: border-box; }
.scene9 .carousel .carousel-item img{ width: 100%;height: auto; }
.scene9 .carousel .carousel-inner{ width: 100% !important;transform: none !important;height: auto; }
.scene9 .coverBlock .btn_pageslide,
.scene9 .coverBlock .carousel-pagination{ display: none !important; }

.scene10 .container{ width: 100%;padding: 20px 10px 50px;box-sizing: border-box;margin: 0; }
.scene10 .container .title-block{ float: none;width: 100%; }
.scene10 .container .text-block{ float: none;width: 100%; }
.scene10 h2 img{ width: auto !important;height: 155px !important; }
.scene10 .container .title-block .member{ margin-top: 20px; }
.scene10 .container .title-block .member .memberlist{ margin-top: 5px; }
.scene10 .container .text-block .grid .colL{ width: 100%;float: none; }
.scene10 .container .text-block .grid .colL .text{ margin-top: 10px; }
.scene10 .container .text-block .grid .colR{ width: 100%;float: none; }
.scene10 .container .text-block .grid .colR .comment-block{ display: table;table-layout: fixed; }
.scene10 .container .text-block .grid .colR .comment-block .comment-image{ float: none;display: table-cell;vertical-align: top; }
.scene10 .container .text-block .grid .colR .comment-block .comment-text{ float: none;width: 100%;box-sizing: border-box;padding-left: 10px;margin: 0;display: table-cell;vertical-align: top; }
.scene10 .container .text-block .image{ margin-top: 20px; }
.scene10 .container .text-block .image img{ width: 100%; }

.scene11{ padding: 0; }
.scene11 .anchorLink{ display: none; }
.scene11 .mod_imgFullArea,
.scene11 .mod_imgFullArea .bgImgBox{ height: auto !important;position: static !important;overflow: hidden; }
.scene11 .mod_imgFullArea .bgImgBox img{ width: 150% !important;margin: 0 -25% !important; }

.scene12 .container{ width: 100%;padding: 50px 10px;box-sizing: border-box; }
.scene12 .container h2 img{ width: auto !important;height: 31px !important; }
.scene12 .container .text{ margin-top: 20px;padding: 0; }
.scene12 .container .paragraph{ margin-top: 20px;padding-top: 24px; }

.scene13{ width: 100%;padding: 0 10px 50px;box-sizing: border-box;border: none;margin: 0; }
.scene13 h2{ border-top: 1px solid #b32430;border-left: 1px solid #b32430;border-right: 1px solid #b32430;padding: 10px;margin: 0; }
.scene13 h2 img{ width: auto !important;height: 31px !important; }
.scene13 .container{ border-bottom: 1px solid #b32430;border-left: 1px solid #b32430;border-right: 1px solid #b32430;padding: 10px 10px 50%;background-size: 140% auto;background-position: center bottom; }
.scene13 .container .text{ padding: 0; }
.scene13 .container .linklist{ margin: 20px 0 0; }
.scene13 .container .image{ margin: 20px 0 0;padding: 0; }
.scene13 .container .image img{ width: 100%;height: auto; }
}


/***
  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; }
.scene13 .container .text.second{ margin-top: 10px; }
#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); }

  .businessBrunch .thumb img{ left: 5%;transform-origin: 85.2% center; }
  /* 個別対応 (img_range=-14%~114%=128%, img_move=50%->5%=+45%, center_line=50+45/128=85.2% ) */

  /*-- 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%; }
  }
}