@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-thin.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-thin.ttf") format("truetype");
  font-weight: 200; }
@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: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-medium.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: "mplus";
  src: url("/product/closeup/assets/font/mplus/mplus-1p-bold.woff") format("woff"), url("/product/closeup/assets/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700; }

.negativemargin_main { margin-top: -90px;}
@media screen and (max-width:64em){
.negativemargin_main { margin-top: -60px;}  
}
header{ transition: .3s; }
header.hide{ transform: translateY(-100%); }

*:focus {
  outline: none;
}

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

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

#ffv_contents {
  width: 100%;
  height: ;
  overflow: hidden;
  position: relative;
  z-index: 0;
  }
  
@media screen and (orientation: landscape) {
.intro_bg {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}  
.title_intro { position: absolute; width: 50%; top: 12%; right: 0;}
.obj_a { position: absolute; width: 37%; top: 52%; left: 8%; color: #333333; font-size: 1em; background: rgba(37, 233, 44, 0);}
.obj_b { position: absolute; width: 45%; top: 60%; left: 0; }
.obj_c { position: absolute; width:35%; top: 70%; left: 8%; }
.obj_d { position: absolute; width: 37%; top: 90%; left: 8%; color: #333333; font-size: .8em; background: rgba(37, 233, 44, 0);}
.obj_d a { color: #333333; text-decoration: underline;}
.obj_e { position: absolute; width: 20%; top: 7%; left: 15%; }
.obj_f { position: absolute; width: 20%; top: 7%; left: 40%; }
.obj_g { position: absolute; width: 20%; top: 7%; left: 65%; }
.title_outro { position: absolute; width: 100%; top: 10%; left: 0; text-align: center; color: #fff; font-size: 2em; background: rgba(37, 233, 44, 0); }
.link_btn { position: absolute; width: 20%; top: 20%; left: 40%; }
.sec_001 {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}
.sec_outro {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}
}


@media screen and (min-width: 600px) and (orientation: landscape) {
}
@media screen and (min-width: 800px) and (orientation: landscape) {
}
@media screen and (min-width: 960px) and (orientation: landscape) {
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
}
@media screen and (min-width: 1280px) and (orientation: landscape) {
}
@media screen and (min-width: 1440px) and (orientation: landscape) {
}
@media screen and (min-width: 1600px) and (orientation: landscape) {
}
/*landscape*/

/*portrait*/
@media screen and (orientation: portrait) {
.intro_bg {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}  
.title_intro { position: absolute; width: 50%; top: 12%; right: 0;}
.obj_a { position: absolute; width: 90%; top: 54%; left: 5%; color: #333333; font-size: .9em; background: rgba(37, 233, 44, 0); line-height: 1.2;}
.obj_b { position: absolute; width: 55%; top: 48%; left: 0; }
.obj_c { position: absolute; width:62%; top: 63%; left: 5%; }
.obj_d { position: absolute; width: 60%; top: 86%; left: 5%; color: #333333; font-size: .7em; background: rgba(37, 233, 44, 0); line-height: 1.2;}
.obj_d a { color: #fff; text-decoration: underline;}
.obj_e { position: absolute; width: 28%; top: 7%; left: 6%; }
.obj_f { position: absolute; width: 28%; top: 7%; left: 36%; }
.obj_g { position: absolute; width: 28%; top: 7%; left: 66%; }
.title_outro { position: absolute; width: 100%; top: 10%; left: 0; text-align: center; color: #fff; font-size: 1.2em; background: rgba(37, 233, 44, 0); }
.link_btn { position: absolute; width: 30%; top: 30%; left: 35%; }
.sec_001 {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}
.sec_outro {
  width: 100%;
  height: ;
  padding: 0;
  position: relative;
	}
}


@media screen and (min-width: 768px) and (orientation: portrait) {
}
@media screen and (min-width: 800px) and (orientation: portrait) {
}
@media screen and (min-width: 960px) and (orientation: portrait) {
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
}
@media screen and (min-width: 1280px) and (orientation: portrait) {
}
@media screen and (min-width: 1440px) and (orientation: portrait) {
}
@media screen and (min-width: 1600px) and (orientation: portrait) {
}
/*portrait*/



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