@charset "UTF-8";

.visible_sp{

  display: none;

}

.visible_pc{

  display: block;

}

#footer-nav .top_page{

  display: table;

}

#footer-nav .sub_page{

  display: none;

}

body:not(.-home) #footer-nav .top_page{

  display: none;

}

body:not(.-home) .-home #footer-nav .sub_page{

  display: table;

}



#global-nav .top_page{

  display: table;

}

#global-nav .sub_page{

  display: none;

}

body:not(.-home) #global-nav .top_page{

  display: none;

}

body:not(.-home) #global-nav .sub_page{

  display: table;

}

body.-home #global-nav ul li {

  margin: 0 24px;

}





/* header */

header {

  min-width: 1280px;

  width: 100%;

  height: 62px;

  background: rgba(0, 0, 0, 0.6);

  position: fixed;

  z-index: 10;

}

.drawer-hamburger{

  display: none;

}



nav#global-nav {

  position: relative;

  padding-right: 100px;

  padding-left: 100px;

}

nav#global-nav ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  top: 10px;

}



nav#global-nav ul li {

  font-size: 16px;

  line-height: 21px;

  letter-spacing: 0.05em;

  margin: 0 15px;

  width: auto;

  height: 42px;

  display: table;

}





nav#global-nav ul li a {

  display: table-cell;

  color: #cacaca;

  text-align: left;

  vertical-align: middle;

  white-space: nowrap;

}



nav#global-nav ul li a:hover {

  text-decoration: none;

}



nav#global-nav ul li a.no-link {

  color: #888;

  pointer-events: none;

}



#language {

  position: absolute;

  top: 10px;

  right: 0;

  width: 134px;

  height: 42px;

}



.header-logo {

  position: absolute;

  top: 16px;

  left: 28px;

  width: 95px;

  height: auto;

  z-index: 1;

}



#language ul li a {

  display: block;

  font-size: 15px;

  line-height: 42px;

  color: #cacaca;

  text-align: center;

  position: relative;

}



#fade-in li ul {

  visibility: hidden;

  opacity: 0;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

}



#fade-in li:hover ul {

  visibility: visible;

  opacity: 1;

  margin-top: 10px;

}



#fade-in li ul li {

  border-bottom: 1px solid #FFF;

}



#fade-in li ul li:last-child {

  border-bottom: none;

}



#fade-in li ul li a {

  visibility: hidden;

  opacity: 0;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  font-size: 14px;

  line-height: 42px;

  color: #FFF;

  background: #000;

}



#fade-in li:hover ul li a {

  visibility: visible;

  opacity: 1;

}



.acr-local::after{

  content: "";

  display: inline-block;

  width: 13px;

  height: 8px;

  background: url(../../images/common/icn-down-chevron.svg) center no-repeat;

  margin-left: 8px;

  background-size: contain;

  vertical-align: middle;

}



/* footer */

footer {

  background: url(../../images/footer/bar.png) no-repeat center top;

  padding: 50px 0;

}



#fb-container {

  padding: 0 0 80px 0;

}



.fb-box {

  margin: 0 15px;

}



#footer-logo {

  width: 150px;

  height: auto;

  margin: 0 auto 20px auto;

}



nav#footer-nav ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin: 40px auto;

}



nav#footer-nav ul li {

  font-size: 15px;

  line-height: 20px;

  letter-spacing: 0.05em;

  padding: 0 25px;

  width: auto;

  height: 40px;

  position: relative;

  display: table;

}



nav#footer-nav ul li::after {

  content: "";

  width: 1px;

  height: 40px;

  border-right: 1px solid #FFF;

  position: absolute;

  top: 0;

  right: 0;

}



nav#footer-nav ul li:last-child::after {

  content: "";

  display: none;

}



nav#footer-nav ul li a {

  display: table-cell;

  color: #cacaca;

  text-align: left;

  vertical-align: middle;

}



nav#footer-nav ul li a:hover {

  text-decoration: none;

}



nav#footer-nav ul li a.no-link {

  color: #555;

  pointer-events: none;

}



footer p {

  font-size: 14px;

  line-height: 180%;

  color: #cacaca;

  letter-spacing: 0.01em;

  text-transform: uppercase;

  margin: 0 auto;

}



#copyright {

  font-size: 12px;

  line-height: 40px;

  color: #FFF;

  background: #018790;

}



/* index */

.index section {

  width: 1000px;

  margin: 0 auto;

  padding: 70px 0;

  text-align: left;

}



.index .contents-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.index section h2 {

  font-size: 28px;

  line-height: 140%;

  font-weight: 400;

  letter-spacing: 1px;

  margin-bottom: 25px;

}



.index section h2 strong {

  display: block;

  font-size: 46px;

  line-height: 140%;

  font-weight: 400;

  letter-spacing: 1px;

}



.index #index-section02 section h2 {

  font-size: 34px;

  line-height: 140%;

  font-weight: 400;

  letter-spacing: 1px;

}



.index section p {

  text-align: justify;

  text-justify: inter-ideograph;

}



.index section .bx-wrapper {

  margin: 20px auto;

}



ul.index-gallery li {

  height: 115px;

  position: relative;

}



ul.index-gallery li img {

  width: 100%;

  height: auto;

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}



.index section .button {

  width: 195px;

  margin-top: 30px;

}



#index-section01 {

  width: 100%;

  max-width: 1600px;

  height: 1080px;

  position: relative;

  background: url(../../images/index/section01/billboard.jpg) no-repeat center center;

  background-size: cover;

  margin: 0 auto;

}



#index-billboard {

  width: 100%;

  height: 100%;

  position: relative;

}



#index-billboard h1 {

  width: 620px;

  height: auto;

  position: absolute;

  top: 120px;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}



#index-billboard #billboard-image {

  width: 1184px;

  height: 425px;

  position: absolute;

  bottom: 30px;

  left: 50%;

  z-index: 2;

  margin-left: -592px;

}



#index-billboard-section {

  width: 100%;

  max-height: 898px;

}



#index-billboard-section .bx-wrapper,

#index-billboard-section .bx-viewport,

#index-billboard-section ul.index-billboard-slider,

#index-billboard-section ul.index-billboard-slider li {

  height: 100% !important;

}



#index-billboard-section ul.index-billboard-slider li {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

}



#index-billboard-section ul.index-billboard-slider li.slide01 {

  background-image: url(../../images/index/section01/slide/01.jpg);

}



#index-billboard-section ul.index-billboard-slider li a {

  display: block;

  width: 100%;

  height: 100%;

  text-indent: -9999px;

}



#index-section02 {

  width: 100%;

  max-width: 1600%;

  background: url(../../images/index/section02/bg.jpg) no-repeat center center;

  background-size: cover;

  margin: 0 auto;

}



#index-section02 .index-movie-box {

  width: 800px;

  height: 450px;

  margin: 0 auto;

  padding-top: 70px;

}



#index-section02 .index-movie-inner {

  width: 100%;

  height: 100%;

}



#index-section02 .text-box {

  -ms-flex-preferred-size: 550px;

      flex-basis: 550px;

  position: relative;

}



#index-section02 .text-box::before {

  display: block;

  content: "";

  width: 132px;

  height: 3px;

  background: url(../../images/index/section02/bar.png) no-repeat center center;

  margin-bottom: 25px;

}



#index-section02 .map-box {

  -ms-flex-preferred-size: 396px;

      flex-basis: 396px;

}



#index-section03 {

  width: 100%;

  max-width: 1600%;

  background: url(../../images/index/section03/bg.jpg) no-repeat center center;

  background-size: cover;

  margin: 0 auto;

  position: relative;

}



#index-section03::before {

  content: "";

  width: 713px;

  height: 186px;

  background: url(../../images/index/section03/bg02.png) no-repeat center center;

  position: absolute;

  top: 0;

  left: 0;

}



#index-section03 .title-box {

  -ms-flex-preferred-size: 381px;

      flex-basis: 381px;

  position: relative;

  z-index: 3;

}



#index-section03 .text-box {

  -ms-flex-preferred-size: 520px;

      flex-basis: 520px;

}



#index-section04 {

  width: 100%;

  max-width: 1600%;

  background: url(../../images/index/section04/bg.jpg) no-repeat center center;

  background-size: cover;

  margin: 0 auto;

  position: relative;

}



#index-section04::before {

  content: "";

  width: 713px;

  height: 186px;

  background: url(../../images/index/section04/bg02.png) no-repeat center center;

  position: absolute;

  top: 0;

  right: 0;

}



#index-section04 .contents-box {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}



#index-section04 .title-box {

  -ms-flex-preferred-size: 402px;

      flex-basis: 402px;

  position: relative;

  z-index: 3;

}



#index-section04 .text-box {

  -ms-flex-preferred-size: 520px;

      flex-basis: 520px;

}



#index-section05 {

  width: 100%;

  max-width: 1600%;

  background: url(../../images/index/section05/bg.jpg) no-repeat center center;

  background-size: cover;

  margin: 0 auto;

  position: relative;

}



#index-section05::before {

  content: "";

  width: 713px;

  height: 186px;

  background: url(../../images/index/section05/bg02.png) no-repeat center center;

  position: absolute;

  top: 0;

  left: 0;

}



#index-section05 .title-box {

  -ms-flex-preferred-size: 531px;

      flex-basis: 531px;

  position: relative;

  z-index: 3;

  left: -80px;

}



#index-section05 .text-box {

  -ms-flex-preferred-size: 520px;

      flex-basis: 520px;

}



/* contents */

.samurai #billboard {

  width: 100%;

  background: url(../../images/samurai/bg.png) no-repeat center top;

}



.ninja #billboard {

  width: 100%;

  background: url(../../images/ninja/bg.png) no-repeat center top;

}



.castle #billboard {

  width: 100%;

  background: url(../../images/castle/bg.png) no-repeat center top;

}



.chubu #billboard {

  width: 100%;

  background: url(../../images/chubu/bg.png) no-repeat center top;

}



.access #billboard {

  width: 100%;

  background: #333333;

  color: #E5AD77;

}



.movie #billboard {

  width: 100%;

}



#billboard .page-title {

  width: 1000px;

  margin: 0 auto;

  padding-top: 90px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: left;

}



.castle #billboard .page-title {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}



.page-title h1 {

  -ms-flex-preferred-size: 600px;

      flex-basis: 600px;

  font-size: 28px;

  line-height: 160%;

  font-weight: 400;

}



.castle .page-title h1 {

  -ms-flex-preferred-size: 420px;

      flex-basis: 420px;

}



.chubu #billboard .page-title {

  padding-top: 120px;

}



.chubu .page-title h1 {

  -ms-flex-preferred-size: 800px;

      flex-basis: 800px;

  margin-bottom: 10px;

}



.access #billboard .page-title,

.movie #billboard .page-title {

  display: block;

  text-align: center;

  padding-bottom: 40px;

}



.page-title h1 strong {

  display: block;

  font-size: 56px;

  line-height: 180%;

}



.access #billboard .page-title h1 strong,

.movie #billboard .page-title h1 strong {

  display: block;

  font-size: 42px;

  line-height: 180%;

  font-weight: 400;

}



.page-title h1 span {

  display: block;

  font-size: 16px;

  line-height: 180%;

  margin-top: 20px;

}



.page-title #title-image {

  -ms-flex-preferred-size: 380px;

      flex-basis: 380px;

}



.castle .page-title #title-image {

  -ms-flex-preferred-size: 520px;

      flex-basis: 520px;

}



ul.menu-list {

  width: 1000px;

  margin: 0 auto;

  padding: 60px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



ul.menu-list li {

  -ms-flex-preferred-size: 230px;

      flex-basis: 230px;

  margin: 0 10px 30px 10px;

}



ul.menu-list li .thumbnail {

  width: 100%;

  height: 150px;

  overflow: hidden;

  position: relative;

}



ul.menu-list li .thumbnail img {

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}



ul.menu-list li .text-box {

  display: block;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  text-align: left;

  padding: 5px 30px 5px 10px;

  font-size: 14px;

  line-height: 22px;

  position: relative;

  height: 56px;

}



ul.menu-list li .text-box::after {

  content: "";

  position: absolute;

  top: 50%;

  right: 5px;

  width: 18px;

  height: 18px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  background: url(../../images/common/menu_arrow.svg) no-repeat center center;

  background-size: 18px auto;

}



.samurai ul.menu-list li .text-box {

  background: #bf272d;

}



.ninja ul.menu-list li .text-box {

  background: #004383;

}



.castle ul.menu-list li .text-box {

  background: #797a80;

}



.chubu ul.menu-list li .text-box {

  background: #556835;

}



.container {

  width: 100%;

  max-width: 1600px;

  margin: 0 auto 60px auto;

}



.container-title.samurai-title {

  background: url(../../images/samurai/bg.png) no-repeat center top;

}



.container-title.ninja-title {

  background: url(../../images/ninja/bg.png) no-repeat center top;

}



.container-title.castle-title {

  background: url(../../images/castle/bg.png) no-repeat center top;

}



.container-title.chubu-title {

  background: url(../../images/chubu/bg.png) no-repeat center top;

}



.container-title h1 {

  width: 1000px;

  margin: 0 auto;

  padding: 40px 0 80px 0;

  font-size: 40px;

  line-height: 56px;

  font-weight: 400;

  text-align: left;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: relative;

}



.container-title h1 .venue {

  font-size: 16px;

  line-height: 160%;

  font-weight: 400;

  margin-left: 1em;

}



.container-title h1 .treasure {

  display: inline-block;

  vertical-align: middle;

  font-size: 20px;

  line-height: 38px;

  padding: 0 20px;

  border: 1px solid #FFF;

  position: relative;

  top: -3px;

  margin-right: 15px;

}



.container-title h1::before {

  display: inline-block;

  vertical-align: middle;

  content: "";

  width: 50px;

  height: 50px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 50px auto;

  position: relative;

  top: -4px;

  margin-right: 10px;

}



.container-title h1.num01::before {

  background-image: url(../../images/common/num01.png);

}



.container-title h1.num02::before {

  background-image: url(../../images/common/num02.png);

}



.container-title h1.num03::before {

  background-image: url(../../images/common/num03.png);

}



.container-title h1.num04::before {

  background-image: url(../../images/common/num04.png);

}



.container-title h1.num05::before {

  background-image: url(../../images/common/num05.png);

}



.container-title h1.num06::before {

  background-image: url(../../images/common/num06.png);

}



.container-title h1.num07::before {

  background-image: url(../../images/common/num07.png);

}



.container-title h1.num08::before {

  background-image: url(../../images/common/num08.png);

}



.container-title h1.num09::before {

  background-image: url(../../images/common/num09.png);

}



.container-title h1.num10::before {

  background-image: url(../../images/common/num10.png);

}



.container-title h1.num11::before {

  background-image: url(../../images/common/num11.png);

}



.container-title h1.num12::before {

  background-image: url(../../images/common/num12.png);

}



.container-title h1.num13::before {

  background-image: url(../../images/common/num13.png);

}



.container-title h1.num14::before {

  background-image: url(../../images/common/num14.png);

}



.container-title h1.num15::before {

  background-image: url(../../images/common/num15.png);

}



.container-title h1.num16::before {

  background-image: url(../../images/common/num16.png);

}



.container-title h1.num17::before {

  background-image: url(../../images/common/num17.png);

}



.container-title h1.num18::before {

  background-image: url(../../images/common/num18.png);

}



.container-title h1.num19::before {

  background-image: url(../../images/common/num19.png);

}



.container-title h1.num20::before {

  background-image: url(../../images/common/num20.png);

}



.container-title h1.num21::before {

  background-image: url(../../images/common/num21.png);

}



.container-title h1.num22::before {

  background-image: url(../../images/common/num22.png);

}



.container-title h1.num23::before {

  background-image: url(../../images/common/num23.png);

}



.container section {

  width: 1000px;

  margin: 0 auto 60px auto;

  text-align: left;

}



.container section p {

  margin-bottom: 30px;

}



.container section .block {

  display: block;

}



.container section .circle {

  border-radius: 100%;

  overflow: hidden;

}



.flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



.between {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.flex-center {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.flex-reverse {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}



.items-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.items-baseline {

  -webkit-box-align: baseline;

      -ms-flex-align: baseline;

          align-items: baseline;

}



.w745 {

  -ms-flex-preferred-size: 745px;

      flex-basis: 745px;

  width: 745px;

}



.w650 {

  -ms-flex-preferred-size: 650px;

      flex-basis: 650px;

  width: 650px;

}



.w640 {

  -ms-flex-preferred-size: 640px;

      flex-basis: 640px;

  width: 640px;

}



.w600 {

  -ms-flex-preferred-size: 600px;

      flex-basis: 600px;

  width: 600px;

}



.w500 {

  -ms-flex-preferred-size: 500px;

      flex-basis: 500px;

  width: 500px;

}



.w480 {

  -ms-flex-preferred-size: 480px;

      flex-basis: 480px;

  width: 480px;

}



.w400 {

  -ms-flex-preferred-size: 400px;

      flex-basis: 400px;

  width: 400px;

}



.w380 {

  -ms-flex-preferred-size: 380px;

      flex-basis: 380px;

  width: 380px;

}



.w360 {

  -ms-flex-preferred-size: 360px;

      flex-basis: 360px;

  width: 360px;

}



.w350 {

  -ms-flex-preferred-size: 350px;

      flex-basis: 350px;

  width: 350px;

}



.w320 {

  -ms-flex-preferred-size: 320px;

      flex-basis: 320px;

  width: 320px;

}



.w300 {

  -ms-flex-preferred-size: 300px;

      flex-basis: 300px;

  width: 300px;

}



.w280 {

  -ms-flex-preferred-size: 280px;

      flex-basis: 280px;

  width: 280px;

}



.w250 {

  -ms-flex-preferred-size: 250px;

      flex-basis: 250px;

  width: 250px;

}



.w220 {

  -ms-flex-preferred-size: 220px;

      flex-basis: 220px;

  width: 220px;

}



.w210 {

  -ms-flex-preferred-size: 210px;

      flex-basis: 210px;

  width: 210px;

}



.w200 {

  -ms-flex-preferred-size: 200px;

      flex-basis: 200px;

  width: 200px;

}



.w180 {

  -ms-flex-preferred-size: 180px;

      flex-basis: 180px;

  width: 180px;

}



.w160 {

  -ms-flex-preferred-size: 160px;

      flex-basis: 160px;

  width: 160px;

}



.container .main-visual {

  margin: -30px auto 30px auto;

  position: relative;

}



.container .main-visual .caption {

  position: absolute;

  bottom: 5px;

  right: 10px;

  font-size: 10px;

  line-height: 160%;

  color: #333;

}



.container p.description {

  margin-top: 80px;

  position: relative;

}



.container p.description::before {

  content: "";

  width: 73px;

  height: 79px;

  position: absolute;

  top: -35px;

  left: -25px;

  background-repeat: no-repeat;

  background-position: center center;

}



.samurai p.description::before {

  background-image: url(../../images/samurai/ring.svg);

}



.ninja p.description::before {

  background-image: url(../../images/ninja/ring.svg);

}



.castle p.description::before {

  background-image: url(../../images/castle/ring.svg);

}



.chubu p.description::before {

  background-image: url(../../images/chubu/ring.svg);

}



.container .thumbnail-caption {

  font-size: 12px;

  line-height: 160%;

  color: #FFF;

  text-align: right;

  margin-bottom: 0;

}



.container .access-box {

  background: #1a1a1a;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  padding: 30px 35px;

  color: #e4e4e4;

}



.container .main-access {

  position: relative;

}



.main-access::before {

  content: "";

  border-bottom: 25px solid transparent;

  position: absolute;

  top: 0;

  left: 0;

}



.samurai .main-access::before {

  border-left: 25px solid #bf272d;

}



.ninja .main-access::before {

  border-left: 25px solid #004383;

}



.castle .main-access::before {

  border-left: 25px solid #797a80;

}



.access-box hr {

  width: 100%;

  height: 1px;

  border: none;

  border-top: 1px solid #979797;

  margin: 25px auto;

}



.access-box p {

  font-family: sans-serif;

}



.access-box ul li {

  font-family: sans-serif;

  list-style: none;

  margin: 0 0 5px 0;

}



.access-box .link {

  position: relative;

  padding: 0 0 0 100px;

}



.access-box .link .label {

  position: absolute;

  top: 0;

  left: 0;

}



.access-box .link .label::after {

  content: "-";

  display: inline-block;

  -webkit-transform: scale(4, 1);

      -ms-transform: scale(4, 1);

          transform: scale(4, 1);

  margin: 0 0 0 20px;

}



.access-box .link a {

  padding-right: 30px;

}



.access-box .link a::after {

  content: "";

  display: inline-block;

  width: 16px;

  height: 16px;

  background: url(../../images/common/link.svg) no-repeat center center;

  position: relative;

  top: 2px;

  margin-left: 10px;

}



.busho-box {

  margin: 0 auto 30px auto;

}



.busho-box .name {

  font-size: 18px;

  line-height: 160%;

  border-bottom: 1px solid #FFF;

  padding-bottom: 5px;

  margin-bottom: 5px;

}



.busho-box .name span {

  font-size: 14px;

  margin-left: 10px;

}



.container .gmap-box {

  margin: 30px auto 0 auto;

}



.container .gmap-box iframe {

  width: 100%;

  height: 360px;

}



.container .h2-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 30px;

}



.samurai .container .h2-box {

  background: #bf272d;

}



.ninja .container .h2-box {

  background: #004383;

}



.castle .container .h2-box {

  background: #797a80;

}



.access .container .h2-box {

  background: url(../../images/samurai/bg.png) no-repeat center top;

  margin-bottom: 15px;

}



.container .h2-box .tag {

  width: 185px;

  height: 36px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  font-size: 18px;

  line-height: 36px;

  padding: 0 0 0 15px;

  margin: 6px 0;

  background: url(../../images/common/text_bg.png) no-repeat left center;

}



.container .h2-box h2 {

  font-size: 26px;

  line-height: 48px;

  font-weight: 400;

}



.container .h2-box h2.no-tag {

  padding-left: 15px;

}



.container .h2-box h2 .small {

  font-size: 18px;

  margin: 0 10px;

}



.container .h2-box .traffic-tag {

  display: inline-block;

  width: 120px;

  height: 26px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  font-size: 15px;

  line-height: 26px;

  text-align: center;

  color: #FFF;

  margin: 12px 20px;

  padding: 0;

  background: #CCC;

}



.container .h2-box .traffic01 {

  background: #faae00;

}



.container .h2-box .traffic02 {

  background: #000;

}



.container .h2-box .traffic03 {

  background: #556835;

}



.container .h2-box .traffic04 {

  background: #ed7600;

}



.container h3 {

  font-size: 22px;

  line-height: 180%;

  font-weight: 400;

}



.container h3 .small {

  font-size: 16px;

  line-height: 180%;

  font-weight: 400;

}



ul.samurai-gourmet-image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



ul.samurai-gourmet-image li {

  width: 110px;

  border-radius: 100%;

  overflow: hidden;

  margin-bottom: 10px;

}



ul.samurai-gourmet-image li:nth-child(even) {

  margin-left: 60px;

}



.ninja-detail-box {

  border: 1px solid #004383;

  border-radius: 5px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  padding: 20px;

  background: #1a1a1a;

}



.ninja-detail-box .title {

  font-size: 20px;

  line-height: 24px;

  margin: 0 auto 10px auto;

  text-align: center;

}



.ninja-detail-box .title::before,

.ninja-detail-box .title::after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  width: 24px;

  height: 24px;

  position: relative;

  top: -2px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 24px auto;

}



.ninja-detail-box .title::before {

  background-image: url(../../images/ninja/shuriken01.svg);

  margin-right: 10px;

}



.ninja-detail-box .title::after {

  background-image: url(../../images/ninja/shuriken02.svg);

  margin-left: 5px;

}



.hattori-box {

  margin: 0 auto 30px auto;

}



.hattori-box h3 {

  background: #004383;

  text-align: center;

  padding: 10px 0;

  margin-bottom: 10px;

  position: relative;

}



.hattori-box h3::before,

.hattori-box h3::after {

  display: block;

  content: "";

  width: 100%;

  height: 3px;

  position: absolute;

  left: 0;

  background: url(../../images/ninja/bar.png) no-repeat center center;

}



.hattori-box h3::before {

  top: 5px;

}



.hattori-box h3::after {

  bottom: 5px;

}



ul.hattori-image-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



ul.hattori-image-list li {

  -ms-flex-preferred-size: 290px;

      flex-basis: 290px;

}



ul.hattori-image-list li .thumbnail {

  position: relative;

  margin-bottom: 5px;

}



ul.hattori-image-list li .thumbnail span {

  font-size: 40px;

  line-height: 100%;

  font-weight: 600;

  color: #FFF;

  position: absolute;

  text-shadow: 2px 2px 1px #000;

}



ul.hattori-image-list li:nth-child(1) .thumbnail span {

  top: 10px;

  left: 10px;

}



ul.hattori-image-list li:nth-child(2) .thumbnail span {

  bottom: 10px;

  right: 10px;

}



.nakasendo-box {

  color: #fff;

  width: 1000px;

  height: 620px;

  position: relative;

  margin-top: 30px;

  margin-left: auto;

  margin-right: auto;

}



.nakasendo-box .description {

  padding-top: 30px;

}



.nakasendo-box h2 {

  font-size: 54px;

  margin-right: 30px;

}



/* access */

.access-map {

  margin: 0 auto;

}



.access-contents {

  color: #E5AD77;

}



.access-contents h1 {

  font-size: 24px;

  line-height: 160%;

  font-weight: normal;

  text-align: center;

  margin-bottom: 30px;

}



.access-contents h1 strong {

  font-family: sans-serif;

  font-size: 36px;

  line-height: 160%;

  font-weight: normal;

}



.traffic-box h3 {

  border-bottom: 1px solid #FFF;

  padding-bottom: 5px;

  margin-bottom: 15px;

}



.traffic-box h3 strong {

  font-size: 140%;

}



.traffic-box h3 .wrap {

  display: inline-block;

  margin-left: 15px;

  border: 1px solid #FFF;

  font-size: 14px;

  line-height: 24px;

  position: relative;

  top: -2px;

  padding: 0 20px;

}



table.nexco-table {

  border-collapse: separate;

  border-spacing: 5px;

  font-size: 18px;

  line-height: 160%;

}



table.nexco-table th {

  color: #000;

  background: #FFF;

  text-align: center;

  padding: 0px 0px;

}



table.nexco-table td {

  padding: 0px 10px;

}



/* movie */

/*body.movie{

  width:100%;

  max-width:1600%;

  background:url(../../images/index/section02/bg.jpg) no-repeat center center;

  background-size:cover;

  margin:0 auto;

}

.movie-box{

  width:800px;

  margin:0 auto 70px auto;

}

.movie-box h2{

  margin-bottom:10px;

}

.movie-inner{

  width:100%; height:450px;

}*/

html {

  -webkit-font-smoothing: antialiased;

}



nav#global-nav ul li a .homebtn {

  width: 29px;

}

@media (min-width: 1600px) {

  nav#global-nav ul li a .homebtn {

    width: 29px;

  }

}



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

.detailsbtn

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

.detailsbtn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 130px;

  height: 49px;

  font-size: 18px;

  background-color: #B50000;

  color: white !important;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media (min-width: 1600px) {

  .detailsbtn {

    width: 130px;

    height: 49px;

    font-size: 18px;

  }

}

.detailsbtn > span {

  position: relative;

  padding-right: 20px;

}

@media (min-width: 1600px) {

  .detailsbtn > span {

    padding-right: 20px;

  }

}

.detailsbtn > span:before {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 8px;

  height: 13px;

  background: url(../../images/access/icn-arrow-white.svg) center no-repeat;

  background-size: contain;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

@media (min-width: 1600px) {

  .detailsbtn > span:before {

    width: 8px;

    height: 13px;

  }

}

.detailsbtn:hover {

  opacity: 0.7;

  text-decoration: none;

}

.detailsbtn-more {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 175px;

}

@media (min-width: 1600px) {

  .detailsbtn-more {

    width: 175px;

  }

}

.detailsbtn-long {

  width: 210px;

}

@media (min-width: 1600px) {

  .detailsbtn-long {

    width: 210px;

  }

}

.detailsbtn-free {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: auto !important;

  padding-left: 30px;

  padding-right: 25px;

}

@media (min-width: 1600px) {

  .detailsbtn-free {

    padding-left: 30px;

    padding-right: 25px;

  }

}



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

.hdglv1

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

.hdglv1 {

  padding-top: 170px;

  padding-bottom: 10px;

  border-width: 8px;

  font-size: 60px;

  border-bottom: 8px solid #E5AD77;

  color: #E5AD77;

  font-weight: 400;

  line-height: 1.2;

  text-align: left;

}

@media (min-width: 1600px) {

  .hdglv1 {

    padding-top: 170px;

    padding-bottom: 10px;

    border-width: 8px;

    font-size: 60px;

  }

}



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

.centriplist

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

.centriplist {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 30px;

  margin-top: 15px;

  background-color: white;

}

@media (min-width: 1600px) {

  .centriplist {

    padding: 30px;

    margin-top: 15px;

  }

}

.centriplist > div {

  width: 122px;

  margin-bottom: 6px;

}

@media (min-width: 1600px) {

  .centriplist > div {

    width: 122px;

    margin-bottom: 6px;

  }

}

.centriplist > ul {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  margin-left: 33px;

}

@media (min-width: 1600px) {

  .centriplist > ul {

    margin-left: 33px;

  }

}

.centriplist > ul > li > a {

  display: block;

  color: #000000;

  font-size: 15px;

  line-height: 1.8;

}

@media (min-width: 1600px) {

  .centriplist > ul > li > a {

    font-size: 15px;

  }

}

.centriplist > ul > li > a:after {

  content: "";

  display: inline-block;

  position: relative;

  top: 2px;

  width: 16px;

  height: 16px;

  margin-left: 10px;

  background: url(../../images/common/link_black.svg) no-repeat center center;

}

@media (min-width: 1600px) {

  .centriplist > ul > li > a:after {

    top: 2px;

    width: 16px;

    height: 16px;

    margin-left: 10px;

  }

}

.centriplist > ul > li + li {

  padding-top: 10px;

  margin-top: 10px;

  border-top: 1px dashed #ddd;

}

@media (min-width: 1600px) {

  .centriplist > ul > li + li {

    padding-top: 10px;

    margin-top: 10px;

  }

}



.home {

  color: #E5AD77;

}

.home img {

  width: 100%;

  height: auto;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

.home a {

  color: #E5AD77;

}

.home a:hover img {

  opacity: 0.7;

}

.home * {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



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

.home_inner

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

.home_inner {

  position: relative;

  max-width: 1120px;

  margin-left: auto;

  margin-right: auto;

  text-align: left;

}

@media (min-width: 1600px) {

  .home_inner {

    max-width: 1120px;

  }

}



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

.home_title

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

.home_title {

  margin-top: -30px;

  margin-bottom: -10px;

  font-size: 84px;

  font-weight: 400;

  text-align: center;

  line-height: 1;

}

@media (min-width: 1600px) {

  .home_title {

    margin-top: -30px;

    margin-bottom: -10px;

    font-size: 84px;

  }

}



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

.home_subtitle

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

.home_subtitle {

  padding-bottom: 43px;

  margin-top: 36px;

  font-size: 16px;

  line-height: 1.875;

  text-align: center;

}

@media (min-width: 1600px) {

  .home_subtitle {

    padding-bottom: 43px;

    margin-top: 36px;

    font-size: 16px;

  }

}



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

.home_list

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

.home_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.home_list > ul > li {

  width: 557px;

  margin-top: 5px;

}

.home_list > ul > li > .block {

  display: block;

  position: relative;

  padding: 35px;

  background-color: #1C1C1C;

}



.home_list > ul > li > .block > h3,

.home_list > ul > li > .block > p {

  position: relative;

  z-index: 2;

}

.home_list > ul > li > .block > h3 {

  margin-top: 25px;

  margin-bottom: 12px;

  font-size: 25px;

  font-weight: 400;

}



.home_list > ul > li > .block > p {

  font-size: 16px;

}

.home_list > ul > li a:hover {

  text-decoration: none;

}

.home_list > ul > li a:hover > h3 {

  text-decoration: underline;

}



.acr-youtube{

  display: block;

  position: relative;

  line-height: 0;

}

.acr-youtube::after{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.3) url(../../images/common/btn-youtube.svg) no-repeat center;

  background-size: 95px auto;

}



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

.home_kv

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

.home_kv {

  position: relative;

  height: 800px;

  overflow: hidden;

}

@media (min-width: 1600px) {

  .home_kv {

    height: 800px;

  }

}

.home_kv_title {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  width: 478px;

  margin: 0 auto;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 3;

}

@media (min-width: 1600px) {

  .home_kv_title {

    width: 478px;

  }

}

.home_kv_bg {

  position: absolute;

  top: 0;

  left: 50%;

  width: 100%;

  height: 100%;

  min-width: 1500px;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media (min-width: 1600px) {

  .home_kv_bg {

    min-width: 1500px;

  }

}

.home_kv_bg > div {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  padding-top: 56.25%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 1;

}

.home_kv_bg > div:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../images/home/kv_bg.png) center repeat;

  background-size: 3px auto;

  z-index: 2;

}

.home_kv_bg > div > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.home_kv_link {

  position: absolute;

  right: 20px;

  bottom: 20px;

  z-index: 5;

}

@media (min-width: 1600px) {

  .home_kv_link {

    right: 20px;

    bottom: 20px;

  }

}



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

.home_lead

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

.home_lead {

  position: relative;

  min-height: 1711px;

  padding-bottom: 92px;

  overflow: hidden;

  z-index: 2;

}



.home_lead:before {

  content: "";

  position: absolute;

  top: 0px;

  width: 1600px;

  height: 1481px;

  margin-left: -800px;

  left: 50%;

  background: url(../../images/home/lead_bg_pc.png) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .home_lead:before {

    top: 0px;

    width: 1600px;

    height: 1481px;

    margin-left: -800px;

  }

}

.home_lead_inner {

  position: relative;

  height: 1561px;

  padding-top: 517px;

  padding-left: 559px;

}

@media (min-width: 1600px) {

  .home_lead_inner {

    height: 1561px;

    padding-top: 517px;

    padding-left: 559px;

  }

}

.home_lead_title {

  position: absolute;

  left: 0;

  top: 488px;

  width: 340px;

  font-size: 33px;

  line-height: 1.81819;

}

@media (min-width: 1600px) {

  .home_lead_title {

    top: 488px;

    width: 340px;

    font-size: 33px;

  }

}

.home_lead_lead {

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .home_lead_lead {

    font-size: 16px;

  }

}

.home_lead_lead-2 {

  margin-top: 1.875em;

}

.home_lead_link {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

}

.home_lead_link > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.home_lead_link > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 100%;

  height: 57px;

  padding-left: 20px;

  padding-right: 20px;

  border-radius: 29px;

  font-size: 14px;

  border: 1px solid #E5AD77;

  color: #E5AD77;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media (min-width: 1600px) {

  .home_lead_link > ul > li > a {

    height: 57px;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 29px;

    font-size: 14px;

  }

}

.home_lead_link > ul > li > a:after {

  content: "";

  width: 13px;

  height: 8px;

  margin-top: 5px;

  background: url(../../images/common/icn_arrow_primary.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .home_lead_link > ul > li > a:after {

    width: 13px;

    height: 8px;

    margin-top: 5px;

  }

}

.home_lead_link > ul > li > a:hover {

  opacity: 0.6;

  text-decoration: none;

}

.home_lead_link > ul > li + li {

  margin-left: 20px;

}

@media (min-width: 1600px) {

  .home_lead_link > ul > li + li {

    margin-left: 20px;

  }

}



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

.home_movie

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

.home_movie {

  position: relative;

  padding-top: 139px;

  padding-bottom: 101px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  overflow: hidden;

}

@media (min-width: 1600px) {

  .home_movie {

    padding-top: 139px;

    padding-bottom: 101px;

  }

}

.home_movie:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../images/home/movie_bg_pc.png) top center no-repeat;

  background-size: cover;

}

.home_movie_image {

  padding: 50px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .home_movie_image {

    padding: 50px;

  }

}

.home_movie_image > div {

  position: relative;

  padding-top: 56.25%;

}

.home_movie_image > div > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.home_movie_link {

  margin-top: 52px;

  text-align: center;

}

@media (min-width: 1600px) {

  .home_movie_link {

    margin-top: 52px;

  }

}



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

.home_360vr

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

.home_360vr {

  padding-top: 30px;

  padding-bottom: 153px;

  margin-top: 170px;

}

@media (min-width: 1600px) {

  .home_360vr {

    padding-top: 30px;

    padding-bottom: 153px;

    margin-top: 170px;

  }

}

.home_360vr_image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.home_360vr_image:after {

  content: "";

  width: 370px;

  height: 0;

}

@media (min-width: 1600px) {

  .home_360vr_image:after {

    width: 370px;

  }

}

.home_360vr_image > div {

  width: 370px;

  padding-top: 25px;

  padding-bottom: 7px;

  padding-left: 25px;

  padding-right: 25px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .home_360vr_image > div {

    width: 370px;

    padding-top: 25px;

    padding-bottom: 7px;

    padding-left: 25px;

    padding-right: 25px;

  }

}

.home_360vr_image > div > div {

  position: relative;

  padding-top: 56.25%;

}

.home_360vr_image > div > div > * {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: none;

}

.home_360vr_image > div > p {

  margin-top: 9px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .home_360vr_image > div > p {

    margin-top: 9px;

    font-size: 16px;

  }

}

.home_360vr_image > div:nth-of-type(1) {

  width: 100% !important;

  padding-top: 50px;

  padding-bottom: 17px;

  padding-left: 50px;

  padding-right: 50px;

}

@media (min-width: 1600px) {

  .home_360vr_image > div:nth-of-type(1) {

    padding-top: 50px;

    padding-bottom: 17px;

    padding-left: 50px;

    padding-right: 50px;

  }

}

.home_360vr_image > div:nth-of-type(1) > p {

  margin-top: 19px;

}

@media (min-width: 1600px) {

  .home_360vr_image > div:nth-of-type(1) > p {

    margin-top: 19px;

  }

}

.home_360vr_image > div:nth-of-type(n+2) {

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .home_360vr_image > div:nth-of-type(n+2) {

    margin-top: 5px;

  }

}



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

.home_contents

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

.home_contents {

  padding-top: 139px;

  background: url(../../images/home/contents_bg.png) top center repeat-y;

  background-size: 100% auto;

}

@media (min-width: 1600px) {

  .home_contents {

    padding-top: 139px;

  }

}

.home_contents_movie {

  padding-bottom: 20px;

  border-bottom: 1px solid #E5AD77;

  background-size: 100% auto;

  text-align: center;

}

@media (min-width: 1600px) {

  .home_contents_movie {

    padding-bottom: 20px;

  }

}

.home_contents_movie_title {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding-left: 50px;

  padding-right: 50px;

  margin-top: 7px;

  font-size: 25px;

  border-left: 1px solid #E5AD77;

  border-right: 1px solid #E5AD77;

  line-height: 1;

}

@media (min-width: 1600px) {

  .home_contents_movie_title {

    padding-left: 50px;

    padding-right: 50px;

    margin-top: 7px;

    font-size: 25px;

  }

}

.home_contents_movie_slider {

  position: relative;

  border-top: 1px solid #E5AD77;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-top: 25px;

  overflow: hidden;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider {

    padding-top: 20px;

    padding-bottom: 20px;

    margin-top: 25px;

  }

}

.home_contents_movie_slider_list {

  width: 876px;

  margin-left: auto;

  margin-right: auto;

  overflow: visible !important;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_list {

    width: 876px;

  }

}

.home_contents_movie_slider_list .item {

  width: 418px;

  margin-left: 10px;

  margin-right: 10px;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_list .item {

    width: 418px;

    margin-left: 10px;

    margin-right: 10px;

  }

}

.home_contents_movie_slider_list .item > a {

  display: block;

  position: relative;

}

.home_contents_movie_slider_list .item > a:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 36px;

  height: 36px;

  background: url(../../images/home/icn_play.svg) center no-repeat;

  background-size: contain;

  -webkit-transform: translate(-50%, 50%);

      -ms-transform: translate(-50%, 50%);

          transform: translate(-50%, 50%);

  z-index: 2;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_list .item > a:before {

    width: 36px;

    height: 36px;

  }

}

.home_contents_movie_slider_nav {

  position: absolute;

  top: 50%;

  width: 60px;

  height: 60px;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  cursor: pointer;

  z-index: 10;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_nav {

    width: 60px;

    height: 60px;

  }

}

.home_contents_movie_slider_nav:before, .home_contents_movie_slider_nav:after {

  content: "";

  position: absolute;

}

.home_contents_movie_slider_nav:before {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: rgba(0, 0, 0, 0.8);

  -webkit-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

.home_contents_movie_slider_nav:after {

  top: 50%;

  left: 50%;

  width: 13px;

  height: 8px;

  margin-top: -4px;

  margin-left: -7px;

  background: url(../../images/common/icn_arrow_primary.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_nav:after {

    width: 13px;

    height: 8px;

    margin-top: -4px;

    margin-left: -7px;

  }

}

.home_contents_movie_slider_nav:hover:before {

  background-color: black;

}

.home_contents_movie_slider_nav-prev {

  left: 30px;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_nav-prev {

    left: 30px;

  }

}

.home_contents_movie_slider_nav-prev:after {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}

.home_contents_movie_slider_nav-next {

  right: 30px;

}

@media (min-width: 1600px) {

  .home_contents_movie_slider_nav-next {

    right: 30px;

  }

}

.home_contents_movie_slider_nav-next:after {

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg);

}

.home_contents_movie_map {

  position: relative;

  height: 600px;

}

@media (min-width: 1600px) {

  .home_contents_movie_map {

    height: 600px;

  }

}

.home_contents_movie_map > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: none;

}

.home_contents_tab {

  padding-bottom: 150px;

  margin-top: 150px;

}

@media (min-width: 1600px) {

  .home_contents_tab {

    padding-bottom: 150px;

    margin-top: 150px;

  }

}

.home_contents_tab_btn > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.home_contents_tab_btn > ul > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  width: 220px;

  height: 89px;

  padding-top: 27px;

  font-size: 20px;

  border-top: 4px solid #fff;

  background-color: #fff;

  color: #1C1C1C;

  cursor: pointer;

  -webkit-transition: height 0.3s, padding-top 0.3s, border-color 0.3s, background-color 0.1s, color 0.3s;

  -o-transition: height 0.3s, padding-top 0.3s, border-color 0.3s, background-color 0.1s, color 0.3s;

  transition: height 0.3s, padding-top 0.3s, border-color 0.3s, background-color 0.1s, color 0.3s;

}

@media (min-width: 1600px) {

  .home_contents_tab_btn > ul > li {

    width: 220px;

    height: 89px;

    padding-top: 27px;

    font-size: 20px;

  }

}

.home_contents_tab_btn > ul > li > img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 142px;

  margin-left: auto;

  margin-right: auto;

  -webkit-transform: translateY(-55%);

      -ms-transform: translateY(-55%);

          transform: translateY(-55%);

}

@media (min-width: 1600px) {

  .home_contents_tab_btn > ul > li > img {

    width: 142px;

  }

}

.home_contents_tab_btn > ul > li.is-active {

  height: 94px;

  padding-top: 29px;

  border-top-color: #B50000;

  background-color: #1C1C1C;

  color: #E5AD77;

}

@media (min-width: 1600px) {

  .home_contents_tab_btn > ul > li.is-active {

    height: 94px;

    padding-top: 29px;

  }

}

.home_contents_tab_body {

  position: relative;

}

.home_contents_tab_body_item {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.5s, visibility 0.1s 0.5s;

  -o-transition: opacity 0.5s, visibility 0.1s 0.5s;

  transition: opacity 0.5s, visibility 0.1s 0.5s;

}

.home_contents_tab_body_item_desc {

  padding: 50px;

  margin-bottom: 5px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .home_contents_tab_body_item_desc {

    padding: 50px;

    margin-bottom: 5px;

  }

}

.home_contents_tab_body_item_desc > h3 {

  font-size: 33px;

}

@media (min-width: 1600px) {

  .home_contents_tab_body_item_desc > h3 {

    font-size: 33px;

  }

}

.home_contents_tab_body_item_desc > p {

  margin-top: 15px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .home_contents_tab_body_item_desc > p {

    margin-top: 15px;

    font-size: 16px;

  }

}

.home_contents_tab_body_item.is-active {

  position: relative;

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.5s, visibility 0.1s;

  -o-transition: opacity 0.5s, visibility 0.1s;

  transition: opacity 0.5s, visibility 0.1s;

}



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

.home_access

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

.home_access {

  padding-top: 30px;

  margin-top: 200px;

  color: #E5AD77;

}

@media (min-width: 1600px) {

  .home_access {

    padding-top: 30px;

    margin-top: 200px;

  }

}

.home_access img {

  width: 100%;

  height: auto;

}

.home_access-notop {

  margin-bottom: 200px;

}

@media (min-width: 1600px) {

  .home_access-notop {

    margin-bottom: 200px;

  }

}

.home_access_link {

  margin-top: 52px;

  text-align: center;

}

@media (min-width: 1600px) {

  .home_access_link {

    margin-top: 52px;

  }

}

.home_access_list {

  margin-top: 20px;

}

@media (min-width: 1600px) {

  .home_access_list {

    margin-top: 20px;

  }

}

.home_access_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.home_access_list > ul > li {

  width: 557px;

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li {

    width: 557px;

    margin-top: 5px;

  }

}

.home_access_list > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  height: 100%;

  padding: 35px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a {

    padding: 35px;

  }

}

.home_access_list > ul > li > a > h3 {

  position: relative;

  min-height: 120px;

  padding-bottom: 15px;

  padding-left: 90px;

  font-size: 25px;

  font-weight: 400;

  line-height: 1.36;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h3 {

    min-height: 120px;

    padding-bottom: 15px;

    padding-left: 90px;

    font-size: 25px;

  }

}

.home_access_list > ul > li > a > h3 > img {

  position: absolute;

  top: 0;

  left: 0;

  width: 65px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h3 > img {

    width: 65px;

  }

}

.home_access_list > ul > li > a > h3 > strong {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 53px;

  margin-bottom: 7px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h3 > strong {

    min-height: 53px;

    margin-bottom: 7px;

  }

}

.home_access_list > ul > li > a > h3 > strong > span {

  padding-top: 12px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h3 > strong > span {

    padding-top: 12px;

  }

}

.home_access_list > ul > li > a > h3 > span {

  display: block;

  font-size: 16px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h3 > span {

    font-size: 16px;

  }

}

.home_access_list > ul > li > a > h4 {

  padding-left: 90px;

}

@media (min-width: 1600px) {

  .home_access_list > ul > li > a > h4 {

    padding-left: 90px;

  }

}

.home_access_list > ul > li > a:hover {

  text-decoration: none;

}

.home_access_list > ul > li > a:hover > h3 > strong {

  text-decoration: underline;

}

.home_access_list > ul > li.bus > a > h3 {

  color: #2DCCBA;

}

.home_access_list > ul > li.train > a > h3 {

  color: #F87B22;

}



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

.home_learn

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

.home_learn {

  position: relative;

  padding-top: 30px;

  margin-top: 200px;

  overflow: hidden;

  /*&:before {

    content: '';

    position: absolute;

    left: 50%;

    @include pc($top:0, $width:634, $height:476, $marginLeft:154);

    background: url(../../images/home/more_bg.png) center no-repeat;

    background-size: contain;

  }*/

}

@media (min-width: 1600px) {

  .home_learn {

    padding-top: 30px;

    margin-top: 200px;

  }

}



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

.home_facebook

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

.home_facebook {

  padding-top: 40px;

  margin-top: 120px;

}

.home_facebook_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.home_facebook_list > ul > li {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border: 1px solid #1c1c1c;

}

.home_facebook_list > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100px;

  border-width: 10px;

  font-size: 25px;

  border-style: solid;

  border-color: black;

  background-color: #272727;

  color: #fff;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media (min-width: 1600px) {

  .home_facebook_list > ul > li > a {

    height: 100px;

    border-width: 10px;

    font-size: 25px;

  }

}

.home_facebook_list > ul > li > a > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.home_facebook_list > ul > li > a > span > img {

  width: 40px;

  margin-right: 15px;

}

@media (min-width: 1600px) {

  .home_facebook_list > ul > li > a > span > img {

    width: 40px;

    margin-right: 15px;

  }

}

.home_facebook_list > ul > li > a:hover {

  text-decoration: none;

  opacity: 0.7;

}

.home_facebook_list > ul > li + li {

  border-left: 1px solid #666666;

}



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

.home_related

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

.home_related {

  padding-top: 30px;

  margin-top: 200px;

  padding-bottom: 160px;

}



.home_related_list {

  margin-top: 100px;

}

.home_related_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.home_related_list > ul > li {

  width: 370px;

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .home_related_list > ul > li {

    width: 370px;

    margin-top: 5px;

  }

}

.home_related_list > ul > li > a {

  display: block;

  padding: 25px;

  background-color: #1c1c1c;

}

@media (min-width: 1600px) {

  .home_related_list > ul > li > a {

    padding: 25px;

  }

}



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

.home_flight

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

.home_flight {

  padding-top: 30px;

  margin-top: 160px;

  color: #E5AD77;

}

.home_flight_title {

  margin-bottom: -10px;

}

@media (min-width: 1600px) {

  .home_flight_title {

    margin-bottom: -10px;

  }

}

.home_flight_title > span {

  display: block;

  margin-top: 35px;

  font-size: 25px;

}

@media (min-width: 1600px) {

  .home_flight_title > span {

    margin-top: 35px;

    font-size: 25px;

  }

}

html[lang=th] .home_flight_title > span {

  padding-top: 1em;

}

.home_flight_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.home_flight_list > ul > li {

  width: 370px;

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .home_flight_list > ul > li {

    width: 370px;

    margin-top: 5px;

  }

}

.home_flight_list > ul > li > a {

  display: block;

  height: 100%;

  padding: 25px;

  background-color: #1c1c1c;

}

@media (min-width: 1600px) {

  .home_flight_list > ul > li > a {

    padding: 25px;

  }

}

.home_flight_list > ul > li .title {

  margin-top: 15px;

  font-size: 16px;

}

@media (min-width: 1600px) {

  .home_flight_list > ul > li .title {

    margin-top: 15px;

    font-size: 16px;

  }

}

.home_flight_list > ul > li:last-child {

  width: 100%;

}

.home_flight_list > ul > li:last-child .title {

  margin-top: 0px;

  margin-bottom: 22px;

  font-size: 25px;

}

@media (min-width: 1600px) {

  .home_flight_list > ul > li:last-child .title {

    margin-top: 0px;

    margin-bottom: 22px;

    font-size: 25px;

  }

}

.home_flight_list > ul:after {

  content: "";

  display: block;

  width: 350px;

  height: 0;

}

@media (min-width: 1600px) {

  .home_flight_list > ul:after {

    width: 350px;

  }

}

.home_flight_link {

  margin-top: 60px;

}

@media (min-width: 1600px) {

  .home_flight_link {

    margin-top: 60px;

  }

}



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

.home_epilogue

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

.home_epilogue {

  position: relative;

  height: 589px;

  padding-top: 210px;

  margin-top: 50px;

  text-align: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  overflow: hidden;

}

@media (min-width: 1600px) {

  .home_epilogue {

    height: 589px;

    padding-top: 210px;

    margin-top: 50px;

  }

}

.home_epilogue:before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  width: 1600px;

  height: 749px;

  background: url(../../images/home/epilogue_bg_pc.png) center no-repeat;

  background-size: contain;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media (min-width: 1600px) {

  .home_epilogue:before {

    width: 1600px;

    height: 749px;

  }

}

.home_epilogue_title, .home_epilogue_lead {

  position: relative;

  color: #E5AD77;

  text-align: center;

  z-index: 2;

}

.home_epilogue_title {

  font-size: 40px;

  font-weight: 400;

}

@media (min-width: 1600px) {

  .home_epilogue_title {

    font-size: 40px;

  }

}

.home_epilogue_title > span {

  display: block;

  margin-bottom: 25px;

  font-size: 60px;

}

@media (min-width: 1600px) {

  .home_epilogue_title > span {

    margin-bottom: 25px;

    font-size: 60px;

  }

}

.home_epilogue_title > span:nth-of-type(2) {

  margin-top: 30px;

}

@media (min-width: 1600px) {

  .home_epilogue_title > span:nth-of-type(2) {

    margin-top: 30px;

  }

}

html[lang=th] .home_epilogue_title {

  line-height: 1.2;

}

html[lang=th] .home_epilogue_title > span:nth-of-type(2) {

  margin-top: 0px;

}

@media (min-width: 1600px) {

  html[lang=th] .home_epilogue_title > span:nth-of-type(2) {

    margin-top: 0px;

  }

}

.home_epilogue_lead {

  font-size: 22px;

}

@media (min-width: 1600px) {

  .home_epilogue_lead {

    font-size: 22px;

  }

}



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

.access-detail

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

.access-detail {

  max-width: 1120px;

  margin-left: auto;

  margin-right: auto;

  color: #CCCCCC;

  text-align: left;

}

@media (min-width: 1600px) {

  .access-detail {

    max-width: 1120px;

  }

}

.access-detail > img {

  width: 100%;

  height: auto;

}



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

.access-detail_subtitle

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

.access-detail_subtitle {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  min-height: 65px;

  padding-left: 95px;

  margin-top: 47px;

  font-size: 35px;

  font-weight: 400;

  line-height: 1.3913;

}

@media (min-width: 1600px) {

  .access-detail_subtitle {

    min-height: 65px;

    padding-left: 95px;

    margin-top: 47px;

    font-size: 35px;

  }

}

.access-detail_subtitle > img {

  position: absolute;

  top: 0;

  left: 0;

  width: 65px;

}

@media (min-width: 1600px) {

  .access-detail_subtitle > img {

    width: 65px;

  }

}

.access-detail_subtitle.bus {

  color: #2DCCBA;

}

.access-detail_subtitle.train {

  color: #F87B22;

}



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

.access-detail_lead

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

.access-detail_lead {

  margin-top: 20px;

  font-size: 16px;

  line-height: 1.625;

}

@media (min-width: 1600px) {

  .access-detail_lead {

    margin-top: 20px;

    font-size: 16px;

  }

}



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

.access-detail_map

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

.access-detail_map {

  margin-top: 125px;

}

@media (min-width: 1600px) {

  .access-detail_map {

    margin-top: 125px;

  }

}

.access-detail_map img {

  width: 100%;

  height: auto;

}



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

.access-detail_buybtn

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

.access-detail_buybtn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.access-detail_buybtn > a {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100px;

  font-size: 25px;

  background-color: #B50000;

  color: white;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media (min-width: 1600px) {

  .access-detail_buybtn > a {

    height: 100px;

    font-size: 25px;

  }

}

.access-detail_buybtn > a > span {

  position: relative;

  padding-right: 20px;

}

@media (min-width: 1600px) {

  .access-detail_buybtn > a > span {

    padding-right: 20px;

  }

}

.access-detail_buybtn > a > span:before {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 8px;

  height: 13px;

  background: url(../../images/access/icn-arrow-white.svg) center no-repeat;

  background-size: contain;

  -webkit-transform: translateY(-30%);

      -ms-transform: translateY(-30%);

          transform: translateY(-30%);

}

@media (min-width: 1600px) {

  .access-detail_buybtn > a > span:before {

    width: 8px;

    height: 13px;

  }

}

.access-detail_buybtn > a:hover {

  text-decoration: none;

  opacity: 0.7;

}

.access-detail_buybtn > a + a {

  margin-left: 1px;

}



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

.access-detail_pagenav

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

.access-detail_pagenav {

  margin-top: 75px;

}

@media (min-width: 1600px) {

  .access-detail_pagenav {

    margin-top: 75px;

  }

}

.access-detail_pagenav > ul {

  margin-right: -15px;

}

@media (min-width: 1600px) {

  .access-detail_pagenav > ul {

    margin-right: -15px;

  }

}

.access-detail_pagenav > ul > li {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-top: 25px;

  margin-right: 15px;

}

@media (min-width: 1600px) {

  .access-detail_pagenav > ul > li {

    margin-top: 25px;

    margin-right: 15px;

  }

}

.access-detail_pagenav > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  height: 57px;

  padding-left: 20px;

  padding-right: 20px;

  border-radius: 29px;

  font-size: 18px;

  border: 1px solid #B50000;

  color: #B50000;

}

@media (min-width: 1600px) {

  .access-detail_pagenav > ul > li > a {

    height: 57px;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 29px;

    font-size: 18px;

  }

}

.access-detail_pagenav > ul > li > a:after {

  content: "";

  width: 13px;

  height: 8px;

  margin-top: 5px;

  background: url(../../images/access/icn-arrow-red.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .access-detail_pagenav > ul > li > a:after {

    width: 13px;

    height: 8px;

    margin-top: 5px;

  }

}



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

.access-detail_item

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

.access-detail_item {

  padding-top: 50px;

  margin-top: 50px;

  margin-bottom: 100px;

  color: #E5AD77;

}

@media (min-width: 1600px) {

  .access-detail_item {

    padding-top: 50px;

    margin-top: 50px;

    margin-bottom: 100px;

  }

}

.access-detail_item:last-child {

  margin-bottom: 200px;

}

@media (min-width: 1600px) {

  .access-detail_item:last-child {

    margin-bottom: 200px;

  }

}

.access-detail_item .title {

  font-size: 57px;

  font-weight: 400;

  line-height: 1.111;

}

@media (min-width: 1600px) {

  .access-detail_item .title {

    font-size: 57px;

  }

}

.access-detail_item .title > span {

  display: block;

  margin-bottom: 5px;

  font-size: 16px;

}

@media (min-width: 1600px) {

  .access-detail_item .title > span {

    margin-bottom: 5px;

    font-size: 16px;

  }

}

.access-detail_item .place {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  min-height: 20px;

  padding-left: 23px;

  margin-top: 20px;

  font-size: 16px;

  line-height: 1;

}

@media (min-width: 1600px) {

  .access-detail_item .place {

    min-height: 20px;

    padding-left: 23px;

    margin-top: 20px;

    font-size: 16px;

  }

}

.access-detail_item .place:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 15px;

  height: 20px;

  background: url(../../images/access/icn-marker.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .access-detail_item .place:before {

    width: 15px;

    height: 20px;

  }

}

.access-detail_item .image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 40px;

}

@media (min-width: 1600px) {

  .access-detail_item .image {

    margin-top: 40px;

  }

}

.access-detail_item .image > div {

  width: 600px;

}

@media (min-width: 1600px) {

  .access-detail_item .image > div {

    width: 600px;

  }

}

.access-detail_item .image > div img {

  width: 100%;

  height: auto;

}

.access-detail_item .image > figcaption {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 60px;

}

@media (min-width: 1600px) {

  .access-detail_item .image > figcaption {

    padding-left: 60px;

  }

}

.access-detail_item .image > figcaption p {

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .access-detail_item .image > figcaption p {

    font-size: 16px;

  }

}

.access-detail_item .image > figcaption > div {

  margin-top: 60px;

}

@media (min-width: 1600px) {

  .access-detail_item .image > figcaption > div {

    margin-top: 60px;

  }

}



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

.movie_main

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

.movie_main {

  max-width: 1120px;

  margin-left: auto;

  margin-right: auto;

  color: #E5AD77;

  text-align: left;

}

@media (min-width: 1600px) {

  .movie_main {

    max-width: 1120px;

  }

}

.movie_main_inner {

  margin-bottom: 150px;

}

@media (min-width: 1600px) {

  .movie_main_inner {

    margin-bottom: 150px;

  }

}

.movie_main img {

  width: 100%;

  height: auto;

}

.movie_main a {

  color: #E5AD77;

}



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

.movie_youtube

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

.movie_youtube {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-top: 50px;

}

@media (min-width: 1600px) {

  .movie_youtube {

    margin-top: 50px;

  }

}

.movie_youtube_movie > div {

  position: relative;

  width: 700px;

  padding-top: 394px;

}

@media (min-width: 1600px) {

  .movie_youtube_movie > div {

    width: 700px;

    padding-top: 394px;

  }

}

.movie_youtube_movie > div > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.movie_youtube_movie > div + div {

  margin-top: 40px;

}

@media (min-width: 1600px) {

  .movie_youtube_movie > div + div {

    margin-top: 40px;

  }

}

.movie_youtube_channel {

  width: 360px;

}

@media (min-width: 1600px) {

  .movie_youtube_channel {

    width: 360px;

  }

}

.movie_youtube_channel_info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.movie_youtube_channel_info > div {

  width: 163px;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_info > div {

    width: 163px;

  }

}

.movie_youtube_channel_info > figcaption {

  width: 172px;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_info > figcaption {

    width: 172px;

  }

}

.movie_youtube_channel_info > figcaption > dl > dt {

  font-size: 16px;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_info > figcaption > dl > dt {

    font-size: 16px;

  }

}

.movie_youtube_channel_info > figcaption > dl > dd {

  font-size: 20px;

  line-height: 1.5;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_info > figcaption > dl > dd {

    font-size: 20px;

  }

}

.movie_youtube_channel_info > figcaption .subscrib {

  margin-top: 20px;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_info > figcaption .subscrib {

    margin-top: 20px;

  }

}

.movie_youtube_channel_link > a {

  display: block;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 25px;

  padding-right: 25px;

  margin-top: 33px;

  font-size: 14px;

  background-color: #272727;

  color: #E5AD77;

  line-height: 1.4285714286;

  word-break: break-all;

}

@media (min-width: 1600px) {

  .movie_youtube_channel_link > a {

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 25px;

    padding-right: 25px;

    margin-top: 33px;

    font-size: 14px;

  }

}



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

.movie_lead

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

.movie_lead {

  margin-top: 35px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .movie_lead {

    margin-top: 35px;

    font-size: 16px;

  }

}



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

.movie_list

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

.movie_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.movie_list > ul > li {

  width: 350px;

  margin-top: 100px;

}

@media (min-width: 1600px) {

  .movie_list > ul > li {

    width: 350px;

    margin-top: 100px;

  }

}

.movie_list > ul > li .title {

  margin-top: 20px;

  font-size: 20px;

}

@media (min-width: 1600px) {

  .movie_list > ul > li .title {

    margin-top: 20px;

    font-size: 20px;

  }

}

.movie_list > ul > li .link {

  margin-top: 15px;

}

@media (min-width: 1600px) {

  .movie_list > ul > li .link {

    margin-top: 15px;

  }

}

.movie_list > ul:after {

  content: "";

  display: block;

  width: 350px;

  height: 0;

}

@media (min-width: 1600px) {

  .movie_list > ul:after {

    width: 350px;

  }

}



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

.movie_tourpass

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

.movie_tourpass {

  background-color: #272727;

  color: #CCCCCC;

  text-align: left;

}

.movie_tourpass_inner {

  max-width: 1120px;

  padding-top: 100px;

  padding-bottom: 100px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0;

}

@media (min-width: 1600px) {

  .movie_tourpass_inner {

    max-width: 1120px;

    padding-top: 100px;

    padding-bottom: 100px;

  }

}

.movie_tourpass_title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-top: 1px solid #666666;

  border-bottom: 1px solid #666666;

  height: 75px;

  font-size: 35px;

  font-weight: 400;

}

@media (min-width: 1600px) {

  .movie_tourpass_title {

    height: 75px;

    font-size: 35px;

  }

}

.movie_tourpass_list > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.movie_tourpass_list > ul > li {

  width: 542px;

  margin-top: 66px;

}

@media (min-width: 1600px) {

  .movie_tourpass_list > ul > li {

    width: 542px;

    margin-top: 66px;

  }

}

.movie_tourpass_list > ul > li .image > img {

  width: 100%;

  height: auto;

}

.movie_tourpass_list > ul > li .title {

  position: relative;

  min-height: 40px;

  padding-left: 70px;

  margin-top: 32px;

  font-size: 25px;

  font-weight: 400;

  line-height: 1.3913;

}

@media (min-width: 1600px) {

  .movie_tourpass_list > ul > li .title {

    min-height: 40px;

    padding-left: 70px;

    margin-top: 32px;

    font-size: 25px;

  }

}

.movie_tourpass_list > ul > li .title > img {

  position: absolute;

  top: 0;

  left: 0;

  width: 40px;

}

@media (min-width: 1600px) {

  .movie_tourpass_list > ul > li .title > img {

    width: 40px;

  }

}

.movie_tourpass_list > ul > li .link {

  margin-top: 25px;

}

@media (min-width: 1600px) {

  .movie_tourpass_list > ul > li .link {

    margin-top: 25px;

  }

}



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

.learn

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

.learn {

  max-width: 1120px;

  margin-left: auto;

  margin-right: auto;

  color: #CCCCCC;

  text-align: left;

}

@media (min-width: 1600px) {

  .learn {

    max-width: 1120px;

  }

}

.learn img {

  width: 100%;

  height: auto;

}



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

.learn_profile

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

.learn_profile {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  margin-top: 60px;

}

@media (min-width: 1600px) {

  .learn_profile {

    margin-top: 60px;

  }

}

.learn_profile .image {

  width: 163px;

}

@media (min-width: 1600px) {

  .learn_profile .image {

    width: 163px;

  }

}

.learn_profile .main {

  position: relative;

  width: 397px;

  padding-left: 54px;

  padding-right: 54px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

@media (min-width: 1600px) {

  .learn_profile .main {

    width: 397px;

    padding-left: 54px;

    padding-right: 54px;

  }

}

.learn_profile .main .name {

  font-weight: normal;

}

.learn_profile .main .name > span {

  font-size: 20px;

}

@media (min-width: 1600px) {

  .learn_profile .main .name > span {

    font-size: 20px;

  }

}

.learn_profile .main .name > span > span {

  display: block;

  font-size: 16px;

}

@media (min-width: 1600px) {

  .learn_profile .main .name > span > span {

    font-size: 16px;

  }

}

.learn_profile .main .career {

  margin-top: 10px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .learn_profile .main .career {

    margin-top: 10px;

    font-size: 16px;

  }

}

.learn_profile .introduce {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 70px;

  font-size: 16px;

  border-left: 1px solid #ccc;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .learn_profile .introduce {

    padding-left: 70px;

    font-size: 16px;

  }

}



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

.learn_hdglv2

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

.learn_hdglv2 {

  padding: 23px;

  margin-top: 80px;

  font-size: 35px;

  border-top: 1px solid #666;

  border-bottom: 1px solid #666;

  font-weight: normal;

  text-align: center;

}

@media (min-width: 1600px) {

  .learn_hdglv2 {

    padding: 23px;

    margin-top: 80px;

    font-size: 35px;

  }

}



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

.learn_list

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

.learn_list {

  margin-top: 30px;

}

@media (min-width: 1600px) {

  .learn_list {

    margin-top: 30px;

  }

}

.learn_list > ol {

  counter-reset: learnList;

}

.learn_list > ol > li {

  position: relative;

  background-color: #272727;

  padding: 25px;

  padding-left: 163px;

  counter-increment: learnList;

}

@media (min-width: 1600px) {

  .learn_list > ol > li {

    padding: 25px;

    padding-left: 163px;

  }

}

.learn_list > ol > li:before {

  content: "0" counter(learnList);

  position: absolute;

  top: 50%;

  left: 0;

  width: 163px;

  padding-left: 6px;

  font-size: 50px;

  line-height: 1;

  text-align: center;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

@media (min-width: 1600px) {

  .learn_list > ol > li:before {

    width: 163px;

    padding-left: 6px;

    font-size: 50px;

  }

}

.learn_list > ol > li > ul > li {

  position: relative;

  padding-left: 20px;

  padding-right: 30px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .learn_list > ol > li > ul > li {

    padding-left: 20px;

    padding-right: 30px;

    font-size: 16px;

  }

}

.learn_list > ol > li > ul > li:before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background-color: #CCCCCC;

}

@media (min-width: 1600px) {

  .learn_list > ol > li > ul > li:before {

    top: 12px;

    width: 7px;

    height: 7px;

  }

}

.learn_list > ol > li > ul > li + li {

  margin-top: 10px;

}

@media (min-width: 1600px) {

  .learn_list > ol > li > ul > li + li {

    margin-top: 10px;

  }

}

.learn_list > ol > li + li {

  margin-top: 1px;

}



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

.learn_movie

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

.learn_movie {

  position: relative;

  margin-top: 30px;

  padding-top: 56.25%;

}

@media (min-width: 1600px) {

  .learn_movie {

    margin-top: 30px;

  }

}

.learn_movie > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



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

.learn_link

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

.learn_link {

  margin-top: 60px;

  margin-bottom: 200px;

  text-align: center;

}

@media (min-width: 1600px) {

  .learn_link {

    margin-top: 60px;

    margin-bottom: 200px;

  }

}



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

.travelplan_lead

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

.travelplan_lead {

  margin-top: 100px;

  margin-bottom: 70px;

  font-size: 25px;

  text-align: center;

}

@media (min-width: 1600px) {

  .travelplan_lead {

    margin-top: 100px;

    margin-bottom: 70px;

    font-size: 25px;

  }

}



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

.travelplan_summary

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

.travelplan_summary {

  width: 1120px;

  padding: 50px;

  margin-top: 100px;

  margin-left: auto;

  margin-right: auto;

  border-left: 1px solid #E5AD77;

  border-right: 1px solid #E5AD77;

  background-color: rgba(28, 28, 28, 0.6);

}

@media (min-width: 1600px) {

  .travelplan_summary {

    width: 1120px;

    padding: 50px;

    margin-top: 100px;

  }

}

.travelplan_summary_title {

  font-size: 25px;

  line-height: 1.24;

}

@media (min-width: 1600px) {

  .travelplan_summary_title {

    font-size: 25px;

  }

}

.travelplan_summary_lead {

  margin-top: 15px;

  font-size: 16px;

  line-height: 1.9375;

}

@media (min-width: 1600px) {

  .travelplan_summary_lead {

    margin-top: 15px;

    font-size: 16px;

  }

}

.travelplan_summary_link {

  margin-top: 15px;

  font-size: 16px;

  line-height: 1.9375;

}

@media (min-width: 1600px) {

  .travelplan_summary_link {

    margin-top: 15px;

    font-size: 16px;

  }

}

.travelplan_summary_schedule {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  counter-reset: travelplanSummary;

  margin-top: 25px;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule {

    margin-top: 25px;

  }

}

.travelplan_summary_schedule::after {

  width: 310px;

  height: 0;

  content: "";

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule::after {

    width: 310px;

  }

}

.travelplan_summary_schedule > li {

  position: relative;

  counter-increment: travelplanSummary;

  width: 310px;

  padding-right: 100px;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li {

    width: 310px;

    padding-right: 100px;

  }

}

.travelplan_summary_schedule > li > h3 > a {

  display: block;

  position: relative;

}

.travelplan_summary_schedule > li > h3 > a > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 79px;

  height: 42px;

  font-size: 16px;

  background-color: #000;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li > h3 > a > span {

    width: 79px;

    height: 42px;

    font-size: 16px;

  }

}

.travelplan_summary_schedule > li > h3 > a::before {

  position: absolute;

  top: 21px;

  left: 79px;

  right: 0;

  height: 1px;

  background-color: #E5AD77;

  content: "";

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li > h3 > a::before {

    top: 21px;

    left: 79px;

  }

}

.travelplan_summary_schedule > li > ul {

  margin-top: 25px;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li > ul {

    margin-top: 25px;

  }

}

.travelplan_summary_schedule > li > ul > li {

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li > ul > li {

    font-size: 16px;

  }

}

.travelplan_summary_schedule > li:nth-of-type(n+4) {

  margin-top: 30px;

}

@media (min-width: 1600px) {

  .travelplan_summary_schedule > li:nth-of-type(n+4) {

    margin-top: 30px;

  }

}



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

.travelplan_schedule

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

.travelplan_schedule {

  width: 1120px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1600px) {

  .travelplan_schedule {

    width: 1120px;

  }

}

.travelplan_schedule_title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 55px;

  margin-top: 70px;

  background-color: #58456B;

  color: white;

}

@media (min-width: 1600px) {

  .travelplan_schedule_title {

    height: 55px;

    margin-top: 70px;

  }

}

.travelplan_schedule_list {

  margin-top: 21px;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list {

    margin-top: 21px;

  }

}

.travelplan_schedule_list > li:not(:last-child) {

  position: relative;

  min-height: 120px;

  padding-bottom: 60px;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list > li:not(:last-child) {

    min-height: 120px;

    padding-bottom: 60px;

  }

}

.travelplan_schedule_list > li:not(:last-child)::before {

  position: absolute;

  top: 0;

  left: 30px;

  width: 2px;

  height: 100%;

  background-image: -o-linear-gradient(top, #F3F0F0 2px, transparent 2px);

  background-image: linear-gradient(to bottom, #F3F0F0 2px, transparent 2px);

  background-size: 2px 12px;

  background-repeat: repeat-y;

  background-position: top center;

  content: "";

}

@media (min-width: 1600px) {

  .travelplan_schedule_list > li:not(:last-child)::before {

    left: 30px;

  }

}

.travelplan_schedule_list > li > dl {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  position: relative;

  z-index: 2;

}

.travelplan_schedule_list > li > dl > dt {

  position: relative;

  top: -10px;

  width: 160px;

  padding-top: 10px;

  background-color: #000;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list > li > dl > dt {

    top: -10px;

    width: 160px;

    padding-top: 10px;

  }

}

.travelplan_schedule_list > li > dl > dd {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.travelplan_schedule_list > li > ._title:first-child {

  padding-top: 10px;

  margin-top: -10px;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list > li > ._title:first-child {

    padding-top: 10px;

    margin-top: -10px;

  }

}

.travelplan_schedule_list ._title {

  display: block;

  position: relative;

  background-color: #000;

  padding-bottom: 10px;

  font-size: 25px;

  font-weight: bold;

  line-height: 1.4;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list ._title {

    padding-bottom: 10px;

    font-size: 25px;

  }

}

.travelplan_schedule_list ._lead {

  font-size: 21px;

  font-weight: 400;

  line-height: 1.36364;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list ._lead {

    font-size: 21px;

  }

}

.travelplan_schedule_list ._lead a {

  text-decoration: underline;

}

.travelplan_schedule_list ._image {

  display: block;

  width: 60px;

  padding-bottom: 10px;

}

@media (min-width: 1600px) {

  .travelplan_schedule_list ._image {

    width: 60px;

    padding-bottom: 10px;

  }

}



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

.common

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

.common {

  padding-bottom: 200px;

  color: #E5AD77;

  text-align: left;

}

@media (min-width: 1600px) {

  .common {

    padding-bottom: 200px;

  }

}

.common * {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.common img {

  width: 100%;

  height: auto;

}

.common a {

  color: #E5AD77;

}



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

.common_header

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

.common_header {

  position: relative;

}

.common_header:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 480px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

@media (min-width: 1600px) {

  .common_header:before {

    height: 480px;

  }

}

.common_header_inner {

  position: relative;

  width: 1120px;

  height: 540px;

  padding-top: 228px;

  padding-left: 115px;

  margin-left: auto;

  margin-right: auto;

  color: #fff;

}

@media (min-width: 1600px) {

  .common_header_inner {

    width: 1120px;

    height: 540px;

    padding-top: 228px;

    padding-left: 115px;

  }

}

.common_header_inner:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 510px;

  height: 540px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

@media (min-width: 1600px) {

  .common_header_inner:before {

    width: 510px;

    height: 540px;

  }

}

.common_header_title {

  position: relative;

  font-size: 72px;

  font-weight: normal;

  z-index: 2;

}

@media (min-width: 1600px) {

  .common_header_title {

    font-size: 72px;

  }

}

.common_header_subtitle {

  position: absolute;

  z-index: 1;

}

.common_header_lead {

  position: relative;

  width: 280px;

  margin-top: 35px;

  margin-left: 16px;

  font-size: 23px;

  line-height: 1.73914;

  z-index: 2;

}

@media (min-width: 1600px) {

  .common_header_lead {

    width: 280px;

    margin-top: 35px;

    margin-left: 16px;

    font-size: 23px;

  }

}

body.samurai .common_header:before {

  background-image: url(../../images/samurai/header_bg.jpg);

}

body.samurai .common_header .common_header_inner:before {

  background-image: url(../../images/samurai/header_bg2.png);

}

body.samurai .common_header .common_header_subtitle {

  top: 220px;

  left: 325px;

  width: 312px;

  height: 320px;

}

@media (min-width: 1600px) {

  body.samurai .common_header .common_header_subtitle {

    top: 220px;

    left: 325px;

    width: 312px;

    height: 320px;

  }

}

body.ninja .common_header:before {

  background-image: url(../../images/ninja/header_bg.jpg);

}

body.ninja .common_header .common_header_inner:before {

  background-image: url(../../images/ninja/header_bg2.png);

}

body.ninja .common_header .common_header_subtitle {

  top: 236px;

  left: 317px;

  width: 398px;

  height: 314px;

}

@media (min-width: 1600px) {

  body.ninja .common_header .common_header_subtitle {

    top: 236px;

    left: 317px;

    width: 398px;

    height: 314px;

  }

}

body.castle .common_header:before {

  background-image: url(../../images/castle/header_bg.jpg);

}

body.castle .common_header .common_header_inner {

  color: #000;

}

body.castle .common_header .common_header_inner:before {

  background-image: url(../../images/castle/header_bg2.png);

}

body.castle .common_header .common_header_subtitle {

  top: 220px;

  left: 308px;

  width: 314px;

  height: 320px;

}

@media (min-width: 1600px) {

  body.castle .common_header .common_header_subtitle {

    top: 220px;

    left: 308px;

    width: 314px;

    height: 320px;

  }

}

body.nakasendo .common_header:before {

  background-image: url(../../images/nakasendo/header_bg.jpg);

}

body.nakasendo .common_header .common_header_inner:before {

  background-image: url(../../images/nakasendo/header_bg2.png);

}

body.nakasendo .common_header .common_header_subtitle {

  top: 201px;

  left: 331px;

  width: 318px;

  height: 339px;

}

@media (min-width: 1600px) {

  body.nakasendo .common_header .common_header_subtitle {

    top: 201px;

    left: 331px;

    width: 318px;

    height: 339px;

  }

}

body.chubu .common_header:before {

  background-image: url(../../images/chubu/header_bg.jpg);

}

body.chubu .common_header .common_header_inner:before {

  background-image: url(../../images/chubu/header_bg2.png);

}

body.chubu .common_header .common_header_subtitle {

  top: 295px;

  left: 198px;

  width: 526px;

  height: 245px;

}

@media (min-width: 1600px) {

  body.chubu .common_header .common_header_subtitle {

    top: 295px;

    left: 198px;

    width: 526px;

    height: 245px;

  }

}

body.travelplan .common_header:before {

  background-image: url(../../images/travelplan/header_bg.jpg);

}

body.travelplan .common_header .common_header_inner {

  height: 480px;

}

@media (min-width: 1600px) {

  body.travelplan .common_header .common_header_inner {

    height: 480px;

  }

}

body.travelplan .common_header .common_header_inner:before {

  display: none;

}

.common_header-travelplan .common_header_inner {

  height: 480px;

}

@media (min-width: 1600px) {

  .common_header-travelplan .common_header_inner {

    height: 480px;

  }

}

.common_header-travelplan .common_header_inner:before {

  display: none;

}

.common_header-travelplan .common_header_period {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #000;

  font-weight: bold;

  width: 290px;

  height: 115px;

  font-size: 42px;

}

@media (min-width: 1600px) {

  .common_header-travelplan .common_header_period {

    width: 290px;

    height: 115px;

    font-size: 42px;

  }

}

.common_header-travelplan .common_header_lead {

  width: 440px;

}

@media (min-width: 1600px) {

  .common_header-travelplan .common_header_lead {

    width: 440px;

  }

}

.common_header-travelplan-course1:before {

  background-image: url(../../images/travelplan/course1/header_bg.png) !important;

}

.common_header-travelplan-course2:before {

  background-image: url(../../images/travelplan/course2/header_bg.png) !important;

}

.common_header-travelplan-course3:before {

  background-image: url(../../images/travelplan/course3/header_bg.png) !important;

}

.common_header-travelplan-course4:before {

  background-image: url(../../images/travelplan/course4/header_bg.png) !important;

}

.common_header-travelplan-course5:before {

  background-image: url(../../images/travelplan/course5/header_bg.png) !important;

}

.common_header-travelplan-course6:before {

  background-image: url(../../images/travelplan/course6/header_bg.png) !important;

}



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

.common_inner

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

.common_inner {

  width: 1120px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1600px) {

  .common_inner {

    width: 1120px;

  }

}



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

.common_lead

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

.common_lead {

  max-width: 900px;

  margin-top: 37px;

  font-size: 16px;

  margin-left: auto;

  margin-right: auto;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_lead {

    max-width: 900px;

    margin-top: 37px;

    font-size: 16px;

  }

}



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

.common_pagelink

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

.common_pagelink {

  width: 1010px;

  padding-left: 5px;

  margin-top: 93px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1600px) {

  .common_pagelink {

    width: 1010px;

    padding-left: 5px;

    margin-top: 93px;

  }

}

.common_pagelink > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.common_pagelink > ul > li {

  width: 246px;

  margin-right: 5px;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li {

    width: 246px;

    margin-right: 5px;

  }

}

.common_pagelink > ul > li > a,

.common_pagelink > ul > li > div {

  display: block;

  height: 100%;

  padding-top: 20px;

  padding-bottom: 18px;

  padding-left: 20px;

  padding-right: 20px;

  background-color: #1C1C1C;

  -webkit-transition: opacity 0.3s;

  -o-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li > a,

.common_pagelink > ul > li > div {

    padding-top: 20px;

    padding-bottom: 18px;

    padding-left: 20px;

    padding-right: 20px;

  }

}

.common_pagelink > ul > li > a .thumbnail,

.common_pagelink > ul > li > div .thumbnail {

  position: relative;

  padding-top: 66.66%;

  overflow: hidden;

}

.common_pagelink > ul > li > a .thumbnail img,

.common_pagelink > ul > li > div .thumbnail img {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.common_pagelink > ul > li > a .text-box,

.common_pagelink > ul > li > div .text-box {

  margin-top: 16px;

  font-size: 16px;

  line-height: 1.5;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li > a .text-box,

.common_pagelink > ul > li > div .text-box {

    margin-top: 16px;

    font-size: 16px;

  }

}

.common_pagelink > ul > li > a .text-box a,

.common_pagelink > ul > li > div .text-box a {

  text-decoration: underline;

}

.common_pagelink > ul > li > a .period-box,

.common_pagelink > ul > li > div .period-box {

  margin-top: 18px;

  text-align: center;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li > a .period-box,

.common_pagelink > ul > li > div .period-box {

    margin-top: 18px;

  }

}

.common_pagelink > ul > li > a .period-box > span,

.common_pagelink > ul > li > div .period-box > span {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  padding-bottom: 15px;

  font-size: 25px;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li > a .period-box > span,

.common_pagelink > ul > li > div .period-box > span {

    padding-bottom: 15px;

    font-size: 25px;

  }

}

.common_pagelink > ul > li > a .period-box > span::before,

.common_pagelink > ul > li > div .period-box > span::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: #E5AD77;

  content: "";

}

.common_pagelink > ul > li > a .period-box + .text-box,

.common_pagelink > ul > li > div .period-box + .text-box {

  padding-bottom: 20px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li > a .period-box + .text-box,

.common_pagelink > ul > li > div .period-box + .text-box {

    padding-bottom: 20px;

  }

}

.common_pagelink > ul > li > a:hover {

  opacity: 0.7;

}

.common_pagelink > ul > li:nth-of-type(n+5) {

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .common_pagelink > ul > li:nth-of-type(n+5) {

    margin-top: 5px;

  }

}

.common_pagelink-large {

  width: auto !important;

  margin-top: 0 !important;

  padding-left: 0 !important;

  margin-right: -5px;

}

@media (min-width: 1600px) {

  .common_pagelink-large {

    margin-right: -5px;

  }

}

.common_pagelink-large > ul > li {

  width: 276px;

}

@media (min-width: 1600px) {

  .common_pagelink-large > ul > li {

    width: 276px;

  }

}

.common_pagelink-xlarge {

  position: relative;

  width: 1120px;

  padding-bottom: 10px;

  margin-bottom: 20px;

  margin-top: 0 !important;

  padding-left: 0 !important;

  background-color: #000;

}

@media (min-width: 1600px) {

  .common_pagelink-xlarge {

    width: 1120px;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }

}

.common_pagelink-xlarge > ul {

  margin-right: -5px;

}

@media (min-width: 1600px) {

  .common_pagelink-xlarge > ul {

    margin-right: -5px;

  }

}

.common_pagelink-xlarge > ul > li {

  width: 370px;

}

@media (min-width: 1600px) {

  .common_pagelink-xlarge > ul > li {

    width: 370px;

  }

}

.common_pagelink-xlarge > ul > li > a:hover {

  text-decoration: none;

}

.common_pagelink-xlarge > ul > li > a:hover .text-box {

  text-decoration: underline;

}

.common_pagelink-xlarge > ul > li:nth-of-type(n+5) {

  margin-top: 0px;

}

@media (min-width: 1600px) {

  .common_pagelink-xlarge > ul > li:nth-of-type(n+5) {

    margin-top: 0px;

  }

}

.common_pagelink-xlarge > ul > li:nth-of-type(n+4) {

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .common_pagelink-xlarge > ul > li:nth-of-type(n+4) {

    margin-top: 5px;

  }

}

.common_pagelink-pickup > ul > li:nth-of-type(1), .common_pagelink-pickup > ul > li:nth-of-type(2), .common_pagelink-pickup > ul > li:nth-of-type(3) {

  width: 330px;

}

@media (min-width: 1600px) {

  .common_pagelink-pickup > ul > li:nth-of-type(1), .common_pagelink-pickup > ul > li:nth-of-type(2), .common_pagelink-pickup > ul > li:nth-of-type(3) {

    width: 330px;

  }

}

.common_pagelink-pickup > ul > li:nth-of-type(n+4) {

  margin-top: 5px;

}

@media (min-width: 1600px) {

  .common_pagelink-pickup > ul > li:nth-of-type(n+4) {

    margin-top: 5px;

  }

}



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

.common_article

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

.common_article {

  padding-top: 70px;

  margin-top: 132px;

}

@media (min-width: 1600px) {

  .common_article {

    padding-top: 70px;

    margin-top: 132px;

  }

}



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

.common_article_header

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

.common_article_header {

  position: relative;

}

.common_article_header:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../images/common/article_bg.png) center repeat;

  background-size: 37px 64px;

}

.common_article_header:after {

  content: "";

  position: absolute;

  left: 50%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  top: -53px;

}

@media (min-width: 1600px) {

  .common_article_header:after {

    top: -53px;

  }

}

body.samurai .common_article_header:after {

  width: 247px;

  height: 254px;

  margin-left: -123px;

  background-image: url(../../images/samurai/article_header.svg);

}

@media (min-width: 1600px) {

  body.samurai .common_article_header:after {

    width: 247px;

    height: 254px;

    margin-left: -123px;

  }

}

body.ninja .common_article_header:after {

  width: 325px;

  height: 254px;

  margin-left: -207px;

  background-image: url(../../images/ninja/article_header.svg);

}

@media (min-width: 1600px) {

  body.ninja .common_article_header:after {

    width: 325px;

    height: 254px;

    margin-left: -207px;

  }

}

body.castle .common_article_header:after {

  width: 248px;

  height: 253px;

  margin-left: -135px;

  background-image: url(../../images/castle/article_header.svg);

}

@media (min-width: 1600px) {

  body.castle .common_article_header:after {

    width: 248px;

    height: 253px;

    margin-left: -135px;

  }

}

body.nakasendo .common_article_header:after {

  width: 238px;

  height: 254px;

  margin-left: -118px;

  background-image: url(../../images/nakasendo/article_header.svg);

}

@media (min-width: 1600px) {

  body.nakasendo .common_article_header:after {

    width: 238px;

    height: 254px;

    margin-left: -118px;

  }

}

body.chubu .common_article_header:after {

  width: 549px;

  height: 253px;

  margin-left: -274px;

  background-image: url(../../images/chubu/article_header.svg);

}

@media (min-width: 1600px) {

  body.chubu .common_article_header:after {

    width: 549px;

    height: 253px;

    margin-left: -274px;

  }

}

.common_article_header_inner {

  position: relative;

  width: 1120px;

  min-height: 127px;

  padding-top: 51px;

  padding-bottom: 31px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  z-index: 2;

}

@media (min-width: 1600px) {

  .common_article_header_inner {

    width: 1120px;

    min-height: 127px;

    padding-top: 51px;

    padding-bottom: 31px;

  }

}

.common_article_header_title {

  font-size: 84px;

  font-weight: normal;

  line-height: 1.2381;

}

@media (min-width: 1600px) {

  .common_article_header_title {

    font-size: 84px;

  }

}

.common_article_header_place {

  margin-top: -3px;

  font-size: 16px;

}

@media (min-width: 1600px) {

  .common_article_header_place {

    margin-top: -3px;

    font-size: 16px;

  }

}



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

.common_article_category

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

.common_article_category {

  margin-top: 55px;

  text-align: center;

}

@media (min-width: 1600px) {

  .common_article_category {

    margin-top: 55px;

  }

}

.common_article_category > p {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding-left: 50px;

  padding-right: 50px;

  font-size: 25px;

  border-left: 1px solid #E5AD77;

  border-right: 1px solid #E5AD77;

  line-height: 1;

}

@media (min-width: 1600px) {

  .common_article_category > p {

    padding-left: 50px;

    padding-right: 50px;

    font-size: 25px;

  }

}



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

.common_article_inner

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

.common_article_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 1120px;

  padding: 50px;

  margin-top: 150px;

  margin-left: auto;

  margin-right: auto;

  border: 1px solid #1C1C1C;

}

@media (min-width: 1600px) {

  .common_article_inner {

    width: 1120px;

    padding: 50px;

    margin-top: 150px;

  }

}

.common_article_inner > .common_article_movie:first-child,

.common_article_inner > .common_article_mv:first-child,

.common_article_inner > .common_article_detail:first-child {

  margin-top: -100px;

}

@media (min-width: 1600px) {

  .common_article_inner > .common_article_movie:first-child,

.common_article_inner > .common_article_mv:first-child,

.common_article_inner > .common_article_detail:first-child {

    margin-top: -100px;

  }

}

.common_article_header + .common_article_inner, .common_article_category + .common_article_inner {

  margin-top: 100px;

}

@media (min-width: 1600px) {

  .common_article_header + .common_article_inner, .common_article_category + .common_article_inner {

    margin-top: 100px;

  }

}



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

.common_article_movie

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

.common_article_movie {

  width: 100%;

  padding: 50px;

  margin-bottom: 50px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .common_article_movie {

    padding: 50px;

    margin-bottom: 50px;

  }

}

.common_article_movie_inner {

  position: relative;

  height: 518px;

}

@media (min-width: 1600px) {

  .common_article_movie_inner {

    height: 518px;

  }

}

.common_article_movie_inner > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



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

.common_article_mv

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

.common_article_mv {

  width: 600px;

}

@media (min-width: 1600px) {

  .common_article_mv {

    width: 600px;

  }

}



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

.common_article_desc

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

.common_article_desc {

  width: 418px;

  padding-left: 50px;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_article_desc {

    width: 418px;

    padding-left: 50px;

    font-size: 16px;

  }

}

.common_article_movie + .common_article_mv + .common_article_desc {

  padding-top: 100px;

}

@media (min-width: 1600px) {

  .common_article_movie + .common_article_mv + .common_article_desc {

    padding-top: 100px;

  }

}



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

.common_article_info

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

.common_article_info {

  position: relative;

  width: 100%;

  padding-left: 50px;

  padding-right: 50px;

  margin-top: 50px;

}

@media (min-width: 1600px) {

  .common_article_info {

    padding-left: 50px;

    padding-right: 50px;

    margin-top: 50px;

  }

}

.common_article_info:before, .common_article_info:after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  width: 10px;

  border-top: 1px solid #E5AD77;

  border-bottom: 1px solid #E5AD77;

}

@media (min-width: 1600px) {

  .common_article_info:before, .common_article_info:after {

    width: 10px;

  }

}

.common_article_info:before {

  left: 0;

  border-left: 1px solid #E5AD77;

}

.common_article_info:after {

  right: 0;

  border-right: 1px solid #E5AD77;

}

.common_article_info_lead {

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_article_info_lead {

    font-size: 16px;

  }

}

.common_article_info_lead:first-child {

  margin-top: -3px;

}

@media (min-width: 1600px) {

  .common_article_info_lead:first-child {

    margin-top: -3px;

  }

}

.common_article_info_list > ul > li {

  position: relative;

  padding-left: 1em;

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_article_info_list > ul > li {

    font-size: 16px;

  }

}

.common_article_info_list > ul > li:before {

  content: "◆";

  position: absolute;

  top: 0;

  left: 0;

  width: 1em;

  -webkit-transform: scale(0.8);

      -ms-transform: scale(0.8);

          transform: scale(0.8);

  -webkit-transform-origin: left center;

      -ms-transform-origin: left center;

          transform-origin: left center;

}

.common_article_info_list:first-child {

  margin-top: -3px;

}

@media (min-width: 1600px) {

  .common_article_info_list:first-child {

    margin-top: -3px;

  }

}

.common_article_info_website {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: relative;

  padding-top: 10px;

  padding-bottom: 11px;

  padding-left: 136px;

  padding-right: 20px;

  background-color: #1C1C1C;

}

@media (min-width: 1600px) {

  .common_article_info_website {

    padding-top: 10px;

    padding-bottom: 11px;

    padding-left: 136px;

    padding-right: 20px;

  }

}

.common_article_info_website:before {

  content: "Website";

  position: absolute;

  top: 10px;

  left: 19px;

  font-size: 15px;

}

@media (min-width: 1600px) {

  .common_article_info_website:before {

    top: 10px;

    left: 19px;

    font-size: 15px;

  }

}

.common_article_info_website:after {

  content: "";

  position: absolute;

  top: 23px;

  left: 93px;

  width: 25px;

  height: 1px;

  background-color: #E5AD77;

}

@media (min-width: 1600px) {

  .common_article_info_website:after {

    top: 23px;

    left: 93px;

    width: 25px;

    height: 1px;

  }

}

.common_article_info_website > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 15px;

  line-height: 1.8;

}

@media (min-width: 1600px) {

  .common_article_info_website > a {

    font-size: 15px;

  }

}

.common_article_info_website > a:after {

  content: "";

  width: 16px;

  height: 12px;

  margin-left: 10px;

  background: url(../../images/common/icon_blank.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .common_article_info_website > a:after {

    width: 16px;

    height: 12px;

    margin-left: 10px;

  }

}

.common_article_info_website > a + a {

  margin-top: 2px;

}

@media (min-width: 1600px) {

  .common_article_info_website > a + a {

    margin-top: 2px;

  }

}

.common_article_info_website:not(:first-child) {

  margin-top: 18px;

}

@media (min-width: 1600px) {

  .common_article_info_website:not(:first-child) {

    margin-top: 18px;

  }

}



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

.common_article_centrip

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

.common_article_centrip {

  position: relative;

  padding-top: 16px;

  padding-bottom: 11px;

  padding-left: 182px;

  padding-right: 20px;

  margin-top: 50px;

  background-color: #fff;

}

@media (min-width: 1600px) {

  .common_article_centrip {

    padding-top: 16px;

    padding-bottom: 11px;

    padding-left: 182px;

    padding-right: 20px;

    margin-top: 50px;

  }

}

.common_article_centrip:before {

  content: "";

  position: absolute;

  top: 15px;

  left: 20px;

  width: 122px;

  height: 26px;

  background: url(../../images/common/centrip_logo.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .common_article_centrip:before {

    top: 15px;

    left: 20px;

    width: 122px;

    height: 26px;

  }

}

.common_article_centrip_list > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: #000000;

  font-size: 15px;

  line-height: 1.8;

}

@media (min-width: 1600px) {

  .common_article_centrip_list > ul > li > a {

    font-size: 15px;

  }

}

.common_article_centrip_list > ul > li > a:after {

  content: "";

  width: 16px;

  height: 12px;

  margin-left: 10px;

  background: url(../../images/common/icon_blank_black.svg) center no-repeat;

  background-size: contain;

}

@media (min-width: 1600px) {

  .common_article_centrip_list > ul > li > a:after {

    width: 16px;

    height: 12px;

    margin-left: 10px;

  }

}

.common_article_centrip_list > ul > li + li {

  margin-top: 2px;

}

@media (min-width: 1600px) {

  .common_article_centrip_list > ul > li + li {

    margin-top: 2px;

  }

}



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

.common_article_detail

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

.common_article_detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  padding: 50px;

  margin-top: 50px;

  border-top: 1px solid #E5AD77;

  background: #1C1C1C url(../../images/common/article_detail_bg.png) center repeat;

  background-size: 37px 64px;

}

@media (min-width: 1600px) {

  .common_article_detail {

    padding: 50px;

    margin-top: 50px;

  }

}

.common_article_detail_main {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  min-width: 51%;

}

.common_article_detail_main:nth-of-type(n+2) {

  margin-top: 40px;

}

@media (min-width: 1600px) {

  .common_article_detail_main:nth-of-type(n+2) {

    margin-top: 40px;

  }

}

.common_article_detail_image {

  width: 410px;

  padding-left: 40px;

}

@media (min-width: 1600px) {

  .common_article_detail_image {

    width: 410px;

    padding-left: 40px;

  }

}

.common_article_detail_image > p {

  margin-top: 10px;

  font-size: 14px;

  line-height: 1.42858;

}

@media (min-width: 1600px) {

  .common_article_detail_image > p {

    margin-top: 10px;

    font-size: 14px;

  }

}

.common_article_detail_image img:not(:first-child) {

  margin-top: 20px;

}

@media (min-width: 1600px) {

  .common_article_detail_image img:not(:first-child) {

    margin-top: 20px;

  }

}

.common_article_detail_image:nth-of-type(n+3) {

  margin-top: 40px;

}

@media (min-width: 1600px) {

  .common_article_detail_image:nth-of-type(n+3) {

    margin-top: 40px;

  }

}

.common_article_detail_category {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 40px;

  padding-left: 20px;

  padding-right: 20px;

  font-size: 16px;

  background-color: #000;

}

@media (min-width: 1600px) {

  .common_article_detail_category {

    height: 40px;

    padding-left: 20px;

    padding-right: 20px;

    font-size: 16px;

  }

}

.common_article_detail_title {

  margin-bottom: 19px;

  font-size: 25px;

  font-weight: bold;

  line-height: 1.24;

}

@media (min-width: 1600px) {

  .common_article_detail_title {

    margin-bottom: 19px;

    font-size: 25px;

  }

}

.common_article_detail_title:not(:first-child) {

  margin-top: 28px;

}

@media (min-width: 1600px) {

  .common_article_detail_title:not(:first-child) {

    margin-top: 28px;

  }

}

.common_article_detail_desc {

  font-size: 16px;

  line-height: 1.875;

}

@media (min-width: 1600px) {

  .common_article_detail_desc {

    font-size: 16px;

  }

}



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

.common_article_col

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

.common_article_col {

  width: 100%;

  margin-top: 25px;

}

@media (min-width: 1600px) {

  .common_article_col {

    margin-top: 25px;

  }

}

.common_article_col_title {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding-top: 17px;

  padding-bottom: 11px;

  margin-top: 25px;

  font-size: 20px;

  border-top: 1px solid #E5AD77;

  border-bottom: 1px solid #E5AD77;

}

@media (min-width: 1600px) {

  .common_article_col_title {

    padding-top: 17px;

    padding-bottom: 11px;

    margin-top: 25px;

    font-size: 20px;

  }

}

.common_article_col_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.common_article_col_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 485px;

  margin-top: 25px;

}

@media (min-width: 1600px) {

  .common_article_col_item {

    width: 485px;

    margin-top: 25px;

  }

}

.common_article_col_item_inner {

  -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

          order: 2;

  width: 240px;

}

@media (min-width: 1600px) {

  .common_article_col_item_inner {

    width: 240px;

  }

}

.common_article_col_item_title {

  border-left: 1px solid #E5AD77;

  padding-left: 14px;

  margin-bottom: 15px;

  font-size: 18px;

  font-weight: bold;

  line-height: 1;

}

@media (min-width: 1600px) {

  .common_article_col_item_title {

    padding-left: 14px;

    margin-bottom: 15px;

    font-size: 18px;

  }

}

.common_article_col_item_lead {

  font-size: 16px;

  line-height: 1.5625;

}

@media (min-width: 1600px) {

  .common_article_col_item_lead {

    font-size: 16px;

  }

}

.common_article_col_item_image {

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

  width: 220px;

}

@media (min-width: 1600px) {

  .common_article_col_item_image {

    width: 220px;

  }

}



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

.common_article_gmap

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

.common_article_gmap {

  position: relative;

  width: 1120px;

  height: 403px;

  margin-top: 50px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1600px) {

  .common_article_gmap {

    width: 1120px;

    height: 403px;

    margin-top: 50px;

  }

}

.common_article_gmap > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



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

.common_button

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

.common_button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-top: 50px;

}

@media (min-width: 1600px) {

  .common_button {

    margin-top: 50px;

  }

}



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

.home_project

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

.home_project_lead{

  padding-bottom: 0;

}

.home_project_block{

  margin-top: 88px;

}

.home_project_block + .home_project_block{

  margin-top: 96px;

}

.home_project_block_title{

  font-weight: normal;

  font-size: 45px;

  line-height: 1.35;

  text-align: center;

  border: 6px solid #1C1C1C;

  border-bottom: 0;

  padding-top: 30px;

  margin: 0 0 50px;

}



.home_project_item {

  background: #1C1C1C;

}



.home_project_item + .home_project_item{

  margin-top: 32px;

}



.home_project_content_image{

  width: 163px;

  height: auto;

  position: absolute;

  left: 0;

  top: 0;

}



.home_project_content_wrapper{

  position: relative;

  min-height: 163px;

}



.home_project_item_content{

  padding: 50px;

}



.home_project_content_name{

  font-size: 30px;

  line-height: 1.5;

  margin-bottom: 20px;

  padding-left: 213px;

}



.home_project_item_accordion_content{

  padding: 0 50px 50px;

  display: none;

}



.home_project_content_detail{

  font-size: 14px;

  padding-left: 213px;

}



.home_project_youtube_movie > div{

  width: 100%;

  height: 0;

  padding-bottom: 56.25%;

  position: relative;

}

.home_project_youtube_movie > div > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.home_project_youtube_movie > div + div{

  margin-top: 50px;

}



.lst_social{

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-top: 50px;

}

.lst_social li {

  padding: 0 12px;

}

.lst_social li a{

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: #fff;

}



.lst_social .circle{

  display: block;

  width: 56px;

  height: 56px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #000;

  border-radius: 50%;

}

.lst_social .icn {

  width: 24px;

  height: 24px;

}

.icn-youtube{

  background: url(../../images/common/icn-youtube.svg) center no-repeat;

  background-size: contain;

}

.icn-instagram{

  background: url(../../images/common/icn-instagram.svg) center no-repeat;

  background-size: contain;

}

.icn-facebook{

  background: url(../../images/common/icn-facebook.svg) center no-repeat;

  background-size: contain;

}

.icn-x{

  background: url(../../images/common/icn-x.svg) center no-repeat;

  background-size: contain;

}

.icn-blog{

  background: url(../../images/common/icn-blog.svg) center no-repeat;

  background-size: contain;

}

.icn-discord{

  background: url(../../images/common/icn-discord.svg) center no-repeat;

  background-size: contain;

}

.icn-tiktok{

  background: url(../../images/common/icn-tiktok.svg) center no-repeat;

  background-size: contain;

}

.icn-blockdit{

  background: url(../../images/common/icn-blockdit.png) center no-repeat;

  background-size: contain;

}



.home_project_item_accordion_link{

  display: flex;

  background: #272727;

  color: #fff;

  text-decoration: none;

  height: 57px;

  align-items: center;

  justify-content: center;

  text-align: center;

  font-size: 18px;

  line-height: 38px;

  text-align: left;

  color: #cacaca;

  cursor: pointer;

}

.home_project_item_accordion_link::after{

  content: "";

  display: block;

  width: 10px;

  height: 6px;

  background: url(../../images/common/icn-down-chevron.svg) center no-repeat;

  margin-left: 14px;

  background-size: contain;

}



.home_project_info {

  margin-top: 0;

}

.home_project_youtube_movie + .home_project_info{

  margin-top: 50px;

}



.home_project_item_accordion_link .close{

  display: none;

}

.home_project_item_accordion_link.-open .close{

  display: block;

}

.home_project_item_accordion_link.-open .open{

  display: none;

}

.home_project_item_accordion_link.-open:after{

  transform: rotate(180deg);

}



.common_article_info_blog {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: relative;

  padding: 16px 32px 16px 116px;

  background-color: #272727;

}

.common_article_info_blog.website{

  padding-left: 136px;

}

.common_article_info_blog:before {

  content: "Blog";

  position: absolute;

  top: 16px;

  left: 32px;

  font-size: 16px;

}



.common_article_info_blog.website:before {

  content: "Website";

  top: 16px;

  left: 32px;

}

.common_article_info_blog:after {

  content: "";

  position: absolute;

  top: 27px;

  left: 80px;

  width: 20px;

  height: 1px;

  background-color: #E5AD77;

}

.common_article_info_blog.website:after {

  left: 100px;

}



.common_article_info_blog > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  line-height: 1.71;

}



.common_article_info_blog > a:after {

  content: "";

  width: 16px;

  height: 12px;

  margin-left: 10px;

  background: url(../../images/common/icon_blank.svg) center no-repeat;

  background-size: contain;

  flex-shrink: 0;

}



.common_article_info_blog > a + a {

  margin-top: 2px;

}



.common_article_info_blog:not(:first-child) {

  margin-top: 16px;

}





.home_learn_speaker{

  background: #1c1c1c;

  margin-top: 8px;

}

.home_learn_speaker_link{

  text-align: center;

  padding: 40px 35px;

  font-size: 25px;

  line-height: 38px;

  cursor: pointer;

}

.home_learn_speaker_link .text{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.home_learn_speaker_link .text::after{

  content: "";

  display: block;

  width: 16px;

  height: 10px;

  background: url(../../images/common/icn-down-chevron-brown.svg) center no-repeat;

  margin-left: 14px;

  background-size: contain;

}

.home_learn_speaker_link.-open .text::after{

  transform: rotate(180deg);

}



.home_learn_speaker_wrapper{

  padding: 16px 0 40px;

  display: none;

}

.home_learn_speaker_item{

  display: flex;

  padding: 0 35px;

  color: #CACACA;

  min-height: 163px;

}

.home_learn_speaker_item + .home_learn_speaker_item{

  margin-top: 56px;

}

.home_learn_speaker_history{

  width: 50%;

  box-sizing: border-box;

  padding: 14px 0 14px 21px;

  border-left: 1px solid #666;

  font-size: 14px;

}

.home_learn_speaker_info{

  position: relative;

  width: 50%;

}

.home_learn_speaker_image{

  position: absolute;

  left: 0;

  top: 0;

  width: 163px;

  height: auto;

}

.home_learn_speaker_name{

  padding-left: 184px;

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 16px;

  margin-top: 8px;

}

.home_learn_speaker_detail{

  padding-left: 184px;

  font-size: 16px;

  padding-right: 20px;

}