/*
@font-face {
  font-family: "mplus";
  src: url("/brand/lifestory/assets/font/mplus/mplus-1p-thin.woff") format("woff"), url("/brand/lifestory/assets/font/mplus/mplus-1p-thin.ttf") format("truetype");
  font-weight: 200; }
@font-face {
  font-family: "mplus";
  src: url("/brand/lifestory/assets/font/mplus/mplus-1p-light.woff") format("woff"), url("/brand/lifestory/assets/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/brand/lifestory/assets/font/mplus/mplus-1p-regular.woff") format("woff"), url("/brand/lifestory/assets/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "mplus";
  src: url("/brand/lifestory/assets/font/mplus/mplus-1p-medium.woff") format("woff"), url("/brand/lifestory/assets/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "mplus";
  src: url("/brand/lifestory/assets/font/mplus/mplus-1p-bold.woff") format("woff"), url("/brand/lifestory/assets/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700; }
*/
@font-face {
  font-family: "hanazono";
  src: url("/brand/lifestory/assets/font/hanazono/HanaMinA.woff") format("woff"), url("/brand/lifestory/assets/font/hanazono/HanaMinA.ttf") format("truetype");
  font-weight: 400; }
.hanazono {font-family: "hanazono", 游明朝, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/brand/lifestory/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/brand/lifestory/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/brand/lifestory/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/brand/lifestory/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;
}

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

.vertical-text {
  background: rgba(150, 177, 240, 0);
  width: 100%;
  padding: 2em;
  display: flex;
  -webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	align-items: center;
  text-orientation: upright;
  font-size: 1em;
}
.horizontal-text {
  background: rgba(57, 219, 148, 0);
  width: 100%;
  padding: 8% 15% 8% 15%;
  font-size: 1em;
}
.slick-pc {
  padding: 5% 7% 2% 7%;
}
.slick-sp {
  padding: 0;
}

.info_bar {
  position: relative; width: 100%; height: 40px; padding: 0; background: rgba(68, 233, 200, 0); text-align: center;
}  
.navigation_number{
  position: absolute; display: inline-block; width: 15%; left: 0; margin: 0; padding: 0 .8em; font-size: 1em; font-style: italic; text-align: right; background: #000; color: #fff;
}
.title_number{
  position: relative; padding: .2em 0 0 0; font-size: 1.2em; font-style: italic; text-align: center;
}
.swipe{
  position: absolute; width: 12%; top:0; right: 2%; background: rgba(241, 16, 16, 0);
}


}
/*** #section-pr ***/

#section-pr .sec_pr_title { text-align: center; font-size: 1.3em; color: #000; padding: 2em; }
@media only screen and (min-width: 400px) {
  #section-pr .sec_pr_title { font-size: 1.4em;}
}
@media only screen and (min-width: 601px) {
  #section-pr .sec_pr_title { font-size: 1.6em; }
}
@media only screen and (min-width: 993px) {
  #section-pr .sec_pr_title { font-size: 1.8em; }
}
@media only screen and (min-width: 1025px) {
  #section-pr .sec_pr_title { font-size: 2em; }
}

#section-pr .sec_pr_spec { padding: 0; text-align: center; font-size: .8em; font-weight: 500; color: #000;}
@media only screen and (min-width: 400px) {
  #section-pr .sec_pr_spec { padding: ; text-align: center; font-size: .9em; font-weight: 500;}
}
@media only screen and (min-width: 601px) {
  #section-pr .sec_pr_spec { padding: ; text-align: center; font-size: 1em; font-weight: 500;}
}
@media only screen and (min-width: 993px) {
  #section-pr .sec_pr_spec { padding: ; text-align: center; font-size: 1em; font-weight: 500; }
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/product/closeup/assets/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/product/closeup/assets/slick/fonts/slick.eot');
    src: url('/product/closeup/assets/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/product/closeup/assets/slick/fonts/slick.woff') format('woff'), url('/product/closeup/assets/slick/fonts/slick.ttf') format('truetype'), url('/product/closeup/assets/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: 0;
  background: none;
}
.prev-arrow{
  left: 10px;
  width: 50px;
  height: 50px;
  background: none;
}
.next-arrow{
  right: 10px;
  width: 50px;
  height: 50px;
  background: none;
}
.prev-arrow:hover,
.prev-arrow:focus,
.next-arrow:hover,
.next-arrow:focus
{
  background: none;
  cursor: pointer;
  opacity: .5;
}