@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-light.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-regular.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/product/closeup/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
  .landscape { display: block !important; }
  .portrait { display: none !important; }
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
  .landscape { display: none !important; }
  .portrait { display: block !important; }
}

.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(0deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(1deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(0deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(1deg);}
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}

.slider_limit { width: 100%; margin: 0 auto;}
.slider_negative_m {margin-top: -60px !important;}
@media screen and (min-width:47.938em){
.slider_limit { max-width: 70%; margin: 0 auto;}
.slider_negative_m {margin-top: -120px !important;}
}


  .archive-content .divider{height: 1px !important; background: #000 !important;}
  .archive-content p {color: #fff !important;}
  .archive-content p a {color: #fff !important;}
  .archive-content p a:hover { text-decoration: underline !important;}

.relnpd h6{font-size:1em;line-height:110%;margin:0.5rem 0 0.4rem 0}

	.panel {
		height: 100%;
		width: 100%;
		position: absolute;
	}

	#introContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		z-index: 1;
		
	}
	#intro_bg {
		height: 100%;
		width: 100%;
		position: absolute;
		/*background: url(/product/closeup/assets/img/rel/intro_bg.jpg) center center / cover no-repeat fixed;*/
	}
	#intro_bg::before{
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/intro_bg.jpg') center center / cover no-repeat;
  -webkit-background-size:cover;
  }

	#intro_title {
		width: 100%;
		position: relative;
		z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	}

	#blue_bg_Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 2;
	}
	
	#bg_blue {
		height: 100%;
		width: 100%;
		position: absolute;
		z-index:;
	}
	#bg_blue::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_blue.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
	
  #bg_blue_A {
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: ;
	}
@media screen and (orientation: landscape) {
	#bg_blue_A::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_blue_A.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
}
@media screen and (orientation: portrait) {	
	#bg_blue_A::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_blue_A_sp.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
}
  #bg_blue_B {
		height: 104%;
		width: 104%;
		position: absolute;
		top:-2%;
		left:-2%;
		z-index: 3;
	}
  
	#pink_bg_Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: absolute;
		top:;
		z-index: 3;
	}
	
	#bg_pink {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	#bg_pink::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_pink.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
	
	#bg_pink_A {
		height: 100%;
		width: 100%;
		position: absolute;
	}
@media screen and (orientation: landscape) {
	#bg_pink_A::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_pink_A.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
}
@media screen and (orientation: portrait) {
	#bg_pink_A::before {
  content: "";
  display: block;
  position: absolute; /*position: fixed;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background:url('/product/closeup/assets/img/rel/bg_pink_A_sp.png') center center / cover no-repeat;
  -webkit-background-size:cover;
	}
}

  #bg_pink_B {
		height: 104%;
		width: 104%;
		position: absolute;
		top:-2%;
		left:-2%;
		z-index: 3;
	}

@media screen and (orientation: portrait) {	
  #scene_title {
		position: relative; width: 90%; left:5%; top:20%; background: rgba(37, 232, 119, 0);
	}
  #scene_title_product {
		position: relative; width: 90%; margin: 0 auto; padding: 10% 0; background: rgba(37, 232, 119, 0);
	}
	#imagesequence {
		position: relative; width: 60%; left: 20%; top:25%; background: rgba(37, 232, 119, 0);
	}
}
@media screen and (orientation: landscape) {
  #scene_title {
		position: relative; width: 60%; left: 20%; top:10%; background: rgba(37, 232, 119, 0);
	}
  #scene_title_product {
		position: relative; width: 60%; margin: 0 auto; padding: 10% 0; background: rgba(37, 232, 119, 0);
	}
  #imagesequence {
		position: relative; width: 30%; left: 35%; top:10%; background: rgba(37, 232, 119, 0);
	}
}

	#scene001Container {
		width: 100%;
		height: 100vh; 
		overflow: hidden;
		position: relative;
		top:;
		z-index: 6;
	}
	/*
@media screen and (orientation: portrait) {	
	#scene001Container #imagesequence {
		position: relative; width: 60%; left: 20%; top:15%; background: rgba(37, 232, 119, 0);
	}
}
@media screen and (orientation: landscape) {
  #scene001Container #imagesequence {
		position: relative; width: 30%; left: 35%; top:15%; background: rgba(37, 232, 119, 0);
	}
}
*/


	#scene002Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 7;
	}

	#scene003Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 8;
	}

	#scene004Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 9;
	}

	#scene005Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 10;
	}

	#scene006Container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 11;
	}
	#product_bg_Container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 12;
	}
	#ending_bg_Container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		top:;
		z-index: 13;
	}