/* reset ////////////////////////////////////////////////////*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
table {
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}
strong {
  font-weight: bold;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
  margin: 0;
  padding: 0;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
img {
	max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}



/* common ////////////////////////////////////////////////////*/
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
body {
  min-width: 641px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
  font-size: 14px;
  line-height: 1.666;
  width: 100%;
  height: 100%;
 *font-size:small;
 *font:x-small;
  -webkit-text-size-adjust: none;
  background-color: #000;
}
.sans_serif {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb75 { margin-bottom: 75px; }
.mb100 { margin-bottom: 100px; }
a:link, a:visited {
  color: #fff;
}
a:hover {
  color: #fff;
  text-decoration: none;
}
a:active {
  color: #fff;
}
img.over {
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
img.over:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}



/* fadein ////////////////////////////////////////////////////*/
.fadein {
  opacity : 0;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
  -webkit-transition : all 1000ms ease-out;
  transition : all 1000ms ease-out;
}
.fadein.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein02 {
  opacity : 0;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
  -webkit-transition : all 1500ms ease-out 400ms;
  transition : all 1500ms ease-out 400ms;
}
.fadein02.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein_y {
  opacity : 0;
  -webkit-transform : translate3d(0, 40px, 0);
  transform : translate3d(0, 40px, 0);
  -webkit-transition : all 500ms ease-out;
  transition : all 500ms ease-out;
}
.fadein_y.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein_y02 {
  opacity : 0;
  -webkit-transform : translate3d(0, 20px, 0);
  transform : translate3d(0, 20px, 0);
  -webkit-transition : all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 1.5s;
  transition : all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 1.5s;
}
.fadein_y02.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein_y03 {
  opacity : 0;
  -webkit-transform : translate3d(0, -20px, 0);
  transform : translate3d(0, -20px, 0);
  -webkit-transition : all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 1.5s;
  transition : all 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 1.5s;
}
.fadein_y03.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein_x {
  opacity : 0;
  -webkit-transform : translate3d(100px, 0, 0);
  transform : translate3d(100px, 0, 0);
  -webkit-transition : all 800ms ease-out;
  transition : all 800ms ease-out;
}
.fadein_x.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
.fadein_x02 {
  opacity : 0;
  -webkit-transform : translate3d(-100px, 0, 0);
  transform : translate3d(-100px, 0, 0);
  -webkit-transition : all 800ms ease-out;
  transition : all 800ms ease-out;
}
.fadein_x02.scrollin {
  opacity : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform : translate3d(0, 0, 0);
}
@media screen and (max-width: 767px) {
	.fadein.scrollin,
	.fadein02.scrollin,
	.fadein_y.scrollin,
	.fadein_y03.scrollin,
	.fadein_x.scrollin,
	.fadein_x02.scrollin {
		opacity : 1;
		-webkit-transform : translate3d(0, 0, 0);
		transform : translate3d(0, 0, 0);
		-webkit-transition: none;
		transition: none;
	}
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes fadeInY {
  0% {
    opacity: 0;
    transform : translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    transform : translate3d(0, 0, 0);
  }
}
@keyframes fadeOutY {
  0% {
    opacity: 1;
    transform : translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform : translate3d(0, 40px, 0);
  }
}




/* Responsive Delete ////////////////////////////////////////////////////*/
.sp {
  display: none;
}



/* common parts ////////////////////////////////////////////////////*/
.common_btn {
  display: inline-block;
/*   padding: 5px 30px; */
  padding: .3em 1.6em;
  line-height: 1;
  color: #fff;
  border: 1px solid #fff;
/*   border-radius: 15px; */
  border-radius: .8em;
  transition: all .6s ease-out;
  background: #000;
  font-size: 14px;
}
.common_btn:hover {
  color: #000;
  background: #fff;
}
.common_btn span {
  display: inline-block;
  padding-left: 12px;
  background: url(../img/icon_right.png) 0 center no-repeat;
  background-size: 8px auto;
}
.common_btn:hover span {
  background: url(../img/icon_right_hover.png) 0 center no-repeat;
  background-size: 8px auto;
}
.common_box {
  border: 1px solid #666;
  box-shadow: 0 0 0 2px rgba(0,0,0,.7) inset;
  background: linear-gradient(135deg, rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 50%);
}
@media screen and (max-width: 767px) {
/*
	.common_btn {
		padding: 15px 10px;
		border: 2px solid #959595;
		font-size: 12px;
	}
*/
	.common_btn span {
		padding-left: 18px;
	}
}
@media screen and (max-width: 320px) {
	.common_btn {
		font-size: 10px;
	}
	.common_btn span {
		padding-left: 15px;
	}
}



/* mainHeader ////////////////////////////////////////////////////*/
.main_header {
  line-height: 1;
}
.main_header .logo_presage {
	position: fixed;
	top: 30px;
	left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
}
.main_header .logo_presage a {
  display: inline-block;
}
.main_header .logo_presage object {
  width: 170px;
  height: 25px;
  pointer-events: none;
}
.main_header .logo_presage img {
	width: 175px;
	height: 25px; 
}
.main_header .lang {
	position: fixed;
	top: 30px;
	right: 30px;
  z-index: 9999;
  display: none;
}
.started .main_header .lang {
  display: block;
}
.main_header .lang .list {
	display: flex;
}
.main_header .lang .list li {
  position: relative;
}
.main_header .lang .list li.jp {
  margin-left: 1px;
}
.main_header .lang .list li a {
  display: block;
  width: 5em;
  padding: 4px 0;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
  transition: box-shadow .6s ease-out;
}
.main_header .lang .list li.jp a {
  cursor: inherit;
}
.main_header .lang .list li.jp a,
.main_header .lang .list li a:hover {
  box-shadow: 0 0 0 2px rgba(255,255,255,1) inset;
} 
@media screen and (max-width: 767px) {
  
}



/* main_nav ////////////////////////////////////////////////////*/
.main_nav {
  position: fixed;
	top: 50%;
	right: 30px;
  z-index: 9999;
  transform: translateY(-50%);
  line-height: 1;
}
.main_nav li {
  margin: 10px 0;
}
.main_nav li a {
  display: block;
  width: 10px;
  height: 10px;
}
.main_nav li a span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255,255,255,0);
  transition: background .6s ease-out;
  border: 1px solid #fff;
}
.main_nav li a.cr span,
.main_nav li a.hover span {
  background: rgba(255,255,255,1);
}


/* container ////////////////////////////////////////////////////*/
.container {
  /*
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  */
}
.container::before,
.container::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  z-index: 5000;
  pointer-events: none;
}
.container::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  pointer-events: none;
}



/* section ////////////////////////////////////////////////////*/
.section {
  position: relative;
  min-width: 641px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  /*
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  */
}
.section::before {
  position: fixed;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
/*   transition: opacity .6s ease-out; */
}
.section.display::before {
  opacity: 1;
}
.section > .outer {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.section > .outer > .inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 5%;
  z-index: 999;
}



/* scene_intro ////////////////////////////////////////////////////*/
#scene_intro{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #000;
	display: block;
/* 	display: none; */
}
#scene_intro .outer {
  position: relative;
  width: 100%;
	height: 100vh;
  overflow: hidden;
}
#scene_intro .inner {
  width: 100%;
	height: 100%;
}
#scene_intro ul {
  width: 100%;
  height: 100%;
}
#scene_intro ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#scene_intro ul li.entrance {
  background-image: url(../img/intro_bg_entrance.jpg);
  animation: kf_entrance 20s linear 0s 1;
}
#scene_intro ul li.stairs {
  background-image: url(../img/intro_bg_stairs.jpg);
  animation: kf_stairs 20s linear 0s 1;
}
#scene_intro ul li.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  animation: kf_logo 20s linear 0s 1;
}
#scene_intro ul li.logo object {
  width: 15%;
  position: relative;
  transform: translateY(-85%);
}
#scene_intro ul li.lead {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  animation: kf_lead 20s linear 0s 1;
}
#scene_intro ul li.lead object {
  width: 25%;
  position: relative;
  transform: translateY(85%);
}
#scene_intro ul li.stairs_down {
  background-image: url(../img/intro_bg_stairs_down.jpg);
  animation: kf_stairs_down 20s linear 0s 1;
}
#scene_intro ul li.signboard {
  background-image: url(../img/intro_bg_signboard.jpg);
  animation: kf_signboard 20s linear 0s 1;
}
#scene_intro ul li.signboard_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  animation: kf_signboard_logo 20s linear 0s 1 forwards;
}
#scene_intro ul li.signboard_logo div {
  width: 75%;
  padding: 0 50px;
  text-align: center;
}
@keyframes kf_entrance {
  0%  { opacity: 0; transform: scale(1.1) translate(0,1.5%); } /* 0s */
  35% { opacity: 1; transform: scale(1.13) translate(0,0); } /* 7s */
  60% { opacity: 1; transform: scale(1.13); } /* 12s */
  70% { opacity: 0; } /* 12s */
  100% { opacity: 0; } /* 20s */
}
@keyframes kf_stairs {
  0%  { opacity: 0; transform: scale(1.3) translate(3%,-15%);} /* 0s */
  22.5% { opacity: 0; -ms-transform: scale(1.3) translate(3%,-15%); } /* 4.5s */
  40% { opacity: 1; } /* 8s */
  60% { opacity: 1; -ms-transform: scale(1.5) translate(0,0); } /* 12s */
  75% { opacity: 0; } /* 15s */
  100% { opacity: 0; } /* 20s */
}

@keyframes kf_logo {
  0%  { opacity: 0; } /* 0s */
  45% { opacity: 0; } /* 9s */
  55% { opacity: 1; } /* 11s */
  65% { opacity: 1; } /* 13s */
  72% { opacity: 0; } /* 14s */
  80% { opacity: 0; } /* 17s */
  100% { opacity: 0; } /* 20s */
}
@keyframes kf_lead {
  0%  { opacity: 0; } /* 0s */
  50% { opacity: 0; } /* 10s */
  60% { opacity: 1; } /* 11s */
  65% { opacity: 1; } /* 13s */
  72% { opacity: 0; } /* 14s */
  80% { opacity: 0; } /* 17s */
  100% { opacity: 0; } /* 20s */
}
@keyframes kf_stairs_down {
  0%  { opacity: 0; transform: scale(1.3) translate(0,0); } /* 0s */
  50% { opacity: 0; transform: scale(1.3) translate(0,0); } /* 10s */
  60% { opacity: 1; } /* 12s */
  70% { opacity: 1; } /* 14s */
  75% { opacity: 0; transform: scale(1.3) translate(0,-6%); } /* 15s */
  100% { opacity: 0; } /* 20s */
}
@keyframes kf_signboard {
  0%  { opacity: 0; transform: scale(1) } /* 0s */
  77.5% { opacity: 0; transform: scale(1) } /* 15.5s */
  88.75% { opacity: 1; transform: scale(1.03) } /* 17.75s */
  100% { opacity: 0; transform: scale(1.03) } /* 20s */
}
@keyframes kf_signboard_logo {
  0%  { opacity: 0; transform: scale(1) } /* 0s */
  77.5% { opacity: 0; transform: scale(1) } /* 15.5s */
  88.75% { opacity: 1; transform: scale(1.03) } /* 17.75s */
  100% { opacity: 0; transform: scale(1.03) } /* 20s */
}
@media screen and (max-width: 1060px) {
  #scene_intro ul li.logo object {
    width: 24%;
  }
  #scene_intro ul li.lead object {
    width: 50%;
  }
}
@media screen and (orientation: portrait) and (max-width: 1000px) {
  #scene_intro ul li.entrance {
    background-image: url(../img/intro_bg_entrance_tb.jpg);
    animation: kf_entrance 20s linear 0s 1;
  }
  @keyframes kf_entrance {
    0%  { opacity: 0; transform: scale(1) translate(0,2%); } /* 0s */
    35% { opacity: 1; transform: scale(1.06) translate(0,0); } /* 7s */
    60% { opacity: 1; transform: scale(1.06); } /* 12s */
    70% { opacity: 0; } /* 12s */
    100% { opacity: 0; } /* 20s */
  }
  #scene_intro ul li.stairs {
    background-position: 65% center;
    animation: kf_stairs 20s linear 0s 1;
  }
  @keyframes kf_stairs {
    0%  { opacity: 0; transform: scale(1.3) translate(3%,-15%); } /* 0s */
    22.5% { opacity: 0; -ms-transform: scale(1.3) translate(3%,-15%); } /* 4.5s */
    40% { opacity: 1; } /* 8s */
    60% { opacity: 1; transform: scale(1.8) translate(0,0); } /* 12s */
    75% { opacity: 0; } /* 15s */
    100% { opacity: 0; } /* 20s */
  }
  #scene_intro ul li.stairs_down {
    background-image: url(../img/intro_bg_stairs_down_tb.jpg);
    animation: kf_stairs_down 20s linear 0s 1;
  }
  @keyframes kf_stairs_down {
    0%  { opacity: 0; transform: scale(1.3) translate(0,0); } /* 0s */
    50% { opacity: 0; transform: scale(1.3) translate(0,0); } /* 10s */
    60% { opacity: 1; } /* 12s */
    70% { opacity: 1; } /* 14s */
    75% { opacity: 0; transform: scale(1.3) translate(0,-14%); } /* 15s */
    100% { opacity: 0; } /* 20s */
  }
  #scene_intro ul li.signboard {
    background-image: url(../img/intro_bg_signboard_tb.jpg);
  }
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  #scene_intro ul li.logo object {
    width: 28%;
    transform: translateY(-100%);
  }
  #scene_intro ul li.lead object {
    width: 50%;
  }
  #scene_intro ul li.signboard_logo div {
    width: 80%;
    padding: 0;
  }
}


/* bar_conter ////////////////////////////////////////////////////*/
#bar_counter{
	position: absolute;
	top: 0;
	left: 0;
  min-width: 641px;
	width: 100%;
	background: #000;
	z-index: 10;
	overflow: hidden;
	height: 100%;
}
#bar_counter::before {
	position: fixed;
  content: '';
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  
  background: url(../img/bar_counter_base_bg.jpg) center 50% no-repeat;
  background-size: cover;
  
  opacity: 1;
  transition: all 1s ease-out;

}
#bar_counter.fixed::before {
/* 	filter: blur(3px); */
/*   transform: scale(1.01,1.01); */
/*   position: fixed; */
/*    opacity: .6; */
}


/* enter_bar ////////////////////////////////////////////////////*/
#scene_enter_bar{
/* 	display: block; */
	z-index: 100;
}
#scene_enter_bar.show {
		
}

#scene_enter_bar .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#scene_enter_bar .inner .kv{
	position: relative;
	width: 100%;
	height: 100vh;
}
#scene_enter_bar .inner .txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(50vh - 220px);
	bottom: 25vh;
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  -webkit-animation: fadeOut 1.5s ease-in-out forwards;
  animation: fadeOut 1.5s ease-in-out forwards;
}

#scene_enter_bar.show .inner .txt {
	-webkit-animation: fadeIn 2s ease-in-out 1.3s forwards;
  animation: fadeIn 2s ease-in-out 1.3s forwards;
}

#scene_enter_bar .inner .kv img {
	height: 100%;
	width: auto;

	opacity : 0;
  -webkit-animation: fadeOut 1.5s ease-in-out forwards;
  animation: fadeOut 1.5s ease-in-out forwards;
}	
#scene_enter_bar.show .inner .kv img {
	-webkit-animation: fadeIn 2s ease-in-out .3s forwards;
  animation: fadeIn 2s ease-in-out .3s forwards;
}	

@media screen and (max-width: 920px) and (orientation: portrait) {
  #scene_enter_bar .inner .kv img {
		height: auto;
		width: 90%;
	}
}
@media screen and (max-width: 920px) and (max-height: 920px) and (orientation: portrait) {
  #scene_enter_bar .inner .txt {
    bottom: 18vh;
  }
}


/* scene_bar_intro ////////////////////////////////////////////////////*/
#scene_bar_intro {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	
}
#scene_bar_intro.show {
	display: block;
}

#scene_bar_intro.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
/*
#scene_bar_intro::before {
  background: url(../img/bar_counter_base_bg.jpg) center center no-repeat;
  background-size: cover;
  filter: blur(3px);
  transform: scale(1.01,1.01);
}
*/
#scene_bar_intro::before {
	background: #000;
	opacity: .5;
}

#scene_bar_intro .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
/*   background: rgba(0,0,0,.5); */
}
#scene_bar_intro .inner .intro_box {
  padding: 70px 60px 60px;
  opacity: 0;
/*
  -webkit-transition : all .5s ease-out;
  transition : all .5s ease-out;
*/
	
  -webkit-animation: fadeOut .5s ease-in-out forwards;
  animation: fadeOut .5s ease-in-out forwards;
}
#scene_bar_intro.show .inner .intro_box {  
/*
  opacity: 1;
  -webkit-transition : all 1s ease-out;
  transition : all 1s ease-out;
*/
  -webkit-animation: fadeIn 3s ease-in-out forwards;
  animation: fadeIn 3s ease-in-out forwards;
}
#scene_bar_intro .intro_box.hide {
	display: none;
}
#scene_bar_intro .inner .head {
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 1.4;
  
  opacity: 0;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
}
#scene_bar_intro.show .inner .head {
  -webkit-animation: fadeIn 2s ease-in-out .8s forwards;
  animation: fadeIn 2s ease-in-out .8s forwards;
}
#scene_bar_intro .inner .txt {
  font-size: 16px;
  line-height: 1.8;
  opacity: 0;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
}
#scene_bar_intro.show .inner .txt {
  -webkit-animation: fadeIn 2s ease-in-out 1.2s forwards;
  animation: fadeIn 2s ease-in-out 1.2s forwards;
}


@media screen and (max-width: 980px) {
  #scene_bar_intro .inner .intro_box {
    padding: 50px 40px 40px;
  }
	#scene_bar_intro .inner .head{
		font-size: 3vw;
	}
	#scene_bar_intro.show .inner .txt{
		font-size: 1.6vw;
	}
}


/* scene_bar_movie ////////////////////////////////////////////////////*/
#scene_bar_movie {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 600;
	pointer-events: none;
	opacity: 0;
	display: none;
}
#scene_bar_movie.show {
	display: block;
	opacity: 1;
	pointer-events: auto;
}
/*
#scene_bar_movie .movie_wrap video {
  position: absolute;
  left: 50%; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  transform: translateX(-50%);
  z-index: 600;
}
*/


#scene_bar_movie .inner {
  position: relative;
  width: 100%;
    height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0;
}

/* 中央の横線 */
#scene_bar_movie .inner .bd {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 1px;
  background: #fff;
  transition: width .5s ease-out 1s;
}
#scene_bar_movie .inner.start .bd {
  width: 100%;
  transition: width .5s ease-out;
}

/* 動画box */
#scene_bar_movie .mov_box {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  transition: height 1s ease-in-out;
	background: #000;
}
#scene_bar_movie .start .mov_box {
  height: 100%;
  transition: height 1s ease-in-out .5s;
}
#scene_bar_movie .mov_box::before,
#scene_bar_movie .mov_box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 700;
  opacity: 1;
  transition: opacity .3s ease-out;
}
#scene_bar_movie .mov_box::after {
  top: auto;
  bottom: 0;
}
#scene_bar_movie .start .mov_box::before,
#scene_bar_movie .start .mov_box::after {
  opacity: 0;
  transition: opacity .3s ease-out 1.5s;
}
#scene_bar_movie .mov_box .bg {
  position: absolute;
  content: '';
  width: 100%;
  height: 100vh;
  top: 50%;
  left: 0;
  z-index: 600;
  background: url(../img/movie_bg.jpg) 0 center;
  background-size: cover;
  transition: opacity .3s ease-out;
  transform: translateY(-50%);
}

/* 動画スタートボタン */
#scene_bar_movie .mov_box .start_btn {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  z-index: 700;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  border: 2px solid #cacaca;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity .3s ease-out;
}
#scene_bar_movie .mov_box .start_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 23px;
  border-color: transparent transparent transparent #fff;
  transform: translate3d(-17.5%, -50%, 0);
}
#scene_bar_movie .mov_box .start_btn:hover {
  opacity: .6;
}

/* 動画フルスクリーン */
#scene_bar_movie .mov_box .obj {
  position: absolute;
  top: 50%;
  left: 0;
/*
  min-width: 100%;
  min-height: 100vh;
*/
  width: 100%;
  height: auto;
  transform: translate3d(0, -50%, 0);
  z-index: 600;
}
/*
#scene_bar_movie .mov_box .obj {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100vh;
  width: auto;
  height: auto;
  transform: translate3d(-50%, -50%, 0);
  z-index: 600;
}
*/




/* cocktail_lineup ////////////////////////////////////////////////////*/
/* #scene_cocktail_lineup.display { */
#scene_cocktail_lineup {

  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  background: #000;
/*   pointer-events: none; */
}
#scene_cocktail_lineup.show {
/*   pointer-events: auto; */
}
#scene_cocktail_lineup::before {
  background: url(../img/bar_counter_zoom_bg.jpg) center 50% no-repeat;
  background-size: 100%;
  opacity: 1;
  transition: background .5s ease-out;
  position: absolute;
  width: 100%;
  height: 100vh;
}
#scene_cocktail_lineup.show::before {
	position: fixed;
}
#scene_cocktail_lineup .inner {
  height: 100vh; /* adding 追加 */
  position: relative;
  display: flex;
  flex-direction: column; /* adding 追加 */
  align-items: center; /* adding 追加 */
  justify-content: space-around; /* adding 変更 */
  padding: calc(40vh - 20vw) 0; /* adding 変更 */
}
#scene_cocktail {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#model_lineup {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #000;
}
#model_lineup::before {
  background: url(../img/bar_counter_zoom_bg.jpg) center 50% no-repeat;
  background-size: 100%;
  opacity: .5; /* adding 変更 */
  transition: background .5s ease-out;
  position: absolute;
  width: 100%;
  height: 100vh;
  filter: blur(3px);
}
#scene_cocktail_lineup .inner .lineup_list {
  width: 72vw; /* adding 変更 */
  height: calc(100% / 2); /* adding 追加 */
  position: absolute;
  top: calc(50% - 20vh); /* adding 追加 */
  left: 0; /* adding 追加 */
  right: 0; /* adding 追加 */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#scene_cocktail_lineup .inner .lineup_list.second { /* adding 追加 */
  width: 54vw;
  top: calc(50% + 15vh);
/*   margin-top: 20%; */
  justify-content: space-around;
}
#scene_cocktail_lineup .inner .lineup_list .lineup {
  width: 26%; /* adding 変更 */
}
#scene_cocktail_lineup .inner .lineup_list .lineup.black_cat_martini, /* adding 追加 */
#scene_cocktail_lineup .inner .lineup_list .lineup.mockingbird {
  display: flex;
  flex-direction: column;
}
#scene_cocktail_lineup .inner .lineup_list.second .lineup { /* adding 追加 */
  width: 38%;
  padding-top: 0;
}
#scene_cocktail_lineup .inner .lineup_list .lineup .img {
  margin-bottom: -60px;
  text-align: center;
  display: none;
}
#scene_cocktail_lineup .inner .lineup_list .lineup .img img {
  max-width: 288px;
}
#scene_cocktail_lineup .inner .lineup_list .lineup .name {
  margin-bottom: 1em;
  font-size: 22px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 10px rgba(60, 20, 10, 1), 0 0 10px rgba(60, 20, 10, 1); /* adding 追加 */
}
#scene_cocktail_lineup .inner .lineup_list .lineup .txt {
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(60, 20, 10, 1), 0 0 10px rgba(60, 20, 10, 1); /* adding 追加 */
}
#scene_cocktail .inner .lineup_list .lineup {
	opacity: 0;
  -webkit-animation: fadeOutY .5s ease-out forwards;
  animation: fadeOutY .5s ease-out forwards;
}
#scene_cocktail.show .inner .lineup:nth-of-type(1) {
  -webkit-animation: fadeInY 1s ease-out .7s forwards;
  animation: fadeInY 1s ease-out .7s forwards;
}
#scene_cocktail.show .inner .lineup:nth-of-type(2) {
  -webkit-animation: fadeInY 1s ease-out 1.2s forwards;
  animation: fadeInY 1s ease-out 1.2s forwards;
}
#scene_cocktail.show .inner .lineup:nth-of-type(3) {
  -webkit-animation: fadeInY 1s ease-out 1.7s forwards;
  animation: fadeInY 1s ease-out 1.7s forwards;
}
#scene_cocktail.show .inner .lineup_list.second .lineup:nth-of-type(1) { /* adding 追加 */
  -webkit-animation: fadeInY 1s ease-out 2.2s forwards;
  animation: fadeInY 1s ease-out 2.2s forwards;
}
#scene_cocktail.show .inner .lineup_list.second .lineup:nth-of-type(2) { /* adding 追加 */
  -webkit-animation: fadeInY 1s ease-out 2.7s forwards;
  animation: fadeInY 1s ease-out 2.7s forwards;
}
#scene_cocktail_lineup .inner .models_box {
  display: none;
}
#scene_cocktail_lineup .inner .models_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* adding 追加 */
  width: 100%; /* adding 追加 */
  /*height: 70%;  adding 削除 */
}
#scene_cocktail_lineup .models_box .model_list {
  position: relative;
  /* max-width: 1440px; */
	width: 75vw; /* adding 変更 */
  margin: 2vw auto 1vw; /* adding 変更 */
  display: flex;
  justify-content: space-between; /* adding 変更 */
  min-height: 1%; /* adding 追加 */
}
#scene_cocktail_lineup .models_box .model_list.second { /* adding 追加 */
  width: 45%;
  margin: 0 auto;
}
#scene_cocktail_lineup .model_list .lineup {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 25%; /* adding 変更 */
  padding: 0 5px;
}
#scene_cocktail_lineup .model_list.second .lineup { /* adding 追加 */
  width: 40%;
}
#scene_cocktail_lineup .model_list .lineup .name_box {
  margin-bottom: 5px;
  text-align: center;
}
#scene_cocktail_lineup .model_list .old_fashioned.lineup .name_box {
  margin-bottom: 15px;
}
#scene_cocktail_lineup .model_list .lineup .name {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.3;
}
#scene_cocktail_lineup .model_list .lineup .name .small {
  font-size: 16px;
  font-weight: normal;
}
#scene_cocktail_lineup .model_list .lineup .limited {
  display: inline-block;
  padding: 4px 20px;
  line-height: 1;
  color: #000;
  background: #fff;
  font-size: 12px;
}
.model_list .lineup .img_box {
  min-height: 1px;
}
#scene_cocktail_lineup .model_list .lineup.black_cat_martini .img_box,
#scene_cocktail_lineup .model_list .lineup.mockingbird .img_box {
  padding: 0 25%;
}
#scene_cocktail_lineup .model_list .lineup .img_box a{
  filter: brightness(1);
  -webkit-transition:.7s all ease-out;
  transition:.7s all ease-out;
}
#scene_cocktail_lineup .model_list .lineup .img_box a:hover {
  filter: brightness(1.2);
  -webkit-transition:.3s all ease;
  transition:.3s all ease;
}
#scene_cocktail_lineup .model_list .lineup .model_name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
#scene_cocktail_lineup .model_list .lineup.blue_moon .model_name, /* adding 追加 */
#scene_cocktail_lineup .model_list .lineup.stinger .model_name {
  padding-left: 1.5em;
}
#scene_cocktail_lineup .model_list .lineup.old_fashioned .model_name span {
  margin-left: 5vw;
}
#scene_cocktail_lineup .model_list .lineup.blue_moon .model_name span, /* adding 追加 */
#scene_cocktail_lineup .model_list .lineup.stinger .model_name span {
  margin-left: 5.5vw;
}
#model_lineup .inner .model_list .lineup {
	opacity: 0;
  -webkit-animation: fadeOutY .5s ease-out forwards;
  animation: fadeOutY .5s ease-out forwards;
}

#model_lineup.show .model_list .lineup:nth-of-type(1) {
  -webkit-animation: fadeInY 1s ease-out 1.2s forwards;
  animation: fadeInY 1s ease-out 1.2s forwards;
}
#model_lineup.show .inner .lineup:nth-of-type(2) {
  -webkit-animation: fadeInY 1s ease-out 1.7s forwards;
  animation: fadeInY 1s ease-out 1.7s forwards;
}
#model_lineup.show .inner .lineup:nth-of-type(3) {
  -webkit-animation: fadeInY 1s ease-out 2.3s forwards;
  animation: fadeInY 1s ease-out 2.3s forwards;
}
#model_lineup.show .inner .model_list.second .lineup:nth-of-type(1) { /* adding 追加 */
  -webkit-animation: fadeInY 1s ease-out 2.8s forwards;
  animation: fadeInY 1s ease-out 2.8s forwards;
}
#model_lineup.show .inner .model_list.second .lineup:nth-of-type(2) { /* adding 追加 */
  -webkit-animation: fadeInY 1s ease-out 3.3s forwards;
  animation: fadeInY 1s ease-out 3.3s forwards;
}

/*

@media screen and (max-width: 1279px) {
	#scene_cocktail_lineup::before {
	  background: url(../img/bar_counter_zoom_bg.jpg) center 50% no-repeat;
	  background-size: 120%;
	}
	
	#model_lineup::before {
	  background: url(../img/bar_counter_zoom_bg.jpg) center 50% no-repeat;
	  background-size: 120%;
	}
	
	
	#scene_cocktail_lineup .inner .lineup_list {
	  width: 100%;
	}
	
	
	#scene_cocktail_lineup .models_box .model_list {
		justify-content: space-between;	
	}
}
*/
@media screen and (max-width: 1400px) {
  #scene_cocktail_lineup .model_list .lineup.old_fashioned .model_name span {
    /* margin-left: 9vw; 削除 */
  }
}
@media screen and (max-width: 1200px) {
  #scene_cocktail_lineup .model_list .old_fashioned.lineup .name_box {
    margin-bottom: 20px;
  }
  #scene_cocktail_lineup .model_list .lineup.blue_moon .model_name span,   /* adding 追加 */
  #scene_cocktail_lineup .model_list .lineup.stinger .model_name span {
    margin-left: 5vw;
  }
  #scene_cocktail_lineup .model_list .lineup.blue_moon .model_name,  /* adding 追加 */
  #scene_cocktail_lineup .model_list .lineup.stinger .model_name {
    padding-left: 0;
  }
}
@media screen and (min-width: 981px) and (max-width: 1400px) { /* adding 追加 */
  #scene_cocktail_lineup .model_list .lineup .name {
    font-size: 20px;
  }
  #scene_cocktail_lineup .model_list .lineup.old_fashioned .model_name {
    padding-left: .5em;
  }
  #scene_cocktail_lineup .model_list .lineup.blue_moon .model_name,
  #scene_cocktail_lineup .model_list .lineup.stinger .model_name {
    padding-left: .2em;
  }
  #scene_cocktail_lineup .model_list .lineup.old_fashioned .model_name span,
  #scene_cocktail_lineup .model_list .lineup.blue_moon .model_name span,
  #scene_cocktail_lineup .model_list .lineup.stinger .model_name span {
    margin-left: 2.5vw;
  }
}
@media screen and (max-width: 980px) {
  #scene_cocktail_lineup .models_box .model_list.second {
    width: 47%;
  }
  #scene_cocktail_lineup .model_list .lineup { /* adding 追加 */
    width: 30%;
  }
  #scene_cocktail_lineup .model_list.second .lineup { /* adding 追加 */
    width: 45%;
  }
	#scene_cocktail_lineup .inner .lineup_list .lineup .name {
		font-size: 2.2vw;
	}
	#scene_cocktail_lineup .inner .lineup_list .lineup .txt {
		font-size: 1.2vw;
	}
	
	#scene_cocktail_lineup .model_list .lineup .name{
		font-size: 2.2vw;
	}
  #scene_cocktail_lineup .model_list .lineup .name .small {
    font-size: 1.5vw;
  }
	#scene_cocktail_lineup .model_list .lineup .limited{
		font-size: 1.2vw;
	}
	#scene_cocktail_lineup .model_list .lineup .model_name{
		font-size: 14px;
	}
}
@media screen and (max-width: 840px) {
	#scene_cocktail_lineup .inner .lineup_list .lineup .txt {
		font-size: 10px;
	}
  #scene_cocktail_lineup .model_list .lineup .model_name {
    font-size: 12px;
  }
}
@media screen and (max-width: 700px) {
  #scene_cocktail_lineup .model_list .lineup.blue_moon .model_name span,
  #scene_cocktail_lineup .model_list .lineup.stinger .model_name span {
    margin-left: 2.6vw;
  }
  /*
	#scene_cocktail_lineup .inner .lineup_list .lineup .name {
		font-size: 22px;
	}
	#scene_cocktail_lineup .inner .lineup_list .lineup .txt {
		font-size: 12px;
	}
  */
}

@media screen and (orientation:portrait) { /* adding 追加 */
  #scene_cocktail_lineup .inner .lineup_list {
    top: calc(50% - 28vh);	
  }
}

/* models ////////////////////////////////////////////////////*/

#model_details{
	width: 100%;
	height: 100%;
/* 	margin-top: 100vh; */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 600;
	display: none;
	background: #000;
}
/*
#model_details.fixed{
	pointer-events: auto;	
}
*/

#model_details::before {
  content: '';
  background: url(../img/scene_model_detail_bg.jpg) center 50% no-repeat;
  background-size: 100%;
  opacity: 1;
  transition: background .5s ease-out;
  position: fixed;
  width: 100%;
  height: 100vh;
}

/*

@media screen and (max-width: 1279px) {
	#model_details::before {
	  background: url(../img/scene_model_detail_bg.jpg) center 50% no-repeat;
	  background-size: 120%;
	}	
}
*/


/* scene_model_detail ////////////////////////////////////////////////////*/


.section.model_detail {
	position: fixed;
	top: 0;
	left: 0;
	
}
.section.model_detail .detail_box{
	opacity: 1;
	-webkit-transition:.5s all ease-out;
	transition:.5s all ease-out;
}
.section.model_detail.hide .detail_box{
	opacity: 0;
	-webkit-transition:.5s all ease-out;
	transition:.5s all ease-out;
}
/*
#scene_model_SARY134.zoom_start .watch_box{
	transform: scale3d(1.88, 1.88, 0);
}
*/
#model_details .zoom_start .watch_box img,
#model_details .zoom_start .watch_box2 img{
		
	backface-visibility:hidden;
	-webkit-backface-visibility: hidden;

}

.section.model_detail.start::before {
  animation: bg .5s ease-out 1 forwards;
}
@keyframes bg {
  0% {
    filter: blur(0);
  }
  100% {
    filter: blur(3px);
  }
}
.section.model_detail .inner {
  max-width: 1400px;
  margin: auto;
  display: flex;
/*   align-items: center; */
  justify-content: center;
}
.section.model_detail.featured .inner {
  display: block;
}
.section.model_detail .detail_box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.section.model_detail .detail_box .txt_box {
  width: 50%;
  padding-right: 20px;
  padding-top: 18vh;
  position: relative;
}


.section.model_detail .detail_box .txt_box,
.section.model_detail .detail_box .name_box div{
  animation: fadeIn .5s ease-out 1 forwards;
}
.section.model_detail.animation .detail_box .txt_box,
.section.model_detail.animation .detail_box .name_box div{
  animation: fadeOut .5s ease-out 1 forwards;
  pointer-events: none;
}

.section.model_detail .message {
  transition: .1s all ease;
  line-height: 1.5;
  color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 3px black; /* adding 変更 */
}
.section.model_detail .detail_box .txt {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  
  opacity: 0;
  -ms-animation: fadeOut .5s ease-out forwards;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
}
.section.model_detail.show .detail_box .txt {
  -ms-animation: fadeIn 1.5s ease-out .8s forwards;
  -webkit-animation: fadeIn 1.5s ease-out .8s forwards;
  animation: fadeIn 1.5s ease-out .8s forwards;
}
.section.model_detail .detail_box .name_cocktail {
  font-size: 20px;
}
.section.model_detail .detail_box .limited {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 10px 3px;
  color: #333;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  transform: translateY(-3px);
  margin-top: 5px;
}
.section.model_detail .detail_box .name_watch {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  
  opacity: 0;
  -ms-animation: fadeOut .5s ease-out forwards;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
}
.section.model_detail.show .detail_box .name_watch {
  -ms-animation: fadeIn 1s ease-out .8s forwards;
  -webkit-animation: fadeIn 1s ease-out .8s forwards;
  animation: fadeIn 1s ease-out .8s forwards;
}
.section.model_detail .detail_box .common_box {
  position: relative;
  padding: 30px 40px;
  font-size: 15px;
  
  opacity: 0;
  -ms-animation: fadeOut .5s ease-out forwards;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
}
.section.model_detail.show .detail_box .common_box {
  -ms-animation: fadeIn 1s ease-out 1.5s forwards;
  -webkit-animation: fadeIn 1s ease-out 1.5s forwards;
  animation: fadeIn 1s ease-out 1.5s forwards;
}
.section.model_detail .detail_box .lead {
  margin-bottom: 20px;
  
  opacity: 0;
/*
  -webkit-animation: fadeIn .5s ease-out forwards;
  animation: fadeIn .5s ease-out forwards;
*/
}
.section.model_detail.show .detail_box .lead {
  -webkit-animation: fadeIn 1s ease-out 2.2s forwards;
  animation: fadeIn 1s ease-out 2.2s forwards;
}
#scene_model_SARY135.section.model_detail .detail_box .lead,
#scene_model_SARY135.section.model_detail .detail_box .features_list{
	padding-right: 35%;
}
#scene_model_SARY133.section.model_detail .detail_box .lead,
#scene_model_SARY133.section.model_detail .detail_box .features_list{
	padding-right: 35%;
}
.section.model_detail .detail_box .tit {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  
  opacity: 0;
/*
  -webkit-animation: fadeIn .5s ease-out forwards;
  animation: fadeIn .5s ease-out forwards;
*/
}

.section.model_detail.show .detail_box .tit{
  -webkit-animation: fadeIn 1s ease-out 2.2s forwards;
  animation: fadeIn 1s ease-out 2.2s forwards;
}
.section.model_detail .detail_box .features_list{
	opacity: 0
}
.section.model_detail.show .detail_box .features_list{
  -webkit-animation: fadeIn 1s ease-out 2.2s forwards;
  animation: fadeIn 1s ease-out 2.2s forwards;
}

.section.model_detail .detail_box .tit::after {
  content: '';
  flex: 1;
  display: inline-block;
  min-width: 10%;
  height: 1px;
  margin: 0 0 0 10px;
  background: #fff;
}
.section.model_detail .detail_box .features_list li {
  display: flex;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.4;
}
.section.model_detail .detail_box .features_list li::before {
  display: block;
  content: '・';
}
.section.model_detail .detail_box .cocktail_img {
  /*
  margin: -8vh 0 0 0;
  width: 45vw;
  padding-left: 12.5vw;
  */
  
  opacity: 0;
  -ms-animation: fadeOut .5s ease-out forwards;
  -webkit-animation: fadeOut .5s ease-out forwards;
  animation: fadeOut .5s ease-out forwards;
  
}
.section.model_detail.show .detail_box .cocktail_img {
  -ms-animation: fadeIn 2.4s ease-out .5s forwards;
  -webkit-animation: fadeIn 2.4s ease-out .5s forwards;
  animation: fadeIn 2.4s ease-out .5s forwards;
}

.section.model_detail .detail_box .cocktail_img {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(22%, 83%);
  text-align: center;
}
#scene_model_SARY135.section.model_detail .detail_box .cocktail_img {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(40%, 78%);
}
#scene_model_SARY133.section.model_detail .detail_box .cocktail_img {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(40%, 78%);
}
#scene_model_SARY155.section.model_detail .detail_box .cocktail_img { /* adding 追加 */
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(33%, 88%);
}
#scene_model_SARY157.section.model_detail .detail_box .cocktail_img { /* adding 追加 */
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(30%, 88%);
}
@media screen and (max-width: 1400px) and (orientation: landscape) {
  .section.model_detail .detail_box .cocktail_img {
    width: 70% !important;
  }
  #scene_model_SARY135.section.model_detail .detail_box .lead,
  #scene_model_SARY135.section.model_detail .detail_box .features_list {
    padding-right: 23%;
  }
  #scene_model_SARY133.section.model_detail .detail_box .lead,
  #scene_model_SARY133.section.model_detail .detail_box .features_list {
    padding-right: 22%;
  }
}
@media screen and (orientation: portrait) {
  #scene_model_SARY134.section.model_detail .detail_box .cocktail_img {
    transform: translate(22%, 95%);
  }
  #scene_model_SARY135.section.model_detail .detail_box .lead {
    padding-right: 0;
  }
  #scene_model_SARY135.section.model_detail .detail_box .cocktail_img {
    transform: translate(40%, 93%);
  }
  #scene_model_SARY133.section.model_detail .detail_box .lead {
    padding-right: 0;
  }
  #scene_model_SARY133.section.model_detail .detail_box .cocktail_img {
    transform: translate(40%, 90%);
  }
  #scene_model_SARY155.section.model_detail .detail_box .cocktail_img { /* adding 追加 */
    transform: translate(24%, 92%);
  }
  #scene_model_SARY157.section.model_detail .detail_box .cocktail_img { /* adding 追加 */
    transform: translate(22%, 92%);
  }
}
/*
#scene_model_SARY135.section.model_detail .detail_box .cocktail_img {
	width: 55vw;
	position: absolute;
	top: 50vh;
	right: -12vw;
	text-align: right;
}
#scene_model_SARY133.section.model_detail .detail_box .cocktail_img {
	width: 55vw;
	position: absolute;
	top: 50vh;
	right: -12vw;
	text-align: right;
}
.section.model_detail .detail_box .cocktail_img img {
  max-width: 220px;
  width: 22vw;
}
*/
.section.model_detail .detail_box .img_box {
  position: relative;
  width: 50%;
  padding-left: 40px;
  transform-origin: 15vw center;
  transition: transform 1.0s ease-in-out;
}

/*
#scene_model_SARY133.section.model_detail .detail_box .img_box {
  transform-origin: 0 center;
}
*/

.section.model_detail.zoom_start .detail_box .img_box {
  position: inherit;

}

/* scene_model_detail featured */
.section.model_detail .watch_box {
  width: 100%;
  height: 100vh;
	position: absolute;
	top: 0;
	right: 0;
  text-align: center;
  z-index: 15;
}

#scene_model_SARY134.section.model_detail .watch_box {
	right: -5vh;
	width: 50%;
}
#scene_model_SARY155.section.model_detail .watch_box { /* adding 追加 */
	right: -1.5vh;
	width: 50%;
	z-index: 10;
}
#scene_model_SARY157.section.model_detail .watch_box { /* adding 追加 */
	right: -3vh;
	width: 50%;
}
.section.model_detail .watch_img {
  position: relative;
  display: inline-block;
  height: 100%;
  
  opacity: 0;
  -webkit-animation: fadeOutY .5s ease-out forwards;
  animation: fadeOutY .5s ease-out forwards;
}
.section.model_detail.show .watch_img {

  -webkit-animation: fadeInY 1s ease-out 1s forwards;
  animation: fadeInY 1s ease-out 1s forwards;
}
.section.model_detail .watch_box .watch_img .watch_wrapper{
	display: inline-block;	
}
.section.model_detail .watch_box2 {
  width: 50%;
  height: 100vh;
	position: absolute;
	top: 0;
	right: 28vh;
  text-align: center;
}
#scene_model_SARY157.section.model_detail .watch_box2 { /* adding 追加 */
	right: 27vh;
  z-index: 20;
}
.section.model_detail .watch_box2 .watch_img {
  position: relative;
  display: inline-block;
  height: 100%;
}
.section.model_detail .name_box div{
	transition: all .5s ease-in-out;
}
.section.model_detail .name_box .SARY134 {
	position: absolute;
	bottom: 25%;
	left: 5%;
  text-align: left;
}
.section.model_detail .name_box .SARY136 {
	position: absolute;
	bottom: 18%;
	left: 4%;
  text-align: left;
}
.section.model_detail .name_box .SARY135 {
	position: absolute;
	bottom: 35%;
	right: 50%;
  text-align: left;
}
.section.model_detail .name_box .SARY133 {
	position: absolute;
	top: 58vh;
	left: 48%;
  text-align: left;
}
.section.model_detail .name_box .SARY155 { /* adding 追加 */
  position: absolute;
  bottom: 28%;
  left: 15%;
  text-align: left;
}
.section.model_detail .name_box .SRRY035 { /* adding 追加 */
  position: absolute;
  bottom: 22%;
  left: 12%;
  text-align: left;
}
.section.model_detail .name_box .SARY157 { /* adding 追加 */
  position: absolute;
  bottom: 30%;
  left: 10%;
  text-align: left;
}
.section.model_detail .name_box .SRRY037 { /* adding 追加 */
  position: absolute;
  bottom: 22%;
  left: 2%;
  text-align: left;
}
.section.model_detail .name_box .name {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.section.model_detail .name_box .price {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1;
}
.section.model_detail .name_box .price .small {
  display: inline-block;
  font-size: 13px;
}

.section.model_detail .watch {
  max-width: inherit;
  width: auto;
  height: 100vh;
}
.section.model_detail .watch_b {
	display: none;
}
.section.model_detail .caption_box {
	position: absolute;
	transform: scale(.6,.6);
  text-align: left;
  opacity: 0;
  transition: opacity .6s ease;
}
.section.model_detail.zoom .caption_box  {
	opacity: 1;
  transition: opacity .6s ease;
}

.myline {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 1000;
	transform-origin: center 10px;
}
.mycircle{
	position: absolute;
	width: 20px;
	height: 20px;
}
.mycircle .border{
	margin: auto;
	border: solid 0px #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	
	-webkit-transition:.1s border ease-out;
	transition:.1s border ease-out;
}
.zoom .mycircle .border{
	border: solid 1px #fff;
}
.mycircle::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	width: 0;
	height: 0;
	background: #fff;
	
	-webkit-transition:.1s all ease-out;
	transition:.1s all ease-out;
}

.zoom .mycircle::after{
	width: 10px;
	height: 10px;
}
.mycircle::before{
	content: '';
	position: absolute;
	left: 20px;
	top: 10px;
	width: 0;
	border-bottom: 1px solid #fff;
	
	-webkit-transition:.3s width ease-out;
	transition:.3s width ease-out;
}
@media all and (-ms-high-contrast: none) { /* adding 追加 */
  *::-ms-backdrop, .mycircle::before {
    border-width: 2px;
  }
}
/*
.zoom .mycircle::before{
	width: 400px;	
}
*/


#scene_model_SARY134.section.model_detail .watch_box2 .caption_box.caption1 {
  width: 220px;
  top: calc(48.3% - 130px);
  left: calc(28.1% - 220px);
}
#scene_model_SARY134.section.model_detail .watch_box2 .caption_box.caption1 .myline{
	top: 200px;
	left: 310px;
	transform: rotate(-130deg);
}
#scene_model_SARY134.zoom .watch_box2 .caption_box.caption1 .mycircle::before{
	width: 950%;	
}
#scene_model_SARY134.section.model_detail .watch_box2 .caption_box.caption1 .message{
	padding-left: 20px;
}

#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption2 {
  width: 350px;
  top: calc(37.4% - 150px);
  left: calc(64.4% - 450px);
}
#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption2 .myline{
	top: 230px;
	left: 630px;
	transform: rotate(-150deg);
}
#scene_model_SARY134.zoom .watch_box .caption_box.caption2 .mycircle::before{
	width: 1600%;	
}
#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption2 .message{
	padding-left: 70px;
}

#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption3 {
  width: 420px;
  top: calc(61.4% - 30px);
  left: calc(55.9% - 100px);
}
#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption3 .myline{
	top: 40px;
	left: 0;
}
#scene_model_SARY134.zoom .watch_box .caption_box.caption3 .mycircle::before{
	width: 1200%;	
}
#scene_model_SARY134.section.model_detail .watch_box .caption_box.caption3 .message{
	padding-left: 115px;
}






#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption1 {
  width: 580px;
  top: calc(35.3% - 55px); /* adding 変更 */
  left: calc(79.5% - 120px);
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption1 .myline{
	top: 60px; /* adding 変更 */
	left: 0;
}
#scene_model_SARY135.zoom .watch_box .caption_box.caption1 .mycircle::before{
	width: 1800%; /* adding 変更 */
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption1 .message{
	padding-left: 160px;
}

#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption2 {
  width: 280px; /* adding 変更 */
  top: calc(39.66% - 30px);
  left: calc(65.2% - 365px); /* adding 変更 */
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption2 .myline{
	top: 40px;
	left: 500px;
	transform: rotate(-180deg);
}
#scene_model_SARY135.zoom .watch_box .caption_box.caption2 .mycircle::before{
	width: 1930%;	 /* adding 変更 */
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption2 .message{
	padding-left: 100px; /* adding 変更 */
}

#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption3 {
  width: 320px;
  top: calc(57% - 2px);
  left: calc(86.7% - 70px);
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption3 .myline{
	top: 40px;
	left: 0;
}
#scene_model_SARY135.zoom .watch_box .caption_box.caption3 .mycircle::before{
	width: 1270%;	
}
#scene_model_SARY135.section.model_detail .watch_box .caption_box.caption3 .message{
	padding-left: 100px;
}



#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption1 {
  width: 590px;
  top: calc(34.65% - 34px);
  left: calc(48.3% - 122px);
}
#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption1 .myline{
	top: 40px;
	left: 0;
}
#scene_model_SARY133.zoom .watch_box .caption_box.caption1 .mycircle::before{
	width: 2050%; /* adding 変更 */
}
#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption1 .message{
	padding-left: 280px; /* adding 変更 */
}

#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption2 { /* adding 変更 */
  width: 300px;
  top: calc(38.65% - 60px);
  left: calc(28.9% - 280px);
}
#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption2 .myline{
	top: 60px; /* adding 変更 */
	left: 400px; /* adding 変更 */
	transform: rotate(-180deg);
}
#scene_model_SARY133.zoom .watch_box .caption_box.caption2 .mycircle::before{
	width: 1900%; /* adding 変更 */
}

#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption3 {
  width: 660px;
  top: calc(55.1% + 20px);
  left: calc(36.75% - 160px);
}
#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption3 .myline{
	top: 20px;
	left: 0;
}
#scene_model_SARY133.zoom .watch_box .caption_box.caption3 .mycircle::before{
	width: 2100%;	
}
#scene_model_SARY133.section.model_detail .watch_box .caption_box.caption3 .message{
	padding-left: 130px;
}


 /* adding 追加 */
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption1 {
  width: 220px;
  top: calc(37.3% - 130px);
  left: calc(32.7% - 220px);
}
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption1 .myline{
	top: 200px;
	left: 310px;
	transform: rotate(-130deg);
}
#scene_model_SARY155.zoom .watch_box2 .caption_box.caption1 .mycircle::before{
	width: 1000%;	
}
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption1 .message{
	padding-left: 60px;
}
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 {
  width: 220px;
  top: calc(36.5% + 172px);
  left: calc(50.3% + 40px);
}
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 .myline{
	top: -320px;
  left: -140px;
  transform: rotate(58deg);
}
#scene_model_SARY155.zoom .watch_box2 .caption_box.caption2 .mycircle::before{
	width: 1680%;	
}
#scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 .message{
	padding-left: 40px;
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption2 {
  width: 350px;
  top: calc(37.4% - 150px);
  left: calc(64.4% - 450px);
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption2 .myline{
	top: 230px;
	left: 630px;
	transform: rotate(-150deg);
}
#scene_model_SARY155.zoom .watch_box .caption_box.caption2 .mycircle::before{
	width: 1600%;	
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption2 .message{
	padding-left: 70px;
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption3 {
  width: 300px;
  top: calc(42.8% - 162px);
  left: calc(49.3% - 85px);
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption3 .myline{
	top: 245px;
  left: 35px;
  transform: rotate(-60deg);
}
#scene_model_SARY155.zoom .watch_box .caption_box.caption3 .mycircle::before{
	width: 800%;	
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption3 .message{
	padding-left: 125px;
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption4 {
  width: 250px;
  top: calc(65.6% - 40px);
  left: calc(55.1% + 40px);
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption4 .myline{
	top: 42px;
  left: -130px;
/*   transform: rotate(-180deg); */
}
#scene_model_SARY155.zoom .watch_box .caption_box.caption4 .mycircle::before{
	width: 1300%;	
}
#scene_model_SARY155.section.model_detail .watch_box .caption_box.caption4 .message{
	
}



 /* adding 追加 */
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption1 {
  width: 220px;
  top: calc(37.2% - 130px);
  left: calc(28.0% - 220px);
}
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption1 .myline{
	top: 200px;
	left: 310px;
	transform: rotate(-130deg);
}
#scene_model_SARY157.zoom .watch_box2 .caption_box.caption1 .mycircle::before{
	width: 950%;	
}
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption1 .message{
	padding-left: 60px;
}
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 {
  width: 220px;
  top: calc(36.0% + 200px);
  left: calc(49.2% + 35px);
}
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 .myline{
  top: -370px;
  left: -120px;
  transform: rotate(70deg);
}
#scene_model_SARY157.zoom .watch_box2 .caption_box.caption2 .mycircle::before{
	width: 1800%;	
}
#scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 .message{
	padding-left: 0;
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption2 {
  width: 350px;
  top: calc(37.4% - 150px);
  left: calc(64.4% - 450px);
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption2 .myline{
	top: 230px;
	left: 630px;
	transform: rotate(-150deg);
}
#scene_model_SARY157.zoom .watch_box .caption_box.caption2 .mycircle::before{
	width: 1600%;	
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption2 .message{
	padding-left: 70px;
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption3 {
  width: 300px;
  top: calc(44.1% - 172px);
  left: calc(27.1% - 125px);
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption3 .myline{
	top: 265px;
  left: 105px;
  transform: rotate(263deg);
}
#scene_model_SARY157.zoom .watch_box .caption_box.caption3 .mycircle::before{
	width: 830%;	
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption3 .message{
	padding-left: 75px;
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption4 {
  width: 250px;
  top: calc(69.4% - 65px);
  left: calc(32.9% + 50px);
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption4 .myline{
	top: 42px;
  left: -135px;
/*   transform: rotate(-180deg); */
}
#scene_model_SARY157.zoom .watch_box .caption_box.caption4 .mycircle::before{
	width: 1350%;	
}
#scene_model_SARY157.section.model_detail .watch_box .caption_box.caption4 .message{
	
}




/*
.section.model_detail .myline {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 40px;
	stroke-dashoffset: 2000;
  stroke-dasharray: 2000;
}
.section.model_detail.show .myline {
	fill: transparent;
	stroke-dasharray: 220;
	stroke-dashoffset: 220;
  stroke-width: 1;
	animation: showLine 1000ms ease-out 1 forwards;
}
@keyframes showLine {
  0% {
    stroke-dashoffset: 220;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
*/




@media screen and (max-width: 1279px) {
	.section.model_detail .detail_box .common_box {
		padding: 3vw 4vw;
		font-size: 1.2vw;
	}
/*
	.section.model_detail .detail_box .features_list li {
		font-size: 1.2vw;
	}
*/
	
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.85);
	}
	
	.section.model_detail .detail_box .txt{
		font-size: 1.2vw;
	}
	.section.model_detail .detail_box .name_cocktail{
		font-size: 1.9vw;
	}
	.section.model_detail .detail_box .limited{
		font-size: 1.1vw;
	}
	.section.model_detail .detail_box .name_watch{
		font-size: 2.2vw;
	}
	
/*
	.section.model_detail .name_box div{
		transform: scale(1.1);
	}
*/
}
@media screen and (max-width: 1450px) {
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.8);
	}
	
/*
	.section.model_detail .name_box div{
		transform: scale(1.2);
	}
*/
}
@media screen and (max-height: 1000px) and (orientation: landscape) { /* adding 追加 */
/*
  #scene_model_SARY155.section.model_detail.zoom_start .img_box,
  #scene_model_SARY157.section.model_detail.zoom_start .img_box {
    transform: scale(.8);
  }
*/
/*
  #scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 .myline {
    top: -250px;
    left: -110px;
  }
  #scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 {
    top: calc(36.5% + 132px);
    left: calc(50.3% + 20px);
  }
  #scene_model_SARY155.zoom .watch_box2 .caption_box.caption2 .mycircle::before {
    width: 1250%;
  }
  #scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 .myline {
    top: -260px;
    left: -100px;
  }
  #scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 {
    top: calc(36.5% + 132px);
    left: calc(50.3% + 20px);
  }
  #scene_model_SARY157.zoom .watch_box2 .caption_box.caption2 .mycircle::before {
    width: 1250%;
  }
*/
}
@media screen and (max-width: 1200px) {
	.section.model_detail .img_box {
	  transform: scale(.9);
	}
	#scene_model_SARY135.section.model_detail .img_box {
	  transform: scale(.9) translate3d(0, 0, 0);
	}
	#scene_model_SARY135.section.model_detail.zoom_start .img_box {
	  transform: scale(.8) translate3d(-12vw, 0, 0);
	}
	.section.model_detail .name_box div{
		transform: scale(1.1);
	}
	
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.75);
	}
	
	
}
@media screen and (max-width: 1200px) and (orientation:portrait) {
	#scene_model_SARY135.section.model_detail .img_box {
	  transform: scale(.9) translate3d(-10vw, 0, 0);
	}}
@media screen and (max-width: 1080px) {
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.60);
	}
	#scene_model_SARY134.section.model_detail.zoom_start .img_box {
	  transform: scale(.6) translate3d(-10vw, 0, 0);
	}
	#scene_model_SARY135.section.model_detail.zoom_start .img_box {
	  transform: scale(.6) translate3d(-10vw, 0, 0);
	}
	#scene_model_SARY155.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.6) translate3d(-10vw, 0, 0);
	}
	#scene_model_SARY157.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.6) translate3d(-10vw, 0, 0);
	}
/*
	.section.model_detail .name_box div{
		transform: scale(1.3);
	}
*/
	.section.model_detail .detail_box .name_watch {
    font-size: 20px;
  }
	.section.model_detail .detail_box .lead{
		font-size: 12px;
	}
	.section.model_detail .detail_box .features_list li{
		font-size: 11px;
	}
	
	.section.model_detail.zoom_start .detail_box {
		
	}
}


@media screen and (max-width: 1080px) and (min-height: 980px){
	.section.model_detail .img_box {
	  transform: scale(.65) translate3d(0, -15vw, 0);
	}
	#scene_model_SARY134.section.model_detail.zoom_start .img_box {
	  transform: scale(.55) translate3d(-10vw, 0, 0);
	}
	#scene_model_SARY135.section.model_detail .img_box {
	  transform: scale(.65) translate3d(-15vw, -15vw, 0);
	}
	#scene_model_SARY135.section.model_detail.zoom_start .img_box {
/* 	  transform: scale(.60) translate3d(5vw, -20vw, 0); */
	  transform: scale(.60) translate3d(-30vw, 0, 0);
	}
  #scene_model_SARY155.section.model_detail .watch_box2,
  #scene_model_SARY157.section.model_detail .watch_box2 { /* adding 追加 */
    right: 32vh;
  }
	#scene_model_SARY155.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.55) translate3d(-4vw, 0, 0);
	}
	#scene_model_SARY157.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.55) translate3d(-4vw, 0, 0);
	}
  #scene_model_SARY155.section.model_detail .watch_box2 .caption_box.caption2 .message { /* adding 追加 */
    padding-left: 70px;
  }
  #scene_model_SARY157.section.model_detail .watch_box2 .caption_box.caption2 .message { /* adding 追加 */
    padding-left: 50px;
  }
	.section.model_detail .name_box div{
		transform: scale(1.35);
	}
}

/*
@media screen and (max-width: 980px) {
	.section.model_detail .img_box {
	  transform: scale(.9);
	}	
}
*/
@media screen and (max-width: 830px) {
	.section.model_detail .detail_box .txt_box {
		width: 45%;	
	}
	#scene_model_SARY155.section.model_detail .detail_box .txt_box,
  #scene_model_SARY157.section.model_detail .detail_box .txt_box { /* adding 追加 */
		width: 50%;	
	}
	.section.model_detail .img_box {
	  transform: scale(.8) translate3d(-5vw, 0, 0);
	}
	#scene_model_SARY134.section.model_detail .img_box {
	  transform: scale(.75);
	}
	#scene_model_SARY134.section.model_detail.zoom_start .img_box {
	  transform: scale(.55) translate3d(0, 0, 0);
	}
	#scene_model_SARY135.section.model_detail.zoom_start .img_box {
	  transform: scale(.56) translate3d(-5vw, 0, 0);
	}
	.section.model_detail .name_box div{
		transform: scale(1.2);
	}
	#scene_model_SARY135.section.model_detail.zoom_start .name_box div{
		transform: scale(1.35);
	}
	#scene_model_SARY155.section.model_detail .img_box { /* adding 追加 */
	  transform: scale(.75);
	}
	#scene_model_SARY155.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.55) translate3d(0, 0, 0);
	}
	#scene_model_SARY157.section.model_detail .img_box { /* adding 追加 */
	  transform: scale(.70);
	}
	#scene_model_SARY157.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.50) translate3d(0, 0, 0);
	}
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.54);
	}
	#scene_model_SARY133.section.model_detail.zoom_start .img_box {
	  transform: scale(.54) translate3d(5vw, 0, 0);
	}
}
@media screen and (max-width: 830px) and (min-height: 980px) {
	#scene_model_SARY134.section.model_detail.zoom_start .img_box {
	  transform: scale(.45) translate3d(-10vw, 0, 0);
	}
  #scene_model_SARY155.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.45) translate3d(-4vw, 0, 0);
	}
  #scene_model_SARY157.section.model_detail.zoom_start .img_box { /* adding 追加 */
	  transform: scale(.45) translate3d(-4vw, 0, 0);
	}
}
@media screen and (max-width: 767px) {
	
	.section.model_detail .img_box {
	  transform: scale(.65);
	}
	.section.model_detail .name_box div{
		transform: scale(1.35);
	}
	
	.section.model_detail.zoom_start .img_box {
	  transform: scale(.45);
	}
	#scene_model_SARY135.section.model_detail .name_box div{
		transform: scale(1.0);
	}
}


@media screen and (max-height: 767px) {
	.section.model_detail.zoom_start .detail_box {
	
	}
}

@media screen and (max-width: 640px) {

	.section.model_detail .name_box div{
		transform: scale(1);
	}
}


.model_detail .detail_point {
  display: none;
}


/* scene_lineup ////////////////////////////////////////////////////*/
#scene_lineup {
	z-index: 700;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
}
#scene_lineup.section > .outer {
  height: auto !important;
}
#scene_lineup.section .inner {
	padding: 120px 5% 12vw;
}
#scene_lineup::before {
  background: url(../img/bar_counter_base_bg.jpg) center center no-repeat;
  background-size: cover;
  position: fixed;
  height: 100vh;
  opacity: .6;
  filter: blur(3px);
}
#scene_lineup.show::before {
  position: fixed;
}
#scene_lineup .inner .tit {
  margin-bottom: 25px;
  font-size: 28px;
  text-align: center;
  position: relative;
  line-height: 1;
}
#scene_lineup .inner .lineup_img_list {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; /* adding 変更 */
  max-width: 1020px;
  margin: 0 auto 120px;
  position: relative;
}
#scene_lineup .inner .lineup_img_list li {
  width: 25%;
  padding: 0 3vw;
}
#scene_lineup .inner .lineup_img_list li:nth-child(-n+4) { /* adding 追加 */
  margin-bottom: 6%;
}
#scene_lineup .inner .icon {
  text-align: center;
}
#scene_lineup .inner .limited {
  display: inline-block;
  margin-bottom: 15px;
  padding: 4px 15px;
  line-height: 1;
  color: #000;
  background: #fff;
  font-size: 12px;
}
#scene_lineup .inner .object {
  text-align: center;
}
#scene_lineup .inner .name_model {
  margin: 15px 0 6px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
#scene_lineup .inner .price {
  margin-bottom: 8px; /* adding 変更 */
  font-size: 15px;
  line-height: 1;
}
#scene_lineup .inner .price .small {
  font-size: 12px;
}
#scene_lineup .inner .common_btn {
  font-size: 14px;
}
#scene_lineup .inner .type { /* adding 追加 */
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1;
}
#scene_lineup .bnrs {
  width: 55%; /* adding 変更 */
  margin: 0 auto;
  position: relative;
}
#scene_lineup .bnr_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; 
}
#scene_lineup .bnr_list li {
  width: 48%;
  text-align: center;
  background: #999;
}
#scene_lineup .bnr_list li:nth-child(-n+2) { /* adding 追加 */
  margin-bottom: 3.5%;
}
#scene_lineup .bnr_list li a {
  transition: all .6s ease-out;
  filter: brightness(1.0);
}
#scene_lineup .bnr_list li a:hover {
  filter: brightness(1.4);
  opacity: .9;
}
#scene_lineup .main_footer {
	display: none;
}
#scene_lineup .sp_footer {
  display: none;
}
@media screen and (max-width: 1200px) { /* adding 追加 */
  #scene_lineup .bnrs {
    width: 70%;
  }
}
@media screen and (max-width: 830px) {
  #scene_lineup .bnrs { /* adding 追加 */
    width: 85%;
  }
	#scene_lineup .inner .common_btn {
	  font-size: 1.8vw;
	}
	#scene_lineup.section .inner {
		padding: 100px 5% 12vw;
	}
}



/* mainFooter////////////////////////////////////////////////////*/
.main_footer {
  line-height: 1;
}
.main_footer .nav_model {
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
  display: none;
  
  -webkit-transition:.5s all ease; /* adding 変更 */
  -ms-transition:.5s all ease; /* adding 変更 */
  transition:.5s all ease; /* adding 変更 */
}
.main_footer .nav_model_list {
  display: flex;
  align-items: flex-start; /* adding 変更 */
  justify-content: center;
}
.main_footer .nav_model_list li {
  position: relative;
  margin: 0 25px; /* adding 変更 */
}
.main_footer .nav_model_list li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 11px;
  margin-left: -5px;
  background: url(../img/icon_up.png) center bottom no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity .6s ease-out;
}
.main_footer .nav_model_list li.cr::after,
.main_footer .nav_model_list li:hover::after {
  opacity: 1;
}
.main_footer .nav_model_list a {
  display: flex;
  align-items: center;
  flex-direction: column; /* adding 追加 */
  padding-bottom: 20px; /* adding 変更 */
  opacity: 1;
  transition: opacity .6s ease-out;
}
.main_footer .nav_model_list a:hover {
  opacity: .5;
}
.main_footer .nav_model_list .cr a,
.main_footer .nav_model_list .cr a:hover  {
  opacity: .5;
  cursor: default;
}
.main_footer .nav_model_list a img {
  max-width: inherit; /* adding 追加 */
  width: auto; /* adding 変更 */
  height: 80px;
  margin-bottom: 10px; /* adding 追加 */
}
.main_footer .nav_model_list li:first-of-type a img {
  /* width: 110px; 削除 */
}
.main_footer .nav_model_list a .name_model {
  margin-left: 0; /* adding 変更 */
  line-height: 1; /* adding 変更 */
}
.main_footer .nav_model_list a .name_model span { /* adding 追加 */
  margin: 0 .5em 0 0;
}
.main_footer .btn {
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
}

.main_footer .btn .common_btn {
  font-weight: bold;
  font-size: 12px;
/*   padding: 8px 30px; */
  padding: .7em 2em;
  border-radius: 1.5em;
}
.main_footer .btn .common_btn span {
  background: url(../img/icon_down.png) 0 center no-repeat;
  background-size: 6px auto;
}
.main_footer .btn .common_btn:hover span {
  background: url(../img/icon_down_hover.png) 0 center no-repeat;
  background-size: 6px auto;
}
.main_footer .logo_copy {
	position: fixed;
  bottom: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  z-index: 9999;
  display: none;
}
.started .main_footer .logo_copy {
  display: flex;
}
.main_footer .logo {
  
}
.main_footer .logo img {
  width: 100px;
	height: 32px;
}
.main_footer .copyright {
  margin-left: 20px;
  font-size: 12px;
	font-family: Arial, Helvetica," sans-serif";
	color: #fff;
}
.main_footer .sns {
	position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  display: none;
}
.started .main_footer .sns {
  display: block;
}
.main_footer .sns .list {
	display: flex;
}
.main_footer .sns .list li {
	margin-right: 15px;
}
.main_footer .sns .list li:last-of-type {
	margin-right: 0;
}
.main_footer .sns .list li img {
	width: 30px;
  height: 30px;
}
.main_footer .sns .list li a {
	display: inline-block;
  transition: opacity .6s ease-out;
}
.main_footer .sns .list li a:hover {
	opacity: .6;
}
@media screen and (max-width: 1400px) { /* adding 変更 */
	.main_footer .nav_model {
	  transform: scale(.8);
	  bottom: -5px;
	}
}
@media screen and (max-width: 1200px) { /* adding 変更 */
	.main_footer .nav_model {
	left: 10vw;
	}
  .main_footer .nav_model_list li { /* adding 追加 */
    margin: 0 15px;
  }
}
@media screen and (max-width: 960px) { /* adding 追加 */
	.main_footer .nav_model {
	  bottom: 50px;
	  left: 0;
	}
}
@media screen and (max-width: 900px) {
	.main_footer .btn {
		bottom: 80px;
  }
}