@charset "UTF-8";
/* Scss Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-family: 'DIN Alternate','Abel','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo, sans-serif;
  background: #fff;
  color: #000;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.01em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  /*CSSでカーニング調整をして先頭が 「 （カッコ）の左端を揃える*/
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

@media only screen and (min-width: 415px) {
  /* Tablet */
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  body {
    font-size: 14px;
  }
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
  width: 100%;
}

a {
  color: #000;
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  a:hover {
    opacity: .5;
  }
}

h1, h2, h3, h4, h5, h6, h7, h8 {
  font-weight: normal;
}

/* clearfix
-------------- */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.sp_none {
  display: none !important;
}

@media only screen and (min-width: 415px) {
  /* Tablet */
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .pc_none {
    display: none !important;
  }
  .sp_none {
    display: inline-block !important;
  }
}

/* ---------------------------------------------------
 drawer menu
--------------------------------------------------- */
.side_navigation {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.drawer-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px 0 0;
  background: #fff;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  opacity: 0;
}

.drawer-menu li {
  padding: 0 10%;
  /*color: #fff;*/
}

.drawer-menu li a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  /*color: #fff;
			-webkit-transition: all .8s;
			transition: all .8s;*/
}

.drawer-menu li.menu a {
  font-weight: bold;
  font-size: 1.2em;
}

.drawer-menu li.sns {
  margin: 20px 0 30px;
}

.drawer-menu li.sns a {
  margin-right: 15px;
  height: 30px;
}

.drawer-menu li.sns a i {
  line-height: 1.4;
  padding-right: 10px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .drawer-menu {
    display: none;
  }
}

.menu-btn {
  position: fixed;
  display: block;
  top: 22px;
  left: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 9999;
  /*
	&:hover{
		.bar {
			background: #999;
		}
	}
	*/
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .menu-btn {
    display: none;
  }
}

.bar {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 1px;
  background: #000;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.bar.middle {
  top: 8px;
  opacity: 1;
}

.bar.bottom {
  top: 16px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

.check {
  display: none;
}

.check:checked ~ .drawer-menu {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  z-index: 4;
}

.check:checked ~ .menu-btn .menu-btn__text {
  visibility: hidden;
  opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
  width: 30px;
  background-color: #000 !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
  opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
  width: 30px;
  top: 22px;
  background-color: #000 !important;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  opacity: 1;
  z-index: 3;
}

.close-menu {
  position: fixed;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  cursor: url(http://theorthodoxworks.com/demo/images/cross.svg), auto;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}

/* ---------------------------------------------------
 Common
--------------------------------------------------- */
/* ページ読み込み後、ふわっと表示 */
body {
  animation: fadeInbody 1s ease 0s 1 normal;
  -webkit-animation: fadeInbody 1s ease 0s 1 normal;
}

@keyframes fadeInbody {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInbody {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* -- */
#wrap {
  position: relative;
  width: 100%;
}

.h2_title {
  text-align: center;
  width: 100%;
  padding: 0 0 40px;
}

.h2_title h2 {
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: .3em;
}

.h2_title p {
  font-size: 10px;
  padding-top: 5px;
  letter-spacing: 0.5px;
}

.font_serif {
  font-family: 'Noto Serif Japanese', serif;
  letter-spacing: -.5px;
  line-height: 1.75;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .h2_title {
    padding: 0 0 60px;
  }
  .h2_title h2 {
    font-size: 3em;
    padding-left: 12px;
  }
  .common_content {
    width: 1060px;
    padding: 0 30px;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------
 Main
--------------------------------------------------- */
.main_container {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.main_container .bg_mask {
  width: 100vw;
  height: 100vh;
  margin-bottom: 20vh;
  position: fixed;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.main_container .bg_mask.end {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.main_container .bg_mask.z-index {
  z-index: -1;
}

.main_container .bg_mask ul#bg_slider {
  width: 100%;
  height: 100%;
  /*
			.slide_img03{ 
				background-image: url("../images/img_main_sp_03.jpg"); 
			}
			*/
}

.main_container .bg_mask ul#bg_slider .slide_bg_inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.main_container .bg_mask ul#bg_slider .slide_img01 {
  background-image: url("../images/img_main_sp_20aw_01.jpg");
  background-position: 40% 100%;
}

.main_container .bg_mask ul#bg_slider .slide_img02 {
  background-image: url("../images/img_main_sp_20aw_02.jpg");
}

.main_container .oneme_logo {
  position: absolute;
  bottom: 80px;
  left: 30px;
  width: 76vw;
}

.main_container nav {
  position: absolute;
  top: 30px;
  left: 30px;
}

.main_container nav li a {
  color: #fff;
  letter-spacing: 0.08em;
  display: block;
}

/* 調整 */
.slick-list, .slick-track {
  height: 100%;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .main_container {
    width: 100%;
  }
  .main_container .bg_mask {
    width: 100%;
  }
  .main_container .bg_mask ul#bg_slider {
    /*
				.slide_img03 {
    				background-image: url("../images/img_main_pc_03.jpg")
				}
				*/
  }
  .main_container .bg_mask ul#bg_slider .slide_img01 {
    background-image: url("../images/img_main_pc_20aw_01.jpg");
    background-position: top center;
  }
  .main_container .bg_mask ul#bg_slider .slide_img02 {
    background-image: url("../images/img_main_pc_20aw_02.jpg");
  }
  .main_container .oneme_logo {
    bottom: 40px;
    left: 40px;
    width: 500px;
  }
  .main_container nav {
    left: 40px;
  }
  .main_container nav ul.nav {
    width: 100px;
  }
  .main_container nav ul.nav li a {
    font-size: 1.1em;
  }
}

/* ---------------------------------------------------
 Prologue
--------------------------------------------------- */
#prologue_container {
  width: 80vw;
  margin: 40px auto;
  position: relative;
  text-align: center;
}

#prologue_container .copy_img {
  height: 0;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 32%;
  background: url("../images/tx_main_copy.svg") 0 0 no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #prologue_container {
    width: 100%;
    margin: 40px auto 80px;
  }
  #prologue_container .copy_img {
    width: 520px;
    padding-top: 170px;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------
 About - 2 -
--------------------------------------------------- */
#about_2_container {
  width: 90%;
  margin: 0 auto 60px;
}

#about_2_container .kakishibu_img {
  height: 0;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 65%;
  background: url("../images/_about/img_kakishibu_01.jpg") 0 0 no-repeat;
  background-size: contain;
}

#about_2_container p {
  text-align: center;
  margin-top: 20px;
  line-height: 2.2;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #about_2_container {
    width: 100%;
    margin: 0 0 85px;
  }
  #about_2_container .kakishibu_img {
    height: 460px;
    width: 460px;
    padding-top: 0;
    background: url("../images/_about/img_kakishibu_02.jpg") 0 0 no-repeat;
    background-size: contain;
    display: block;
    float: left;
  }
  #about_2_container .right_box {
    width: 460px;
    float: right;
  }
  #about_2_container p {
    text-align: left;
  }
  #about_2_container .more_div {
    margin: 40px 0 0;
  }
}

/* ---------------------------------------------------
 News
--------------------------------------------------- */
#news_container {
  width: 100%;
  padding: 40px 0;
  background: #e8edf1;
}

#news_container ul.article_list {
  width: 90%;
  margin: 0 auto;
}

#news_container ul.article_list li {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

#news_container ul.article_list li:last-child {
  border: 0;
}

#news_container ul.article_list li .article_title {
  line-height: 1.5;
  width: 100%;
}

#news_container ul.article_list li .article_title small {
  font-size: .9em;
  color: #888;
  display: block;
  letter-spacing: 0.5px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #news_container {
    padding: 90px 0 120px;
  }
  #news_container ul.article_list {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    /*padding: 0 75px;  ニュースのタイトルが短いので、調整（2022/7/28）*/
    padding: 0 260px;
    margin: 0 auto;
  }
  #news_container ul.article_list li {
    border: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  #news_container ul.article_list li:hover {
    opacity: .5;
  }
  #news_container ul.article_list li .article_title {
    line-height: 1.5;
    width: 100%;
  }
  #news_container ul.article_list li .article_title small {
    font-size: 1em;
    color: #000;
    display: inline-block;
    width: 124px;
    vertical-align: top;
  }
  #news_container ul.article_list li .article_title span {
    /*width: 690px;  ニュースのタイトルが短いので、調整（2022/7/28）*/
    display: inline-block;
  }
}

/* ---------------------------------------------------
 Style
--------------------------------------------------- */
#style_container {
  padding: 40px 0 60px;
  /*
	.style_out_door{
		ul.style_slider{
			li{
				&.img_01{ background-image: url('../images/DSC6475.jpg');}
				&.img_03{ background-image: url('../images/DSC6480.jpg');}
				&.img_05{ background-image: url('../images/DSC6507.jpg');}
				&.img_06{ background-image: url('../images/DSC6520.jpg');}
				&.img_07{ background-image: url('../images/DSC6538.jpg');}
				&.img_08{ background-image: url('../images/DSC6557.jpg');}
				
				&.img_11{ background-image: url('../images/style_b01_106994.jpg');}
				&.img_12{ background-image: url('../images/style_b02_107089.jpg');}
				&.img_13{ 
					background-image: url('../images/style_b03_106667.jpg');
					background-position: 80% 100%;
				}
				&.img_14{ background-image: url('../images/style_b04_106698.jpg');}
			}
		}
	}
	*/
}

#style_container .style_slider .slick-list {
  width: 76vw;
  height: 76vw;
  float: left;
}

#style_container .style_slider .prev, #style_container .style_slider .next {
  width: 12vw;
  height: 76vw;
  float: left;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: relative;
}

#style_container .style_slider .prev div, #style_container .style_slider .next div {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 80px;
  top: 50%;
  left: 0;
  margin-top: -40px;
}

#style_container .style_slider .prev div p, #style_container .style_slider .next div p {
  line-height: 1;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: .8em;
}

#style_container .style_slider .prev div p {
  padding: 0 14px 0 0;
}

#style_container .style_slider .prev div p::after {
  content: "";
  position: absolute;
  width: 16px;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

#style_container .style_slider .next div p {
  padding: 0 24px 0 0;
}

#style_container .style_slider .next div p::after {
  content: "";
  position: absolute;
  width: 16px;
  top: 50%;
  right: 0;
  border-bottom: 1px solid #000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

#style_container .style_in_door,
#style_container .style_out_door {
  width: 100%;
}

#style_container .style_in_door ul.style_slider li,
#style_container .style_out_door ul.style_slider li {
  background: no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 76vw;
}

#style_container .style_in_door ul.style_slider li.img_01 {
  background-image: url("../images/image01.jpg");
}

#style_container .style_in_door ul.style_slider li.img_02 {
  background-image: url("../images/image02.jpg");
}

#style_container .style_in_door ul.style_slider li.img_03 {
  background-image: url("../images/image03.jpg");
}

#style_container .style_in_door ul.style_slider li.img_04 {
  background-image: url("../images/image04.jpg");
}

#style_container .style_in_door ul.style_slider li.img_05 {
  background-image: url("../images/image05.jpg");
}

#style_container .style_in_door ul.style_slider li.img_06 {
  background-image: url("../images/image06.jpg");
}

#style_container .style_in_door ul.style_slider li.img_07 {
  background-image: url("../images/image07.jpg");
}

#style_container .style_in_door ul.style_slider li.img_08 {
  background-image: url("../images/image08.jpg");
}

#style_container .style_in_door ul.style_slider li.img_09 {
  background-image: url("../images/image09.jpg");
}

#style_container .style_in_door ul.style_slider li.img_10 {
  background-image: url("../images/image10.jpg");
}

#style_container .style_in_door ul.style_slider li.img_11 {
  background-image: url("../images/image11.jpg");
  background-position-x: 70%;
}

#style_container .style_in_door ul.style_slider li.img_12 {
  background-image: url("../images/image12.jpg");
  background-position: 80% 100%;
}

#style_container .style_name {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #style_container {
    padding: 90px 0 120px;
  }
  #style_container .style_slider .slick-list {
    width: 82%;
    height: 540px;
  }
  #style_container .style_slider .prev, #style_container .style_slider .next {
    width: 9%;
    height: 540px;
  }
  #style_container .style_slider .prev:hover, #style_container .style_slider .next:hover {
    cursor: pointer;
  }
  #style_container .style_slider .prev div, #style_container .style_slider .next div {
    width: 100%;
  }
  #style_container .style_slider .prev div p, #style_container .style_slider .next div p {
    font-size: 1em;
  }
  #style_container .style_slider .prev div p {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px;
    padding: 0 0 0 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #style_container .style_slider .prev div p::after {
    width: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #style_container .style_slider .prev:hover div p {
    padding: 0 0 0 40px;
  }
  #style_container .style_slider .prev:hover div p::after {
    width: 30px;
  }
  #style_container .style_slider .next div p {
    padding: 0 30px 0 0;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #style_container .style_slider .next div p::after {
    width: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #style_container .style_slider .next:hover div p {
    padding: 0 40px 0 0;
  }
  #style_container .style_slider .next:hover div p::after {
    width: 30px;
  }
  #style_container .style_in_door,
  #style_container .style_out_door {
    width: 100%;
  }
  #style_container .style_in_door ul.style_slider li,
  #style_container .style_out_door ul.style_slider li {
    background-size: cover;
    width: 100%;
    height: 540px;
  }
}

@media only screen and (min-width: 1180px) {
  #style_container .style_slider .slick-list {
    height: 620px;
  }
  #style_container .style_slider .prev, #style_container .style_slider .next {
    height: 620px;
  }
  #style_container .style_slider .prev div p {
    padding: 0 0 0 50px;
  }
  #style_container .style_slider .prev div p::after {
    width: 40px;
  }
  #style_container .style_slider .prev:hover div p {
    padding: 0 0 0 80px;
  }
  #style_container .style_slider .prev:hover div p::after {
    width: 70px;
  }
  #style_container .style_slider .next div p {
    padding: 0 50px 0 0;
  }
  #style_container .style_slider .next div p::after {
    width: 40px;
  }
  #style_container .style_slider .next:hover div p {
    padding: 0 80px 0 0;
  }
  #style_container .style_slider .next:hover div p::after {
    width: 70px;
  }
  #style_container .style_in_door,
  #style_container .style_out_door {
    width: 100%;
  }
  #style_container .style_in_door ul.style_slider li,
  #style_container .style_out_door ul.style_slider li {
    height: 620px;
  }
}

/* VIEW MORE 共通ボタン（ABOUT/MEMORY） */
.open_div,
.more_div {
  width: 160px;
  margin: 40px auto 0;
  /*1px × 1pxのドットで間隔が4pxの点線をtopに表示*/
  background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 6px);
  background-size: 7px 3px;
  background-position: top;
  background-repeat: repeat-x;
}

.more_div {
  margin: 20px auto 0;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .more_div {
    margin: 60px auto 0;
  }
}

a.open_btn,
a.more_btn {
  display: block;
  width: 100%;
  padding: 20px 0;
  font-size: 1.1em;
  text-align: center;
  line-height: 1;
  letter-spacing: .1em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  /*1px × 1pxのドットで間隔が4pxの点線をbottomに表示*/
  background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 6px);
  background-size: 7px 3px;
  background-position: bottom;
  background-repeat: repeat-x;
}

a.open_btn:hover,
a.more_btn:hover {
  letter-spacing: .2em;
  opacity: 1 !important;
}

a.open_btn.active,
a.more_btn.active {
  display: none;
}

/* アニメーションCSS */
.fadeIn {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  visibility: visible !important;
}

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

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

.fadeInUp {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  visibility: visible !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ---------------------------------------------------
 Product
--------------------------------------------------- */
#product_container {
  background: #a5b0b7;
  padding: 40px 0;
  width: 100%;
}

#product_container .h2_title {
  color: #fff;
}

#product_container .h2_title h2 {
  font-size: 2em;
  padding-bottom: 10px;
  line-height: 1.3;
}

#product_container .category_list {
  width: 90%;
  margin: 0 auto;
}

#product_container .category_list div {
  margin-bottom: 20px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #product_container {
    padding: 90px 0 120px;
  }
  #product_container .h2_title h2 {
    font-size: 3em;
    letter-spacing: 0.2em;
  }
  #product_container .category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1060px;
    padding: 0 30px;
  }
  #product_container .category_list div {
    margin-bottom: 0;
    padding: 0 .6%;
  }
}

/* ---------------------------------------------------
 Shop list
--------------------------------------------------- */
#shoplist_container {
  background: #ecf2f6;
  padding: 40px 0;
}

#shoplist_container .top_text {
  text-align: center;
  margin-bottom: 20px;
}

#shoplist_container ul.shop_list {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

#shoplist_container ul.shop_list li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

#shoplist_container ul.shop_list li:last-child {
  border: 0;
}

#shoplist_container ul.shop_list li .shop_name {
  font-size: 1em;
}

#shoplist_container ul.shop_list li .adress {
  font-size: 10px;
}

#shoplist_container ul.shop_list li a {
  color: #0077A6;
  letter-spacing: 0.08em;
  padding: 0 3px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #shoplist_container {
    padding: 90px 0 120px;
  }
  #shoplist_container .top_text {
    font-size: 1.2em;
    margin-bottom: 30px;
  }
  #shoplist_container ul.shop_list {
    width: 100%;
    text-align: left;
  }
  #shoplist_container ul.shop_list li .shop_name {
    float: left;
    width: 350px;
  }
  #shoplist_container ul.shop_list li .adress {
    float: left;
    width: 440px;
    font-size: .9em;
  }
  #shoplist_container ul.shop_list li .tel {
    float: right;
    width: 170px;
    text-align: right;
    padding: 0;
  }
}

/* ---------------------------------------------------
 Memory
--------------------------------------------------- */
#memory_container {
  padding: 40px 0;
}

#memory_container .instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#memory_container .instagram .card {
  width: 50%;
  margin: 0;
}

#memory_container .instagram .card a {
  width: 100%;
  position: relative;
  display: block;
}

#memory_container .instagram .card a::before {
  content: "";
  display: block;
  padding-top: 100%;
}

#memory_container .instagram .card a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

#memory_container .more_div {
  margin-top: 40px;
}

/* VIWE MOREボタンは、ABOUTと合わせて記載（Line:380あたり）*/
@media only screen and (min-width: 769px) {
  /* Laptop PC */
  #memory_container {
    padding: 90px 0 120px;
  }
  #memory_container .instagram .card {
    width: 20%;
  }
  #memory_container .more_div {
    margin-top: 60px;
  }
}

/* ---------------------------------------------------
 Footer
--------------------------------------------------- */
.page_top_pc {
  display: none;
}

footer {
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid #eee;
}

footer .oneme_logo {
  width: 30vw;
  max-width: 140px;
  margin: 0 auto;
}

footer ul.sns_list {
  width: 44vw;
  margin: 30px auto;
  line-height: 1;
  letter-spacing: .1em;
}

footer ul.sns_list li i {
  display: block;
  width: 10%;
  float: left;
  text-align: center;
}

footer ul.sns_list li span {
  display: block;
  float: right;
  width: 76%;
}

footer ul.sns_list li a {
  display: block;
  padding: 5px 0;
  margin: 5px 0;
}

footer .page_top_sp {
  width: 14px;
  margin: 0 auto;
}

footer .copyright {
  font-size: 10px;
  text-align: center;
  width: 100%;
  margin-top: 30px;
  letter-spacing: .5px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .page_top_pc {
    display: block;
    width: 15px;
    margin: 0 auto;
    padding-bottom: 80px;
  }
  footer {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 30px;
    border-top: none;
  }
  footer .oneme_logo {
    margin: 0;
    width: 140px;
    float: left;
  }
  footer .pc_right {
    width: 800px;
    float: right;
  }
  footer ul.sns_list {
    width: 100%;
    margin: 0;
    text-align: right;
  }
  footer ul.sns_list li {
    display: inline-block;
    margin-left: 20px;
  }
  footer ul.sns_list li i {
    width: 1.2em;
    padding-right: 20px;
  }
  footer ul.sns_list li span {
    width: auto;
  }
  footer .page_top_sp {
    display: none;
  }
  footer .copyright {
    text-align: right;
    margin-top: 10px;
  }
}

/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
 About Page
-------------------------------------------------------------------------
---------------------------------------------------------------------- */
.common_wrap header {
  width: 100vw;
  height: 60px;
  position: relative;
  border-bottom: 1px solid #eee;
}

.common_wrap header .oneme_logo {
  width: 70px;
  position: absolute;
  top: 24px;
  right: 20px;
}

.common_wrap header .back_btn {
  width: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.common_wrap header .back_btn a {
  display: block;
  padding: 10px;
  font-size: 24px;
  line-height: 1;
}

.common_wrap header nav {
  display: none;
}

.common_wrap .h2_title {
  padding: 40px 0;
}

/*
.about_wrap{
	
	.top_text{
		text-align: center;
		padding-bottom: 20px;
	}
	
	.w800{
		width: 90%;
		max-width: 800px;
		margin: 0 auto;
	}
	.kakitannin_content{
		border: #eee 1px solid;
		padding: 8%;
		
		p:first-child{
			text-align: center;
			b{
				font-size: 1.6em;
				font-weight: bold;
				color: #749eb0;
			}
		}	
		.detail_box{
			background: #e8edf1;
			width: 100%;
			padding: 20px;
			margin-top: 10px;
			
			p:first-child{
				text-align: center;
				font-weight: bold;
			}
			p:nth-child(2){
				font-size: .8em;
			}
		}
	}
	.test_data_content{
		text-align: center;
		padding-top: 60px;
		
		h3{
			font-size: 1.3em;
			line-height: 1.6;
			padding-bottom: 5px;
		}
		p{
			font-size: 10px;
			&.supplement{
				width: 100%;
				border-bottom: 1px solid #eee;
				padding-bottom: 15px;
			}
		}
		img{
			padding: 20px 0px 20px;
		}
	}
	.philosophy_content{
		background: #e8edf1;
		width: 100%;
		padding: 40px 0 60px;
		margin-top: 60px;
		background: #e8edf1;
		
		.h2_title h2{
			letter-spacing: .15em;
		}
		.phi_text{
			font-size: 1.2em;
			text-align: center;
		}
		.point_content{
			margin: 30px 0 20px;
			> div{
				border-radius: 50%;
				width: 46%;
				margin: 0 2%;
				float: left;
				border: 1px solid #749eb0;
			}
		}
		.component_list{
			p{
				margin-bottom: 20px;
			}
			li{
				width: 100%;
				border-top: 1px solid #ccc;
				padding: 6px 0;
				&:nth-last-of-type(1){
					border-bottom: 1px solid #ccc;
				}
				span{
					color: #749eb0;
				}
			}
		}
		.result{
			.point_1{
				border-radius: 50%;
				width: 60%;
				margin: 30px auto 15px;
				border: 1px solid #749eb0;
			}
			p{
				font-size: 1.3em;
				color: #749eb0;
				text-align: center;
			}
		}
	}
}
*/
.about_2_wrap .visual_content {
  position: relative;
  width: 100%;
  text-align: center;
}

.about_2_wrap .visual_content .img {
  width: 100%;
  height: 100vw;
  background: url("../images/_about/img_about_main.jpg") no-repeat bottom center;
  background-size: cover;
}

.about_2_wrap .visual_content .main_copy {
  width: 90%;
  position: absolute;
  top: 38vw;
  right: 0;
  font-size: 2em;
  line-height: 1.5;
  color: #fff;
}

.about_2_wrap .visual_content .sub_copy {
  width: 90%;
  margin: 20px auto 40px;
}

.about_2_wrap .introduction_content {
  width: 90%;
  margin: 0 auto;
}

.about_2_wrap .introduction_content img {
  width: 100%;
}

.about_2_wrap .introduction_content .text_box {
  margin: 40px 0;
}

.about_2_wrap .introduction_content .text_box p {
  font-size: 1.6em;
  padding-bottom: 15px;
  line-height: 1.4;
}

.about_2_wrap .story_title {
  font-size: 1.6em;
  width: 90%;
  padding: 15px 0 0 10px;
  background: url("../images/_about/tx_kagikako_left.png") no-repeat top left;
  background-size: 25px;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto 40px;
}

.about_2_wrap .story_title p {
  width: 100%;
  padding-bottom: 15px;
  background: url("../images/_about/tx_kagikako_right.png") no-repeat bottom right;
  background-size: 25px;
}

.about_2_wrap .story_content {
  width: 100%;
  padding: 40px 5%;
}

.about_2_wrap .text_1 {
  padding-bottom: 20px;
}

.about_2_wrap .text_1 span {
  font-size: 1.2em;
  display: block;
  padding-bottom: 20px;
  line-height: 1.5;
}

.about_2_wrap .story_1_content {
  background: #eef1f6;
}

.about_2_wrap .story_1_content .text_2 {
  padding: 20px 0;
}

.about_2_wrap .story_1_content .date_box {
  border: 1px solid #ccc;
  padding: 8%;
  margin-top: 20px;
  font-size: .8em;
}

.about_2_wrap .story_1_content .date_box p {
  padding-bottom: 10px;
}

.about_2_wrap .story_1_content .date_box p span {
  display: block;
  font-weight: bold;
}

.about_2_wrap .story_1_content .date_box div img {
  width: 49%;
}

.about_2_wrap .detail_date_content {
  border: 1px solid #ccc;
  padding: 8%;
  margin: 0 auto 40px;
  width: 90%;
}

.about_2_wrap .detail_date_content > p {
  font-size: 1.2em;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}

.about_2_wrap .detail_date_content div img {
  margin: 40px 0 20px;
}

.about_2_wrap .detail_date_content div div {
  font-size: 10px;
  line-height: 1.6;
}

.about_2_wrap .more_div {
  width: 209px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .common_wrap header {
    width: 100%;
    height: auto;
    border-bottom: 0;
    z-index: 1;
    position: fixed;
    top: 0;
  }
  .common_wrap header .oneme_logo {
    width: 120px;
    top: 40px;
    right: inherit;
    left: 40px;
  }
  .common_wrap header .back_btn {
    display: none;
  }
  .common_wrap header nav {
    display: block;
    position: absolute;
    top: 90px;
    left: 40px;
    font-size: 1.2em;
    letter-spacing: .05em;
  }
  .common_wrap header nav .about_li, .common_wrap header nav .about_li a {
    color: #749eb0;
  }
  .common_wrap .h2_title {
    padding: 120px 0 80px;
  }
  /*
	.about_wrap{
		
		.top_text{
			padding-bottom: 40px;
		}
		.kakitannin_content{
			padding: 40px;

			p:first-child{;
				b{
					font-size: 2em;
				}
			}	
			.detail_box{
				padding: 35px;
				margin-top: 15px;

				p:nth-child(2){
					font-size: .95em;
				}
			}
		}
		.test_data_content{
			padding-top: 80px;

			h3{
				font-size: 1.8em;
				line-height: 1.7;
				padding-bottom: 0;
			}
			p{
				font-size: 14px;
				&.note{
					font-size: 10px;
				}
			}
			img{
				padding: 30px 0px 20px;
			}
		}
		.philosophy_content{
			padding: 0px 0 160px 0;
			margin-top: 100px;

			.h2_title{
				padding: 90px 0 30px; 
			}
			.phi_text{
				font-size: 1.8em;
			}
			.point_content{
				margin: 90px 0 45px;
				text-align: center;
				> div{
					width: 200px;
					margin: 0 20px;
					float: inherit;
					display: inline-block;
				}
			}
			.component_list{
				li{
					width: 380px;
					float: left;
					&:nth-child(even){
						margin-left: 40px;
					}
					&:nth-last-of-type(1),
					&:nth-last-of-type(2){
						border-bottom: 1px solid #ccc;
					}
					padding: 10px 0;
				}
			}
			.result{
				.point_1{
					width: 250px;
					margin: 50px auto 20px;
				}
				p{
					font-size: 1.8em;
				}
			}
		}
		.page_top_pc{
			padding-top: 65px;
		}
	}
	*/
  /* ====== 新しいABOUTページのCSS ====== */
  .about_2_wrap header .nav li a.nav-wht {
    color: #fff;
  }
  .about_2_wrap header .nav li a.nav-blk {
    color: #000;
  }
  .about_2_wrap .visual_content {
    text-align: left;
  }
  .about_2_wrap .visual_content .img {
    height: 800px;
  }
  .about_2_wrap .visual_content .main_copy {
    width: auto;
    top: 400px;
    left: 70px;
  }
  .about_2_wrap .visual_content .sub_copy {
    color: #fff;
    width: auto;
    margin: 0;
    position: absolute;
    bottom: 70px;
    left: 70px;
  }
  .about_2_wrap .introduction_content {
    width: 100%;
    margin: 60px auto;
  }
  .about_2_wrap .introduction_content img {
    width: 460px;
    display: block;
    float: left;
  }
  .about_2_wrap .introduction_content .text_box {
    margin: 0;
    width: 450px;
    float: right;
  }
  .about_2_wrap .introduction_content .text_box p {
    padding: 30px 0;
  }
  .about_2_wrap .introduction_content .text_box span {
    line-height: 2.6;
  }
  .about_2_wrap .story_title {
    font-size: 2.2em;
    width: 730px;
    margin: 0 auto 80px;
  }
  .about_2_wrap .story_2_content .story_title {
    width: 500px;
  }
  .about_2_wrap .story_content {
    padding: 90px 0 120px;
  }
  .about_2_wrap .text_1 {
    padding-bottom: 0;
  }
  .about_2_wrap .text_1 span {
    font-size: 1.4em;
    padding-bottom: 40px;
  }
  .about_2_wrap .text_1, .about_2_wrap .text_2 {
    line-height: 2.2;
  }
  .about_2_wrap .story_1_content .text_1 {
    width: 460px;
    float: left;
  }
  .about_2_wrap .story_1_content .img_1 {
    width: 500px;
    display: block;
    float: right;
    margin-bottom: 80px;
  }
  .about_2_wrap .story_1_content .text_2 {
    padding: 0;
    width: 500px;
    float: right;
  }
  .about_2_wrap .story_1_content .img_2 {
    width: 460px;
    display: block;
    float: left;
  }
  .about_2_wrap .story_1_content .date_box {
    padding: 40px;
    margin-top: 80px;
    font-size: .9em;
  }
  .about_2_wrap .story_1_content .date_box .clearfix p {
    width: 550px;
    float: left;
    padding: 0;
  }
  .about_2_wrap .story_1_content .date_box .clearfix div {
    width: 335px;
    float: right;
  }
  .about_2_wrap .story_1_content .date_box .clearfix div img {
    width: 164px;
  }
  .about_2_wrap .story_2_content .text_1 {
    width: 500px;
    float: left;
  }
  .about_2_wrap .story_2_content .img_1 {
    display: block;
    width: 430px;
    float: right;
  }
  .about_2_wrap .detail_date_content {
    padding: 70px;
    width: 100%;
  }
  .about_2_wrap .detail_date_content > p {
    font-size: 1.8em;
    margin-bottom: 50px;
  }
  .about_2_wrap .detail_date_content .clearfix p {
    width: 340px;
    float: right;
  }
  .about_2_wrap .detail_date_content .clearfix div {
    width: 460px;
    float: left;
  }
  .about_2_wrap .detail_date_content .clearfix div img {
    margin: 0 0 20px;
  }
  .about_2_wrap .more_div {
    margin-bottom: 120px;
    width: 275px;
  }
}

/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
 Column Page（旧ジャーナル ページ）
-------------------------------------------------------------------------
---------------------------------------------------------------------- */
.column_wrap .column_content {
  width: 90%;
  margin: 0 auto;
  color: #444;
  font-weight: 300;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo, sans-serif;
}

.column_wrap .column_content p {
  margin-bottom: 50px;
}

.column_wrap .column_content p img.tate_img_min {
  padding: 0 20%;
}

.column_wrap .column_content p.pc_yokonarabi img:first-child {
  padding-bottom: 8px;
}

.column_wrap .column_content .profile {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 40px 0;
  padding: 40px 0;
}

.column_wrap .column_content .profile .name_box {
  padding-bottom: 20px;
}

.column_wrap .column_content .profile .name_box .icon {
  width: 40px;
  overflow: hidden;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.column_wrap .column_content .profile .name_box .name {
  display: inline-block;
  padding-left: 10px;
  font-size: 1.2em;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .column_wrap {
    background: url("../images/_column/culumn_bg_01.jpg") no-repeat fixed center right;
    background-size: cover;
    width: 100%;
  }
  .column_wrap .column_content {
    width: 800px;
    text-align: center;
  }
  .column_wrap .column_content p img.tate_img {
    width: 460px;
  }
  .column_wrap .column_content p img.tate_img_min {
    width: 280px;
    padding: 0;
  }
  .column_wrap .column_content p.pc_yokonarabi img {
    display: block;
    float: left;
    height: 365px;
    width: auto;
  }
  .column_wrap .column_content p.pc_yokonarabi img:first-child {
    padding-bottom: 0;
    padding-right: 8px;
  }
  .column_wrap .column_content .profile {
    text-align: left;
  }
}

/* 新ジャーナル ページ */
.journal_wrap {
  background: #f4f4f4;
}

.journal_wrap .journal_content {
  max-width: 1120px;
  width: 100%;
  padding: 0 5%;
  margin: 0 auto;
  font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans', 'Meiryo', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 12px;
}

.journal_wrap .journal_content a {
  color: #749eb0;
}

.journal_wrap .journal_content .title {
  width: 40%;
  max-width: 180px;
  margin: 0 auto 40px;
}

.journal_wrap .journal_content .img, .journal_wrap .journal_content .tx {
  margin-bottom: 40px;
}

.journal_wrap .journal_content .tx {
  width: 100%;
  padding: 0 1%;
  line-height: 2.3;
}

.journal_wrap .journal_content .img-size-2,
.journal_wrap .journal_content .img-size-3,
.journal_wrap .journal_content .img-size-4,
.journal_wrap .journal_content .img-size-5 {
  margin-right: auto;
  margin-left: auto;
}

.journal_wrap .journal_content .img-size-4,
.journal_wrap .journal_content .img-size-5 {
  width: 70%;
}

.journal_wrap .journal_content .profile_content {
  margin: 100px auto 55px;
  max-width: 740px;
}

.journal_wrap .journal_content .profile_content .name_content {
  text-align: center;
  padding-bottom: 30px;
}

.journal_wrap .journal_content .profile_content .name_content img.matsuda_img,
.journal_wrap .journal_content .profile_content .name_content img.profile_tate {
  width: 22%;
  max-width: 164px;
  padding-bottom: 20px;
}

.journal_wrap .journal_content .profile_content .name_content img.profile_yoko {
  width: 44%;
  max-width: 270px;
  padding-bottom: 20px;
}

.journal_wrap .journal_content .profile_content p:last-child {
  border-top: 2px dotted #000;
  padding-top: 30px;
  margin-top: 30px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .journal_wrap .journal_content {
    padding: 0 65px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .journal_wrap .journal_content .img, .journal_wrap .journal_content .tx {
    margin-bottom: 50px;
  }
  .journal_wrap .journal_content .img-size-2 {
    width: 80%;
  }
  .journal_wrap .journal_content .img-size-3,
  .journal_wrap .journal_content .img-size-5 {
    width: 60%;
  }
  .journal_wrap .journal_content .img-size-4 {
    width: 40%;
  }
  .journal_wrap .journal_content .profile_content {
    margin: 140px auto 70px;
  }
  .journal_wrap .journal_content .bnr_content {
    width: 520px;
    margin: 0 auto;
  }
}

/* ポップアップ動画　modal調整 */
.modaal-video-wrap {
  margin: auto !important;
}

.modaal-inner-wrapper {
  padding: 80px 3% !important;
}

.modaal-close {
  top: 30px !important;
}

.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background-color: transparent !important;
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #fff !important;
  opacity: .6;
}

.modaal-close:after,
.modaal-close:before {
  top: 12px !important;
  left: 24px !important;
  width: 1px !important;
  height: 30px !important;
  border-radius: 4px !important;
}

/* アーカイブ部分（ページ下部） */
.archives_content {
  margin: 60px auto 0;
  padding-bottom: 80px;
  /*スマホ用*/
  /*PC用*/
}

.archives_content .head {
  font-size: 1.3em;
  letter-spacing: 0.3em;
  text-align: center;
  margin-bottom: 40px;
}

.archives_content .btn a {
  /* アーカイブページ公開したら「▼display:block」に変更 */
  display: none;
  width: 50%;
  max-width: 220px;
  margin: 50px auto 0;
  text-align: center;
  border-bottom: 2px dotted #999;
  border-top: 2px dotted #999;
  font-size: .9em;
  letter-spacing: 0.1em;
  padding: 14px 0;
}

.archives_content .btn a img {
  padding-right: 10px;
  width: 20px;
  vertical-align: baseline;
}

.archives_content ul.archives_list {
  width: 100%;
  padding: 0 5%;
}

.archives_content ul.archives_list li {
  width: 100%;
  margin-bottom: 20px;
}

.archives_content ul.archives_list li a {
  display: block;
  width: 100%;
  position: relative;
}

.archives_content ul.archives_list li a img {
  display: block;
  width: 40%;
}

.archives_content ul.archives_list li a .caption {
  width: 55%;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -60%);
          transform: translate(0%, -60%);
}

.archives_content ul.archives_list li a .caption .main {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: .9em;
}

.archives_content ul.archives_list li a .caption .sub {
  font-size: .8em;
  line-height: 1.3;
  color: #666;
}

.archives_content ul.archives_slick_list {
  display: none;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .archives_content {
    padding: 0 200px;
    max-width: 1620px;
    margin: 140px auto 0;
    padding-bottom: 120px;
  }
  .archives_content .head {
    margin-bottom: 50px;
  }
  .archives_content ul.archives_list {
    display: none;
  }
  .archives_content ul.archives_slick_list {
    display: block;
  }
  .archives_content ul.archives_slick_list li {
    padding: 0 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .archives_content ul.archives_slick_list li:hover {
    opacity: .7;
  }
  .archives_content ul.archives_slick_list li .caption {
    letter-spacing: 0.1em;
    padding-top: 15px;
  }
  .archives_content ul.archives_slick_list li .caption .main {
    font-weight: bold;
  }
  .archives_content ul.archives_slick_list li .caption .sub {
    font-size: .9em;
    color: #666;
  }
  .archives_content .btn a {
    font-size: 1em;
    padding: 20px 0;
  }
  /* slick prev/next 矢印 */
  .slick-prev,
  .slick-next {
    -webkit-transform: translate(0, -170%) !important;
            transform: translate(0, -170%) !important;
  }
  .slick-prev:hover,
  .slick-next:hover {
    opacity: .5;
  }
  .slick-prev:before,
  .slick-next:before {
    content: '' !important;
    display: block;
    width: 9px;
    height: 9px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .slick-prev:before {
    -webkit-transform: translate(-25%, -50%) rotate(45deg) translateZ(0);
    transform: translate(-25%, -50%) rotate(45deg) translateZ(0);
  }
  .slick-next:before {
    -webkit-transform: translate(-75%, -50%) rotate(225deg) translateZ(0);
    transform: translate(-75%, -50%) rotate(225deg) translateZ(0);
  }
}
div.tume {
  max-width: 800px;
  margin: 0 auto;
}

/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
 Style Look Page
-------------------------------------------------------------------------
---------------------------------------------------------------------- */
.stylelook_vol7 .stylelook_wrap .h2_title h2 {
  font-size: 2.2em;
  letter-spacing: 0.25em;
}

.stylelook_vol7 ul.stylelook_content {
  padding: 0 3%;
}

.stylelook_vol7 ul.stylelook_content li {
  margin-bottom: 8%;
}

.stylelook_vol7 ul.stylelook_content li .movie {
  overflow: hidden;
  width: 100%;
  /* Vimeo */
}

.stylelook_vol7 ul.stylelook_content li .movie .Vimeo_box {
  position: relative;
  padding: 150.3% 0 0 0;
}

.stylelook_vol7 ul.stylelook_content li .movie .Vimeo_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stylelook_vol7 .stylelook_section {
  width: 100%;
  padding: 0 3% 40px;
}

.stylelook_vol7 .stylelook_section .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.stylelook_vol7 .stylelook_section .img .credit {
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
  text-align: right;
  padding: 10px 0 20px;
}

.stylelook_vol7 .stylelook_section .img .credit span {
  padding-left: 10px;
}

.stylelook_vol7 .stylelook_section .img .credit a {
  color: #000;
}

.stylelook_vol7 .stylelook_section .movie {
  overflow: hidden;
  /* Vimeo */
}

.stylelook_vol7 .stylelook_section .movie .Vimeo_box_tate,
.stylelook_vol7 .stylelook_section .movie .Vimeo_box_yoko {
  position: relative;
}

.stylelook_vol7 .stylelook_section .movie .Vimeo_box_tate iframe,
.stylelook_vol7 .stylelook_section .movie .Vimeo_box_yoko iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stylelook_vol7 .stylelook_section .movie .Vimeo_box_tate {
  /* 動画が縦長（縦横比 2:3）の場合 */
  padding: 150.3% 0 0 0;
}

.stylelook_vol7 .stylelook_section .movie .Vimeo_box_yoko {
  /* 動画が横長（縦横比 3:2）の場合 */
  padding: 66.7% 0 0 0;
}

.stylelook_vol7 .staff_credit {
  font-size: 10px;
  text-align: center;
  padding-bottom: 40px;
  line-height: 2.6;
  letter-spacing: .1em;
}

.stylelook_vol7 .wm {
  width: 70%;
}

.stylelook_vol7 .ws {
  width: 48.5%;
}

.stylelook_vol7 .mb40 {
  margin-bottom: 40px !important;
}

.stylelook_vol7 .intro {
  width: 60%;
  margin: 0 auto;
  margin-top: 40px;
}

.stylelook_vol7 section {
  margin-top: 80px;
}

.stylelook_vol7 section .center {
  margin: 0 auto;
}

.stylelook_vol7 section#look01 {
  margin-top: 40px;
}

.stylelook_vol7 section#look09 {
  margin-bottom: 100px;
}

@media only screen and (min-width: 769px) {
  .stylelook_vol7 {
    /* Laptop PC */
  }
  .stylelook_vol7 .stylelook_wrap .h2_title h2 {
    font-size: 2.8em;
  }
  .stylelook_vol7 #main .center {
    width: 65%;
    margin: 0 auto;
  }
  .stylelook_vol7 .intro {
    width: 40%;
    margin: 0 auto;
    margin-top: 80px;
  }
  .stylelook_vol7 ul.stylelook_content {
    max-width: 1620px;
    padding: 0 160px;
    margin: 0 auto;
  }
  .stylelook_vol7 ul.stylelook_content li {
    width: 50%;
    float: left;
    padding: 0 4%;
  }
  .stylelook_vol7 .stylelook_section {
    max-width: 1520px;
    padding: 0 200px;
    margin: 0 auto;
  }
  .stylelook_vol7 .stylelook_section .img .credit {
    padding: 10px 0 80px;
  }
  .stylelook_vol7 .stylelook_section .wm {
    width: 60%;
  }
  .stylelook_vol7 .stylelook_section .ws {
    width: calc(50% - 40px);
  }
  .stylelook_vol7 .stylelook_section .mb40 {
    margin-bottom: 80px !important;
  }
  .stylelook_vol7 section {
    margin-top: 120px;
  }
  .stylelook_vol7 section#look01 {
    margin-top: 80px;
  }
  .stylelook_vol7 .staff_credit {
    padding-bottom: 80px;
  }
}

/* ----------------------------------------------------------------------
-------------------------------------------------------------------------
 Product Page
-------------------------------------------------------------------------
---------------------------------------------------------------------- */
.product_title_img {
  width: 100%;
  padding-top: 56%;
}

.product_title_img.mist {
  background: url("../images/_product/product_main_mist_sp.jpg") no-repeat 0 0/cover;
}

.product_title_img.oral {
  background: url("../images/_product/product_main_oral_sp.jpg") no-repeat 0 0/cover;
}

.product_title_img.baum {
  background: url("../images/_product/product_main_baum_sp.jpg") no-repeat 0 0/cover;
}

.product_page {
  padding: 0 6%;
  width: 100%;
  margin-bottom: 80px;
}

.product_page ul.product_list {
  margin-top: 30px;
}

.product_page ul.product_list li {
  width: 100%;
  margin-bottom: 60px;
  text-align: center;
}

.product_page ul.product_list li .name {
  padding-top: 25px;
}

.product_page ul.product_list li .price span {
  font-size: .8em;
}

.product_page .category_content {
  text-align: center;
  padding-top: 60px;
}

.product_page .category_content .title {
  font-size: 1.8em;
  letter-spacing: 0.25em;
}

.product_page .category_content .category_list div {
  margin-top: 20px;
}

@media only screen and (min-width: 769px) {
  /* Laptop PC */
  .product_title_img {
    padding-top: 36.5%;
  }
  .product_title_img.mist {
    background-image: url("../images/_product/product_main_mist_pc.jpg");
  }
  .product_title_img.oral {
    background-image: url("../images/_product/product_main_oral_pc.jpg");
  }
  .product_title_img.baum {
    background-image: url("../images/_product/product_main_baum_pc.jpg");
  }
  .product_page {
    max-width: 1620px;
    padding: 0 160px;
    margin: 0 auto 190px;
    text-align: center;
  }
  .product_page ul.product_list {
    margin-top: 85px;
  }
  .product_page ul.product_list li {
    width: 33%;
    display: inline-block;
    padding: 0 2%;
    margin-bottom: 95px;
  }
  .product_page ul.product_list li .name {
    padding-top: 30px;
  }
  .product_page .category_content .title {
    font-size: 2em;
  }
  .product_page .category_content .category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product_page .category_content .category_list div {
    padding: 0 .6%;
  }
}
/*# sourceMappingURL=style.css.map */