@charset "UTF-8";
.ls {
  opacity: 0;
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
}
.lazyloaded {
  opacity: 1;
}
 
.i {
  visibility: hidden;
}

@-webkit-keyframes fI {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fI {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fI {
  -webkit-animation-name: fI;
  animation-name: fI;
}

@keyframes fIU {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fIU {
  -webkit-animation-name: fIU;
  animation-name: fIU;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}


audio:not([controls]) {
  display: none
}

button {
  overflow: visible;
  -webkit-appearance: button
}

details {
  display: block
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

input {
  -webkit-border-radius: 0
}

input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button
}

input[type=number] {
  width: auto
}

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

main {
  display: block
}

pre {
  overflow: auto
}

progress {
  display: inline-block
}

small {
  font-size: 75%
}

summary {
  display: block
}

svg:not(:root) {
  overflow: hidden
}

template {
  display: none
}

textarea {
  overflow: auto
}

[hidden] {
  display: none
}

*, :before, :after {
  box-sizing: inherit
}

* {
  font-size: inherit;
  line-height: inherit
}

:before, :after {
  text-decoration: inherit;
  vertical-align: inherit
}

*, :before, :after {
  border-style: solid;
  border-width: 0
}

* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0
}

:root {
  box-sizing: border-box;
  cursor: default;
  text-rendering: optimizeLegibility
}

a {
  text-decoration: none
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}

button, input, select, textarea {
  background-color: transparent
}

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit
}

button, [type=button], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  min-height: 1.5em;
  outline: none
}

a,
button,
input,
textarea {
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
}

a.hover,
button.hover,
input.hover {
  opacity: 0.5 !important;
}

nav ol, nav ul {
  list-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

textarea {
  resize: vertical
}

::-moz-selection {
  background-color: #b3d4fc;
  color: white;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: white;
  text-shadow: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute
}

[hidden][aria-hidden=false]:focus {
  clip: auto
}

.display-flex {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row
}

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  position: relative
}

html {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

body {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto
}

input[type=text], input[type=password] {
  outline: none
}

textarea, select {
  outline: none
}

*:focus {
  outline: none
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre, ul, li, ol, span, textarea, select, input {
  margin: 0;
  padding: 0
}

image, img {
  display: block;
  max-width: 100%
}

section, container {
  _zoom: 1
}

a {
  text-decoration: none;
  border: none
}

a img {
  border: none;
  outline: none
}

button {
  border: none;
  outline: none
}

ul, li, ol {
  list-style: none
}

p {
  line-height: 1.5;
  text-decoration: none
}

img, iframe {
  max-width: 100%
}

hr {
  border: none
}

.clear {
  clear: both
}

.clearfix {
  display: inline-block
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

.float {
  float: left
}

.align-left {
  text-align: left
}

.align-center {
  text-align: center
}

.align-right {
  text-align: right
}

footer {
  bottom: 0
}

html {
  background: #fff;
  color: #424141;
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
  font-family: proxima-nova, source-han-sans-japanese, HiraKakuProN-W6, "ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic Pro W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
  font-weight: 700
}

p {
  color: #424141;
  font-weight: 400
}

a {
  color: #424141;
  font-weight: 400
}

.hidden-xs {
  display: inline
}

.visible-xs {
  display: none
}

.br-sp--add {
  display: none
}

.pc {
	display: block;
}

.sp {
  display: none;
}

@media(max-width:768px) {
  .br-sp {
    display: none
  }
  .br-sp--add {
    display: block
  }
  img {
    max-width: 100%
  }
  .hidden-xs {
  	display: none
  }
  .visible-xs {
  	display: inline
  }
  .pc {
  	display: none;
  }

  .sp {
  	display: block;
  }
}

.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 30px
}

body.home .p-logo {
	display: none;
}

#wrapper {
}

@media(max-width:768px) {
	body.home header {
		background: none;
	}
	.container {
		padding: 0 10px
  }
}

.content {
  width: 100%
}

footer {
  background: #f1f1f1;
  padding: 30px 0 0
}

@media(max-width:1170px) {
	footer {
		padding: 25px 0 0
	}
}

footer .wrapper .container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media(max-width:1170px) {
	footer .wrapper .container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 45px;
	}
}

@media(max-width:1170px) {
	footer .wrapper .container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 45px;
	}
}

@media(max-width:768px) {
	footer .wrapper .container {
		padding: 0 10px;
	}
}

footer .wrapper .container p.footer-title {
  font-weight: 700;
  border-bottom: 1px solid #424141;
  padding: 0 0 3px;
  margin: 0 0 30px;
  display: inline-block
}

@media(max-width:1170px) {
  footer .wrapper .container p.footer-title {
  	padding: 0;
    margin: 0 0 10px
  }
}

footer .wrapper .container a {
  font-size: 12px;
  white-space: nowrap;
}

footer .wrapper .container .p-footCategory {
}


@media(max-width:1170px) {
  footer .wrapper .container .p-footCategory ul {
    width: 100%;
    margin: 0 0 30px
  }
  footer .wrapper .container .p-footCategory ul:after {
    content: "";
    display: table;
    clear: both;
  }
  footer .wrapper .container .p-footCategory ul li {
    width: 50%;
    float: left;
  }
}

@media(max-width:230px) {
  footer .wrapper .container .p-footCategory ul li {
		width: 100%;
    float: none;
	}
}

footer .wrapper .container .p-footAbout {

}

@media(max-width:1170px) {
  footer .wrapper .container .p-footAbout ul {
    margin: 0 0 30px
  }
}

footer .wrapper .container .p-footAbout .footer-about-menu {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media(max-width:1170px) {
	footer .wrapper .container .p-footAbout .footer-about-menu {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

footer .wrapper .container .p-footCategory ul,
footer .wrapper .container .p-footAbout .footer-about-menu ul {
	margin-right: 34px;
}

footer .wrapper .container .p-footAbout .footer-about-menu ul:last-child {
	margin-right: 44px;
}

footer .wrapper .container .p-footAbout .footer-about-menu ul.desktop {
	display: block;
}

footer .wrapper .container .p-footAbout .footer-about-menu ul li.mobile {
	display: none;
}

@media(max-width:1070px) {
	footer .wrapper .container .p-footAbout .footer-about-menu ul li.mobile {
		display: block;
		margin-top: 26px;
	}
	footer .wrapper .container .p-footAbout .footer-about-menu ul li.mobile a {
		display:  block;
	}
	footer .wrapper .container .p-footAbout .footer-about-menu ul.desktop {
		display: none;
	}
}

@media(max-width:768px) {
	footer .wrapper .container .p-footCategory ul,
	footer .wrapper .container .p-footAbout .footer-about-menu ul {
		margin-right: 30px;
	}
	footer .wrapper .container .p-footAbout .footer-about-menu ul:nth-last-child(2) {
		margin-right: auto !important;
	}
}

@media(max-width:540px) {
	footer .wrapper .container .p-footAbout .footer-about-menu ul:nth-child(3n) {
		margin-right: 0 !important;
	}
}

@media(max-width:370px) {
	footer .wrapper .container .p-footAbout .footer-about-menu ul {
		width: 50%;
		margin-right: 0 !important;
	}
}

@media(max-width:230px) {
	footer .wrapper .container .p-footAbout .footer-about-menu ul {
		width: 100%;
	}
	footer .wrapper .container .p-footAbout .footer-about-menu ul li.mobile a br {
		display: none;
	}
}

footer .wrapper .container .p-footAbout .p-footSocial ul {
	margin-right: 58px;
}

footer .wrapper .container .p-footSocial .insta {
	width: auto;
}

footer .wrapper .container .p-footSocial .fb_iframe_widget {
  display: block
}

footer .wrapper .wrapper .p-footCopy {
  width: 100%;
  text-align: center;
  padding: 30px 10px 20px
}

footer .wrapper .wrapper .p-footCopy p {
  font-size: 10px;
  color: #a0a0a0
}

header,
.p-logo-wrap {
	width: 100%;
  z-index: 100;
}

header {
	position: relative;
}

.p-logo-wrap {
  height: 320px;
}

header {
}

header.top {
  height: auto;
  position: sticky;
  top: 0;
  width: 90vw;
  margin: 0 auto
}

header.top .p-header-sample {
  right: 0
}

header.top nav ul li:nth-child(1) {
  margin: 0
}

header.top nav ul li:nth-child(1) a {
  padding-left: 0
}

@media(max-width:768px) {
  header {
    height: 52px;
    margin: 0;
    background: #fff;
    position: fixed;
    transition: all 0.2s ease-in-out;
    top: 0;
  }
  .p-logo-wrap {
  	height: 52px;
  }
}

.p-logo {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 190px
}

@media(max-width:768px) {
  .p-logo {
    top: 13px;
    transform: translate(-50%, 0);
    width: 128px;
    z-index: 999999
  }
}

header .p-header-sample {
  position: absolute;
  right: 50px;
  top: 30px
}

@media(max-width:768px) {
  header .p-header-sample {
    display: none
  }
}

header .p-header-fix-right {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 999
}

@media(max-width:768px) {
  header .p-header-fix-right {
    display: none
  }
}

header .p-header-fix-left {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 999
}

header .p-header-fix-left img {
  width: 7px
}

@media(max-width:768px) {
  header .p-header-fix-left {
    display: none
  }
}

header #head {
	position: fixed;
	z-index: 100;
  transition: all 0.2s ease-in-out;
  top: 0;
}

header nav ul {
  text-align: left;
  overflow: hidden;
  padding: 10px 0 0
}

header nav ul li {
  display: inline-block;
  margin: 0 5px;
  position: relative
}

header nav ul li:nth-child(1) a {
  padding-left: 25px
}

header nav ul li a {
  font-weight: 700;
  display: block;
  position: relative;
  padding: 30px 10px
}

header nav ul li ul {
  display: none
}

header nav ul li.active a:after {
  content: "";
  display: block;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 22px
}

header nav ul li.active:nth-child(1) a:after {
  left: 18px;
  width: 45px
}

header nav ul li.active-top:nth-child(1) a:after {
  left: -7px;
  width: 40px
}

header nav ul li.active:nth-child(2) a:after {
  left: 6px;
  width: 60px
}

header nav ul li.active:nth-child(3) a:after {
  left: 6px;
  width: 60px
}

header nav ul li.active:nth-child(4) a:after {
  left: 12px;
  width: 95px
}

header nav ul li.active:nth-child(5) a:after {
  left: 6px;
  width: 57px
}

header nav ul li.active:nth-child(6) a:after {
  left: 8px;
  width: 57px
}

header nav ul li.products a {
  padding: 30px 15px
}

header nav ul li.journal {
  padding-left: 30px
}

header nav ul li.journal a {
  padding: 30px 20px 30px 0
}

header nav ul li.journal a:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 48px;
  display: block;
  background: #000
}

header nav ul li.journal a:after {
  content: "";
  background: url(../images/shared/header/menu-link.svg);
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 30px
}

a.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: block;
  background: #d7d7d7;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 14px 0 0;
  border-radius: 100px;
  z-index: 999
}

a.pagetop img {
  width: 15px;
  text-align: center;
  position: relative;
  left: 12px
}

p#breadcrumbs {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 10px
}

p#breadcrumbs span span.breadcrumb_last {
  padding: 0 5px;
  color: #a9a9a9
}

.c-btn a {
  padding: 15px 70px 20px;
  display: block;
  max-width: 280px;
  letter-spacing: 2px;
  text-align: center;
  margin: 30px auto;
  font-size: 14px
}

@media(max-width:768px) {
	header nav ul li.active a:after {
		content: none;
	}
	header nav ul li {
		padding-left: 0 !important;
		margin: 0 !important;
	}
	header nav ul li.journal a:after {
		content: none;
	}
	.c-btn a {
		padding: 15px 30px 20px
	}
}

.c-btn.c-btn--black:hover a {
  background: #000;
  color: #fff
}

.c-btn.c-btn--black a {
  border: 1px solid #000
}

.c-btn.jp a {
  padding: 15px 60px;
  font-size: 13px;
  letter-spacing: 0
}

.c-button_type-arrow a {
  width: 228px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 43px;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 700;
  border: 1px solid #424141;
  margin: 0 auto
}

.c-button_type-arrow a:before {
  content: url(../images/shared/arrow.svg);
  /*display:inline-block;*/
  vertical-align: top;
  line-height: 40px;
  width: 39px;
  padding-right: 10px
}

@media(max-width:768px) {
	.c-button_type-arrow a:before {
		line-height: 44px;
	}
}

.c-button_type-arrow-none a {
  width: 235px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 43px;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 700;
  color: #BBB;
  border: 1px solid #BBB;
  margin: 0 auto
}

.alm-btn-wrap {
  width: 100%;
  text-align: center;
  margin: 30px auto
}

.alm-btn-wrap button.alm-load-more-btn {
  background: #000;
  border: none;
  color: white;
  padding: 10px 40px;
  border-radius: 50px
}

.alm-btn-wrap button.done {
  display: none
}

.navigation {
  padding: 15px;
  text-align: center;
  display: inline-block
}

.wp-pagenavi {
  text-align: center
}

.wp-pagenavi a {
  padding: 6px 0 0;
  width: 40px;
  height: 40px;
  margin: 3px 4px;
  border: 1px solid #000;
  display: inline-block;
  text-align: center
}

.wp-pagenavi a:link {
  padding: 6px 0 0;
  width: 40px;
  height: 40px;
  margin: 3px 4px;
  border: 1px solid #000;
  display: inline-block;
  text-align: center
}

.wp-pagenavi a:visited {
  background-color: #000
}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
  color: #fff;
  background-color: #000
}

.wp-pagenavi span {
  margin: 3px 4px;
  padding: 6px 0 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 1px solid #000
}

.wp-pagenavi span.pages {
  color: #666;
  border: none
}

.wp-pagenavi span.current {
  color: #fff;
  background-color: #000
}

.wp-pagenavi span.extend {
  color: #666;
  background-color: #000
}

.c-heading2-parts {
  text-align: center
}

.c-heading2-parts h2 {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  letter-spacing: 0.3em;
  font-size: 22px;
  margin-right: -3px
}

.c-heading2-parts p {
  font-size: 13px;
  letter-spacing: 2px;
  margin-right: -1px;
  padding-top: 10px
}

@media(max-width:768px) {
  .c-heading2-parts h2 {
    font-size: 16px;
    letter-spacing: 5px;
    margin-right: -3px
  }
  .c-heading2-parts p {
    font-size: 10px;
    letter-spacing: 2px;
    margin-right: -1px;
    padding-top: 10px
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 870px
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem
}

.col-xs {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

@media only screen and (min-width:768px) {
  .container {
    width: 46rem
  }
  .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
  }
  .col-sm {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

@media only screen and (min-width:992px) {
  .container {
    width: 61rem
  }
  .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
  }
  .col-md {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-md-offset-1 {
    margin-left: 8.333%
  }
  .col-md-offset-2 {
    margin-left: 16.667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.333%
  }
  .col-md-offset-5 {
    margin-left: 41.667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.333%
  }
  .col-md-offset-8 {
    margin-left: 66.667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.333%
  }
  .col-md-offset-11 {
    margin-left: 91.667%
  }
}

@media only screen and (min-width:1200px) {
  .container {
    width: 71rem
  }
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
  }
  .col-lg {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

.c-sub-title {
  text-align: center
}

.c-sub-title h2 {
  font-size: 20px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  letter-spacing: 2px
}

@media(max-width:768px) {
  .c-sub-title h2 {
    font-size: 15px
  }
}

.c-sub-title p {
  font-size: 13px;
  letter-spacing: 2px;
  padding: 5px 0 30px;
  font-weight: 300
}

@media(max-width:768px) {
  .c-sub-title p {
    font-size: 10px;
    padding: 3px 0 20px
  }
}

.c-sub-title .c-button_type-arrow {
  margin-bottom: 60px
}

@media(max-width:768px) {
  .c-sub-title .c-button_type-arrow {
    margin-bottom: 48px
  }
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80)
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none!important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur {
  cursor: zoom-out
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none!important
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #CCC
}

.mfp-preloader a:hover {
  color: #FFF
}

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100)
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #fff
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100)
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media all and (max-width:900px) {
  .mfp-arrow {
    transform: scale(.75)
  }
  .mfp-arrow-left {
    transform-origin: 0
  }
  .mfp-arrow-right {
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.mfp-ie7 .mfp-img {
  padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
  width: 700px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
  padding: 0
}

.mfp-ie7 .mfp-content {
  padding-top: 44px
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .2s ease-in-out;
  transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

article.articles-card {
  background: #fff;
  width: 100%
}

@media(max-width:768px) {
  article.articles-card {
    margin: 0;
    float: left
  }
}

article.articles-card .c-thumbs img {
  width: 100%
}

article.articles-card .c-thumbs a {
  display: block
}

article.articles-card .c-contents {
  padding: 15px 15px 0
}

article.articles-card .c-contents h2 a {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 20px;
  display: block
}

@media(max-width:768px) {
  article.articles-card .c-contents .c-readmore-image {
    width: 90px
  }
}

.c-author {
  font-size: 12px;
  margin: 15px 0 0
}

@media(max-width:768px) {
  .c-author {
    font-size: 10px
  }
}

.c-author span {
  color: #bbb
}

.c-author a {
  color: #424141;
  padding: 0 5px
}

a.c-category-title {
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid;
  display: inline-block;
  letter-spacing: .02em;
  margin: 0 0 10px
}

a.c-category-title.mini {
  font-size: 10px
}

@media(max-width:768px) {
  a.c-category-title {
    font-size: 10px
  }
}

a.c-category-title--gray {
  font-size: 12px;
  color: #adadad;
  font-weight: 700;
  display: block;
  letter-spacing: .05em
}

@media(max-width:768px) {
  a.c-category-title--gray {
    font-size: 10px
  }
}

p.c-desc {
  font-size: 12px;
  color: #424141;
  font-weight: 300
}

.c-readmore {
  margin: 20px 0 0;
  width: 100%
}

.c-readmore .c-author-image {
  float: left
}

.c-readmore .c-author-image a img {
  border-radius: 60px;
  width: 30px
}

.c-readmore .c-readmore-image {
  float: right
}

.c-readmore .c-readmore-image a {
  margin: 13px 0 0;
  display: block
}

.hot-category {
  min-height: 680px;
  position: relative;
  margin: 0 auto 20px
}

@media(max-width:768px) {
  .hot-category {
    height: 100%;
    margin: 20px auto;
    overflow: hidden
  }
}

.hot-category:before {
  content: "";
  width: 100%;
  display: block;
  background: #f4f4f4;
  position: absolute;
  height: 480px;
  top: 150px;
  z-index: -10
}

@media(max-width:768px) {
  .hot-category:before {
    height: 100%
  }
}

.hot-category .p-wrapper {
  width: 90%;
  margin: 0 auto
}

.hot-category .p-wrapper h2.title--hot-category {
  float: left
}

.hot-category .p-wrapper a.clear {
  position: relative;
  top: -3px;
  left: 15px;
  font-size: 14px
}

.hot-category .p-wrapper .p-cards {
  margin: 40px 0 0
}

@media(max-width:768px) {
  .hot-category .p-wrapper .p-cards {
    margin: 20px 0 0
  }
}

.hot-category .p-wrapper .p-cards ul {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 0 30px
}

@media(max-width:768px) {
  .hot-category .p-wrapper .p-cards ul {
    display: block
  }
}

.hot-category .p-wrapper .p-cards ul li {
  margin: 0 15px 0 0;
  -ms-flex: 1;
  flex: 1
}

@media(max-width:768px) {
  .hot-category .p-wrapper .p-cards ul li {
    margin: 0 0 30px
  }
}

.hot-category .p-wrapper .p-cards ul li:last-child {
  margin: 0
}

a.meanmenu-reveal {
  display: none
}

.mean-container .mean-bar {
  width: 100%;
  padding: 4px 0;
  height: 60px;
  min-height: 42px;
  z-index: 999999;
}

@media(max-width:768px) {
	.mean-container .mean-bar {
    height: 52px;
    padding: 0;
  }
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 21px 17px 11px 13px;
  position: absolute;
  right: 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-weight: 700
}

.home.mean-container a.meanmenu-reveal {
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #a2a2a2;
	width: 22px;
  height: 1px;
	position: absolute;
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transform-origin: center center;
	display: block;
	left: 13px;
}

body.top.mean-container a.meanmenu-reveal span {
  background: #fff !important;
}

body.bottom.mean-container a.meanmenu-reveal span {
  background: #a2a2a2 !important;
}

.mean-container a.meanmenu-reveal span:nth-child(2) {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mean-container a.meanmenu-reveal span:first-child,
.mean-container a.meanmenu-reveal span:last-child {
	top: 20px;
	transform-origin: center center;
}
.mean-container a.meanmenu-reveal span:last-child {
	top: 34px;
}

.mean-container a.meanmenu-reveal.meanclose span:nth-child(2) {
	opacity: 0;
}
.mean-container a.meanmenu-reveal.meanclose span:first-child,
.mean-container a.meanmenu-reveal.meanclose span:last-child {
	top: 24px;
}
.mean-container a.meanmenu-reveal.meanclose span:first-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mean-container a.meanmenu-reveal.meanclose span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.home.mean-container a.meanmenu-reveal span {
  transition: all 0.2s ease-in-out;
}

.mean-container a.meanmenu-reveal.meanclose {
  color: #a2a2a2
}

.home.mean-container a.meanmenu-reveal.meanclose {
  color: #fff;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: rgba(200, 200, 200, .97);
  margin-top: 51px;
  margin-bottom: 30px
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1.5em 5%;
  margin: 0;
  text-align: left;
  color: #000;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 3px;
  font-weight: 700;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, .3);
  text-decoration: none;
  text-transform: uppercase
}

.mean-container .mean-nav ul li a img {
  height: 10px
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, .25);
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  text-shadow: none!important;
  visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, .1)
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  padding: 11px 11px 11px 15px!important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, .3);
  border: none!important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(255, 255, 255, .3)
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0
}

.mean-container .mean-bar {
  box-sizing: content-box
}

.mean-container .mean-bar * {
  box-sizing: content-box
}

.mean-remove {
  display: none!important
}

#globalFooter {
  margin: 0!important;
  padding: 0!important;
  font-size: 12px!important;
  color: #786aae!important;
  background-color: #fff
}

#globalFooter .contents {
  max-width: 1020px;
  margin: 0 auto
}

#globalFooter a {
  display: table;
  width: 100%;
  height: auto;
  vertical-align: middle;
  color: #786aae!important;
  text-decoration: none;
  line-height: 1;
  letter-spacing: .02!important
}

#globalFooter a:hover {
  opacity: .67;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)"
}

#globalFooter span {
  display: table-cell;
  padding: 20px 20px 20px 10px;
  vertical-align: middle;
  width: auto;
  color: #786aae!important
}

#globalFooter span.gf_logo {
  width: 80px;
  padding: 20px 10px 15px 20px
}

#globalFooter img {
  width: 100%;
  min-width: 80px;
  display: inline-block;
  border: 0;
  max-width: inherit
}

#globalFooter strong {
  font-weight: 400
}

@media screen and (max-width:768px) {
  footer #globalFooter a {
    line-height: 1.8
  }
  footer #globalFooter strong {
    display: block
  }
}

@media screen and (max-width:480px) {
  footer #globalFooter a {
    padding-bottom: 25px
  }
  footer #globalFooter span {
    text-align: center;
    display: table-footer-group;
    font-size: 10px
  }
  footer #globalFooter span.gf_logo {
    width: 100%;
    padding: 20px 0 15px!important;
    margin: 0 auto;
    display: table-header-group
  }
  footer #globalFooter img {
    width: 100px;
    margin: 30px auto 15px
  }
  footer #globalFooter strong {
    display: block
  }
}

#p-products-index {
	margin-top: 48px;
}

@media(max-width:768px) {
  #p-products-index {
    margin-top: 38px;
  }
}

#p-products-index .p-products-title-en h1{
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 0.72rem;
	line-height: 1;
	text-align: center;
	display: inline-block;
	position: relative;
	left: 6px;
}

#p-products-index .p-products-title-jp p {
  color: #424141;
  font-size: 13px;
  padding-top: 14px;
  letter-spacing: 2px
}

@media(max-width:768px) {
	#p-products-index .p-products-title-en h1{
    font-size: 20px;
    letter-spacing: 0.4em;
    position: relative;
    left: 6px;
	}
	#p-products-index .p-products-title-jp p {
    font-size: 12px;
    padding-top: 1px
	}
}

#p-products-wrap .p-products:nth-child(even) {
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row-reverse;
}

#p-products-index .p-products {
  width: 83%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 190px
}

#p-products-index .p-products:first-child {
  padding-top: 72px
}

@media(max-width:768px) {
	#p-products-index .p-products {
		width: 79%;
		display: block;
		padding-top: 57px
	}
	#p-products-index .p-products:first-child {
  	padding-top: 28px
  }
}

#p-products-index .p-products-image {
  width: 48.5%;
}
#p-products-index .p-products-info {
  position: relative;
  width: 44.25%;
}

#p-products-wrap .p-products:nth-child(even) .p-products-info {
	margin-left: 3%;
}
@media(max-width:768px) {
	#p-products-index .p-products-image {
		width: 100%;
		min-width: 100%;
		padding: 0
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#p-products-index .p-products-image > img {
		width: 64.66%;
		height: auto;
	}
	#p-products-index .p-products-tube-image-sp {
    width: 24.5%;
    margin: 9% 3% 0 0;
	}
  #p-products-index .p-products-info {
    min-width: 100%
  }
  #p-products-wrap .p-products:nth-child(even) .p-products-image {
  	-ms-flex-direction: row;
  	flex-direction: row;
  	flex-direction: row-reverse;
  }
  #p-products-wrap .p-products:nth-child(even) .p-products-info {
  	margin-left: 0;
  }
  #p-products-wrap .p-products:last-child .p-products-image .p-products-tube-image-sp{
    width: 28.5%;
    margin: 0;
    right: 6%;
    position: absolute;
  }
}

#p-products-index .p-products-tube-image {
	width: 100%;
	position: relative;
	top: -22px;
	left: -13px;
}

@media(max-width:768px) {
  #p-products-index .p-products-tube-image {

  }
}

#p-products-index .p-products-info_text {
	margin: 9px auto 0;
}

@media(max-width:768px) {
  #p-products-index .p-products-info_text {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center
  }
}

#p-products-index .p-products-info_text p {
  letter-spacing: 2px
}

#p-products-index .p-products-title {
	text-align: center;
}

#p-products-index .p-products-info_name-en {
	color: #000;
	font-size: 28px;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	letter-spacing: 0.73rem;
	line-height: 1;
}

@media(max-width:768px) {
  #p-products-index .p-products-info_name-en {
    font-size: 17px;
    letter-spacing: 0.5em;
    margin: 33px auto 0;
    position: relative;
    left: 6px;
  }
}

#p-products-index .p-products-info_name-en img {
  height: 19px
}

@media(max-width:768px) {
  #p-products-index .p-products-info_name-en img {
    height: 14px;
    margin: 0 auto
  }
}

#p-products-index .p-products-info_name-en.comfort {
  padding-top: 70%
}

@media(max-width:768px) {
  #p-products-index .p-products-info_name-en.comfort {
    padding-top: 28%
  }
}

#p-products-index .p-products-info_name-en.concealer {
  padding: 0
}

#p-products-index .p-products-info_name-en.concealer img {
  height: 57px
}

@media(max-width:768px) {
  #p-products-index .p-products-info_name-en.concealer img {
    height: 45px;
    margin-top: 15%
  }
}

#p-products-index .p-products-info_name-jp p {
  font-size: 13px;
  padding-top: 2.5%
}

@media(max-width:768px) {
  #p-products-index .p-products-info_name-jp p {
    font-size: 10px
  }
}

#p-products-index .p-products-info_detail p {
	font-size: 14px;
	font-weight: 700;
	padding-top: 5.7%;
}

@media(max-width:768px) {
  #p-products-index .p-products-info_detail p {
		font-size: 12px;
    padding-top: 49px;
  }
}

#p-products-index .p-products-info_detail.concealer {
  padding-bottom: 40px
}

@media(max-width:768px) {
  #p-products-index .p-products-info_detail.concealer {
    padding-bottom: 20px
  }
}

#p-products-index .p-products-info_lineup p {
	font-size: 11px;
	padding-top: 5.5%;
	padding-bottom: 6%;
	line-height: 13px;
}

@media(max-width:1100px) {
  #p-products-index .p-products-info_lineup p br {
    display: none;
  }
}

@media(max-width:768px) {
  #p-products-index .p-products-info_lineup p {
    font-size: 10px
  }
  #p-products-index .p-products-info_lineup p br {
    display: none;
  }
}

#p-products-index .p-products-info_lineup.comfort p {
  padding-top: 7%;
  padding-bottom: 7%
}

.p-products-info_caption p {
	font-size: 12px;
	line-height: 2.15;
}

#p-products-index .p-products-cv-more-button a {
	width: 251px;
	height: 49px;
	line-height: 46px;
	margin: 27px 0 20px;
}

#p-products-index .c-button_type-arrow a:before {
	line-height: 43px;
	width: 39px;
	padding-right: 11px;
}

@media(max-width:768px) {
	.p-products-info_caption p {
		text-align: left;
	}
	#p-products-index .p-products-cv-more-button a {
    width: 225px;
    height: 43px;
    line-height: 40px;
    margin: 0 auto 20px;
  }
  #p-products-index .c-button_type-arrow a:before {
  	line-height: 38px;
  }
}

@media(max-width:375px) {
	#p-products-index .p-products-cv-more-button a {
    width: 76%;
  }
}

#p-products-index .p-products-cv-more-button p {
  font-size: 11px;
  color: #858585;
  letter-spacing: 0;
  font-weight: 100;
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}

#p-products-index .p-products-cv-more-button p a {
  display: inline;
  font-size: 11px;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0;
  font-weight: 400;
  width: auto;
  height: auto;
  text-align: left;
  border: none;
  margin-top: 0;
}

@media(max-width:768px) {
  #p-products-index .p-products-cv-more-button p,
  #p-products-index .p-products-cv-more-button p a {
    font-size: 10px;
    text-align: left;
  }
}

#p-products-index .p-products-cv-more-button p a:before {
  display: none
}

#p-about .p-about-main-visual {
  width: 73%;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about .p-about-main-visual {
    width: 100%
  }
}

#p-about .p-about_title-en {
  padding-top: 78px
}

@media(max-width:768px) {
  #p-about .p-about_title-en {
    padding-top: 34px
  }
}

#p-about .p-about_title-en img {
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about .p-about_title-en img {
    width: 110px
  }
}

#p-about .p-about_title-jp {
  text-align: center
}

#p-about .p-about_title-jp p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 20px
}

@media(max-width:768px) {
  #p-about .p-about_title-jp p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-about .p-about-concept {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 100px 0 0;
  width: 83%;
  max-width: 1000px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about .p-about-concept {
    padding: 50px 0 0;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#p-about .p-about-concept .p-about-concept-copy {
  -ms-flex: 49;
  flex: 49;
  padding: 20px 40px 0 20px
}

@media(max-width:768px) {
  #p-about .p-about-concept .p-about-concept-copy {
    padding: 20px 0 0;
    width: 260px
  }
}

#p-about .p-about-concept .p-about-concept-text {
  -ms-flex: 51;
  flex: 51
}

#p-about .p-about-concept .p-about-concept-text p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 50px
}

@media(max-width:768px) {
  #p-about .p-about-concept .p-about-concept-text p {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 30px;
    padding-top: 40px
  }
}

#p-about .p-about-product-visual {
  width: 100%;
  height: 500px;
  background-image: url(../images/products/about/about_image2.jpg);
  background-position: center center;
  background-size: cover;
  margin-top: 100px
}

@media(max-width:768px) {
  #p-about .p-about-product-visual {
    margin-top: 50px;
    height: 200px
  }
}

@media(max-width:768px) {
  #p-about .p-about-concept-message {
    width: 83%;
    margin: 0 auto
  }
}

#p-about .p-about-concept-message img {
  margin: 0 auto;
  padding-top: 104px
}

@media(max-width:768px) {
  #p-about .p-about-concept-message img {
    padding-top: 48px
  }
}

#p-about .p-about-concept-message p {
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 52px;
	padding-top: 105px;
}

@media(max-width:768px) {
  #p-about .p-about-concept-message p {
    text-align: justify;
    padding-top: 48px;
    font-size: 11px;
    line-height: 28.8px;
  }
}

#p-about .p-title-feature-point {
	margin-bottom: 39px;
  text-align: center
}

@media(max-width:768px) {
	#p-about .p-title-feature-point {
		margin-bottom: 0;
	}
}

#p-about .p-title-feature-point h2 {
  font-size: 22px;
  letter-spacing: 5px;
  padding-top: 102px
}

@media(max-width:768px) {
  #p-about .p-title-feature-point h2 {
    padding-top: 51px;
    font-size: 19px
  }
}

#p-about .p-title-feature-point p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 10px
}

@media(max-width:768px) {
  #p-about .p-title-feature-point p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-about .p-feature-area {
  width: 83%;
  max-width: 1300px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about .p-feature-area {
    width: 85%
  }
}

#p-about .p-feature-area ul li .p-feature-box {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 85px
}

#p-about .p-feature-area ul li:first-child .p-feature-box {
  padding-top: 126px;
}

@media(max-width:768px) {
	#p-about .p-feature-area ul li:first-child .p-feature-box {
		padding-top: 45px;
	}
  #p-about .p-feature-area ul li .p-feature-box {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 50px
  }
}

#p-about .p-feature-area ul li:nth-child(2) .p-feature-box {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media(max-width:768px) {
  #p-about .p-feature-area ul li:nth-child(2) .p-feature-box {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#p-about .p-feature-area ul li:nth-child(3) .p-feature-image {
	width: 72.5%;
	margin: 10px auto 67px;
}

@media(max-width:768px) {
	#p-about .p-feature-area ul li:nth-child(3) .p-feature-box .p-feature-text .p-feature-description p {
		padding-bottom: 4px;
	}
	#p-about .p-feature-area ul li:nth-child(3) .p-feature-image {
    width: 99.5%;
    margin: 0 auto;
	}
}

#p-about .p-feature-area ul li:nth-child(3) .p-feature-box {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

#p-about .p-feature-area ul li:nth-child(4) .p-feature-box {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media(max-width:768px) {
  #p-about .p-feature-area ul li:nth-child(4) .p-feature-box {
  	-moz-flex-direction: column;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	padding-top: 40px;
  }
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-text {
  -ms-flex: 45;
  flex: 45
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-title {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-title .p-title-number p {
  font-size: 40px;
  font-weight: 100;
  padding-right: 10px;
  line-height: 20px
}

@media(max-width:768px) {
  #p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-title .p-title-number p {
    font-size: 28px;
    padding-right: 15px
  }
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-title .p-title-text h1 {
  font-size: 24px;
  text-align: left;
  font-weight: 300
}

@media(max-width:768px) {
  #p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-title .p-title-text h1 {
    font-size: 15px
  }
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-description p {
  padding-right: 30px;
  text-align: justify;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 20px 0;
  line-height: 22px;
  color: #424141;
  font-weight: 300
}

@media(max-width:768px) {
  #p-about .p-feature-area ul li .p-feature-box .p-feature-text .p-feature-description p {
    padding: 17px 0;
    font-size: 11px;
    line-height: 18.3px
  }
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-image {
  -ms-flex: 55;
  flex: 55
}

#p-about .p-feature-area ul li .p-feature-box .p-feature-image:nth-child(2) {
  -ms-flex: 47;
  flex: 47
}

#p-about .p-title-lineup {
  text-align: center
}

#p-about .p-title-lineup h2 {
  font-size: 22px;
  letter-spacing: 5px;
  padding-top: 70px
}

@media(max-width:768px) {
  #p-about .p-title-lineup h2 {
    padding-top: 70px;
    font-size: 20px
  }
}

#p-about .p-title-lineup p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 10px
}

@media(max-width:768px) {
  #p-about .p-title-lineup p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-about .p-lineup-banner {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 80px auto 0;
  max-width: 1130px
}

@media(max-width:768px) {
  #p-about .p-lineup-banner {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 40px auto 0
  }
}

#p-about .p-lineup-banner .p-fashion-banner {
  -ms-flex: 50;
  flex: 50;
  width: 580px;
  height: 330px;
  margin: 0 5px 0 0
}

@media(max-width:768px) {
  #p-about .p-lineup-banner .p-fashion-banner {
    width: 100%;
    height: auto
  }
}

#p-about .p-lineup-banner .p-comfort-banner {
  -ms-flex: 50;
  flex: 50;
  width: 580px;
  height: 330px;
  margin: 0 0 0 5px
}

@media(max-width:768px) {
  #p-about .p-lineup-banner .p-comfort-banner {
    width: 100%;
    height: auto
  }
}

#p-line-index .p-line-main {
  width: 83%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#p-line-index .p-line-main > img {
	width: 43%;
	height: auto;
}

@media(max-width:768px) {
	#p-line-index .p-line-main {
		width: 100%;
		display: block;
	}
	#p-line-index .p-line-main > img {
		width: 100%;
	}
}

#p-line-index .p-line-title {
  padding-top: 26px;
}

@media(max-width:768px) {
  #p-line-index .p-line-title {
  	padding-top: 20px;
  	text-align: center;
  }
}

#p-line-index .p-line-title-en {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 0.4em;
}

@media(max-width:1100px) {
	#p-line-index .p-line-title-en {
		font-size: 2.5vw;
	}
}

#p-line-index .p-line-title-jp p {
	font-size: 9px;
	letter-spacing: 2px;
	padding-top: 13px;
}

@media(max-width:768px) {
	#p-line-index .p-line-title-en {
		font-size: 24px
	}
	#p-line-index .p-line-title-jp p {
		padding-top: 7px;
		font-size: 11px
	}
}

@media(max-width:375px) {
	#p-line-index .p-line-title-en {
		font-size: 5vw;
	}
}


#p-line-index .p-line-concept {
	padding-left: 3.66%;
	-webkit-box-flex:1;
	-ms-flex: 1;
	flex: 1;
}

@media(max-width:768px) {
  #p-line-index .p-line-concept {
    width: 100%;
  	padding-left: 0%;
  }
}

#p-line-index .p-line-concept-message_image {
	margin-top: 72px;
	font-family: toppan-bunkyu-mincho-pr6n, serif;
	font-weight: 400;
	font-size: 27px;
	line-height: 2;
	letter-spacing: 0.6rem;
}

#p-line-index .p-line-concept-message_image .tab {
	display: none;
}

body.sheer #p-line-index .p-line-concept-message_image {
	letter-spacing: 0.15rem;
}

body.comfort #p-line-index .p-line-concept-message_image {
	letter-spacing: 0.2rem;
}

body.one #p-line-index .p-line-concept-message_image {
	letter-spacing: 0.2rem;
}

@media(max-width:1450px) {
	body.sheer #p-line-index .p-line-concept-message_image {
		letter-spacing: 0.3rem;
	}
	body.sheer #p-line-index .p-line-concept-message_image .tab {
		display: block;
	}
}

@media(max-width:1400px) {
	#p-line-index .p-line-concept-message_image {
		font-size: 2vw;
		letter-spacing: 0.4rem;
	}
}

@media(max-width:1250px) {
	#p-line-index .p-line-concept-message_image {
		margin-top: 12%;
		font-size: 24px;
	}
	body.sheer #p-line-index .p-line-concept-message_image {
		letter-spacing: 0.1rem;
	}
	body.one #p-line-index .p-line-concept-message_image {
		letter-spacing: 0.1rem;
	}
	#p-line-index .p-line-concept-message_image .tab {
		display: block;
	}
	#p-line-index .p-line-tube-ph {
		width: 90%;
		margin: 0;
	}
}

@media(max-width:768px) {
	#p-line-index .p-line-concept-message {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
  	-webkit-box-pack: justify;
  	-ms-flex-pack: justify;
  	justify-content: space-between;
  	-ms-flex-align: center;
  	-webkit-align-items: center;
  	-moz-align-items: center;
  	-ms-align-items: center;
  	-o-align-items: center;
  	align-items: center;
  }
	#p-line-index .p-line-concept-message-wrap {
		width: 70%;
	}
	#p-line-index .p-line-concept-message_image {
		margin-top: 44px;
		font-size: 3.6vw;
		line-height: 1.7;
		letter-spacing: 0.1rem;
	}
	#p-line-index .p-line-concept-message_image .tab {
		display: none;
	}
	#p-line-index .p-line-tube-ph {
		width: 20.5%;
		margin: 8% 0 0 6%;
	}
	body.one #p-line-index .p-line-tube-ph .sp {
		width: 60%;
		margin: 0 auto 0;
	}
}

#p-line-index .p-line-concept-message_text {
  padding-top: 39px;
}

#p-line-index .p-line-concept-message_text p {
  font-size: 12px;
  line-height: 2.4;
  text-align: justify;
  color: #424141;
  font-weight: 300
}

.p-line-tube-ph {
	width: 74%;
	height: auto;
	margin: 28px 0 0 45px;
}

body.one .p-line-tube-ph {
	width: 83%;
	height: auto;
	margin: 50px 0 0 97px;
}

@media(max-width:768px) {
	#p-line-index .p-line-concept-message-wrap {
	}
	.p-line-tube-ph {
		width: 100%;
	}
	.p-line-concept-message_image {
		padding-right: 1%;
	}
  #p-line-index .p-line-concept-message_text {
		padding-right: 14%;
  	padding-top: 19px;
  }
  #p-line-index .p-line-concept-message_text p {
    font-size: 13px;
    line-height: 2;
  }
}

@media(max-width:500px) {
  #p-line-index .p-line-concept-message_text p {
    font-size: 11px;
    line-height: 19px;
  }
}

#p-line-index .p-line-concept-images {
  width: 100%;
  position: relative
}

#p-line-index .p-line-tube-image {
  position: absolute;
  width: 17.17%;
  z-index: 2;
  top: -45.35%;
  left: 10.08%
}

@media(max-width:768px) {
  #p-line-index .p-line-tube-image {
    width: 120px;
    top: -305px;
    left: -30px
  }
}

#p-line-index .p-line-concept-image_01 {
  position: absolute;
  width: 44.35%;
  top: 0;
  left: 0
}

@media(max-width:768px) {
  #p-line-index .p-line-concept-image_01 {
    position: relative;
    width: 100%
  }
}

#p-line-index .p-line-concept-image_02 {
  position: absolute;
  width: 29.03%;
  top: 6.64%;
  right: 10.48%
}

@media(max-width:768px) {
  #p-line-index .p-line-concept-image_02 {
    width: auto;
    top: 44.6%;
    right: 0;
    height: 13.16%
  }
  #p-line-index .p-line-concept-image_02 img {
    height: 100%
  }
}

#p-line-index .p-line-concept-image_03 {
  position: absolute;
  width: 32.17%;
  left: 15%;
  bottom: 16.11%
}

@media(max-width:768px) {
  #p-line-index .p-line-concept-image_03 {
    width: auto;
    top: 44.6%;
    left: 0;
    height: 13.16%
  }
  #p-line-index .p-line-concept-image_03 img {
    height: 100%
  }
}

#p-line-index .p-line-concept-image_04 {
  padding: 37.33% 0 0 50%;
  width: 100%
}

@media(max-width:768px) {
  #p-line-index .p-line-concept-image_04 {
    width: 100%;
    padding: 62.3% 0 0
  }
}

#p-line-index .p-line-color-variation {
  padding-top: 100px;
  width: 86.5%;
  max-width: 1200px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-line-index .p-line-color-variation {
    padding-top: 52px;
    width: 71.875%
  }
}

#p-line-index .p-line-cv-list {
  padding-top: 37px;
  overflow: hidden
}

#p-line-index .p-line-cv-box {
  float: left;
  width: 50%;
  padding-top: 64.09%;
  position: relative
}


#p-line-index .p-line-cv-box:nth-child(2n+1) .p-line-cv-image {
  top: 0;
  left: 0
}

#p-line-index .p-line-cv-box:nth-child(2n+1) .p-line-cv-text {
  top: 3%;
  left: 80.64%;
  transform: translateX(-50%)
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-box:nth-child(2n+1) .p-line-cv-text {
    transform: none
  }
}

#p-line-index .p-line-cv-box:nth-child(2n) .p-line-cv-image {
  top: 27.88%;
  right: 0
}

#p-line-index .p-line-cv-box:nth-child(2n) .p-line-cv-text {
  bottom: 12.5%;
  right: 80.64%;
  transform: translateX(50%)
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-box:nth-child(2n) .p-line-cv-text {
    transform: none
  }
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-box {
    float: none;
    width: 100%;
    padding: 0 0 30px
  }
}

#p-line-index .p-line-cv-image {
  position: absolute;
  width: 80.64%
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-image {
    position: static;
    width: 100%
  }
}

#p-line-index .p-line-cv-text {
  text-align: center;
  font-size: 20px;
  position: absolute
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-text {
    position: static;
    transform: none
  }
}



#p-line-index .p-line-cv-name h3 {
	color: #4d4d4d;
  white-space: nowrap;
  letter-spacing: 8px;
  margin-right: -4px;
  font-size: 20px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-name {
    padding-top: 15px
  }
  #p-line-index .p-line-cv-name h3 {
    font-size: 16px;
    letter-spacing: 6px;
    margin-right: -3px
  }
}

#p-line-index .p-line-cv-description {
  padding: 5px 0 30px
}

#p-line-index .p-line-cv-description p {
  white-space: nowrap;
  font-size: 12px;
  color: #424141;
  font-weight: 300
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-description {
    padding: 1px 0 14px
  }
  #p-line-index .p-line-cv-description p {
    font-size: 10px
  }
}

@media(max-width:768px) {
  #p-line-index .p-line-cv-more-button a {
    width: calc(100% - 2px);
  }
}

.p-line-feature {
  width: 88%;
  max-width: 1200px;
  margin: 100px auto 123px
}

@media(max-width:768px) {
  .p-line-feature {
  	width: 80%;
  	margin: 8% auto;
  }
  .p-line-feature:last-child {
  	margin: 8% auto;
  }
}

.p-line-feature-title {
  text-align: center
}

.p-line-feature-title h2 {
  font-size: 22px;
  letter-spacing: 6px;
  margin-right: -3px
}

@media(max-width:768px) {
  .p-line-feature-title h2 {
    font-size: 20px
  }
}

.p-line-feature-title p {
  font-size: 13px;
  letter-spacing: 2px;
  margin-right: -1px;
  padding: 10px 0 40px
}

@media(max-width:768px) {
  .p-line-feature-title p {
    font-size: 10px
  }
}

.p-line-feature-item h3 {
  font-size: 24px;
  font-weight: 300
}

@media(max-width:768px) {
  .p-line-feature-item h3 {
    font-size: 20px
  }
}

.p-line-feature-item+.p-line-feature-item {
  margin-top: 62px
}

@media(max-width:768px) {
  .p-line-feature-item+.p-line-feature-item {
    margin-top: 50px
  }
}

.p-line-feature-item-detail {
  display: -ms-flexbox;
  display: flex
}

@media(max-width:768px) {
  .p-line-feature-item-detail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.p-line-feature-item-text {
  width: 30%
}

@media(max-width:768px) {
  .p-line-feature-item-text {
    width: 100%;
    margin-bottom: 20px
  }
}

.p-line-feature-item-text p {
  font-size: 12px;
  font-weight: 300;
  color: #424141;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 20px 0
}

@media(max-width:768px) {
  .p-line-feature-item-text p {
    font-size: 11px;
    line-height: 19px
  }
}

.p-line-feature-item-text p.note {
  padding: 0
}

.p-line-feature-item-text.full {
  width: 100%
}

.p-line-feature-item-image-container {
  width: 70%
}

@media(max-width:768px) {
  .p-line-feature-item-image-container {
    width: 100%
  }
}

.p-line-feature-item-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px
}

@media(max-width:768px) {
  .p-line-feature-item-image {
    padding: 0
  }
}

.p-line-feature-item-image img {
  width: 50%;
  height: auto;
  max-width: none;
  margin: 0 auto
}

.p-line-feature-item-image img.min {
  width: 38%
}

@media(max-width:768px) {
  .p-line-feature-item-image img.min {
    width: 80%;
    margin: 0 auto 20px
  }
}

.p-line-feature-item-image img.long {
  width: 62%
}

@media(max-width:768px) {
  .p-line-feature-item-image img.long {
    width: 100%
  }
}

@media(max-width:768px) {
  .p-line-feature-item-image img {
    width: 100%
  }
}

.p-line-videoContainer {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 30px
}

@media(max-width:768px) {
  .p-line-videoContainer {
    margin: 0 auto 50px;
    padding-top: 0
  }
}

.p-line-video {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.2505%
}

.p-line-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%!important;
  height: 100%!important;
  border: none
}

#p-product-detail-page .p-product-detail-header {
  width: 80%;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-product-detail-page .p-product-detail-header {
    width: 100%;
    padding: 0 6.25%;
    margin-top: 18px;
  }
}

#p-product-detail-page .p-back-to-line-index a {
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: 700
}

@media(max-width:768px) {
  #p-product-detail-page .p-back-to-line-index a {
    font-size: 11px
  }
}

#p-product-detail-page .p-product-title {
  padding-top: 30px;
  text-align: center
}

#p-product-detail-page .p-product-color-name h1 img {
	margin: 0 auto;
	-webkit-transform: rotate(0.1deg);
	transform: rotate(0.1deg);
}

@media(max-width:768px) {
	#p-product-detail-page .p-product-title {
		padding-top: 24px;
	}
  #p-product-detail-page .p-product-color-name h1 img {
    width: auto;
    height: 38px
  }
}

#p-product-detail-page .p-product-color-description {
  padding-top: 22px
}

#p-product-detail-page .p-product-color-description:before {
  content: "";
  width: 43px;
  height: 1px;
  display: block;
  background-color: #424141;
  margin: 0 auto
}

#p-product-detail-page .p-product-color-description p {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 300
}

@media(max-width:768px) {
  #p-product-detail-page .p-product-color-description {
    padding-top: 12px;
    padding-bottom: 20px
  }
  #p-product-detail-page .p-product-color-description:before {
    width: 30px
  }
  #p-product-detail-page .p-product-color-description p {
    padding-top: 10px;
    font-size: 11px
  }
}

#p-product-detail-page .p-product_other-detail-page-link {
  padding: 60px 0
}

#p-product-detail-page .p-product_other-detail-page-link ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-right: -2px;
  letter-spacing: 0;
  text-align: center;
  font-size: 0
}

#p-product-detail-page .p-product_other-detail-page-link ul li {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 4px;
  font-weight: 700;
  color: #adadad
}

#p-product-detail-page .p-product_other-detail-page-link ul li:before {
  content: "/";
  display: inline-block;
  padding: 0 5px
}

#p-product-detail-page .p-product_other-detail-page-link ul li:first-child:before {
  content: none
}

#p-product-detail-page .p-product_other-detail-page-link ul li a {
  color: #adadad;
  font-weight: 700
}

#p-product-detail-page .p-product_other-detail-page-link ul li.active a {
  color: #424141
}

@media(max-width:768px) {
  #p-product-detail-page .p-product_other-detail-page-link {
    display: none
  }
}

#p-product-detail-page .p-product-detail-images {
  position: relative;
  height: 73.8vw;
  margin-bottom: 90px
}

@media(max-width:768px) {
  #p-product-detail-page .p-product-detail-images {
    height: auto;
    overflow: hidden;
    margin-bottom: 27px
  }
}

#p-product-detail-page .p-product-detail-image {
  position: absolute
}

#p-product-detail-page .p-product-detail-image_01 {
  width: 64.58%;
  top: 0;
  left: 0
}

@media(max-width:768px) {
	.p-product-detail-images-wrap {
		height: 44vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#p-product-detail-page .p-product-detail-image {
		position: static
	}
  #p-product-detail-page .p-product-detail-image_01 {
    position: static;
    width: 100%;
    margin-bottom: 10px;
  }
}

#p-product-detail-page .p-product-detail-image_02 {
  width: 28.47%;
  top: 28.69%;
  right: 4.86%
}

@media(max-width:768px) {
  #p-product-detail-page .p-product-detail-image_02 {
    width: auto;
    height: 100%;
    top: auto;
    bottom: 0;
    right: 0;
    z-index: 1
  }
  #p-product-detail-page .p-product-detail-image_02 img {
    height: 100%
  }
}

#p-product-detail-page .p-product-detail-image_03 {
  width: 44.56%;
  bottom: 0;
  left: 9.86%
}

@media(max-width:768px) {
  #p-product-detail-page .p-product-detail-image_03 {
    width: auto;
    height: 100%;
    bottom: 0;
    left: 0
  }
  #p-product-detail-page .p-product-detail-image_03 img {
    height: 100%
  }
}

#p-product-detail-page .p-product_prev-next-buttons {
  overflow: hidden;
  width: 100%;
  padding-top: 120px
}

@media(max-width:768px) {
  #p-product-detail-page .p-product_prev-next-buttons {
    padding-top: 55px
  }
}

#p-product-detail-page .p-product_prev-next-button {
  width: 50%;
  float: left
}

#p-product-detail-page a.p-product_prev-next-button_text-link {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 20px;
  padding-bottom: 30px;
  position: relative
}

#p-product-detail-page a.p-product_prev-next-button_text-link span {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400
}

#p-product-detail-page a.p-product_prev-next-button_text-link:after {
  content: "";
  position: absolute;
  top: 0;
  width: 48px;
  height: 42px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat
}

@media(max-width:768px) {
  #p-product-detail-page a.p-product_prev-next-button_text-link {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
    padding-bottom: 15px
  }
  #p-product-detail-page a.p-product_prev-next-button_text-link span {
    font-size: 11px;
    letter-spacing: 1px
  }
  #p-product-detail-page a.p-product_prev-next-button_text-link:after {
    width: 30px;
    height: 37px
  }
}

#p-product-detail-page a.p-product_prev-next-button_image-link {
  overflow: hidden;
  height: 350px;
  display: block;
  position: relative;
  clear: both
}

#p-product-detail-page a.p-product_prev-next-button_image-link img.thumbnail {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media(max-width:768px) {
  #p-product-detail-page a.p-product_prev-next-button_image-link {
    height: 100px
  }
}

#p-product-detail-page .p-product_prev-next-button_overlay-part {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  top: 0;
  text-align: center;
  padding-top: 120px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .5s
}

@media(max-width:768px) {
  #p-product-detail-page .p-product_prev-next-button_overlay-part {
    display: none
  }
}

#p-product-detail-page .p-product_prev-next-button_overlay-part .name {
  height: 59px
}

#p-product-detail-page .p-product_prev-next-button_overlay-part .name img {
  width: auto;
  height: 100%;
  margin: 0 auto
}

#p-product-detail-page .p-product_prev-next-button_overlay-part .description {
  padding-top: 22px
}

#p-product-detail-page .p-product_prev-next-button_overlay-part .description:before {
  content: "";
  width: 43px;
  height: 1px;
  display: block;
  background-color: #fff;
  margin: 0 auto
}

#p-product-detail-page .p-product_prev-next-button_overlay-part .description p {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 300;
  color: #fff
}

#p-product-detail-page .p-product_prev-button a.p-product_prev-next-button_text-link {
  padding-left: 48px;
  float: left
}

#p-product-detail-page .p-product_prev-button a.p-product_prev-next-button_text-link:after {
  left: 0;
  background-image: url(../images/shared/arrow-left.svg)
}

@media(max-width:768px) {
  #p-product-detail-page .p-product_prev-button a.p-product_prev-next-button_text-link {
    padding-left: 30px
  }
}

#p-product-detail-page .p-product_prev-button .p-product_prev-next-button_overlay-part {
  left: -100%
}

#p-product-detail-page .p-product_prev-button a:hover .p-product_prev-next-button_overlay-part, #p-product-detail-page .p-product_prev-button a:hover+a .p-product_prev-next-button_overlay-part {
  left: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

#p-product-detail-page .p-product_next-button a.p-product_prev-next-button_text-link {
  padding-right: 48px;
  text-align: right;
  float: right
}

#p-product-detail-page .p-product_next-button a.p-product_prev-next-button_text-link:after {
  right: 0;
  background-image: url(../images/shared/arrow-right.svg)
}

@media(max-width:768px) {
  #p-product-detail-page .p-product_next-button a.p-product_prev-next-button_text-link {
    padding-right: 30px
  }
}

#p-product-detail-page .p-product_next-button .p-product_prev-next-button_overlay-part {
  right: -100%
}

#p-product-detail-page .p-product_next-button a:hover .p-product_prev-next-button_overlay-part, #p-product-detail-page .p-product_next-button a:hover+a .p-product_prev-next-button_overlay-part {
  right: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.p-product-white_smoke {
  padding: 0 6%
}

@media(max-width:768px) {
  .p-product-white_smoke {
    margin-top: 70px
  }
}

.p-product-white_smoke_description {
  padding: 30px 0
}

.p-product-white_smoke_description p {
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  color: #424141;
  font-weight: 300
}

@media(max-width:768px) {
  .p-product-white_smoke_description {
    padding: 20px 0
  }
  .p-product-white_smoke_description p {
    font-size: 10px;
    text-align: left;
    line-height: 22px
  }
}

.p-product-white_smoke-detail-area {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 90%;
  max-width: 800px;
  margin: 20px auto 150px
}

@media(max-width:768px) {
  .p-product-white_smoke-detail-area {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px auto
  }
}

.p-product-white_smoke-detail {
  -ms-flex: 100;
  flex: 100;
  display: block;
  width: 100%;
  height: auto;
  padding: 0
}

.p-product-white_smoke-imgs {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  margin: 20px auto 15px
}

@media(max-width:768px) {
  .p-product-white_smoke-imgs {
    width: 70vw;
    height: 70vw;
    max-width: 300px;
    max-height: 300px
  }
}

.p-product-white_smoke-img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.p-product-white_smoke-img.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.p-product-white_smoke_tab-trigger-area {
  font-size: 0;
  text-align: center
}

@media(max-width:768px) {
  .p-product-white_smoke_tab-trigger-area {
    margin-bottom: 0
  }
}

.p-product-white_smoke_tab-trigger {
  display: inline-block;
  padding: 0 10px 60px
}

.p-product-white_smoke_tab-trigger p {
  font-size: 15px;
  border-bottom: 1px solid #adadad;
  color: #adadad;
  line-height: 26px;
  height: 28px;
  position: relative;
  font-weight: 700;
  transition: all 1s
}

.p-product-white_smoke_tab-trigger p:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  background-color: #424141;
  transition: all 1s
}

.p-product-white_smoke_tab-trigger:nth-child(1) p:after {
  right: 0
}

.p-product-white_smoke_tab-trigger:nth-child(2) p:after {
  left: 0
}

.p-product-white_smoke_tab-trigger p.active {
  color: #000
}

.p-product-white_smoke_tab-trigger p.active:after {
  width: 100%
}

.p-line-color-chart {
  width: 80%;
  margin: 36px auto 0
}

@media(max-width:768px) {
  .p-line-color-chart {
    width: 93.5%;
    margin: 13px auto 0;
  }
}

.p-line-color-chart .p-line-color-chart_tabs-container {
	margin: 0 auto;
}

.p-line-color-chart#fashion .p-line-color-chart_tabs-container {
  max-width: 1074px
}

.p-line-color-chart#sheer .p-line-color-chart_tabs-container {
  max-width: 500px
}

.p-line-color-chart#sheer .p-line-color-chart_info {
  max-width: 439px
}

.p-line-color-chart#merge .p-line-color-chart_tabs-container {
  max-width: 506px
}

.p-line-color-chart#comfort .p-line-color-chart_tabs-container {
  max-width: 825px
}

.p-line-color-chart#one .p-line-color-chart_tabs-container {
  max-width: 708px
}

.p-line-color-chart_info img {
	display: inline-block;
	width: 587px;
}

.p-line-color-chart#sheer .p-line-color-chart_info img {
	width: 244px;
}

.p-line-color-chart#merge .p-line-color-chart_info img {
	width: 598px;
}

.p-line-color-chart#comfort .p-line-color-chart_info img {
	width: 564px;
}

.p-line-color-chart_description {
  padding: 30px 0
}

.p-line-color-chart_description p {
  font-size: 12px;
  text-align: center;
  line-height: 32px;
  color: #424141;
  font-weight: 300
}

@media(max-width:768px) {
  .p-line-color-chart_description {
    padding: 9px 0
  }
  .p-line-color-chart_description p {
    font-size: 10px;
    text-align: left;
    line-height: 22px
  }
}

.p-line-color-chart_tab-trigger-area {
  font-size: 0;
  text-align: center
}

@media(max-width:768px) {
  .p-line-color-chart_tab-trigger-area {
    display: none
  }
}

.p-line-color-chart_tab-trigger {
  display: inline-block;
  padding: 0 10px 60px
}

.p-line-color-chart_tab-trigger p {
  font-size: 15px;
  border-bottom: 1px solid #adadad;
  color: #adadad;
  line-height: 26px;
  height: 28px;
  position: relative;
  font-weight: 700;
  transition: all 1s;
  cursor: pointer;
}

.p-line-color-chart_tab-trigger p:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  background-color: #424141;
  transition: all 1s
}

.p-line-color-chart_tab-trigger:nth-child(1) p:after {
  right: 0
}

.p-line-color-chart_tab-trigger:nth-child(2) p:after {
  left: 0
}

.p-line-color-chart_tab-trigger p.active {
  color: #000
}

.p-line-color-chart_tab-trigger p.active:after {
  width: 100%
}

.p-line-color-chart_tabs-container {
  position: relative
}

@media(max-width:768px) {
  .p-line-color-chart_tabs-container {
    display: none
  }
}

.p-line-color-chart_tab {
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .5s
}

.p-line-color-chart_tab:last-child {
  position: absolute;
  top: 0;
  left: 0
}

.p-line-color-chart_tab.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 1.5s .5s
}

.p-line-color-chart_info {
	width: 79%;
	max-width: 1130px;
	margin: 0 auto;
	text-align: right;
}

.p-line-color-chart_info p {
	font-size: 11px;
	color: #adadad;
	padding: 34px 14px 34px;
	font-weight: 300;
}

@media(max-width:768px) {
  .p-line-color-chart_info {
    text-align: center;
  }
  .p-line-color-chart_info p {
    font-size: 10px;
    padding: 28px 0 0
  }
  .p-line-color-chart_info img {
    display: none
  }
}

.p-line-color-chart_sp-color-chart {
  display: none
}

@media(max-width:768px) {
  .p-line-color-chart_sp-color-chart {
    display: block;
    padding-bottom: 5px
  }
  .p-line-color-chart_sp-color-chart h3 {
    font-size: 15px;
    text-align: center;
    padding-bottom: 15px
  }
}

@media(max-width:768px) {
  .p-line-color-chart_sp-color-chart-image a {
    display: block;
    position: relative
  }
  .p-line-color-chart_sp-color-chart-image a:after {
    content: "";
    position: absolute;
    width: 25%;
    padding-top: 25%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background-image: url(../images/shared/products/zoom.png);
    background-size: 100% 100%;
    transform: translate(-50%, -50%)
  }
}

#p-concealer-index {
  text-align: center;
  margin: 0 auto
}

#p-concealer-index .p-concealer-image {
  width: 85%;
  max-width: 1200px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-image {
    width: 100%
  }
}

#p-concealer-index .p-concealer-name-en {
  padding: 7% 50px 0
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-name-en {
    padding: 10% 20px 0
  }
}

#p-concealer-index .p-concealer-name-en img {
  margin: 0 auto
}

#p-concealer-index .p-products-name-jp p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 20px
}

@media(max-width:768px) {
  #p-concealer-index .p-products-name-jp p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-concealer-index .p-concealer-description p {
  padding: 0 20px;
  font-size: 12px;
  font-weight: 300;
  padding-top: 80px;
  line-height: 25px;
  letter-spacing: 1px
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-description p {
    font-size: 11px;
    padding-top: 40px
  }
}

#p-concealer-index .p-concealer-package-image {
  margin: 0 auto;
  max-width: 300px;
  width: 50%;
  padding-top: 60px
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-package-image {
    padding-top: 35px
  }
}

#p-concealer-index .p-concealer-detail h2 {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 20px
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-detail h2 {
    font-size: 12px
  }
}

#p-concealer-index .p-concealer-detail p {
  font-size: 12px;
  padding-top: 25px
}

@media(max-width:768px) {
  #p-concealer-index .p-concealer-detail p {
    font-size: 10px;
    padding-top: 15px
  }
}

#p-request-parts {
  width: 100%;
  background: #c3c4c6;
  margin-top: 100px
}

#p-request-parts .p-request-area {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 90%;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-request-parts .p-request-area {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px
  }
}

#p-request-parts .p-request-area .p-sample-image {
  -ms-flex: 55;
  flex: 55
}

#p-request-parts .p-request-area .p-sample-image img {
  width: 100%;
  min-width: 560px;
  max-width: 900px
}

@media(max-width:768px) {
  #p-request-parts .p-request-area .p-sample-image img {
    min-width: 100%
  }
}

#p-request-parts .p-request-area .p-sample-text {
  -ms-flex: 45;
  flex: 45
}

#p-request-parts .p-request-area .p-sample-text h1 {
  font-size: 23px;
  color: #fff;
  letter-spacing: 5px;
  padding-top: 18%;
  text-align: center
}

@media(max-width:768px) {
  #p-request-parts .p-request-area .p-sample-text h1 {
    width: 170px;
    padding-top: 3%;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 0 auto
  }
}

#p-request-parts .p-request-area .p-sample-text h2 {
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  padding-top: 15px;
  text-align: center
}

@media(max-width:768px) {
  #p-request-parts .p-request-area .p-sample-text h2 {
    font-size: 12px
  }
}

#p-request-parts .p-request-area .p-sample-text .p-request-button {
  padding-top: 40px
}

@media(max-width:768px) {
  #p-request-parts .p-request-area .p-sample-text .p-request-button {
    padding: 20px 0 40px
  }
}

#p-request-parts .p-request-area .p-sample-text .p-request-button a {
  margin: 0 auto;
  display: block;
  background: #fff;
  width: 210px;
  height: 55px;
  line-height: 55px;
  font-size: 13px;
  letter-spacing: 2px;
  color: #a1a3a4;
  text-align: center
}

#p-related-contents-parts {
  padding-bottom: 40px;
  min-width: 800px
}

@media(max-width:768px) {
  #p-related-contents-parts {
    min-width: 100%
  }
}

#p-related-contents-parts .p-related-contents-parts-title h1 {
  padding: 75px 0;
  font-size: 18px;
  letter-spacing: 2px;
  text-align: center
}

@media(max-width:768px) {
  #p-related-contents-parts .p-related-contents-parts-title h1 {
    padding: 43px 0 53px;
    font-size: 15px
  }
}

#p-related-contents-parts .p-contents-area {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 1400px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-related-contents-parts .p-contents-area {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#p-related-contents-parts .p-contents-area .p-contents-box {
  -ms-flex: 33;
  flex: 33;
  margin: 0 auto;
  text-align: center
}

@media(max-width:768px) {
	#p-related-contents-parts .p-contents-area .p-contents-box {
		-webkit-box-flex:1;
		-ms-flex:1 0 auto;
		flex:1 0 auto;
		margin: 0;
	}
}

#p-related-contents-parts .p-contents-area .p-contents-box .p-contents-thumbnail {
  padding: 0 7% 35px
}

@media(max-width:768px) {
  #p-related-contents-parts .p-contents-area .p-contents-box .p-contents-thumbnail {
    padding: 0 13% 20px
  }
}

#p-related-contents-parts .p-contents-area .p-contents-box .p-contents-thumbnail img {
  width: 100%
}

@media(max-width:768px) {
  #p-related-contents-parts .p-contents-area .p-contents-box .p-contents-thumbnail.interview img {
    width: 75vw
  }
}

#p-about-parts {
  width: 100%;
  background-size: cover;
  padding: 187px 0 181px;
  margin: 184px auto 37px;
}

@media(max-width:768px) {
  #p-about-parts {
    background-size: 100%;
    padding: 38px 0 0;
    margin: 34px auto 0;
  	background-image: url(../images/products/about/about_image2_2022_sp.jpg);
  }
}

#p-about-parts .p-about-box {
  width: 854px;
  background: #fff;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about-parts .p-about-box {
    width: 87%
  }
}

#p-about-parts .p-about-box .p-about-title-en {
  padding-top: 84px

}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-title-en {
    padding-top: 15px
  }
}

#p-about-parts .p-about-box .p-about-title-en h1 {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
  font-size: 24px;
	letter-spacing: 0.21em;
	text-align: center;
}

@media(max-width:768px) {
	#p-about-parts .p-about-box .p-about-title-en h1 {
		font-size: 16.5px;
		letter-spacing: 3px;
	}
}

#p-about-parts .p-about-box .p-about-title-en img {
  margin: 0 auto;
  width: 250px
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-title-en img {
    width: 180px
  }
}

#p-about-parts .p-about-box .p-about-title-jp {
  text-align: center
}

#p-about-parts .p-about-box .p-about-title-jp p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 11px
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-title-jp p {
    font-size: 10px;
    padding-top: 5px
  }
}

#p-about-parts .p-about-box .p-about-feature ul {
  width: 582px;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-feature ul {
    width: 100%;
    padding: 0 20px 0 25px
  }
}

#p-about-parts .p-about-box .p-about-feature ul li {
  padding-top: 37px;
  font-size: 16px;
  font-weight: 300;
  list-style-type: decimal
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-feature ul li {
    font-size: 11px;
    padding-top: 20px
  }
}

#p-about-parts .p-about-box .p-about-feature ul li:first-child {
  padding-top: 65px
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-feature ul li:first-child {
    padding-top: 37px
  }
}

#p-about-parts .p-about-box .p-about-feature ul li:last-child {
  padding-bottom: 67px
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-feature ul li:last-child {
    padding-bottom: 36px
  }
}

#p-about-parts .p-about-box .p-about-feature ul li span {
  text-decoration: underline
}

#p-about-parts .p-about-box .p-about-feature ul li p {
	margin-left: 4px;
}

#p-about-parts .p-about-box .p-about-feature .c-button_type-arrow {
  padding-bottom: 61px
}

@media(max-width:768px) {
  #p-about-parts .p-about-box .p-about-feature .c-button_type-arrow {
    padding-bottom: 0
  }
}

#p-sample-request {
  margin: 0 auto;
  text-align: center
}

@media(max-width:768px) {
  #p-sample-request {
    padding-top: 30px
  }
}

#p-sample-request .p-sample-title-jp h1 {
  font-size: 23px;
  letter-spacing: 5px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-title-jp h1 {
    font-size: 15px;
    letter-spacing: 1px
  }
}

#p-sample-request .p-sample-title-en h2 {
  font-size: 16px;
  letter-spacing: 2px;
  padding-top: 10px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-title-en h2 {
    font-size: 12px;
    padding-top: 5px
  }
}

#p-sample-request .p-sample-image {
  width: 83%;
  max-width: 1400px;
  height: auto;
  background: #c3c4c6;
  margin: 70px auto 0
}

@media(max-width:768px) {
  #p-sample-request .p-sample-image {
    width: 100%;
    margin: 30px auto 0
  }
}

#p-sample-request .p-sample-image img {
  width: 70%;
  margin: 0 auto
}

@media(max-width:768px) {
  #p-sample-request .p-sample-image img {
    width: 100%
  }
}

#p-sample-request .p-sample-description {
  padding-top: 70px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-description {
    padding-top: 40px
  }
}

#p-sample-request .p-sample-description h1 {
  font-size: 17px;
  padding-bottom: 60px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-description h1 {
    font-size: 15px;
    padding-bottom: 35px
  }
}

#p-sample-request .p-sample-description h2 {
  font-size: 17px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-description h2 {
    font-size: 14px
  }
}

#p-sample-request .p-sample-description p {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #424141;
  padding-top: 5px;
  padding-bottom: 30px
}

@media(max-width:768px) {
  #p-sample-request .p-sample-description p {
    font-size: 11px
  }
}

#p-sample-request .p-request-area p {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #424141;
  padding-top: 100px;
  padding-bottom: 30px
}

@media(max-width:768px) {
  #p-sample-request .p-request-area p {
    font-size: 11px;
    width: 230px;
    margin: 0 auto;
    padding-top: 70px
  }
}

#p-sample-request .p-products-cv-more-button.c-button_type-arrow {
  padding-bottom: 200px
}

@media(max-width:768px) {
  #p-sample-request .p-products-cv-more-button.c-button_type-arrow {
    padding-bottom: 100px
  }
}

#p-sample-request .p-products-cv-more-button.c-button_type-arrow a {
  width: 380px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-weight: 400
}

@media(max-width:768px) {
  #p-sample-request .p-products-cv-more-button.c-button_type-arrow a {
    width: 270px;
    height: 70px;
    line-height: 70px;
    font-size: 15px
  }
}

#p-sample-request .p-products-cv-more-button.c-button_type-arrow a:before {
  line-height: 80px
}

@media(max-width:768px) {
  #p-sample-request .p-products-cv-more-button.c-button_type-arrow a:before {
    line-height: 70px
  }
}

#p-products-common-parts {
  width: 71%;
  max-width: 1130px;
  margin: 138px auto 73px;
  border: 1px solid #c6c6c6;
}

.products-parts #p-products-common-parts {
  width: 79%;
  max-width: 1130px;
  margin: 45px auto 73px;
  border: 1px solid #c6c6c6;
}

@media(max-width:768px) {
  #p-products-common-parts {
    width: 90%;
    margin: 50px auto 50px;
  }

  .products-parts #p-products-common-parts {
    width: 90%;
    margin: 33px auto 27px;
  }
}

#p-products-common-parts .p-throw-color,
#p-products-common-parts .p-throw-ashox,
#p-products-common-parts .p-throw-ox {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 10% 10% 8%;
}

#p-products-common-parts .p-throw-ox {
  padding: 43px 10% 10%
}

.products-parts #p-products-common-parts > div:first-child {
  padding: 10% 10% 0;
}

.products-parts #p-products-common-parts > div:nth-child(2) {
  padding: 43px 10% 0;
}

.products-parts #p-products-common-parts > div:nth-child(3) {
  padding: 43px 10% 10%;
}

.products-parts #p-products-common-parts > div > div:last-child {

}

@media(max-width:768px) {
	#p-products-common-parts .p-throw-color,
	#p-products-common-parts .p-throw-ashox,
  #p-products-common-parts .p-throw-ox {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 9% 10% 0;
  }
  #p-products-common-parts .p-throw-ox {
  	padding: 2% 10% 0;
  }
}

#p-products-common-parts .p-throw-color .p-throw-color-text,
#p-products-common-parts .p-throw-ox .p-throw-ox-text {
  -ms-flex: 60;
  flex: 60;
  text-align: left
}

.products-parts #p-products-common-parts > div:first-child > div:first-child,
.products-parts #p-products-common-parts > div:nth-child(2) > div:first-child {
	padding-bottom: 43px;
}

#p-products-common-parts .p-throw-ashox .p-throw-ashox-text {
	-ms-flex: 70;
	flex: 70;
	text-align: left
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-name-throw-color-en h2,
#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-name-throw-ashox-en h2,
#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-name-throw-ox-en h2 {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 0.8;
	letter-spacing: 0.35em;
}

@media(max-width:768px) {
	#p-products-common-parts .p-throw-color .p-throw-color-text > div,
	#p-products-common-parts .p-throw-ox .p-throw-ox-text > div{
		padding-bottom: 0;
	}
	#p-products-common-parts .p-throw-color .p-throw-color-text .p-name-throw-color-en h2,
	#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-name-throw-ashox-en h2,
	#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-name-throw-ox-en h2 {
		font-size: 20px;
		letter-spacing: 0.4em;
	}
}


@media(max-width:375px) {
	#p-products-common-parts .p-throw-color .p-throw-color-text .p-name-throw-color-en h2,
	#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-name-throw-ashox-en h2,
	#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-name-throw-ox-en h2 {
		font-size: 5vw;
	}
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-name-throw-color-jp p,
#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-name-throw-ashox-jp p,
#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-name-throw-ox-jp p {
  font-size: 12px;
  padding-top: 2.5%
}

@media(max-width:768px) {
	#p-products-common-parts .p-throw-color .p-throw-color-text .p-name-throw-color-jp p,
	#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-name-throw-ashox-jp p,
  #p-products-common-parts .p-throw-ox .p-throw-ox-text .p-name-throw-ox-jp p {
    font-size: 11px;
    padding-top: 8%
  }
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_detail p,
#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-throw-ashox_detail p,
#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-throw-ox_detail p {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding-top: 5.8%;
  padding-bottom: 20px;
  letter-spacing: 0.07rem;
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_caption p {
	font-size: 12px;
	font-weight: 300;
	color: #424141;
	letter-spacing: 1px;
	line-height: 216%;
	padding-bottom: 20px;
	text-align: justify;
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_description p,
#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-throw-ashox_description p,
#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-throw-ox_description p {
  font-size: 10px;
  color: #858585;
  letter-spacing: 0;
  font-weight: 100;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}

#p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_description p a,
#p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-throw-ashox_description p a,
#p-products-common-parts .p-throw-ox .p-throw-ox-text .p-throw-ox_description p a {
  display: inline;
  font-size: 10px;
  line-height: 1.8;
  color: #000;
  letter-spacing: 0;
  font-weight: 400;
  width: auto;
  height: auto;
  text-align: left;
  border: none;
  margin-top: 0;
}

@media(max-width:768px) {
  #p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_description p,
  #p-products-common-parts .p-throw-color .p-throw-color-text .p-throw-color_description p a,
  #p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-throw-ashox_description p,
  #p-products-common-parts .p-throw-ashox .p-throw-ashox-text .p-throw-ashox_description p a,
  #p-products-common-parts .p-throw-ox .p-throw-ox-text .p-throw-ox_description p,
  #p-products-common-parts .p-throw-ox .p-throw-ox-text .p-throw-ox_description p a {
    font-size: 11px;
    text-align: left;
  }
}

#p-products-common-parts .p-throw-ashox .p-throw-ashox-image {
  -ms-flex: 30;
  flex: 30
}

#p-products-common-parts .p-throw-color .p-throw-color-image,
#p-products-common-parts .p-throw-ox .p-throw-ox-image {
  -ms-flex: 40;
  flex: 40
}

#p-products-common-parts .p-throw-color .p-throw-color-image img {
  width: 100%;
  padding-left: 30%
}

body.one #p-products-common-parts .p-throw-color .p-throw-color-text {
  -ms-flex: 50;
  flex: 50
}

body.one #p-products-common-parts .p-throw-color .p-throw-color-image img {
	padding-left: 16%;
	margin: 47px 0 0 19px;
}

#p-products-common-parts .p-throw-ashox .p-throw-ashox-image img,
#p-products-common-parts .p-throw-ox .p-throw-ox-image img {
  width: 100%
}

@media(max-width:768px) {
  #p-products-common-parts .p-throw-color .p-throw-color-image img {
    padding: 15%
  }
  #p-products-common-parts .p-throw-ashox .p-throw-ashox-image img,
  #p-products-common-parts .p-throw-ox .p-throw-ox-image img {
    padding: 15% 5%
  }
  body.one #p-products-common-parts .p-throw-color .p-throw-color-image img {
    padding: 0%;
    margin: 0;
  }
}


#p-products-common-parts .p-products-cv-more-button.c-button_type-arrow {
  padding-bottom: 10%;
  position: relative
}

.products-parts #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow {
	display: none;
}

#p-products-common-parts .p-products-cv-more-button.c-button_type-arrow .p-free-mark {
  position: absolute;
  right: calc(50% - 220px);
  top: -30px
}

@media(max-width:768px) {
  #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow .p-free-mark {
    right: calc(50% - 160px);
    top: -20px
  }
  #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow .p-free-mark img {
    width: 70%
  }
}

#p-products-common-parts .p-products-cv-more-button.c-button_type-arrow a {
	width: 345px;
	height: 71px;
	line-height: 73px;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
}

@media(max-width:768px) {
  #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow a {
    width: 240px;
    height: 70px;
    line-height: 70px;
    font-size: 15px
  }
}

@media(max-width:375px) {
  #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow a {
    width: 71.64%;
  }
}

#p-products-common-parts .p-products-cv-more-button.c-button_type-arrow a:before {
  line-height: 72px
}

@media(max-width:768px) {
  #p-products-common-parts .p-products-cv-more-button.c-button_type-arrow a:before {
    line-height: 70px
  }
}

#p-story {
  text-align: center
}

#p-story .p-story-image_1 {
  max-width: 80%;
  margin: 0 auto;
  text-align: center
}

#p-story .p-story-image_1 img {
  margin: 0 auto
}

#p-story .p-story-image_3 {
  margin: 0 auto 85px;
  max-width: 82%
}

@media(max-width:768px) {
  #p-story .p-story-image_3 {
    margin: 20px auto;
    max-width: 100%
  }
}

#p-story .p-story-image_3 ul {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row
}

#p-story .p-story-image_3 ul li {

}

#p-story .p-story-image_3 ul li:nth-child(1) {
  padding: 175px 70px 0 0
}

@media(max-width:768px) {
  #p-story .p-story-image_3 ul li:nth-child(1) {
    padding: 75px 20px 6px 20px;
  }
}

#p-story .p-story-image_3 ul li:nth-child(2) {
  padding: 0 0 0 80px
}

@media(max-width:768px) {
  #p-story .p-story-image_3 ul li:nth-child(2) {
    padding: 20px 20px 0 20px;
  }
}

#p-story .p-story-image_2 {
  height: 700px;
  background-image: url(../images/story/story-image.jpg);
  background-size: cover;
  background-position: center center;
  margin: 50px auto 0
}

@media(max-width:768px) {
  #p-story .p-story-image_2 {
    height: 300px;
    width: 100%
  }
}

#p-story .p-story-video {
  margin: 40px auto 200px
}

@media(max-width:768px) {
  #p-story .p-story-video {
    margin: 40px auto 30px
  }
}

#p-story .p-story-title {
  max-width: 360px;
  margin: 91px auto 0
}

#p-story .p-story-title h1 {
  font-size: 22px;
  letter-spacing: 5px;
  text-align: center;
  letter-spacing: 0.2rem;
}

@media(max-width:768px) {
	#p-story .p-story-title {
		margin: 46px auto 0
	}
	#p-story .p-story-title h1 {
		letter-spacing: 0.58rem;
	}
}

#p-story .p-story-title img {
  margin: 0 auto 50px
}

@media(max-width:768px) {
  #p-story .p-story-title img {
    margin: 50px auto 0;
    width: 110px
  }
}

#p-story .p-story-message {
  text-align: left;
  max-width: 360px;
  margin: 0 auto
}

#p-story .p-story-message img {
  margin: 91px 0 0
}

@media(max-width:768px) {
  #p-story .p-story-message img {
    max-width: 220px;
    margin: 57px auto 0
  }
}

#p-story .p-story-message p {
  padding: 150px 0 89px;
  font-size: 14px;
  font-weight: 300;
  line-height: 70px;
  letter-spacing: 1px
}

@media(max-width:768px) {
  #p-story .p-story-message p {
    padding: 61px 0 30px 36px;
    font-size: 11px;
    line-height: 48px
  }
}

#p-lineup-parts .p-title-lineup {
  text-align: center
}

#p-lineup-parts .p-title-lineup h2 {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
  font-size: 22px;
	letter-spacing: 0.16em;
  padding-top: 72px
}

@media(max-width:880px) {
  #p-lineup-parts .p-title-lineup h2 {
    padding-top: 30px;
    font-size: 18px;
		letter-spacing: 0.215em;
  }
}

#p-lineup-parts .p-title-lineup p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 10px
}

@media(max-width:880px) {
  #p-lineup-parts .p-title-lineup p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-lineup-parts .p-lineup-banner,
#p-lineup-parts .p-style-banner {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 1130px;
  margin: 46px auto 0;
}

#p-lineup-parts .p-lineup-banner {
  margin: 68px auto;
  text-align: left;
}

@media(max-width:880px) {
  #p-lineup-parts .p-lineup-banner,
  #p-lineup-parts .p-style-banner {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 31px auto 18px;
  }
  #p-lineup-parts .p-style-banner {
    margin: 46px auto 0;
  }
}

#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner,
#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner {
	width: 50%;
	height: 426px;
}

@media(max-width:880px) {
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner {
		width: 100%;
		height: 64vw;
	}
}

#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner .p-lineup-banner-wrap {
	margin: 75px 0 0 31px;
}

#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner .p-lineup-banner-wrap {
	margin: 61px 0 0 31px;
}

@media(max-width:880px) {
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner .p-lineup-banner-wrap {
		margin: 31px 0 0 50px;
	}
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner .p-lineup-banner-wrap {
		margin: 23px 0 0 45px;
	}
}

#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h3,
#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h3 {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.61;
	letter-spacing: 0.395em;
}



#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h4,
#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h4 {
	margin: 2px 0 0;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0.14em;
}

@media(max-width:880px) {

}

#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h5,
#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h5 {
	margin: 19px 0 0;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.18em;
}


#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner a,
#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner a {
	width: 138px;
	height: 28px;
	margin: 20px 0 0;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 9px;
	line-height: 26px;
}

@media(max-width:880px) {
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h3,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h3 {
		font-size: 3.3vw;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h4,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h4 {
		margin: 2vw 0 0;
		font-size: 1.7vw;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h5,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h5 {
		margin: 4vw 0 0;
		font-size: 1.7vw;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner a,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner a {
		width: 127px;
		height: 24px;
		margin: 4vw 0 0;
		font-size: 9px;
		line-height: 22px;
	}
}

@media(max-width:375px) {
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h3,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h3 {
		font-size: 13px;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h4,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h4 {
		margin: 7px 0 0;
		font-size: 6px;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner h5,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner h5 {
		margin: 14px 0 0;
		font-size: 7.5px;
	}
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner a,
	#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner a {
		width: 127px;
		height: 24px;
		font-size: 9px;
		line-height: 22px;
	}
}


#p-lineup-parts .p-lineup-banner .c-button_type-arrow a:before {
	content: url(../images/shared/arrowS.svg);
	line-height: 22px;
	width: 20px;
	padding-right: 0;
	margin-right: 7px;
	display: inline-block;
}

#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner {
	background-repeat:  no-repeat;
	background-position: top right;
	background-size: contain;
}

@media(max-width:880px) {
	#p-lineup-parts .p-lineup-banner .p-colorshampoo-banner {
		background-position: top right 14%;
		background-size: 66% auto;
	}
}

#p-lineup-parts .p-lineup-banner .p-haircolorcon-banner {
	background-repeat:  no-repeat;
	background-position: top right;
	background-size: contain;
}

body.color-shampoo #p-lineup-parts .p-lineup-banner, 
body.concealer #p-lineup-parts .p-lineup-banner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body.color-shampoo .p-colorshampoo-banner,
body.concealer .p-haircolorcon-banner,
body.style .p-style-lineup,
body.products .p-style-lineup {
	display: none;
}

/*
#p-lineup-parts .p-lineup-banner .p-fashion-banner, #p-lineup-parts .p-lineup-banner .p-comfort-banner, #p-lineup-parts .p-lineup-banner .p-merge-banner {
  width: 50%;
  height: 330px
}

@media(max-width:768px) {
  #p-lineup-parts .p-lineup-banner .p-fashion-banner, #p-lineup-parts .p-lineup-banner .p-comfort-banner, #p-lineup-parts .p-lineup-banner .p-merge-banner {
    width: 100%;
    height: auto
  }
}

#p-lineup-parts .p-lineup-banner.col-3 .p-fashion-banner, #p-lineup-parts .p-lineup-banner.col-3 .p-comfort-banner, #p-lineup-parts .p-lineup-banner.col-3 .p-merge-banner {
  width: 33.3%;
  height: 330px
}

@media(max-width:768px) {
  #p-lineup-parts .p-lineup-banner.col-3 .p-fashion-banner, #p-lineup-parts .p-lineup-banner.col-3 .p-comfort-banner, #p-lineup-parts .p-lineup-banner.col-3 .p-merge-banner {
    width: 100%;
    height: auto
  }
}

#p-lineup-parts .p-haircare-banner {
  margin: 80px auto 20px;
  max-width: 1180px
}

@media(max-width:768px) {
  #p-lineup-parts .p-haircare-banner {
    display: none
  }
}

#p-lineup-parts .p-haircare-banner-sp {
  display: none
}

@media(max-width:768px) {
  #p-lineup-parts .p-haircare-banner-sp {
    display: block;
    width: 100%;
    margin: 40px auto 0
  }
}
*/


.home .p-top-video {
  background: url(../images/index/video_thumb.jpg);
  background-size: cover;
  width: 90vw;
  height: 50.65vw;
  margin: 3.2% auto 23px;
  padding: 0;
  position: relative
}

.home .p-top-video:after,
.home .p-top-video:before,
#backgroundWrap:after,
#backgroundWrap:before {
	content: ' ';
	width: 100%;
	height: 3px;
	position: absolute;
	z-index: 10;
	display: block;
	top: -1px;
	left: 0;
	background: #fff;
}

.home .p-top-video:before {
	top: auto;
	bottom: -1px;
}

#backgroundWrap {
	width: 100%;
	height: 100%;
}

#backgroundWrap:after,
#backgroundWrap:before {
	width: 3px;
	height: 100%;
	left: -1px;
}

#backgroundWrap:before {
	left: auto;
	right: -1px;
}

.home .p-top-video #background {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 300%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media(max-width:768px) {
  .home .p-top-video #background {
    display: none
  }
}

@media(max-width:768px) {
  .home .p-top-video {
    background-image: url(../images/index/sp_top.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 95vh;
    margin: 0 auto
  }
}

.home .p-top-video #background-cover {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 300%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.home .p-top-video .p-brand-logo img {
  margin: 0 auto;
  width: 35vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute
}

@media(max-width:768px) {
  .home .p-top-video .p-brand-logo img {
    width: 70vw;
    margin: 14vw auto 0;
  }
}

.p-scroll {
	width: 100%;
	position:  absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	bottom: 0;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.4rem;
	text-align: center;
	z-index: 5;
}

.p-scroll div:last-child {
	width: 1px;
	height: 42px;
	margin: 12px auto 0;
	display: block;
	background: #fff;
}

.home .p-top-video .p-product-concept {
  position: absolute;
  left: -2%;
  bottom: 12vh
}

@media(max-width:768px) {
  .home .p-top-video .p-product-concept {
    display: none
  }
}

@media(max-width:768px) {
  .home .p-top-video .p-sp-menu {
    position: absolute;
    width: 70px;
    max-width: 280px;
    right: 60px;
    top: 22px
  }
}

.home .p-contents-pc {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 87.5vw;
  margin: 12px auto 177px
}

@media(max-width:768px) {
  .home .p-contents-pc {
    display: none
  }
}

.home .p-contents-pc .p-first-area {

}

.home .p-contents-pc .p-first-area .p-contents-style {
  overflow: hidden;
  position: relative;
  width: 28.4040995607613vw;
  height: 21.3762811127379vw;
  margin-bottom: 2.26939970717423vw;
}

.home .p-contents-pc .p-first-area .p-contents-style a.image {
  display: block;
  width: 28.4040995607613vw;
  height: 21.3762811127379vw;
}

.home .p-contents-pc .p-first-area .p-contents-style .p-link-style {
	position: absolute;
	bottom: 1.25vw;
	left: 1vw;
	z-index: 50
}

.home .p-contents-pc .p-first-area .p-contents-style .p-link-style img {
  height: 2.57494875549048vw;
  max-width: 200px
}

.home .p-contents-pc .p-first-area .p-contents-story {
  overflow: hidden;
  position: relative;
  width: 28.4040995607613vw;
  height: 29.5754026354319vw;
  margin: 0 0 2%
}

.home .p-contents-pc .p-contents-thumb {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  -ms-background-size: cover;
  background-size: cover;
  transition: all .3s ease-out
}

.home .p-contents-pc a:hover .p-contents-thumb {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  transform: scale(1.1)
}

.home .p-contents-pc .p-first-area .p-contents-story a.image {
  display: block;
  width: 28.4040995607613vw;
  height: 29.5754026354319vw;
}

.home .p-contents-pc .p-first-area .p-contents-story img {
  padding: 0 2% 2% 0
}

.home .p-contents-pc .p-first-area .p-contents-story .p-link-story {
	position: absolute;
	top: 1.25vw;
	right: 1vw;
	z-index: 50
}

.home .p-contents-pc .p-first-area .p-contents-story .p-link-story img {
  height: 2.8vw;
  max-width: 200px
}

.home .p-contents-pc .p-second-area {
  -ms-flex: 62;
  flex: 62;
  position: relative
}

.home .p-contents-pc .p-second-area .p-contents-products {
  overflow: hidden;
  position: relative;
  width: 57.2474377745242vw;
  height: 33.6749633967789vw;
  margin-top: 6.07613469985359vw;
  margin-left: auto;
}


.home .p-contents-pc .p-second-area .p-contents-products a.image {
  display: block;
  width: 100%;
  height: 30vw
}

.home .p-contents-pc .p-second-area .p-contents-products .p-link-products {
	position: absolute;
	top: 15vw;
	right: 2vw;
	z-index: 50
}

.home .p-contents-pc .p-second-area .p-contents-products .p-link-products img {
  height: 2.77523426061493vw;
  z-index: 99999;
}

.home .p-contents-pc .p-second-area .p-tube-image {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  top: 27.5vw;
  right: -7px;
  z-index: 50;
  width: 27.8vw;
}

.home .p-contents-pc .p-second-area .p-tube-image .p-fashion-tube {
  width: 13vw;
  padding-top: 7vw
}

.home .p-contents-pc .p-second-area .p-tube-image .p-merge-tube {
  width: 12.9vw;
  padding-top: 3.5vw
}

.home .p-contents-pc .p-second-area .p-tube-image .p-comfort-tube {
  width: 12.9vw
}

.home .p-contents {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 0 30px
}

@media(max-width:768px) {
  .home .p-contents {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.home .p-contents .p-contents-link-area {
  -ms-flex: 33;
  flex: 33;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media(max-width:768px) {
  .home .p-contents .p-contents-link-area {
    padding-top: 8vw
  }
  .home .p-contents .p-contents-link-area:first-child {
    padding-top: 29vw
  }
  .home .p-contents .p-contents-link-area:nth-child(2) .p-contents-description {
    margin: 21px auto 13px;
  }
}

.home .p-contents .p-contents-link-area .p-contents-image img {
  width: 100%;
  margin: 0 auto
}

.home .p-contents .p-contents-link-area .p-contents-title-en h2 {
	margin: 0 auto;
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	font-size: 27px;
	letter-spacing: 0.4em;
}

@media(max-width:768px) {
	.home .p-contents .p-contents-link-area .p-contents-title-en h2{
		font-size: 20px;
		letter-spacing: 0.4em;
		margin: 44px auto 0;
		position: relative;
		left: 6px;
	}
}

.home .p-contents .p-contents-link-area .p-contents-title-jp h3 {
	color: #424141;
	font-size: 13px;
	padding-top: 14px;
	letter-spacing: 2px
}

@media(max-width:768px) {
  .home .p-contents .p-contents-link-area .p-contents-title-jp h3 {
    font-size: 12px;
    padding-top: 1px
  }
}

.home .p-contents .p-contents-link-area .p-contents-description {
  max-width: 90%;
  min-height: 46px;
  margin: 40px auto 25px;
}

@media(max-width:768px) {
  .home .p-contents .p-contents-link-area .p-contents-description {
    margin: 35px auto 13px
  }
}

.home .p-contents .p-contents-link-area .p-contents-description p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.4;
}

@media(max-width:768px) {
  .home .p-contents .p-contents-link-area .p-contents-description p {
    font-size: 11px
  }
}


.home .p-contents .p-contents-link-area .c-button_type-arrow {
	margin-top: auto;
}

.p-banner-journal {
  background-size: cover;
  background-position: center center;
  height: 350px;
  width: 100%;
  overflow: hidden;
  position: relative
}

.p-banner-journal a {
  display: block
}

.p-banner-journal a img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 700px
}

@media(max-width:768px) {
  .p-banner-journal {
    background: none;
    height: 105vw;
  }
  .p-banner-journal a img {
    width: 100%
  }
}

#p-static-index {
  text-align: center;
  margin: 0 auto
}

#p-static-index .p-static-image {
  width: 85%;
  max-width: 1200px;
  margin: 0 auto 80px
}

@media(max-width:768px) {
  #p-static-index .p-static-image {
    width: 100%;
    margin: 0 auto 50px
  }
}

#p-static-index .p-static-title {
  margin: 0 auto 120px
}

@media(max-width:768px) {
  #p-static-index .p-static-title {
    margin: 50px auto;
    width: 90%
  }
}

#p-static-index .p-static-title .p-static-name-en {
  padding: 0;
  text-align: center
}

#p-static-index .p-static-title .p-static-name-en > * {
  margin: 0 auto;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.4em;
}

@media(max-width:768px) {
#p-static-index .p-static-title .p-static-name-en > * {
    font-size: 18px;
    letter-spacing: 0.4em;
    position: relative;
  }
}


@media(max-width:768px) {
  #p-static-index .p-static-title .p-static-name-en img.interview {
    max-width: 180px
  }
  #p-static-index .p-static-title .p-static-name-en img.manual {
    max-width: 280px
  }
  #p-static-index .p-static-title .p-static-name-en img.tools {
    max-width: 95px
  }
  #p-static-index .p-static-title .p-static-name-en img.style-list {
    max-width: 90px
  }
}

#p-static-index .p-static-title .p-static-subname-jp p {
  font-size: 13px;
  letter-spacing: 2px;
  padding-top: 20px
}

@media(max-width:768px) {
  #p-static-index .p-static-title .p-static-subname-jp p {
    font-size: 10px;
    padding-top: 10px
  }
}

#p-static-index .p-static-title .p-static-info p {
  padding: 40px 0 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 1px
}

@media(max-width:768px) {
  #p-static-index .p-static-title .p-static-info p {
    font-size: 11px;
    padding: 40px 0 0
  }
}

.c-side-banner img {
	width:  100%;
	height: auto;
}

.p-salon-logos img {
  max-width: 420px;
  margin: 100px auto 0
}

@media(max-width:768px) {
  .p-salon-logos img {
    max-width: 80%;
    margin: 50px auto 0
  }
}

.row.interview {
  max-width: 970px;
  margin: 0 auto 50px
}

.row.interview .movie-frame {
  position: relative;
  width: 100%;
  padding-top: 55.55%
}

.row.interview .movie-frame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.row.interview img {
  margin: 0 0 30px
}

.row.interview h2 {
  text-align: left;
  border-bottom: 1px solid #efefef;
  font-size: 15px;
  margin: 0 0 15px;
  padding: 0 0 5px;
  font-weight: 500
}

@media(max-width:768px) {
  .row.interview h2 {
    margin: 20px auto 15px;
    color: #424141
  }
}

.row.interview p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 300;
  margin: 0 0 50px;
  text-align: left
}

@media(max-width:768px) {
  .row.interview p {
    font-size: 12px
  }
}

.row.profile-pic {
	max-width: 1130px;
  margin: 100px auto 0
}

@media(max-width:768px) {
  .row.profile-pic {
    margin: 50px auto 0
  }
}

@media(max-width:768px) {
  .row.profile-pic .col-4.col-xs-6 {
    padding: 0 0 20px
  }
}

.row.profile-pic img {
  margin: 0 auto 20px
}

@media(max-width:768px) {
  .row.profile-pic img {
    margin: 0 auto 10px
  }
}

.row.profile-pic .c-sub-title h2 {
  font-size: 15px;
  line-height: 16px
}

@media(max-width:768px) {
  .row.profile-pic .c-sub-title h2 {
    font-size: 13px
  }
}

.row.profile-pic .c-sub-title p {
  text-align: center;
  margin: 5px 0
}

@media(max-width:768px) {
  .row.profile-pic .c-sub-title p {
    font-size: 12px;
    margin: 3px 0
  }
}

.row.manual {
  text-align: center
}

.row.manual img {
  margin: 0 auto 30px
}

.row.tools img {
  margin: 0 auto 30px
}

@media(max-width:768px) {
  .row.tools img {
    margin: 0 auto 10px
  }
}

.row.tools .c-sub-title h2 {
  font-size: 15px;
  line-height: 16px
}

@media(max-width:768px) {
  .row.tools .c-sub-title h2 {
    font-size: 13px
  }
}

.row.tools .c-sub-title p {
  text-align: center;
  margin: 5px 0
}

@media(max-width:768px) {
  .row.tools .c-sub-title p {
    font-size: 8px;
    margin: 3px 0
  }
}

.p-instagram-feed {
  max-width: 900px;
  margin: 0 auto
}

.sbi_load_btn {
  width: 250px
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  max-width: 400px;
  margin: 0 auto
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .2s ease-in-out;
  transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .5s ease-out
}

.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.row.style-list {
  text-align: center
}

.row.style-list img {
  margin: 0 auto 50px
}

@media(max-width:768px) {
  .row.style-list img {
    margin: 0 auto 30px
  }
}

.row.style-pics {
  max-width: 1010px;
  margin: 0 auto
}

.row.style-pics .content-overlay {
  position: relative
}

.row.style-pics .content-overlay img.style-pic {
  box-shadow: 0 11px 21px rgba(0, 0, 0, .1);
  margin: 10px auto
}

.row.style-pics.summer-journal img.style-pic {
  padding: 10px 0
}

.row.style-pics.color-journal img.style-pic {
  padding: 40px 0 30px
}

.color-journal .image-popups, .pink-journal .image-popups {
  position: absolute;
  transition: all .3s
}

.color-journal .image-popups:hover, .pink-journal .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.color-journal .image-popups a.popup, .pink-journal .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.color-journal .popup_color_1, .pink-journal .popup_color_1 {
  width: 100%;
  height: 100%
}

.color-journal .popup_color_2, .pink-journal .popup_color_2 {
  width: 50%;
  height: 68%;
  top: 1%;
  left: 2%
}

.color-journal .popup_color_3, .pink-journal .popup_color_3 {
  width: 44%;
  height: 33%;
  top: 1%;
  right: 2%
}

.color-journal .popup_color_4, .pink-journal .popup_color_4 {
  width: 44%;
  height: 33%;
  top: 36%;
  right: 2%
}

.summer-journal .image-popups {
  position: absolute;
  transition: all .3s
}

.summer-journal .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.summer-journal .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.summer-journal .popup_ss_1 {
  width: 100%;
  height: 100%
}

.summer-journal .popup_ss_2 {
  width: 37%;
  height: 37%;
  top: 1%;
  right: 2%
}

.summer-journal .popup_ss_3 {
  width: 57%;
  height: 54%;
  top: 18%;
  left: 2%
}

.summer-journal .popup_ss_4 {
  width: 71%;
  height: 25%;
  bottom: 1%;
  right: 2%
}

.summer-journal .popup_ss_5 {
  width: 32.1%;
  height: 46%;
  top: 1%;
  left: 2%
}

.summer-journal .popup_ss_6 {
  width: 32.1%;
  height: 46%;
  top: 1%;
  left: 34%
}

.summer-journal .popup_ss_7 {
  width: 32.1%;
  height: 46%;
  top: 1%;
  left: 66%
}

.summer-journal .popup_ss_8 {
  width: 33%;
  height: 100%;
  top: 0;
  left: 1%
}

.pink-journal .image-popups {
  position: absolute;
  transition: all .3s
}

.pink-journal .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.pink-journal .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.pink-journal .popup_aw_1 {
  width: 100%;
  height: 100%
}

.pink-journal .popup_aw_2 {
  width: 100%;
  height: 100%
}

.pink-journal .popup_aw_3 {
  width: 24.2%;
  height: 17.2%;
  top: 22.7%;
  left: 11.6%
}

.pink-journal .popup_aw_4 {
  width: 24.2%;
  height: 17.2%;
  top: 22.7%;
  left: 38%
}

.pink-journal .popup_aw_5 {
  width: 24.2%;
  height: 17.2%;
  top: 22.7%;
  left: 64.3%
}

.pink-journal .popup_aw_6 {
  width: 24.2%;
  height: 17.2%;
  top: 41.3%;
  left: 11.6%
}

.pink-journal .popup_aw_7 {
  width: 24.2%;
  height: 17.2%;
  top: 41.3%;
  left: 38%
}

.pink-journal .popup_aw_8 {
  width: 24.2%;
  height: 17.2%;
  top: 41.3%;
  left: 64.3%
}

.pink-journal .popup_aw_9 {
  width: 24.2%;
  height: 17.2%;
  top: 60%;
  left: 11.6%
}

.pink-journal .popup_aw_10 {
  width: 24.2%;
  height: 17.2%;
  top: 60%;
  left: 38%
}

.pink-journal .popup_aw_11 {
  width: 24.2%;
  height: 17.2%;
  top: 60%;
  left: 64.3%
}

.pink-journal .popup_aw_12 {
  width: 24.2%;
  height: 17.2%;
  top: 13.4%;
  left: 11.6%
}

.pink-journal .popup_aw_13 {
  width: 24.2%;
  height: 17.2%;
  top: 13.4%;
  left: 38%
}

.pink-journal .popup_aw_14 {
  width: 24.2%;
  height: 17.2%;
  top: 13.4%;
  left: 64.3%
}

.pink-journal .popup_aw_15 {
  width: 24.2%;
  height: 17.2%;
  top: 50.7%;
  left: 11.6%
}

.pink-journal .popup_aw_16 {
  width: 24.2%;
  height: 17.2%;
  top: 50.7%;
  left: 38%
}

.pink-journal .popup_aw_17 {
  width: 24.2%;
  height: 17.2%;
  top: 50.7%;
  left: 64.3%
}

.ss2017-journal .image-popups {
  position: absolute;
  transition: all .3s
}

.ss2017-journal .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.ss2017-journal .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.ss2017-journal img {
  margin: 0 auto
}

.ss2017-journal .popup_1 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_2 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_3 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_4 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_5 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_6 {
  width: 100%;
  height: 50%;
  top: 0
}

.ss2017-journal .popup_7 {
  width: 100%;
  height: 50%;
  top: 50%
}

.ss2017-journal .popup_8 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_9 {
  width: 100%;
  height: 43%;
  top: 0
}

.ss2017-journal .popup_10 {
  width: 100%;
  height: 44%;
  top: 45%
}

.ss2017-journal .popup_11 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_12 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_13 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_14 {
  width: 100%;
  height: 100%
}

.ss2017-journal .popup_15 {
  width: 100%;
  height: 100%
}

.aw1027 .image-popups {
  position: absolute;
  transition: all .3s
}

.aw1027 .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.aw1027 .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.aw1027 .popup_aw_1 {
  width: 100%;
  height: 100%
}

.aw1027 .popup_aw_2 {
  width: 50%;
  height: 100%;
  right: 0
}

.aw1027 .popup_aw_3 {
  width: 35.5%;
  height: 35.5%;
  top: 13.5%;
  left: 13%
}

.aw1027 .popup_aw_4 {
  width: 35.5%;
  height: 35.5%;
  top: 51.5%;
  left: 13%
}

.aw1027 .popup_aw_5 {
  width: 35.5%;
  height: 22%;
  right: 12.8%;
  top: 13.5%
}

.aw1027 .popup_aw_6 {
  width: 35.5%;
  height: 30%;
  right: 12.8%;
  top: 37.5%
}

.aw1027 .popup_aw_7 {
  width: 35.5%;
  height: 17.5%;
  right: 12.8%;
  top: 69.5%
}

.aw1027 .popup_aw_8 {
  width: 35.5%;
  height: 30%;
  top: 37.5%;
  left: 13%
}

.aw1027 .popup_aw_9 {
  width: 35.5%;
  height: 17.5%;
  top: 69.5%;
  left: 13%
}

.aw1027 .popup_aw_10 {
  width: 35.5%;
  height: 35.5%;
  top: 13.5%;
  right: 12.8%
}

.aw1027 .popup_aw_11 {
  width: 35.5%;
  height: 35.5%;
  top: 51.5%;
  right: 12.8%
}

.aw1027 .popup_aw_12 {
  width: 32.9%;
  height: 21.4%;
  top: 7.7%;
  left: 14.2%
}

.aw1027 .popup_aw_13 {
  width: 32.9%;
  height: 21.4%;
  top: 51.4%;
  left: 14.2%
}

.aw1027 .popup_aw_14 {
  width: 32.9%;
  height: 21.4%;
  top: 7.7%;
  right: 14%
}

.aw1027 .popup_aw_15 {
  width: 32.9%;
  height: 21.4%;
  top: 51.4%;
  right: 14%
}

.wh_sm .image-popups {
  position: absolute;
  transition: all .3s
}

.wh_sm .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.wh_sm .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.wh_sm .popup_wh_sm {
  width: 100%;
  height: 100%
}

.haircare .image-popups {
  position: absolute;
  transition: all .3s
}

.haircare .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.haircare .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.haircare .popup_haircare {
  width: 100%;
  height: 100%
}

.ss2018 .image-popups {
  position: absolute;
  transition: all .3s
}

.ss2018 .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.ss2018 .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.ss2018 .popup_ss2018 {
  width: 100%;
  height: 100%
}

.ss2018 .popup_ss2018_p04_a {
  width: 66%;
  height: 43.6%;
  top: 5.8%;
  right: 8.2%
}

.ss2018 .popup_ss2018_p04_b {
  width: 83.3%;
  height: 43.6%;
  top: 50.6%;
  right: 8.2%
}

.ss2018 .popup_ss2018_p06_a {
  width: 66%;
  height: 43.6%;
  top: 5.8%;
  right: 8.2%
}

.ss2018 .popup_ss2018_p06_b {
  width: 83.3%;
  height: 43.6%;
  top: 50.6%;
  right: 8.2%
}

.ss2018 .popup_ss2018_p09 {
  width: 42.5%;
  height: 65.7%;
  top: 17.2%;
  left: 0
}

.ss2018 .popup_ss2018_p10 {
  width: 42.5%;
  height: 65.7%;
  top: 17.2%;
  left: 44%
}

.ss2018 .popup_ss2018_p11_a {
  width: 43.5%;
  height: 39%;
  top: 9.5%;
  left: 0
}

.ss2018 .popup_ss2018_p11_b {
  width: 42%;
  height: 39%;
  top: 52%;
  left: 16%
}

.ss2018 .popup_ss2018_p12_a {
  width: 38%;
  height: 39%;
  top: 9.5%;
  left: 46.5%
}

.ss2018 .popup_ss2018_p12_b {
  width: 39%;
  height: 39%;
  top: 52%;
  right: 0
}

.ss2019 .image-popups {
  position: absolute;
  transition: all .3s
}

.ss2019 .image-popups:hover {
  background: rgba(255, 255, 255, .3)
}

.ss2019 .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%
}

.ss2019 .popup_ss2019 {
  width: 100%;
  height: 100%
}

.ss2019 .popup_ss2019_p05_a {
  width: 55.8%;
  height: 60.8%;
  top: 29.8%;
  left: 0
}

.ss2019 .popup_ss2019_p06_a {
  width: 19.2%;
  height: 70.8%;
  top: 9.5%;
  left: 61.3%
}

.ss2019 .popup_ss2019_p06_b {
  width: 10.8%;
  height: 40.3%;
  top: 9.5%;
  left: 83.4%
}

.ss2019 .popup_ss2019_p09_a {
  width: 55.9%;
  height: 54.5%;
  top: 15.9%;
  left: 0
}

.ss2019 .popup_ss2019_p10_a {
  width: 33%;
  height: 35%;
  top: 15.9%;
  left: 61.3%
}

.ss2019 .popup_ss2019_p10_b {
  width: 27.55%;
  height: 15.7%;
  top: 54.8%;
  left: 61.3%
}

.p-hairecare-teaser {
  position: relative;
  width: 100%;
  background-color: #fff
}

.p-hairecare-teaser_visual {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1
}

.p-hairecare-teaser_visual .slide_01 {
  background-image: url(../images/haircare/teaser/slide/slide_01.jpg)
}

.p-hairecare-teaser_visual .slide_02 {
  background-image: url(../images/haircare/teaser/slide/slide_02.jpg)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual .slide_02 {
    background-image: url(../images/haircare/teaser/slide/sp_slide_01.jpg)
  }
}

.p-hairecare-teaser_visual .slide_03 {
  background-image: url(../images/haircare/teaser/slide/slide_03.jpg)
}

.p-hairecare-teaser_visual .slide_04 {
  background-image: url(../images/haircare/teaser/slide/slide_04.jpg)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual .slide_04 {
    background-image: url(../images/haircare/teaser/slide/sp_slide_02.jpg)
  }
}

.p-hairecare-teaser_visual .slide_05 {
  background-image: url(../images/haircare/teaser/slide/slide_05.jpg)
}

.p-hairecare-teaser_visual .slide_06 {
  background-image: url(../images/haircare/teaser/slide/slide_06.jpg)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual .slide_06 {
    background-image: url(../images/haircare/teaser/slide/sp_slide_03.jpg)
  }
}

.p-hairecare-teaser_visual .slide_07 {
  background-image: url(../images/haircare/teaser/slide/slide_07.jpg)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual .slide_07 {
    background-image: url(../images/haircare/teaser/slide/sp_slide_04.jpg)
  }
}

.p-hairecare-teaser_visual .slide_08 {
  background-image: url(../images/haircare/teaser/slide/slide_08.jpg)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual .slide_08 {
    background-image: url(../images/haircare/teaser/slide/sp_slide_05.jpg)
  }
}

.p-hairecare-teaser_visual.animation-start .p-hairecare-teaser_logo {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1, 1);
  transition: all 2.8s cubic-bezier(.645, .045, .355, 1) .2s
}

.p-hairecare-teaser_visual.animation-start .p-hairecare-teaser_bg--sp {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: scale(1, 1);
  transition: all 3s cubic-bezier(.645, .045, .355, 1)
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual.animation-start+.p-hairecare-teaser_date+.p-hairecare-teaser_scroll-clip+.p-hairecare-teaser_credit {
    opacity: .35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    transition: all 1s 3s
  }
}

.p-hairecare-teaser_visual.animation-start+.p-hairecare-teaser_date {
  margin: -150px auto 30px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 2s cubic-bezier(.77, 0, .175, 1) 2.3s
}

@media(max-width:768px) {
  .p-hairecare-teaser_visual.animation-start+.p-hairecare-teaser_date {
    margin: -80px auto 30px
  }
}

.p-hairecare-teaser_visual.animation-start+.p-hairecare-teaser_date+.p-hairecare-teaser_scroll-clip {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 1s 4s
}

.p-hairecare-teaser_logo {
  position: absolute;
  width: 300px;
  height: 300px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transform: scale(1.1, 1.1)
}

@media(max-width:768px) {
  .p-hairecare-teaser_logo {
    display: none
  }
}

.p-hairecare-teaser_logo_sp {
  display: none
}

@media(max-width:768px) {
  .p-hairecare-teaser_logo_sp {
    display: block;
    position: relative;
    width: 180px;
    margin: 0 auto;
    top: 32vh;
    z-index: 2
  }
  .p-hairecare-teaser_logo_sp .haircare {
    margin-top: 30px
  }
}

.p-hairecare-teaser_bg--pc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

@media(max-width:768px) {
  .p-hairecare-teaser_bg--pc {
    display: none
  }
}

.p-hairecare-teaser_bg--pc .p-hairecare-teaser_slide div {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center
}

.p-hairecare-teaser_bg--pc .p-hairecare-teaser_slide.full div {
  width: 200%
}

.p-hairecare-teaser_bg--pc .p-hairecare-teaser_slide.zoom div {
  transition: transform 4s cubic-bezier(.215, .61, .355, 1);
  transform: scale(1.07)
}

.p-hairecare-teaser_bg--sp {
  display: none
}

@media(max-width:768px) {
  .p-hairecare-teaser_bg--sp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale(1.2, 1.2)
  }
}

.p-hairecare-teaser_bg--sp .p-hairecare-teaser_slide.active {
  transition: transform 4s, opacity 4s;
  transform: scale(1.1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.p-hairecare-teaser_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center
}

.p-hairecare-teaser_bg--left, .p-hairecare-teaser_bg--right {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  overflow: hidden
}

.p-hairecare-teaser_bg--left .p-hairecare-teaser_slide, .p-hairecare-teaser_bg--right .p-hairecare-teaser_slide {
  top: -5%;
  height: 110%
}

.p-hairecare-teaser_bg--left {
  left: 0
}

.p-hairecare-teaser_bg--left .p-hairecare-teaser_slide div {
  left: 0
}

.p-hairecare-teaser_bg--left .p-hairecare-teaser_slide {
  transform: translateY(5%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.p-hairecare-teaser_bg--left .p-hairecare-teaser_slide.active {
  transition: transform 4s, opacity 4s;
  transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.p-hairecare-teaser_bg--right {
  right: 0
}

.p-hairecare-teaser_bg--right .p-hairecare-teaser_slide div {
  right: 0
}

.p-hairecare-teaser_bg--right .p-hairecare-teaser_slide {
  transform: translateY(-5%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.p-hairecare-teaser_bg--right .p-hairecare-teaser_slide.active {
  transition: transform 4s, opacity 4s;
  transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.p-hairecare-teaser_contents {
  position: relative;
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 0;
  padding: 0 25px
}

@media(max-width:768px) {
  .p-hairecare-teaser_contents {
  }
}

.p-hairecare-teaser_date {
  position: absolute;
  margin: 0 auto 30px;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media(max-width:768px) {
  .p-hairecare-teaser_date {
    margin: -80px auto 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.p-hairecare-teaser_date img {
  margin: 0 auto;
  height: 14px
}

@media(max-width:768px) {
  .p-hairecare-teaser_date img {
    height: 10px
  }
}

.p-hairecare-teaser_scroll-clip {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 260px;
  margin: -100px auto 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media(max-width:768px) {
  .p-hairecare-teaser_scroll-clip {
    height: 160px;
    margin: -50px auto 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

.p-hairecare-teaser_scroll-clip_wh {
  position: relative;
  overflow: hidden;
  width: 1px;
  height: 160px;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-hairecare-teaser_scroll-clip_wh {
    height: 110px
  }
}

.p-hairecare-teaser_scroll_wh {
  position: absolute;
  width: 1px;
  height: 260px;
  top: -260px;
  left: 0;
  background-color: #fff;
  z-index: 1;
  animation: scroll_bar 3s cubic-bezier(.645, .045, .355, 1) infinite
}

@media(max-width:768px) {
  .p-hairecare-teaser_scroll_wh {
    height: 160px;
    top: -160px;
    animation: scroll_bar_sp 3s cubic-bezier(.645, .045, .355, 1) infinite
  }
}

.p-hairecare-teaser_scroll-clip_bk {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 260px;
  top: 0;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-hairecare-teaser_scroll-clip_bk {
    height: 160px
  }
}

.p-hairecare-teaser_scroll_bk {
  position: absolute;
  width: 1px;
  height: 260px;
  top: -260px;
  left: 0;
  background-color: #000;
  z-index: -1;
  animation: scroll_bar 3s cubic-bezier(.645, .045, .355, 1) infinite
}

@media(max-width:768px) {
  .p-hairecare-teaser_scroll_bk {
    height: 160px;
    top: -160px;
    animation: scroll_bar_sp 3s cubic-bezier(.645, .045, .355, 1) infinite
  }
}

@keyframes scroll_bar {
  0% {
    transform: translate3d(0, 0, 0)
  }
  100% {
    transform: translate3d(0, 520px, 0)
  }
}

@keyframes scroll_bar_sp {
  0% {
    transform: translate3d(0, 0, 0)
  }
  100% {
    transform: translate3d(0, 340px, 0)
  }
}

.p-hairecare-teaser_lineup {
  *zoom: 1;
  margin: 0 auto 42px;
}

.p-hairecare-teaser_lineup:before, .p-hairecare-teaser_lineup:after {
  display: table;
  content: ""
}

.p-hairecare-teaser_lineup:after {
  clear: both
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup {
    margin: 0 auto 36px;
    padding-top: 50px
  }
}

.p-hairecare-teaser_lineup_shampoo_treatment {
  *zoom: 1;
  margin: 0 auto 100px
}

.p-hairecare-teaser_lineup_shampoo_treatment:before, .p-hairecare-teaser_lineup_shampoo_treatment:after {
  display: table;
  content: ""
}

.p-hairecare-teaser_lineup_shampoo_treatment:after {
  clear: both
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_shampoo_treatment {
    margin: 0 auto 20px
  }
}

.p-hairecare-teaser_lineup_shampoo_treatment h3 {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  padding-top: 15px
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_shampoo_treatment h3 {
    font-size: 12px
  }
}

.p-hairecare-teaser_lineup_color_shampoo {
  width: 50%;
  float: left
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_color_shampoo {
    width: 100%;
    margin: 50px auto
  }
}

.p-hairecare-teaser_lineup_color_shampoo h3 {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  padding-top: 15px
}

.p-hairecare-teaser_lineup_tuner {
  width: 50%;
  float: left
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_tuner {
    width: 100%;
    margin: 50px auto 0
  }
}

.p-hairecare-teaser_lineup_tuner h3 {
  text-align: center;
  font-size: 13px;
  font-weight: 300;
  padding-top: 15px
}

.p-hairecare-teaser_lineup_heading {
  display: block;
  margin: 0 auto 10px;
  font-size: 23px;
  letter-spacing: 0.6rem;
  text-align: center;
}

@media(max-width:768px) {
	.p-hairecare-teaser_lineup_heading {
		margin: 0 auto 4px;
		font-size: 15px;
		letter-spacing: 0.38rem;
	}
}

.p-hairecare-teaser_lineup_moist {
  *zoom: 1
}

.p-hairecare-teaser_lineup_moist:before, .p-hairecare-teaser_lineup_moist:after {
  display: table;
  content: ""
}

.p-hairecare-teaser_lineup_moist:after {
  clear: both
}

.p-hairecare-teaser_lineup_moist h3 {
  padding: 0 0 20px
}

.p-hairecare-teaser_lineup_moist_sign {
  display: block;
  height: 50px;
  margin: 60px auto 25px
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_moist_sign {
    height: 40px;
    margin: 60px auto 30px
  }
}

.p-hairecare-teaser_lineup_airly h3 {
  padding: 10px 0 20px
}

.p-hairecare-teaser_lineup_airly_sign {
  display: block;
  height: 80px;
  margin: 50px auto 0
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_airly_sign {
    height: 60px;
    margin: 80px auto 0
  }
}

.p-hairecare-teaser_lineup_container {
  width: 50%;
  float: left;
  margin: 0 auto 40px
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_container {
    width: 100%;
    margin: 0 auto 10px
  }
}

.p-hairecare-teaser_lineup_img {
  width: 500px;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_img {
    width: 90%
  }
}

.p-hairecare-teaser_lineup_name {
  text-align: center;
  font-size: 16px;
  margin: 10px auto 24px
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_name {
    font-size: 13px;
    margin: 10px auto 20px
  }
}

.p-hairecare-teaser_lineup_info {
  text-align: center;
  font-size: 12px;
  color: #9c9c9b
}

@media(max-width:768px) {
  .p-hairecare-teaser_lineup_info {
    font-size: 11px
  }
}

.p-hairecare-teaser_share {
  *zoom: 1;
  width: 401px;
  margin: 111px auto 47px;
}

.p-hairecare-teaser_share:before, .p-hairecare-teaser_share:after {
  display: table;
  content: ""
}

.p-hairecare-teaser_share:after {
  clear: both
}

@media(max-width:768px) {
  .p-hairecare-teaser_share {
    width: 301px;
    margin: 40px auto 35px;
  }
}

@media(max-width:375px) {
  .p-hairecare-teaser_share {
    width: 80.26%;
  }
}

.p-hairecare-teaser_share_tw {
  width: 200px;
  height: 50px;
  background-color: #0f91d3;
  float: left
}

@media(max-width:768px) {
  .p-hairecare-teaser_share_tw {
    width: 143px
  }
}

@media(max-width:375px) {
  .p-hairecare-teaser_share_tw {
    width: calc(50% - 1px);
  }
}

.p-hairecare-teaser_share_tw img {
  margin: 18px auto 0;
  height: 12px
}

.p-hairecare-teaser_share_fb {
  width: 200px;
  height: 50px;
  background-color: #19256d;
  float: left;
  margin-left: 1px
}

@media(max-width:768px) {
  .p-hairecare-teaser_share_fb {
    width: 143px
  }
}

@media(max-width:375px) {
  .p-hairecare-teaser_share_fb {
    width: 50%;
  }
}

.p-hairecare-teaser_share_fb img {
  margin: 18px auto 0;
  height: 12px
}

.p-hairecare-teaser_credit {
  display: block;
  position: fixed;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: red;
  top: calc(50% - 100px);
  left: 5px;
  font-size: 10px;
  letter-spacing: 1px;
  transform: scale(.8, .8);
  color: #fff;
  opacity: .35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  mix-blend-mode: exclusion
}

@media(max-width:768px) {
  .p-hairecare-teaser_credit {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

.p-hairecare-about {
  width: 100%
}

.p-hairecare-about-catch {
  position: relative;
  width: 100%;
  height: 281px;
  background-image: url(../images/haircare/about_bg.jpg);
  background-position: center center;
  background-size: cover;
  margin: 0 auto 64px;
  padding: 100px 0 0
}

.p-hairecare-about-catch.color {
  background-image: url(../images/haircare/teaser/slide/slide_07.jpg)
}

.p-hairecare-about-catch.color:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .2)
}

.p-hairecare-about-catch.tuner {
  background-image: url(../images/haircare/teaser/slide/slide_08.jpg)
}

.p-hairecare-about-catch.tuner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .2)
}

@media(max-width:768px) {
  .p-hairecare-about-catch {
    height: 192px;
    margin: 0 auto 21px;
    padding: 68px 0 0
  }
}

.p-hairecare-about-title-en {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.735rem;
  text-align: center;
}

.p-hairecare-about-title-en img {
  height: 22px;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-hairecare-about-title-en img {
    height: 15px
  }
}

.p-hairecare-about-title {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 11px 0 0
}

@media(max-width:768px) {
	.p-hairecare-about-title-en {
		font-size: 19px;
		letter-spacing: 0.45rem;
	}
	.p-hairecare-about-title {
		font-size: 13px
	}
}

.p-hairecare-about-point {
  *zoom: 1;
  position: relative;
  width: 100%;
  max-width: 1052px;
  padding: 0 50px;
  margin: 0 auto 65px;
}

.p-hairecare-about-point:before, .p-hairecare-about-point:after {
  display: table;
  content: ""
}

.p-hairecare-about-point:after {
  clear: both
}

@media(max-width:768px) {
  .p-hairecare-about-point {
    margin: 0 auto 43px;
    padding: 0 20px
  }
}

.p-hairecare-about-point-desc {
  width: 55%;
  float: left;
  padding: 0 50px 0 0
}

@media(max-width:768px) {
  .p-hairecare-about-point-desc {
    width: 100%;
    padding: 0
  }
}

.p-hairecare-about-point-desc.col {
  width: 50%;
  padding: 0 0 0 25px
}

@media(max-width:768px) {
  .p-hairecare-about-point-desc.col {
    width: 100%;
    padding: 0
  }
}

.p-hairecare-about-point-desc.col:nth-child(1) {
  padding: 0 25px 0 0
}

@media(max-width:768px) {
  .p-hairecare-about-point-desc.col:nth-child(1) {
    margin: 0 auto 50px;
    padding: 0
  }
}

.p-hairecare-about-point-desc-title {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.75;
  letter-spacing: 0.02rem;
}

@media(max-width:768px) {
  .p-hairecare-about-point-desc-title {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 10px
  }
  .p-hairecare-about-point-desc-title br {
    display: none;
  }
}

.p-hairecare-about-point-desc-text p {
  font-size: 14px;
  font-weight: 300;
  line-height: 26px
}

@media(max-width:768px) {
  .p-hairecare-about-point-desc-text p {
    font-size: 12px;
    margin-bottom: 10px
  }
}

.p-hairecare-about-point-desc-text span {
  font-size: 10px;
  line-height: 13px;
  color: #adadad
}

.p-hairecare-about-point-image {
  float: left;
  width: 45%;
  height: 100%
}

@media(max-width:768px) {
  .p-hairecare-about-point-image {
    width: 100%;
    margin-top: 14px
  }
}

.p-hairecare-about-point-image.mini {
  padding: 0 15% 0 0
}

@media(max-width:768px) {
  .p-hairecare-about-point-image.mini {
    padding: 0 7%
  }
}

.p-hairecare-movie {
  width: 100%;
  margin: 0 auto;
  padding: 0 20%;
  background-color: #d9d8dc
}

@media(max-width:768px) {
  .p-hairecare-movie {
    margin: 30px auto 0;
    padding: 30px 0
  }
}

.p-hairecare-youtube {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 40px auto;
  padding-top: 56.25%
}

.p-hairecare-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%!important;
  height: 100%!important
}

.p-hairecare-nav-area {
  width: 100%;
  height: 60px;
  background-color: #151b31
}

.p-hairecare-nav {
  *zoom: 1;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 650px;
  margin: 0 auto
}

.p-hairecare-nav:before, .p-hairecare-nav:after {
  display: table;
  content: ""
}

.p-hairecare-nav:after {
  clear: both
}

.p-hairecare-nav:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 20px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  top: 20px;
  left: 50%
}

.p-hairecare-nav-lineup, .p-hairecare-nav-about {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 60px;
  color: #fff
}

@media(max-width:768px) {
  .p-hairecare-nav-lineup, .p-hairecare-nav-about {
    font-size: 13px
  }
}

.p-hairecare-nav-lineup:before, .p-hairecare-nav-about:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0;
  border-color: #fff transparent transparent;
  top: 25px;
  right: calc(50% - 50px)
}

@media(max-width:768px) {
  .p-hairecare-nav-lineup:before, .p-hairecare-nav-about:before {
    right: calc(50% - 45px)
  }
}

.p-hairecare-concept {
  text-align: center;
  margin-top: 150px;
  padding: 0 20px
}

.p-hairecare-concept h2 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 3px;
  margin-bottom: 20px
}

@media(max-width:768px) {
  .p-hairecare-concept h2 {
    font-size: 19px;
    letter-spacing: 0
  }
}

.p-hairecare-concept p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px
}

@media(max-width:768px) {
  .p-hairecare-concept p {
    font-size: 12px
  }
}

.p-hairecare-tuner-spa {
  text-align: center;
  margin: 0 auto 200px
}

@media(max-width:768px) {
  .p-hairecare-tuner-spa {
    margin: 0 auto 50px
  }
}

.p-hairecare-tuner-spa h3 {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px
}

@media(max-width:768px) {
  .p-hairecare-tuner-spa h3 {
    font-size: 20px
  }
}

.p-hairecare-tuner-spa p {
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 30px
}

.p-hairecare-tuner-spa-movie {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px
}

.p-travelset section {
  margin: 0 0 60px
}

@media(max-width:768px) {
  .p-travelset section {
    margin: 0 0 50px
  }
}

.p-travelset__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 74px
}

@media(max-width:768px) {
  .p-travelset__container {
    max-width: 440px;
    padding: 0 20px
  }
}

.p-travelset__container--sp-full-width {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 74px
}

@media(max-width:768px) {
  .p-travelset__container--sp-full-width {
    width: 100%;
    padding: 0
  }
}

.p-travelset__heading {
  padding: 30px 0 60px
}

@media(max-width:768px) {
  .p-travelset__heading {
    padding: 30px 0
  }
}

.p-travelset__heading img {
  width: auto;
  height: 56px;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-travelset__heading img {
    height: 42px
  }
}

.p-travelset__header {
  height: auto;
  margin: 0 0 60px
}

@media(max-width:768px) {
  .p-travelset__header {
    margin: 0
  }
}

.p-travelset__header__logo {
  width: 211px;
  margin: auto;
  padding: 60px 0 48px
}

@media(max-width:768px) {
  .p-travelset__header__logo {
    width: 150px;
    padding: 30px 0 32px
  }
}

.p-travelset__header__visual {
  position: relative;
  overflow: hidden
}

.p-travelset__header__visual--pc {
  padding: 42.28% 0 0
}

@media(max-width:768px) {
  .p-travelset__header__visual--pc {
    display: none
  }
}

.p-travelset__header__visual--pc .p-travelset__header__visual__image {
  width: 33.33%;
  width: calc(33.33% + 2px)
}

.p-travelset__header__visual--sp {
  display: none
}

@media(max-width:768px) {
  .p-travelset__header__visual--sp {
    display: block;
    padding: 85% 0 0
  }
}

@media(max-width:768px) {
  .p-travelset__header__visual--sp .p-travelset__header__visual__images {
    animation: loop 12s linear 0s infinite
  }
}

.p-travelset__header__visual--sp .p-travelset__header__visual__image {
  width: 67.2%;
  width: calc(67.2% + 2px)
}

@keyframes loop {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-201.6%)
  }
}

.p-travelset__header__visual__images {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap
}

.p-travelset__header__visual__image {
  display: inline-block;
  height: 100%;
  background-size: cover;
  background-position: center center;
  margin: 0 -1px
}

.p-travelset__header__visual__image:nth-child(1), .p-travelset__header__visual__image:nth-child(4) {
  background-image: url(../images/travel/slide_1.jpg)
}

.p-travelset__header__visual__image:nth-child(2), .p-travelset__header__visual__image:nth-child(5) {
  background-image: url(../images/travel/slide_2.jpg)
}

.p-travelset__header__visual__image:nth-child(3) {
  background-image: url(../images/travel/slide_3.jpg)
}

.p-travelset__nav {
  display: none
}

@media(max-width:768px) {
  .p-travelset__nav {
    display: block;
    margin: 0;
    padding: 32px 0;
    overflow: hidden
  }
}

.p-travelset__nav li {
  width: 50%;
  float: left;
  padding: 2px 0
}

.p-travelset__nav li:first-child {
  border-right: 1px solid rgba(173, 150, 103, .2)
}

.p-travelset__nav a {
  display: block;
  width: 100%
}

.p-travelset__nav img {
  width: auto;
  height: 40px;
  margin: 0 auto
}

.p-travelset__travelset {
  position: relative;
  border: 1px solid #ad9667
}

@media(max-width:768px) {
  .p-travelset__travelset {
    padding: 25px
  }
}

@media(min-width:769px) {
  .p-travelset__travelset--large {
    padding: 80px 0
  }
  .p-travelset__travelset--large .p-travelset__travelset__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding: 0 10%
  }
  .p-travelset__travelset--large .p-travelset__travelset__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    max-width: 355px
  }
  .p-travelset__travelset--large .p-travelset__travelset__info {
    padding: 0 10% 0 50%
  }
  .p-travelset__travelset--large .p-travelset__travelset__buttons {
    padding: 0 10% 0 50%
  }
  .p-travelset__travelset--large .p-travelset__travelset__button {
    min-width: 220px
  }
}

@media(min-width:769px) {
  .p-travelset__travelset--small {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 5%
  }
  .p-travelset__travelset--small .p-travelset__travelset__image {
    width: 15%;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .p-travelset__travelset--small .p-travelset__travelset__info {
    padding: 0 5%;
    width: 100%
  }
  .p-travelset__travelset--small .p-travelset__travelset__detail {
    margin: 0;
    max-width: 300px
  }
  .p-travelset__travelset--small .p-travelset__travelset__buttons {
    width: 225px;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .p-travelset__travelset--small .p-travelset__travelset__button {
    min-width: 225px
  }
}

@media(min-width:769px) and (min-width:1200px) {
  .p-travelset__travelset--small {
    padding: 50px 60px
  }
  .p-travelset__travelset--small .p-travelset__travelset__image {
    width: 160px
  }
  .p-travelset__travelset--small .p-travelset__travelset__info {
    padding: 0 30px
  }
  .p-travelset__travelset--small .p-travelset__travelset__buttons {
    width: 490px
  }
}

@media(max-width:768px) {
  .p-travelset__travelset__image {
    padding: 10px 32px 40px
  }
}

.p-travelset__travelset__name {
  margin: 0 0 22px;
  max-width: 305px
}

@media(max-width:768px) {
  .p-travelset__travelset__name {
    margin: 0 auto 18px;
    max-width: 223px
  }
}

.p-travelset__travelset__text {
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 2;
  color: #ad9667
}

@media(max-width:768px) {
  .p-travelset__travelset__text {
    margin: 0 0 16px;
    font-size: 12px
  }
}

.p-travelset__travelset__detail {
  margin: 0 0 25px;
  font-size: 12px;
  line-height: 1.75;
  color: #ad9667
}

@media(max-width:768px) {
  .p-travelset__travelset__detail {
    margin: 0 0 20px;
    font-size: 11px
  }
}

.p-travelset__travelset__buttons {
  overflow: hidden;
  margin: 0 -5px -5px 0
}

@media(max-width:768px) {
  .p-travelset__travelset__buttons {
    margin: 0 0 -10px
  }
}

.p-travelset__travelset__button {
  width: 50%;
  float: left;
  padding: 0 5px 5px 0
}

@media(max-width:768px) {
  .p-travelset__travelset__button {
    width: 100%;
    float: none;
    padding: 0 0 10px
  }
}

.p-travelset__travelset__button a {
  display: block;
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background-color: #ad9667;
  color: #fff;
  font-size: 15px
}

.p-travelset__travelset__button a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 100%;
  vertical-align: top;
  margin: 0 9px 0 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}

.p-travelset__travelset__button.cart a:before {
  background-image: url(../images/travel/icon_cart.svg)
}

.p-travelset__travelset__button.pin a:before {
  background-image: url(../images/travel/icon_pin.svg)
}

.p-travelset__products {
  padding: 0;
  margin: 0 -19px;
  font-size: 0
}

@media(max-width:768px) {
  .p-travelset__products {
    margin: 0 -25px 0 0
  }
}

.p-travelset__product {
  display: inline-block;
  width: 20%;
  padding: 0 19px 40px;
  vertical-align: top
}

@media(max-width:992px) {
  .p-travelset__product {
    width: 33.33%
  }
}

@media(max-width:992px) and (max-width:768px) {
  .p-travelset__product {
    width: 50%;
    padding: 0 25px 40px 0
  }
}

.p-travelset__product__image {
  margin: 0 0 20px
}

@media(max-width:768px) {
  .p-travelset__product__image {
    margin: 0 0 15px
  }
}

.p-travelset__product__name {
  font-size: 15px;
  line-height: 1.3;
  margin: 0 0 10px;
  text-align: center;
  color: #000
}

@media(max-width:768px) {
  .p-travelset__product__name {
    font-size: 13px
  }
}

.p-travelset__product__net {
  font-size: 11px;
  line-height: 1;
  margin: 0 0 10px;
  text-align: center;
  color: #000;
  font-weight: 700
}

.p-travelset__product__text {
  font-size: 12px;
  line-height: 1.5;
  margin: 20px 0 0;
  color: #757575
}

@media(max-width:768px) {
  .p-travelset__product__text {
    margin: 15px 0 0;
    font-size: 11px
  }
}

.p-travelset__feature-point__point-list {
  font-size: 0;
  margin: 0 -15px -30px
}

@media(max-width:768px) {
  .p-travelset__feature-point__point-list {
    margin: 20px 0 -30px
  }
}

.p-travelset__feature-point__point {
  display: inline-block;
  width: 50%;
  padding: 0 15px 70px;
  vertical-align: top
}

@media(max-width:768px) {
  .p-travelset__feature-point__point {
    width: 100%;
    padding: 0 20px 50px
  }
}

.p-travelset__feature-point__point__image {
  margin: 0 0 44px
}

@media(max-width:768px) {
  .p-travelset__feature-point__point__image {
    margin: 0 -20px 20px 0
  }
}

.p-travelset__feature-point__point__info {
  max-width: 440px;
  margin: 0 auto
}

@media(max-width:768px) {
  .p-travelset__feature-point__point__info {
    max-width: 100%
  }
}

.p-travelset__feature-point__point__title {
  font-size: 20px;
  line-height: 1.2;
  color: #ad9667;
  text-align: center;
  margin: 0 0 20px
}

@media(max-width:768px) {
  .p-travelset__feature-point__point__title {
    font-size: 16px;
    text-align: left;
    margin: 0 0 10px
  }
}

.p-travelset__feature-point__point__text {
  font-size: 13px;
  line-height: 2;
  margin: 0 0 20px;
  color: #333
}

@media(max-width:768px) {
  .p-travelset__feature-point__point__text {
    font-size: 12px;
    margin: 0 0 15px
  }
}

.p-travelset__feature-point__point__caption {
  font-size: 11px;
  line-height: 1.3;
  color: #9b9b9b;
  margin: 0 0 20px
}

@media(max-width:768px) {
  .p-travelset__feature-point__point__caption {
    font-size: 10px;
    margin: 0 0 15px
  }
}

.p-travelset__share-buttons {
  font-size: 0;
  margin: 0 0 60px;
  text-align: center
}

@media(max-width:768px) {
  .p-travelset__share-buttons {
    margin: 0 0 50px
  }
}

.p-travelset__share-button {
  display: inline-block;
  width: 200px
}

@media(max-width:768px) {
  .p-travelset__share-button {
    width: 50%;
    max-width: 150px;
    padding: 0 1px
  }
}

.p-travelset__share-button a {
  display: block;
  height: 50px
}

.p-travelset__share-button img {
  margin: 0 auto;
  padding: 20px 0;
  width: auto;
  height: 100%
}

.p-travelset__share-button.tw a {
  background-color: #0f91d3
}

.p-travelset__share-button.fb a {
  background-color: #19256d
}

.p-travelset__visual {
  height: 700px;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/travel/bottom_image.jpg)
}

@media(max-width:768px) {
  .p-travelset__visual {
    height: 270px
  }
}

.p-special-page__footer {
  width: 100%;
  height: auto;
  padding: 200px 25px 50px;
  text-align: center
}

@media(max-width:768px) {
  .p-special-page__footer {
    padding: 40px 0 25px
  }
}

.p-special-page__footer--hairecare {
  background-color: #151b31
}

.p-special-page__footer--hairecare .p-special-page__footer__logo {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.p-special-page__footer--hairecare .p-special-page__footer__text {
  color: rgba(255, 255, 255, .3)
}

.p-special-page__footer--hairecare .p-special-page__footer__throw {
  border-color: rgba(255, 255, 255, .1)
}

.p-special-page__footer--travelset {
  background-color: #ad9667
}

.p-special-page__footer--travelset .p-special-page__footer__logo {
  opacity: .77;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)"
}

.p-special-page__footer--travelset .p-special-page__footer__text {
  color: rgba(255, 255, 255, .77)
}

.p-special-page__footer--travelset .p-special-page__footer__throw {
  border-color: rgba(255, 255, 255, .77)
}

.p-special-page__footer__contents {
  *zoom: 1;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto
}

.p-special-page__footer__contents:before, .p-special-page__footer__contents:after {
  display: table;
  content: ""
}

.p-special-page__footer__contents:after {
  clear: both
}

.p-special-page__footer__logo {
  display: block;
  width: 100%;
  height: auto;
  transition: all .5s
}

.p-special-page__footer__logo:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all .5s
}

.p-special-page__footer__logo img {
  width: 150px;
  margin: 0 auto;
  padding: 50px 0 0
}

.p-special-page__footer__text {
  font-size: 11px;
  text-align: left;
  color: #fff;
  margin: 40px auto 0
}

@media(max-width:768px) {
  .p-special-page__footer__text {
    font-size: 10px
  }
}

.p-special-page__footer__throw {
  width: 330px;
  height: 214px;
  float: left;
  padding: 0 50px;
  border-right: 1px solid #fff
}

@media(max-width:768px) {
  .p-special-page__footer__throw {
    margin: 0 auto;
    float: none;
    padding: 0 25px;
    border-right: none;
    border-bottom: 1px solid #fff
  }
}

.p-special-page__footer__journal {
  width: 330px;
  height: 214px;
  float: left;
  padding: 0 50px
}

@media(max-width:768px) {
  .p-special-page__footer__journal {
    margin: 40px auto;
    padding: 0 25px;
    float: none
  }
}

.p-special-page__footer__fb {
  width: 340px;
  float: left
}

@media(max-width:768px) {
  .p-special-page__footer__fb {
    margin: 0 auto;
    float: none
  }
}

.u-margin-under30 {
  margin-bottom: 30px
}

.u-margin-top30 {
  margin-top: 30px
}

.padding-top-40 {
  padding-top: 40px
}


/* search_page CSS　2021/01/06　追加 */
.accordion .aco_btn {
	position: relative;
	margin-bottom: 0;
}
.accordion .aco_btn::after {
	content: ">";
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	position: absolute;
	top: 6px;
	transform: scaleY(0.5) rotate(90deg);
	margin-left: 10px;
}
.accordion .aco_btn:hover {
	cursor: pointer;
}
.accordion .aco_btn.open::after {
	transform: scaleY(0.5) rotate(-90deg);
}
.accordion .aco_hide {
	display: none;
	margin-top: 20px;
}

#p-search .p-title-search-point {
	text-align: center;
	margin-top: -10px;
}
#p-search .p-title-search-point > h2 {
	color: #000;
	font-size: 26px;
	letter-spacing: 10px;
}
#p-search .p-title-search-point > p {
	color: #000;
	font-size: 14px;
	margin-top: 13px;
}
#p-search .p-feature-area {
	width: 75%;
	max-width: 1300px;
	margin: 0 auto;
}


.search_area_dl {
	margin-top: 30px
}
.search_area_dl dt {
	color: #858585;
	font-size: 12px;
}
.search_area_dl dd ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.search_area_dl dd ul a {
	display: block;
	font-size: 14px;
	transition: box-shadow .5s;
	border: 1px solid #424141;
	padding: 7px 15px;
	margin: 10px 10px 0 0;
}

.search_layout {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	line-height: 2;
	text-align: left;
	padding-top: 100px;
}
.search_layout p {
	padding-top: 0!important;
}
.search_layout .home-contents-btn {
	width: 235px;
	height: 45px;
	display: block;
	text-align: center;
	line-height: 43px;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: 700;
	border: 1px solid #424141;
}
.search_layout .left {
	width: 470px;
	order: 1;
}
.search_layout .left > .sec_search:first-child {
	margin-top: 0;
}
.search_layout .right {
	width: calc(100% - 520px);
	order: 2;
	position: relative;
}
.search_layout .right iframe {
	width: 100%;
	min-height: 700px;
	position: static;
	top: 0px;
	bottom: auto;
	border: none;
}
.search_layout .right > span {
	width: 100%;
	min-height: 700px;
	position: static;
	top: 0px;
	bottom: auto;
	border: none;
}

.search_result_li  {
	list-style: none;
	padding-left: 0;
}
.search_result_li > li {
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
	border: 1px solid #c6c6c6;
	margin-top: 20px;
}
.search_result_li > li:hover {
	cursor: pointer;
}
.search_result_li > li > dl > dt {
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.search_result_li > li > dl > dt .ruby {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: -8px
}
.search_result_li .header {
	overflow: hidden;
}
.search_result_li .header > img {
	width: 100%;
}
.search_result_li .list-bland {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}
.search_result_li > li > dl > dd .data .fs {
	font-size: 12px;
}
.search_result_li > li > dl > dd .data >dl {
	line-height: 1.7;
	margin-top: 10px;
}
.search_result_li > li > dl > dd .data >dl dt {
	color: #c6c6c6;
	font-size: 12px;
	font-weight: normal;
}
.search_result_li > li > dl > dd .data >dl dd {
	word-break: break-all;
}

.sec_search {
	text-align: left;
	margin-top: 70px;
}
.sec_search .annotation {
	font-size: 11px;
	margin-top: 18px;
}
.sec_search h2 {
	color: #000;
	font-size: 20px;
	letter-spacing: 5px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.sec_search .btn_mt {
	margin-top: 20px;
}
.sec_search input[type=text] {
	width: 470px;
	max-width: 100%;
	background: #f3f3f3;
	box-sizing: border-box;
	padding: 10px 10px;
	border: 1px solid #424141;
}
.sec_search .aco_hide .search_dl:first-child {
	margin-top: 0px;
}
.sec_search .search_inner select {
	max-width: 100%;
	min-width: 220px;
	background: #f3f3f3;
	box-sizing: border-box;
	color: #424141;
	padding: 10px 10px;
	border: 1px solid #424141;
	margin-right: 10px;
}
.sec_search .search_inner p:not(:first-child) {
	padding-top: 10px!important;
}
.insta{
    width:338px;
    text-align:left;
}

.p-special-page__footer__sns{
    width: 330px;
    height: 214px;
    float: left;
    padding: 40px 50px;
	border-left: 1px solid #2d3246;
}

.sns-title {
	font-size:20px;
	font-weight: 700;
	padding: 0 0 3px;
	margin: 0 0 30px;
	display: inline-block;
	color: #8a8d98;
}

.sns a {
	font-size:14px;
	color: #5c606f;+
	text-align:left;
}

    .p-hairecare-teaser_lineup_color_shampoo2 h3{
		text-align:center;
		font-size:14px;
		font-weight:300;
		padding-top:11px
		}

@media (max-width: 1080px) and (min-width: 751px) {
	.search_layout .left {
		width: 48%;
	}
	.search_layout .left.mode_before {
		width: 100%;
	}
	.search_layout .right {
		width: 44%;
	}
	.search_layout .right.mode_before {
		display: none;
	}
}

@media (max-width: 750px) {
	.accordion_sp .aco_btn_sp {
		margin-bottom: 0;
	}
	.accordion_sp .aco_btn_sp::after {
		content: ">";
		display: inline-block;
		line-height: 1;
		transform: scaleY(0.5) rotate(90deg);
		margin-left: 20px;
	}
	.accordion_sp .aco_btn_sp.open::after {
		transform: scaleY(0.5) rotate(-90deg);
	}
	.accordion_sp .aco_hide_sp {
		display: none;
	}

	.p-search-contents {
		padding: 20px 0 60px;
	}

	.result_box {
		padding-top: 60px;
	}

	.search_area_dl {
		margin-top: 20px;
	}
	.search_area_dl dt {
		font-size: 14px;
	}
	.search_area_dl dd {
		padding: 0 0 20px;
	}
	.search_layout {
		display: block;
	}
	.search_layout .left {
		width: 100%;
	}
	.search_layout .right {
		width: 100%;
	}
	.search_layout .right iframe {
		width: 100%;
		position: static;
		top: 0px;
		bottom: auto;
	}
	.search_layout .right.map_fixed {
		height: 240px;
	}
	.search_layout .right iframe {
		min-height: 240px;
		transition: .3s opacity;
	}
	.search_layout .right.map_fixed iframe {
		width: 75%;
		position: fixed;
		top: 0;
		z-index: 5;
	}
	.search_layout .right.map_hide iframe {
		min-height: 0;
		opacity: 0;
	}

	.search_layout .right > span {
		width: 100%;
		position: static;
		top: 0px;
		bottom: auto;
	}
	.search_layout .right.map_fixed {
		height: 240px;
	}
	.search_layout .right > span {
		min-height: 240px;
		transition: .3s opacity;
	}
	.search_layout .right.map_fixed > span {
		width: 75%;
		position: fixed;
		top: 0;
		z-index: 5;
	}
	.search_layout .right.map_hide > span {
		min-height: 0;
		opacity: 0;
	}
	.search_layout .right.mode_before {
		display: none;
	}
	.sec_search {
		font-size: 12px;
		margin-top: 80px;
	}
	.sec_search#sec_search04 {
		display: none;
	}
	.sec_search h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.sec_search .btn_mt {
		margin-top: 20px;
	}
	.p-hairecare-teaser_lineup_color_shampoo2 h3{
		text-align:center;
		font-size:13px;
		font-weight:300;
		padding-top:15px
	}
	.p-special-page__footer__sns{
		margin: 40px auto;
		padding: 25px;
		float: none;
		border-top: 1px solid #2d3246;
		border-left: 0;
	}
	.sns-title {
		font-size:20px;
		font-weight: 700;
		padding: 0 0 3px;
		margin: 0 0 30px;
		display: inline-block;
		color: #8a8d98;
	}
	.sns a{
		font-size:14px;
		color: #5c606f;+
		text-align:left;
	}
}


/* ss2021 CSS　2021/05/31追加 */
.ss2021 .pc {
	display: block;
}

.ss2021 .sp {
	display: none;
}

@media (max-width: 768px) {
.ss2021 .pc {
	display: none;
}

.ss2021 .sp {
	display: block;
}

}


.ss2021 .image-popups {
  position: absolute;
  transition: all .3s;
}

.ss2021 .image-popups:hover {
  background: rgba(255, 255, 255, .3);
}

.ss2021 .image-popups a.popup {
  display: block;
  width: 100%;
  height: 100%;
}

.ss2021 .popup_ss2021 {
  width: 100%;
  height: 100%;
}

.ss2021 .popup_ss2021_p01_a {
  width: 32.77%;
  height: 61.8%;
  top: 5.8%;
  left: 2.941%;
}

.ss2021 .popup_ss2021_p01_b {
  width: 54.1%;
  height: 88.3%;
  top: 5.8%;
  right: 6.47%;
}

.ss2021 .popup_ss2021_p02 {
  width: 67.14%;
  height: 73.6%;
  bottom: 0;
  left: 0;
}

.ss2021 .popup_ss2021_p03 {
  width: 93.27%;
  height: 80.73%;
  top: 9.678%;
  left: 3.5%;
}

.ss2021 .popup_ss2021_p05_a {
  width: 37.12%;
  height: 65.347%;
  top: 17.33%;
  left: 0;
}

.ss2021 .popup_ss2021_p05_b {
  width: 37.156%;
  height: 65.347%;
  top: 17.33%;
  right: 0;
}

.ss2021 .popup_ss2021_p06_a {
  width: 55.21%;
  height: 55.52%;
  top: 22.30%;
  left: 1.59%;
}

.ss2021 .popup_ss2021_p06_b {
  width: 41.5%;
  height: 45.62%;
  top: 48%;
  right: 0;
}

.ss2021 .popup_ss2021_p07_a {
  width: 46.38%;
  height: 65.63%;
  top: 13.79%;
  left: 4.95%;
}

.ss2021 .popup_ss2021_p07_b {
  width: 46.59%;
  height: 65.93%;
  top: 20.33%;
  right: 0;
}

.ss2021 .popup_ss2021_p08 {
  width: 38.285%;
  height: 54.173%;
  top: 41.475%;
  left: 8.148%;
}

.ss2021 .popup_ss2021_p09 {
  width: 70.6948%;
  height: 87.196%;
  top: 6.4408%;
  left: 14.5378%;
}