@charset "UTF-8";
a {
  overflow: inherit;
}

/* Animation Speed ************************************************************************************************************* */
.icon,
.cNavList a,
.toEntry a,
.supEntryList a,
.toEntryList a {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

/* Btn UI ************************************************************************************************************* */
a.btn-color {
  vertical-align: middle;
  padding: 5px 10px;
  line-height: 1.4;
	
	display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    /* text-transform: uppercase; */
    text-shadow: 0 1px 1px #ffffff;
    /* letter-spacing: .1em; */
    padding: .4em .2em .6em .2em;
    border: 1px solid #bfbfbf;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #dadada);
    background-image: -moz-linear-gradient(top, #fdfdfd, #dadada);
    background-image: -ms-linear-gradient(top, #fdfdfd, #dadada);
    background-image: -o-linear-gradient(top, #fdfdfd, #dadada);
    background-image: linear-gradient(to bottom, #fdfdfd, #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd,endColorstr=#dadada);
    zoom: 1;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05),0 0 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

a.btn-color:link {
  color: #333 !important;
}

a.btn-color:visited {
  color: #333 !important;
}

a.btn-color:hover {
  color: #0c68c4 !important;
}

a.btn-color .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  background-image: url(../img/common/arrow_r.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
.pdfIcon{
  margin-left: 5px;
  width: 25px;
  vertical-align: middle;
}
.pdfIcon.-mini{
  width:20px;
  margin-left: 0px;
}

@media screen and (max-width: 640px) {
  /*SP*/
  a.btn-color .icon {
    width: 11px;
    height: 10px;
    background-image: url(../img/common/sign_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -22px;
  }
}
#main a.btn-color {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.0;
  padding: 10px 10px;
}

#main a.btn-color .icon {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.supEntryBtn,
.toEntry {
  margin-top: 1em;
  padding: 0;
  line-height: 0;
  text-align: center;
}

.toEntry a .overlay {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -200px;
  width: 200px;
  height: 88px;
  overflow: hidden;
  background: url(../img/common/overlay.png);
}

.supEntryBtn a,
.toEntry a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: .4em 0 .5em;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  filter: none !important;
  -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  color: #fff !important;
}

#my .supEntryBtn a,
#my .toEntry a {
	font-size: 13px;
}

#side .supEntryBtn a,
#side .toEntry span.btn-off,
#side .toEntry a {
  max-width: 242px;
  width: 100%;
}

#main .toEntry span.btn-off,
#main .toEntry a {
  width: 80%;
  max-width: 290px;
}

.toEntry a:hover,
.supEntryBtn a:hover,
.toEntryList a:hover {
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.toEntry a:active,
.supEntryBtn a:active {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

/* green */
a.btn-color-green {
  background-color: #10b045;
  border: 1px solid #0d8c37;
}

a.btn-color-green:hover {
  background-color: #0bd64f;
}

a.btn-color-green:active {
  background-color: #0bd64f;
  border: 1px solid #0b7d31;
}

/* red */
a.btn-color-red {
  /* background-color: #d75d00; */
  background-color: #cc4133;
  /* border: 1px solid #b04c00; */
  border: 1px solid #cc4133;
}

a.btn-color-red:hover {
  background-color: #eb5647;
}

a.btn-color-red:active {
  background-color: #cc4133;
  border: 1px solid #cc4133;
}

/* blue */
a.btn-color-blue {
  /* background-color: #105cb1; */
  background-color: #2064b1;
  border: 1px solid #0c498d;
  box-sizing: content-box;	
}

a.btn-color-blue:hover {
  background-color: #0b6ad6;
}

a.btn-color-blue:active {
  background-color: #0b6ad6;
  border: 1px solid #0b407d;
}

.toEntry span.btn-off {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: .4em 0 .5em;
  color: #999;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
  text-decoration: none;
  background: none;
  filter: none;
  -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  background-color: #ccc;
  border: 1px solid #c2c2c2;
}

.toList,
.more {
  float: right;
  margin: 10px 0 0 6px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .toList,
  .more {
    margin-right: 15px;
  }
}
@media screen and (max-width: 640px) {
  /*SP*/
  .toList,
  .more {
    display: inline-block;
    float: right;
    margin: 15px 12px 30px 0;
  }

  #main .btn a.btn-color {
    display: inline-block;
    max-width: 290px;
    /* min-width: 90px; */
	min-width: 60px;
    text-align: center;
  }

  .columnBox3 .more,
  #main .more,
  #side .more {
    display: inline-block;
    width: auto;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }
}
.columnBox .more {
  text-align: center;
  margin: 10px 0 20px;
}

.pagetop {
  position: fixed;
  display: inline-block;
  bottom: 46px;
  right: 46px;
  width: 50px;
  height: 50px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url(../img/common/icon_pagetop.png);
  background-repeat: no-repeat;
  line-height: 0;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  /*SP*/
  .pagetop {
    display: none !important;
  }
}
/* yellow */
/* Parent CSS Cancel ************************************************************************************************************* */
body {
  background: none;
}

#header {
  margin-bottom: 0;
}

#cContainer {
  position: relative;
  color: #444;
  font-size: 14px;
  line-height: 1.6;
  background-position: top center;
  background-color: whitesmoke;
}

@media screen and (max-width: 640px) {
  #cContainer {
    font-size: 14px;
  }
}

#cContents a {
  color: #005bac;
}

#cContents a:hover {
  color: #ed3f2f;
}

/* Font Family ************************************************************************************************************* */






body.my#ja #cContainerInner,
.my#ja h2,
.my#ja h3,
.my#ja .title,
.my#ja .ttl {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, 'Osaka', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.my#en #cContainerInner,
.my#en h2,
.my#en h3,
.my#en .title,
.my#en .ttl {
  font-family: 'Oswald', Helvetica, sans-serif;
}

body.my#cn_trd #cContainerInner,
.my#cn_trd h2,
.my#cn_trd h3,
.my#cn_trd .title,
.my#cn_trd .ttl {
  font-family: "Lantinghei SC","Microsoft JhengHei", sans-serif;
}

body.my#my #cContainerInner,
.my#my h2,
.my#my h3,
.my#my .title,
.my#my .ttl {
  font-family: "Lantinghei SC","Microsoft JhengHei", sans-serif;
}

/* Base width controll *
-------------------------------------------------*/
#cContainerInner {
  position: relative;
  width: auto;
  padding: 0;
  background: none;
}

#cContents,
.cVisualInner,
.cHeaderInner {
  max-width: 1006px;
  width: 100%;
  margin: 0 auto;
  border: none;
}

@media screen and (max-width: 640px) {
  #cContents,
  .cVisualInner,
  .cHeaderInner {
    max-width: auto !important;
  }
}
/* Content Header UI ************************************************************************************************************* */
.cHeader {
  width: 100%;
  margin: 0;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}

.cHeaderInner {
  position: relative;
  padding: .2em 0 .3em 0;
}

h2#cTIt {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  line-height: 0;
}

h2#cTIt a {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 146px;
  height: 60px;
  padding: 0;
  background-image: url(../img/common/logo_openmalaysia.svg);
  /*background-image: url(../img/common/logo_openmalaysia.png);*/
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 146px 60px;
  -moz-background-size: 146px 60px;
  background-size: 146px 60px;
  z-index: 10002;
}

@media screen and (max-width: 640px) {
  .cHeaderInner {
    padding: .2em 0 .2em 0;
  }

  h2#cTIt {
    margin: .2em 0 .1em .2em;
  }

  h2#cTIt a {
    width: 103px;
    height: 38px;
    -webkit-background-size: 93px 38px;
    -moz-background-size: 93px 38px;
    background-size: 93px 38px;
  }
}
/* share */
ul.share {
  float: left;
  display: block;
  width: 300px;
  margin: 15px 0 0 0;
  padding: 0;
}

ul.share li {
  float: left;
  display: inline-block;
  margin: 0 10px 0 0;
  line-height: 0;
  height: 24px;
  overflow: hidden;
}

#ja li.shareFb {
  width: 85px;
}

#en li.shareFb,
#cn_trd li.shareFb {
  width: 95px;
}

#ja li.shareTw,
#en li.shareTw,
#cn_trd li.shareTw {
  width: 60px;
}

li.shareLine {
  width: 100px;
}

@media screen and (max-width: 640px) {
  /* SP */
  ul.share {
    clear: both;
    float: none;
    display: block;
    width: auto;
    margin: 4px 0 0 0;
    padding: 14px 0 5px 5px;
  }

  #my li.shareTw {
	width: 60px;
    /* width: 46px; */
  }

  #my li.shareFb,
  #en li.shareFb {
    /* width: 38px; */
  }

  #en li.shareTw {
    width: 60px;
  }

  li.shareLine {
    display: inline-block;
    width: 30px;
  }

  li.shareLine a img {
    width: 20px;
    height: 20px;
  }
}
/* share */
.toInquiry {
  float: right;
  display: inline-block;
  margin: 11px 10px 0 0;
  display: inline-block;
  width: auto;
  min-width: 120px;
}

.toInquiry a.btn-color {
  padding: 4px 10px;
}

@media screen and (max-width: 640px) {
  .toInquiry {
    display: none;
  }
}
/* language navi */
.langNav {
  position: relative;
  display: block;
  float: right;
  width: 110px;
  color: #666;
  font-size: 14px;
  z-index: 10;
}

@media screen and (max-width: 640px) {
  .langNav {
    position: absolute;
    top: -2px;
    right: 0;
    float: none;
    margin-right: 4px;
  }
}
.langNav dt {
  display: block;
  margin: 11px 0 0 0;
  padding: 4px 10px;
  background-color: #ddd;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  text-align: right;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  .langNav dt {
    margin: 9px 0 0 0;
    padding: 6px 10px;
  }
}
.langNav dt span.icon {
  font-size: 8px;
  margin: 0 0 0 5px;
}

.langNav dd {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #f6f6f6;
}

.langNav dd ul,
.langNav dd ul li {
  display: block;
  z-index: 10004;
}

.langNav dd a {
  display: block;
  width: auto;
  border-top: 1px solid #ddd;
  padding: .7em .5em;
  text-align: right;
  z-index: 10004;
}

.langNav dt em,
.langNav dd a em {
  font-style: normal;
  margin: 0 0 0 .5em;
}

ul.socialNav {
  float: right;
  margin: 0 10px 0 0;
}

li.socialFb {
  margin: 11px 0;
  line-height: 0;
}

@media screen and (max-width: 640px) {
  ul.socialNav {
    display: none;
  }
}
/* Content Navi UI ************************************************************************************************************* */
#cNav {
  width: 100%;
  display: block;
  background-color: #cc4133;
  /* background-color: #2064b1; */
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

#cNav ul {
  display: table;
  width: 1008px;
  margin: 0 auto;
  line-height: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.cHeader #cNav ul {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#cNav li {
  display: table-cell;
  /* float: left; */
  /* width: 250px; */
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

#ja #cNav li {  /*width: 252px;*/  min-width: 80px; /* width: 168px; */ }
#en #cNav li { /*width: 252px;*/   min-width: 80px; /* width: 168px; */ }
#cn_trd #cNav li { /*width: 252px;*/  min-width: 80px;  /* width: 168px; */ }/* または168px */
#my #cNav li { /* width: 252px; */ min-width: 100px; }

@media screen and (max-width: 640px) {
  #ja #cNav li,
  #en #cNav li,
  #cn_trd #cNav li {
    width: auto;
  }
}

/*
#cNav li.cNavInquiry {
  display: none;
}
*/

#cNav .icon {
  display: none;
}

#cNav a,
#cNav span {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  display: block;
  /* min-width: 156px; */
  /* line-height: 1.2; */
  line-height: 38px;
  /* padding: .8em .5em; */
  text-align: center;
  text-decoration: none;
}

#en #cNav a,
#en #cNav span {
  font-size: 16px;
}

/*
#en #cNav .cNavOutline a,
#en #cNav .cNavOutline span,
*/
#en #cNav .cNavReccomendhotel a,
#en #cNav .cNavReccomendhotel span {
  font-size: 14px;
}

.cNavStart {
  position: relative;
  display: none;
}

.cNavList a,
.entryBtn a,
.supEntryBtn a {
  /*
  background-image: url(../img/common/overlay.png);
  background-position: center;
  background-size: 85px 82px;
  background-size: 0 0;
  background-repeat: no-repeat;
  */
  /*
  background-image: url(../img/common/overlay.png);
  background-position: right -108px bottom -120px;
  background-repeat: no-repeat;
  */
}

.cNavList a:hover,
.entryBtn a:hover,
.supEntryBtn a:hover {
  /* background-position: right -8px bottom -20px; */
  background-position: center;
}

@media screen and (max-width: 640px) {
  #cNav {
    position: absolute;
    top: 91px;
    right: 0;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 1;
	font-size: 14px;
  }

  .cNavStart {
    position: absolute;
    top: -43px;
    right: 0;
  }

  #cNav ul {
    clear: both;
    display: none;
    float: right;
    width: 80%;
    margin: 0 4px 0 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(204, 65, 51, 0.95);
  }

  #cNav li {
    float: none;
    display: block;
    width: auto;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  /*
  #cNav li.cNavInquiry {
    display: block;
  }
  */

  #cNav a,
  #cNav span {
    position: relative;
    display: block;
    width: auto;
    padding: 1em .5em;
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
  }

  #en #cNav a,
  #en #cNav span {
	  font-size: 14px;
  }

  #cNav ul .icon {
    position: absolute;
    top: 35%;
    right: 10px;
    display: inline-block;
    width: 12px;
    height: 12px;
    z-index: 1000;
    background-image: url(../img/common/sign_sprite.png);
    background-repeat: no-repeat;
    background-position: -77px -22px;
  }

  .cNavStart {
    float: right;
    display: block;
    width: auto;
    margin: 0 4px 0 0;
    padding: 12px 10px;
	background: #cc4133;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }

  #cNav .cNavStart span.cNavStartTxt {
    display: inline-block;
    min-width: 40px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
  }

  #cNav .cNavStart .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: top;
    background-image: url(../img/common/sign_sprite.png);
    background-repeat: no-repeat;
    background-position: -77px -44px;
  }

  #cNav .cNavStart.act .icon {
    background-position: -77px -55px;
  }

  .cNavList a,
  .entryBtn a,
  .supEntryBtn a{
    background-image: none;
  }
}
#cNav a:hover {
  background-color: #eb5647;
  /* background-color: #387bc6; */
}

#cNav span {
  color: #9e1a0d;
  /* color: #0b4c95; */
}

.cSNav {
  position: fixed;
  top: 28%;
  right: 0;
  z-index: 10000;
}

.cSNav a {
  display: block;
  color: #444;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  background-color: #e8e9ed;
}

.cSNav a:hover {
  color: #ffcc00;
  background-color: #f2fdff;
}

li.cSNavRec a .icon {
  float: left;
  vertical-align: top;
  margin: 5px .1em 0 5px;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(../img/common/sprites.png);
  background-repeat: no-repeat;
  background-position: -36px -35px;
}

@media screen and (max-width: 640px) {
  .cSNav {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  /*
  #ja #cNav .cNavResult span,
  #ja #cNav .cNavResult a,
  #ja #cNav .cNavGallery span,
  #ja #cNav .cNavGallery a,
  #ja #cNav .cNavOutline span,
  #ja #cNav .cNavOutline a {
    max-width: 100px;
    min-width: 100px;
  }

  #my #cNav .cNavResult span,
  #my #cNav .cNavResult a,
  #my #cNav .cNavGallery span,
  #my #cNav .cNavGallery a {
    max-width: 80px;
    min-width: 80px;
  }

  #en #cNav a,
  #en #cNav span {
    font-size: 16px;
    min-width: 186px;
    padding: .7em .5em;
  }

  #en #cNav .cNavAboutEntry a,
  #en #cNav .cNavResult span,
  #en #cNav .cNavResult a,
  #en #cNav .cNavGallery span,
  #en #cNav .cNavGallery a {
    max-width: 100px;
    min-width: 100px;
  }
  */
}
/* cNav detail  size */
/* lang korean */
/* Main Visual UI ************************************************************************************************************* */
.cVisual {
  width: 100%;
  height: 330px;
  padding: 0;
  /* background-color: #111; */
  background-color: #d9d2d3;
  overflow: hidden;
}

.cVisualInner {
  position: relative;
  line-height: 0;
}

.cVisual img.cVisualImg {
  max-height: 373px;
}

.cVisualInner {
  opacity: 1;
  -webkit-animation-name: ani-cVisualInner;
  -moz-animation-name: ani-cVisualInner;
  -ms-animation-name: ani-cVisualInner;
  -o-animation-name: ani-cVisualInner;
  animation-name: ani-cVisualInner;
  -webkit-animation-duration: 1.614s;
  -moz-animation-duration: 1.614s;
  -ms-animation-duration: 1.614s;
  -o-animation-duration: 1.614s;
  animation-duration: 1.614s;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -ms-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ani-cVisualInner {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes ani-cVisualInner {
  0% {
    -moz-transform: translate3d(0, 0);
    opacity: 0;
  }

  100% {
    -moz-transform: translate3d(0, 0);
    opacity: 1;
  }
}

@-ms-keyframes ani-cVisualInner {
  0% {
    -ms-transform: translate3d(0, 0);
    opacity: 0;
  }

  100% {
    -ms-transform: translate3d(0, 0);
    opacity: 1;
  }
}

@keyframes ani-cVisualInner {
  0% {
    transform: translate3d(0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0);
    opacity: 1;
  }
}

.cVisual .toEntry {
  position: absolute;
  left: 70px;
  bottom: 80px;
}

.cVisual .toEntry a {
  width: 400px;
}

.cVisual p.entryListInfo {
  position: absolute;
  left: 70px;
  bottom: 45px;
  width: 460px;
  text-align: center;
}

.cVisual p.entryListInfo a {
  display: inline-block;
  color: #0076de;
  font-weight: 800;
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.4);
}

.cVisual p.entryListInfo a:visited {
  color: #0076de;
}

.cVisual p.entryListInfo a:hover {
  color: #ed3f2f;
}

@media screen and (max-width: 640px) {
  .cVisual {
    height: auto !important;
    background: none;
  }

  .cVisual img.cVisualImg {
    max-height: auto !important;
    min-height: 100px;
    width: 100%;
  }

  .toEntry {
    width: 100%;
    margin: .5em auto;
    padding: 0;
    text-align: center;
  }

  .cVisual .toEntry {
    position: static !important;
  }

  .cVisual .toEntry a {
    width: auto;
  }

  .cVisual p.entryListInfo {
    position: inherit;
    left: 0;
    bottom: 0;
    width: auto;
    margin: 0 0 .5em 0;
    text-align: center;
  }

  .cVisual p.entryListInfo a {
    display: inline-block;
    color: #0076de;
    font-weight: 800;
    padding: 2px 5px;
    background: none !important;
  }

  .cVisual p.entryListInfo a:visited {
    color: #0076de;
  }

  .cVisual p.entryListInfo a:hover {
    color: #ed3f2f;
  }
}
/* Contents UI ************************************************************************************************************* */
#cContents {
  position: relative;
  padding: 0 0 25px 0;
  min-height: 670px;
}

#main {
  float: left;
  width: 71.35918367346939%;
  /*715px 780px*/
  padding: 0 0 20px 0;
}

#side {
  position: relative;
  float: right;
  width: 26.52020408163265%;
  /*250px*/
}

@media screen and (max-width: 640px) {
  /*SP*/
  #cContents {
    padding: 0;
  }

  #main,
  #side {
    float: none;
    width: auto;
  }

  .top #main {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 641px) {
  /*SP*/
  .entryListTop {
    display: none;
  }
}
/* top page EntryList */
.entryListTop .toEntry span.btn-off,
.entryListTop .toEntry a {
  max-width: 242px;
  width: 100%;
}

.entryListTop .toEntryList {
  max-width: 242px;
  margin: 10px auto !important;
  padding: 0 10px;
  text-align: right;
}

.entryListTop .toEntryList span,
.entryListTop .toEntryList a {
  padding: 5px;
  background-color: rgba(80, 80, 80, 0.1);
}

@media screen and (max-width: 640px) {
  .entryListTop .toEntryList span,
  .entryListTop .toEntryList a {
    padding: 5px 10px;
  }
}

.entryListTop .toEntryList span {
  color: #c4c4c4;
}

/* Article UI ************************************************************************************************************* */
@media screen and (max-width: 1024px) {
  /* iPad & SP */
  div.news h2.pageTit {
    display: none;
  }
}
/* archive List */
.articleList {
  clear: both;
  margin: 0 0 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.articleBox {
  position: relative;
  border-bottom: 1px solid #e8e9ed;
  padding: 12px;
}

.articleBox a {
  display: inline-block;
  text-decoration: none;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  /* iPad */
  .articleList {
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  /*SP*/
  .articleList {
    overflow: hidden;
  }
}
@media screen and (min-width: 641px) {
  /*PC*/
  .columnImg,
  .articleBox a .articleImg,
  .entryBody a.imgLink img {
    -webkit-box-shadow: 0 4px #d4d4d4;
    -moz-box-shadow: 0 4px #d4d4d4;
    box-shadow: 0 4px #d4d4d4;
  }

  .articleBox a:hover .articleImg,
  .entryBody a:hover.imgLink img {
    -webkit-box-shadow: 0 4px #1681de;
    -moz-box-shadow: 0 4px #1681de;
    box-shadow: 0 4px #1681de;
  }
}
.entrySummary {
  position: relative;
  float: right;
  width: 84.5%;
}

.entryTit {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

.entryMeta {
  float: left;
  display: inline-block;
  width: 15.5%;
  max-height: 90px;
}

@media screen and (max-width: 640px) {
  /*SP*/
  .entrySummary {
    position: relative;
    float: none;
    width: auto;
  }

  .entryMeta {
    float: none;
    display: inline-block;
    width: auto;
    max-height: 90px;
  }
}
.entryDate {
  color: #8996a1;
  font-size: 14px;
  line-height: 1.2;
  display: block;
}

ul.entryCat {
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  margin: 0 0 0 10px;
}

ul.entryCat li {
  display: inline-block;
  float: left;
  color: #fff;
  margin: 0 5px 0 0;
  padding: 0 5px;
  background-color: #fff;
}

/* category Color */
@media screen and (max-width: 640px) {
  /*SP*/
  .articleList {
    margin: 0 0 15px 0;
  }

  .articleBox {
    padding: 7px 12px;
    border-bottom: 1px solid #e8e9ed;
  }

  /*
  .articleBox a {
    padding: .7em 2.3em .2em .7em;
  }
  */

  .articleImg {
    max-height: 50px;
    margin: 0 4% 0 0;
  }

  .entrySummary {
    position: inherit;
    float: none;
    width: auto;
    padding-top: 0;
  }

  .entryMeta {
    clear: both;
    display: block;
    position: inherit;
    top: auto;
    min-width: auto;
    padding: 0 0 .5em .1em;
  }

  .entryDate {
    font-size: 12px;
    line-height: 1.0;
    margin: 4px .5em 0 0;
  }

  ul.entryCat {
    font-size: 10px;
    margin: 0;
  }

  ul.entryCat li {
    margin: 0 .2em 0 0;
    padding: 0 .3em;
  }

  .entryTit {
    min-height: 15px;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 .3em 0;
  }

  .articleBox a .entryTit {
    font-size: 14px;
    min-width: 100px;
    /*display: inline-block;
    width: 69%;*/
  }
}

.textStrong {
	color: #da0000;
	font-weight: bold;
}

.textStrong_red {
	color: #da0000;
}

.textStrong_blue {
	color: #336eb5;
}

.textMore {
	font-size: 18px;
	text-align: center;
}

.box {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.boxInnr {
  background-color: #fff;
  padding: 10px 20px 20px 20px;
}

@media screen and (max-width: 640px) {
  .boxInnr {
    padding: 7px 10px 20px 10px;
  }
}
.pageTit {
  font-size: 28px;
  font-weight: 800;
  background-image: url(../img/common/double_border.png);
  background-repeat: repeat-x;
  background-position: 0 15px;
  margin: 20px 0 5px 0;
  padding: 0;
  line-height: 0;
}

.pageTit em {
  display: inline-block;
  background-color: whitesmoke;
  margin: 0;
  padding: 0 .5em 0 0;
  font-style: normal;
  line-height: 1.2;
}

@media screen and (max-width: 640px) {
  .pageTit {
    font-size: 16px;
    font-weight: 800;
    background-image: url(../img/common/double_border.png);
    background-repeat: repeat-x;
    background-position: 0 10px;
    margin: 20px 0 5px 2em;
    padding: 0;
    line-height: 0;
    padding-left: 25px;
    text-indent: -25px;
  }
}
/* only top */
.boxTit {
  font-size: 18px;
  font-weight: 800;
  background-image: url(../img/common/double_border.png);
  background-repeat: repeat-x;
  background-position: 0 15px;
  margin: 15px 0 5px 0;
  padding: 0;
  line-height: 0;
}

@media screen and (max-width: 640px) {
  .boxTit {
    font-size: 16px;
    margin-bottom: .2em;
    padding: 0 5px 0 0;
    background-position: 0 10px;
  }
}
.boxTit em {
  display: inline-block;
  background-color: whitesmoke;
  margin: 0;
  padding: 2px .5em 0 .5em;
  font-style: normal;
  line-height: 1.2;
}

.pageTit .icon,
.boxTit .icon {
  vertical-align: middle;
  margin: 0 .3em 0 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(../img/common/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media screen and (max-width: 640px) {
  .pageTit .icon,
  .boxTit .icon {
    margin: 0 .2em 0 0;
    width: 22px;
    height: 22px;
    background-image: url(../img/common/sprites.png);
    -webkit-background-size: 64px 45px;
    -moz-background-size: 64px 45px;
    background-size: 64px 45px;
  }
}
.boxInnr .boxTit {
  font-size: 16px;
  font-weight: 800;
  background: none;
  background-color: #eff6ff;
  margin: 20px 0 10px 0;
  padding: 7px 10px;
  line-height: 0;
}

.result .boxInnr .boxTit {
  margin: 10px 0;
}

@media screen and (max-width: 640px) {
  .boxInnr .boxTit {
    font-size: 14px;
    margin-bottom: .5em;
  }
}
.boxInnr .boxTit em {
  display: inline-block;
  background: none;
  margin: 0;
  padding: 0;
  font-style: normal;
  line-height: 1.2;
}

p.outModTxt {
  margin: .5em 0 .5em .7em;
}

ul.outlineList,
ol.outlineList {
  margin: 0 0 0 .4em;
}

.outModBox ul.outlineList,
.outModBox ol.outlineList {
  margin: 0;
}

li.outlineListLi {
  margin: .5em 0 0 0;
}

ul li.outlineListLi {
  list-style: square;
  margin: 0 0 0 1.4em;
  border-bottom: 1px solid #e8e9ed;
  padding: .3em 0;
}

ol li.outlineListLi {
  border-bottom: 1px solid #e8e9ed;
  padding: 3px 0 7px 1.4em;
}

ol.outlineList2 {
  text-indent: 0;
}

ol.outlineList2 li.outlineListLi2 {
  margin-top: .5em;
  margin-left: 1.5em;
  list-style: decimal;
}

ul.outlineList li.outlineListLi {
  margin: 0 10px 0 17px;
}

.outModInfoBox {
  margin: 0 0 .5em .4em;
  padding: .3em 0;
}

span.order {
  color: #336eb5;
  font-size: 16px;
  font-weight: 800;
  line-height: .9;
  margin: 0 4px 0 0;
}
.indent_list{
  text-indent: -1.4em;
}
.outlineListLi ul li{
  margin-bottom: 10px;
}

/* ルール　リスト */
.boxList{
  margin-bottom: 25px;
}
.boxList_item{
  border-bottom: 1px solid #e8e9ed;
  padding: 9px 0 6px;
  text-indent: -1.3em;
  padding-left: 1.2em;
}
.boxList_item.-bdnone , .innerList_item.-bdnone {
  border: none;
}
.boxList_item.-indent{
  padding-left: 1rem;
  text-indent: -1rem;
}
.innerList{

}
.innerList_item{
  border-bottom: 1px solid #e8e9ed;
  padding: 9px 0 6px;
  list-style: square;
  margin-left: 20px;
}




@media screen and (max-width: 640px) {
  span.order {
    font-size: 14px;
  }
}
.outModBox {
  padding: 0;
}

.boxInnr .outModBox {
  margin: 0;
}

.outModBoxTit {
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3em;
  border-left: 4px solid #ccc;
  margin-top: 15px;
  padding-left: .5em;
  vertical-align: top;
}

.outModBoxTit span.mark {
  font-size: 14px;
  line-height: 1.8;
  vertical-align: top;
  margin: 0 .4em 0 0;
}

p.or {
  font-size: 120%;
  font-weight: normal;
  margin: 0 0 .5em 1em;
}

@media screen and (max-width: 640px) {
  p.or {
    position: relative;
    border-bottom: 1px dashed #ddd;
    margin: .4em .5em .8em .5em;
    padding: .9em 0 0 0;
  }

  p.or span {
    position: absolute;
    top: 0;
    left: 48%;
    color: #666;
    font-style: italic;
    text-align: center;
    background-color: #f2f4f5;
  }
}
/* --- Flash ---------------------------- */
.bnrFlash {
  display: none;
}

/* --- Outline ---------------------------- */
.outModList {
  background-color: #fff;
  padding: 10px 20px 10px 20px;
}

@media screen and (max-width: 640px) {
  .outModList {
    padding: 7px 12px;
  }
}
.boxInnr .outModList {
  padding: 0;
}

.outModBoxAbout .outlineImg {
  display: inline-block;
  float: left;
  line-height: 0;
}

.outModBoxAbout .outlineImg img {
  width: 140px;
  height: 115px;
  padding-right: 15px;
}

.outModBoxTxt {
  margin-top: .5em;
}

.modMap {
  margin-top: 10px;
}

#mapCanvas {
  width: 100%;
  min-height: 350px;
}

@media screen and (max-width: 640px) {
  #mapCanvas {
    width: auto;
    min-width: 280px;
    min-height: 200px;
  }
}

/* --- Prize ---------------------------- */
.prizeTotal {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 5px;
}

.prizeTotal em {
  color: #222;
  font-size: 18px;
  font-style: normal;
}

@media screen and (max-width: 640px) {
  .prizeTotal {
    font-size: 12px;
    margin-left: 12px;
  }

  .prizeTotal em {
    font-size: 16px;
  }
}
.aboutUnit {
  float: right;
  color: #888;
  font-size: 12px;
  padding-top: 5px;
  text-align: right;
}

table.outModBoxTable {
  clear: both;
  width: 100%;
  background-color: #fff;
  border-right: 1px solid #e8e9ed;
  -webkit-text-size-adjust: 100%;
}

table.outModBoxTable th,
table.outModBoxTable td {
  padding: .4em;
  border-bottom: 1px solid #e8e9ed;
  border-left: 1px solid #e8e9ed;
}

table.outModBoxTable .playerImgBig,
table.outModBoxTable .playerImgSmall {
	margin-top: 10px;
}

table.outModBoxTable .playerImgBig {
	width: 400px;
}

table.outModBoxTable .playerImgSmall {
	width: 230px;
}

table.outModBoxTable .tdHalf {
	width: 250px;
}
.-margin10{
  margin: 10px 0;
}
.BT1{
  border-top: 1px solid #e8e9ed;
}

@media screen and (max-width: 640px) {
  table.outModBoxTable {
    font-size: 8px;
    margin: .5em 0 0 0;
  }

  table.outModBoxTable th,
  table.outModBoxTable td {
    padding: .4em .2em;
	vertical-align: middle;
  }

  table.outModBoxTable .playerImgBig,
  table.outModBoxTable .playerImgSmall {
    width: 100%;
  }
}
.tablePrize td {
  text-align: center;
}

.tablePrize .total td {
  font-size: 18px;
  font-weight: bold;
}

.tablePrize .tableStrong {
  background: #c21706;
}

@media screen and (max-width: 640px) {
  .tablePrize .total td {
    font-size: 10px;
  }
}

table.outModBoxTable thead th {
  /* color: #444; */
  color: #fff;
  text-align: center;
  font-weight: bold;
  /* background-color: #007326; */
  /* background-color: #cc4133; */
  /* background-color: #e7d219; */
  /* background-color: #ffd321; */
  background-color: #336eb5;
  /* blue 005bac */
}

table.outModBoxTable thead tr.tableHead th {
  background-color: #555;
  color: #fff;
}

table.outModBoxTable th h5 {
  font-size: 14px;
  font-weight: 800;
}

th.non {
  text-indent: -9999px;
  width: 20%;
}

table.outModBoxTable tbody th {
  color: #555;
  text-align: center;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.9);
  vertical-align: middle;
  background-color: #dadada;
  font-weight: bold;
}

.gameformat table.outModBoxTable tbody th,
.prize table.outModBoxTable tbody th,
.reccomendhotel table.outModBoxTable tbody th {
	width: 30%;
}

table.tablePrizeTotal {
  margin-top: 5px;
  margin-bottom: 15px;
}

table.tablePrizeTotal tbody th,
table.tablePrizeTotal tbody td {
  background: #cc4133;
  text-shadow: none;
  color: #fff;
}

table.tablePrizeTotal tbody td {
  font-size: 18px;
}

@media screen and (max-width: 640px) {
  table.tablePrizeTotal tbody td {
    font-size: 10px;
  }
}

th.eachGame {
  color: #666;
}

th.eachCat {
  vertical-align:middle;
}

img.playerImg {
  margin: 5px 0 2px;
}

/* --- Entry ---------------------------- */

.branch .entryArea {
  display: none;
}

.branch .outModBox ul {
  margin-left: 38px;
}

.branch .outModBox li {
  float: left;
  width: 300px;
  height: 150px;
}

.branch .note {
  width: 85%;
  margin: 10px auto 0;
  line-height: 1.6;
  text-align: left;
  font-size: 12px;
}

.branch #main .toEntry span.btn-off,
.branch #main .toEntry a {
  width: 85%;
}

@media screen and (max-width: 640px) {
  .branch .outModBox ul {
    margin-left: 0;
  }

  .branch .outModBox li {
    width: 100%;
    height: auto;
  }

  .branch .outModBoxTxt {
    font-size: 14px;
  }

  .branch .outModBoxTxt a {
    display: inline;
  }
}

/* --- Simultaneous ---------------------------- */
/* Grid UI ************************************************************************************************************* */
.gridList {
  line-height: 0;
  padding: 0;
}

.gridBox {
  opacity: 10;
  float: left;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: inherit;
  background: none;
}

.gridBox a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0;
  line-height: 0;
  background-color: #fefefe;
}

/* Grid 2 Column (Recruit&Contact) */
.grid2 {
  width: 94%;
  margin: 0 auto;
}

.grid2 .gridBox {
  width: 50%;
  /*margin: 0 0.542%;*/
}

.grid2 .gridBox a {
  border-bottom: 1px solid #e8e9ed;
}

.grid2 .gridBox a em {
  font-style: normal;
}

.grid2.gridListSim .gridBox {
  width: 49%;
}

.gridListSim {
  margin-top: 45px;
}

.girdBoxWorld {
  float: left;
}

.girdBoxSLeague {
  float: left;
}

.girdBoxCC1K {
  float: right;
}

.grid2 .simdate {
  position: absolute;
  top: -15px;
  left: 0;
}

@media screen and (max-width: 640px) {
  .grid2 .simdate {
    display: inline-block;
    top: -34px;
    line-height: 1.2;
  }
}
.grid2 .bnrImg {
  width: 100%;
  height: auto;
}

.grid2 .bnrImg img {
  width: 100%;
  max-width: 350px;
}

/* --- Timetable ---------------------------- */
.outline .outModBox,
.gameformat .outModBox {
  background-color: white;
  margin: 0 0 2px 0;
  padding: 0;
}

.outline .outModBox .outModBoxTit,
/* .gameformat .outModBox .outModBoxTit {*/
.gameformat .outModBoxTit {
  margin-bottom: 10px;
}

.modMiniBoxList {
  /* width: 350px; */
  margin-top: 5px;
  padding-bottom: 4px;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 640px) {
  /* SP */
  .outline .outModBox {
    padding: 0 7px;
  }

  .modMiniBoxList {
    width: auto;
  }
}
.modMiniBoxList dt {
  clear: both;
  float: left;
  text-align: left;
}

.modMiniBoxList dd {
  float: left;
  text-align: left;
}

.sleague dl.modMiniBoxList dt,
.outline dl.modMiniBoxList dt {
  width: 35%;
}
.sleague dl.modMiniBoxList dd,
.outline dl.modMiniBoxList dd {
  width: 56%;
  padding: 0 0 0 4%;
}

@media screen and (max-width: 640px) {
  /* SP */
  .modMiniBox {
    width: 100%;
  }
  .sleague dl.modMiniBoxList dt,
  .outline dl.modMiniBoxList dt {
    width: 30%;
  }
  .sleague dl.modMiniBoxList dd,
  .outline dl.modMiniBoxList dd {
    width: 66%;
    padding: 0 0 0 4%;
  }
}
/* --- About Tournament ---------------------------- */
.tableAboutTournament tbody th {
  min-width: 90px;
}

.tableAboutTournament tbody td {
  text-align: center;
	vertical-align: middle;
}

.tableAboutTournament .textLeft {
  text-align: left;
}

.tableAboutTournament .textLeft ul {
  list-style-position: outside;
  margin-left: 1em;
}

.tableAboutTournament .textLeft ul li {
  position: relative;
}

.tableAboutTournament .textLeft ul li:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "・";
}

.tableAboutTournament .prizeAnnotation {
  text-align: right;
}

.tableAboutTournament #tableAboutNationalTournamentWrapper {
  margin: 15px 10px;
}

.tableAboutTournament .tableAboutNationalTournament thead th {
  text-shadow: none;
}

@media screen and (max-width: 640px) {
  /* SP */
  .tableAboutTournament tbody th {
    min-width: 50px;
  }
}
/* --- TOURNAMENT RULES ---------------------------- */
/* --- ABOUT ENTRY ---------------------------- */
/* --- RecommendHotel Area ---------------------------- */

#recommendHotel h3.outModTit .inner {
  display: inline-block;
  /*background-image: url(img/bg2.jpg);*/
  background-color: #f5f5f5;
  margin: 0;
  padding: 0 .4em 0 0;
}
.outMod2 {
  background-color: #f5f5f5;
  /*background-image: url(img/bg_gla.jpg);*/
  background-position: 0 0;
  margin: 0;
  padding:0 0 1em 0;
  /*-webkit-box-shadow:0 3px 5px #ebebeb inset;
  -moz-box-shadow:0 3px 5px #ebebeb inset;
  box-shadow:0 3px 5px #ebebeb inset;*/
}
@media screen and (max-width:640px){/* SP */
  .outMod2 {
    margin: .5em 0 0 0;
  }
}
h3.outModTit2 {
  display: block;
  /*color: #666;*/
  color: #005bac;
  font-size:24px;
  /*font-style: italic;*/
  font-weight: 800;
  text-shadow: -1px -1px #fff;
  margin-bottom:.5em;
  padding: 0 .5em;
}
h3.outModTit2 .icon {
  vertical-align: top;
  margin: 5px .3em 0 5px;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(../css/img/sprites.png);
  background-repeat: no-repeat;
  background-position: 2px -34px;
}
@media screen and (max-width:640px){/* SP */
  h3.outModTit2 {
    font-size: 20px;
    margin-bottom: .5em;
    padding: 0;
  }
  h3.outModTit2 .icon {
    vertical-align: top;
    margin: 5px .1em 0 5px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../css/img/sprites@2.png);
    background-repeat: no-repeat;
    background-position: 2px -30px;
    -webkit-background-size: 86px 86px;
    -moz-background-size: 86px 86px;
    background-size: 86px 86px;
  }
}
h3.outModTit2 .inner {
  display: inline-block;
  /*background-image: url(img/bg2.jpg);
  background-color: #f2f4f5;*/
  margin: 0;
  padding: 0 .4em 0 0;
}

.mod {
  position: relative;
  margin: 0 0 1em 10px;
  padding: 48px .5em .3em .5em;
  background-color: #fff;/*f8f8f8*/
  /*border-bottom: 1px solid #ccc;*/
}
@media screen and (max-width:640px){/* SP */
  .mod {
    margin: 0 10px 1em 10px;
    padding-top: 40px;
  }
}
h4.modTit {
  position: absolute;
  top: 10px;
  left: -10px;
  color:#fff;
  display: block;
  background-color: #777; /*777 005bac*/
  /*margin: 0 0 .5em 0;*/
  /*padding:.3em .5em;
  background-color: #fff;*/
}
h4.modTit a {
  display: block;
  padding: 0 1.4em;
}
h4.modTit a:link,
h4.modTit a:visited,
h4.modTit a:hover,
h4.modTit a:active {
  color: #fff !important;
  text-decoration: none;
}
.modBox {
  width: 100%;
  border-top: 1px solid #eee;
  vertical-align: bottom;
  /*700px*/
  /*border:1px solid #ccc;*/
}
h5.modBoxTit,
.modBoxTxt {
  line-height: 1.4;
  padding: .2em 1%;
}
h5.modBoxTit {
  float: left;
  font-weight: normal;
  font-size: 16px;
  width: 24%;
}
.modBoxTxt {
  float: left;
  width: 72%;
}
.modBoxTxt a {
  padding: .2em 0;
  word-break: break-all;
}

table.outModBoxTable.tableEntry {
  margin-top: 6px;
  border-top: 1px solid #e8e9ed;
}

table.outModBoxTable.tableEntry th {
  vertical-align: middle;
}

table.outModBoxTable.tableEntry td {
  padding-left: 10px;
}

@media screen and (max-width:640px){/* SP */
  table.outModBoxTable.tableEntry {
    font-size: 12px;
  }
}

.annotationTit {
  margin: 25px 0 10px 0;
  font-weight: 800;
}

.aboutEtc {
  margin-top: 15px;
}

.aboutEtcList {
  word-break: break-all;
}

.aboutEtcList dt {
  /* color: #007326; */
  color: #336eb5;
  font-weight: 800;
}

.annotationList {
  margin: 10px 0;
}

.annotationList li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

.annotationListS {
	margin: 10px 0 20px 0;
}

p.outlineAnnotation {
  color: #666;
  margin: 0 0 0 .4em;
  padding: .3em 0 0 0;
}

.sLeagueImg {
  margin-top: 10px;
}

.sLeagueImg img {
  width: 100%;
  max-width: 678px;
}

.sLeagueImgTop {
  margin-top: 20px;
  text-align: center;
}

.sLeagueImgTop img {
  width: 100%;
  max-width: 450px;
}

.sLeagueImgBtm {
  margin-top: 15px;
  text-align: center;
  border-top: 1px solid #dbdbdb;
  padding-top: 20px;
}

.sLeagueImgBtm img {
  width: 100%;
  max-width: 450px;
}

/* --- Entrylist ---------------------------- */

.entrylist .outModBoxTable th,
.entrylist .outModBoxTable td {
  vertical-align: middle;
}

#entrylistDisplayBtn {
  width: 100%;
  margin: 10px auto 20px;
}

#entrylistDisplayBtn li {
  float: left;
  /* width: 224px; */
  width: 49.8%;
  padding: .4em 0 .5em;
  background: #cc4133;
  -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 26px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  filter: none !important;
  color: #fff;
  -webkit-transition: background .1s ease-in-out;
  -moz-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
}

#entrylistDisplayBtn .btnLeft {
  -webkit-border-radius: .2em 0 0 .2em;
  -moz-border-radius: .2em 0 0 .2em;
  border-radius: .2em 0 0 .2em;
}

#entrylistDisplayBtn .btnRight {
  -webkit-border-radius: 0 .2em .2em 0;
  -moz-border-radius: 0 .2em .2em 0;
  border-radius: 0 .2em .2em 0;
}

#entrylistDisplayBtn .btnOff:hover {
  background: #eb5647;
  cursor: pointer;
}

#entrylistDisplayBtn .btnOn {
  background-color: #eb5647;
}

#entrylistDisplayBtn .btnOff:active {
  position: relative;
  top: 2px;
  left: 0;
  background-color: #eb5647;
  line-height: 24px;
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}

#entrylistDisplayBtn .btnOff:active {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

#entrylistDisplayBtn .btnLeft,
#entrylistDisplayBtn .btnMiddle {
	border-right: 1px solid #a33429;
}

#entrylistDisplayBtn .btnMiddle,
#entrylistDisplayBtn .btnRight {
	border-left: 1px solid #db7a70;
}

.displayOff { display: none; }
.displayOn { display: table; }

@media screen and (max-width: 640px) {
  #entrylistDisplayBtn {
    max-width: 400px;
  }

  #entrylistDisplayBtn li {
    width: 49.6%;
    padding: .4em 0 .8em;
    font-size: 12px;
    line-height: normal;
    -webkit-text-size-adjust: none;
  }

  #entrylistDisplayBtn li div {
    width: 100px;
	margin: 0 auto;
  }

  #entrylistDisplayBtn .btnOn,
  #entrylistDisplayBtn .btnOff:active {
	line-height: normal;
  }

  #entrylistDisplayBtn .btnOff:hover {
    background: #cc4133;
  }
}

/* --- SUPER LEAGUE CHAMPIONSHIP ---------------------------- */

/* --- Gallery ---------------------------- */
#main .movieArea	{
	margin-top:10px;
	clear:both;
	float:left;
	}

@media screen and (max-width:640px){/* SP */
#main .movieArea	{
	width:auto;
	max-width:100%;
	max-hight:100%;
	clear:both;
}

#main .movieArea .vWrap{
position: relative;
margin-bottom: 0;
overflow: hidden;
}

#main .movieArea .vWrap iframe {
	width:auto;
}
}

#main .movieTitle {
	float:left;
	margin:10px 0;
	}

#main .movieTitle .outModInfoBoxTxt	{
	text-align:left;
	font-size:14px;
	margin-left:10px;
	}

#main .movie	{
	margin-top:10px;
	clear:both;
	}

#main #movie iframe	{
	margin-right:11px;
	}

#main #photo a img{
	margin:2px 5px 3px;
	width:215px;
}

#main ul#photo li {
	float:left;
	display:inline;
	margin:0;
}

#main ul#photo li.edge {
	margin-right:0;
}

@media screen and (max-width:640px){/* SP */
#main ul#photo li {
	width: 32%;
	margin:0 0.6% 0 0.6%;
}

#main ul#photo li img {
	width:auto;
	max-width:100%;
	margin:2px 5px 3px 0;
}
}

/* --- Result ---------------------------- */

.result a.lightbox {
	transition: all 0.15s ease 0s;
	-webkit-transition: all 0.15s ease 0s;
}

.result a.lightbox:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}


.result.result_2014 .playerImgBig,
.result.result_2015 .playerImgBig {
	width: 300px;
}


.result .playerImg {
  width: 266px;
}

.result .playerImgNational {
  width: 60%;
}

.result .toEntry {
  margin: 10px auto;
}

@media screen and (max-width: 640px) {
  .result a.lightbox:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }

  .result .playerImg,
  .result .playerImgNational {
    width: 70%;
  }
	.result .toEntry a,
	.result .toEntry .btn-off {
		font-size: 12px;
	}
}


/* --- Reccomendhotel ---------------------------- */
.reccomendhotel .annotationList {
	margin: 0 10px;
}


@media screen and (max-width: 640px) {
	.reccomendhotel h5.modBoxTit {
		font-size: 14px;
	}
}


/* --- Sponsor ---------------------------- */
#osponsor {
  clear: both;
  line-height: 0;
}

#osponsor a {
  display: block;
  float: left;
}

@media screen and (max-width: 640px) {
  #osponsor {
    width: 94.6%;
    margin: 0 auto 20px auto;
  }

  #osponsor a {
    display: inline-block;
    width: 33.3333%;
  }
}
.sideBox {
  margin: 20px 0 0 0;
  padding: 0 0 10px 0;
  border: none;
  background: none;
  background-color: #fff;
}

.sideBoxTit {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  /* padding: 5px 10px 5px 20px; */
  background-color: #444;
  /* border-left: 4px solid #007326; */
}

.sideBoxTitInner {
  position: relative;
  top: 0;
  left: -5px;
  padding: 5px 10px 5px 10px;
  border-left: 12px solid #cc4133;
}

.sideBoxTitInner:before {
  position: absolute;
  top: 0;
  left: -12px;
  width: 12px;
  height: 30px;
  background: url(../img/common/sideBoxTitTop.png) no-repeat;
  content: '';
}

.sideBoxTitInner:after {
  position: absolute;
  bottom: -10px;
  left: -11px;
  width: 10px;
  height: 10px;
  background: url(../img/common/sideBoxTitBottom.png) no-repeat;
  content: '';
}

@media screen and (max-width: 640px) {
  .sideBoxTitInner {
    left: 0;
	padding: 5px 10px;
	border-left: 4px solid #cc4133;
  }

  .sideBoxTitInner:before,
  .sideBoxTitInner:after {
    display: none;
  }
}

.sideBoxTit em {
  font-style: normal;
}

/* --- Side EntryArea ---------------------------- */
.entryArea {
  color: #fff;
  padding-bottom: 15px;
  background-image: url(../img/common/bg_entryarea.jpg?150916);
  /* background-position: 55% 32%; */
  background-position: center bottom;
  background-color: #000;
}

#cContents .entryArea a:link,
#cContents .entryArea a:visited {
  color: #fff;
}

.entryList {
  margin-top: 0;
  padding: 0;
}

@media screen and (max-width: 640px) {
  .entryArea {
    display: none;
  }

  .entryList {
    background: none;
    border-top: 0;
  }

  #cContents .toEntryList {
    margin-top: 10px;
    padding: 0 10px;
    text-align: center /* !important */;
  }
}
.entryBtn {
  margin: 10px 0;
}

.supEntryList {
  display: inline-block;
  width: 99%;
  margin: 0 auto;
  text-align: center;
}

.supEntryBtn {
  display: inline-block;
  width: 44.3%;
  margin: 0;
}

.supEntryBtnSpan {
  display: table-cell;
  width: 200px;
  height: 50px;
  vertical-align: middle;
}

.supEntryList .supEntryBtnOutline {
  margin-right: 8px;
}

.supEntryList li a {
  display: inline-block;
  color: #fff;
  width: 100%;
  height: 50px;
}

#en .supEntryList li a {
  /* padding: 22px 0; */
  max-height: 100px;
  overflow: hidden;
}

/*
#en .supEntryList li.supEntryBtnOutline a {
  padding: 10px 0;
}
*/

#cContents .toEntryList {
  margin-top: 10px;
  padding: 0 10px;
  text-align: right;
}

#cContents .toEntryList i {
	margin-right: 4px;
	font-style: normal;
}

/*
.toEntryList span,
.toEntryList a {
  padding: 5px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5);
}
*/

.toEntryList span,
.toEntryList a {
  padding: 2px 10px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
  /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); */
  text-shadow: 0 0 6px #000;
}

.toEntryList span {
  background-color: rgba(255, 255, 255, 0.2);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 640px) {
  .toEntryList span,
  .toEntryList a {
    text-shadow: none;
  }
}

.toEntryList span {
  color: #888;
}

.toEntryList a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

/* --- Side Banner ---------------------------- */

.sportsApp {
  text-align: center;
}
.sportsApp img {
    width: 100%;
}
.sportsApp .appIcon {
  width: 100px;
  margin: 30px auto;
}
.sportsApp ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto 20px;
}
.sportsApp ul li {
    width: 50%;
}
.sportsApp ul li a {
    display: inline-block;
}
@media screen and (max-width: 640px) {
  .sportsApp {
    margin: 20px auto;
  }
  .sportsApp .appIcon {
    width: 70px;
    margin: 25px auto;
  }
  .sportsApp ul li:nth-of-type(1) {
    width: 45%;
  }
  .sportsApp ul li:nth-of-type(1) {
    width: 50%;
  }
}



.bnrArea {
  margin-top: 20px;
}

.bnr {
  width: 100%;
}

.bnr a {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .bnr a {
    display: block;
    font-size: 14px;
    text-align: center;
	margin-bottom: 15px;
  }
}
.bnr img {
  width: 100%;
}

.bnrRecommendhotel {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .bnrRecommendhotel {
    border-top: 1px solid #ccc;
    width: 94%;
    margin: 20px auto 0 auto;
    padding-top: 20px;
  }
  .bnrRecommendhotel .bnrImg img {
    width: 100%;
  }
}

/* --- Side Relation Event ---------------------------- */
.sideBox .bnrList2 {
  margin-top: 10px;
  padding: 0 10px;
}

.sideBox .bnrList2 .bnrImg {
  display: inline-block;
}

.sideBox .bnrList2 .bnrImg img {
  width: 100%;
}

/* Likebox UI ************************************************************************************************************* */
.bnrArea {
  display: none !important;
}

.likeboxArea {
  clear: both;
  position: relative;
  width: 100%;
  padding-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .likeboxArea {
    margin-top: 10px;
  }
}
.ie8 .likeboxArea {
  display: none;
}

.likebox {
  width: 254px;
  height: 358px;
  margin: 0;
  overflow: hidden;
  background-color: #fefefe;
}

.likeboxInnr {
  margin: -1px 0 0 0;
  width: 254px;
  border: 1px solid #fff;
}

.likeboxInnr span {
  display: block;
}

@media screen and (max-width: 640px) {
  .likeboxArea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .likebox {
    width: 92%;
    margin: 0 auto;
  }

  .likeboxInnr span,
  .likeboxInnr #f159d4cf18 {
    height: 200px;
  }
}
#id_bivalves,
#id_bivalves img,
#shadowMeasureIt,
#divCoordMeasureIt,
#divRectangleMeasureIt {
  display: none;
  opacity: 0;
  margin: 0;
  padding: 0;
  min-height: 0;
  height: 0;
  line-height: 0;
}

/****************************************
	For Retina Display (iPhone 4 Android IS03..)
*****************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  #cNav .cNavStart .icon,
  #cNav ul .icon,
  a.btn-color .icon {
    background-image: url(../img/common/sign_sprite_twice.png);
    -webkit-background-size: 88px 66px;
    -moz-background-size: 88px 66px;
    background-size: 88px 66px;
  }
}
/* ********************************************************************************************************************** */
.supEntryList:after,
.modMiniBoxList:after,
.outModBox:after,
.gridListInner:after,
#osponsor:after,
#cContents:after,
.box:after,
.articleBox:after,
.outModInfoBox:after,
.cSNav a:after,
.modBox:after,
.banners li a:after,
.outModBox:after,
.cHeaderInner:after,
ul.share:after,
#cNav ul:after,
#cNav:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.supEntryList,
.modMiniBoxList,
.outModBox,
.gridListInner,
#osponsor,
#cContents,
.box,
.articleBox,
.outModInfoBox,
.cSNav a,
.modBox,
.banners li a,
.outModBox,
.cHeaderInner,
ul.share,
#cNav ul,
#cNav,
.clearfix {
  min-height: 1px;
  _height: 1px;
  _overflow: visible;
  zoom: 1;
}

* html .supEntryList,
* html .modMiniBoxList,
* html .outModBox,
* html .gridListInner,
* html #osponsor,
* html #cContents,
* html .box,
* html .articleBox,
* html .outModInfoBox,
* html .cSNav a,
* html .modBox,
* html .banners li a,
* html .outModBox,
* html .cHeaderInner,
* html ul.share,
* html #cNav ul,
* html #cNav,
* html .clearfix {
  height: 1px;
}



/*--------
2024
---------*/
.entryMeta {
    min-width: 25.5%;
}

.entrySummary {
    width: 74.5%;
}

#en #cNav li {
    min-width: 125px;
}

.indent_list p{
	text-indent: 0;
}

.mb_10{
	margin-bottom: 10px;
}

.innerList_item {
    list-style-position: inside;
}

.innerList.discList .innerList_item{
	list-style: disc inside;
}