@charset "UTF-8";
/* Freepage ------------------------- */
/* freepage common
-------------------- */
/* freepage-topimg1 */
.freepage-topimg1{
  overflow:hidden;
  position:relative;
	width:100%;
	padding-top:100%;
}
.freepage-topimg1 img{
  position:absolute;
  top:0;
  left:0;
  width:206.2%;
	margin-left:-53.1%;
}
@media (min-width: 600px) {
	.freepage-topimg1{
		padding-top:75%;
	}
	.freepage-topimg1 img{
		width:154.8%;
		margin-left:-27.4%;
	}
}
@media (min-width: 960px) {
	.freepage-topimg1{
		padding-top:0;
	}
	.freepage-topimg1 img{
    position:static;
    width:100%;
		margin-left:0;
	}
}

/* freepage-topimg2 */
.freepage-topimg2 img{
  width:100%;
}
@media (min-width: 960px) {
  .freepage-topimg2{
    overflow:hidden;
    position:relative;
    padding-top:26.36%;
  }
  .freepage-topimg2 img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
  }
}

/* freepage-topimg3 */
.freepage-topimg3{
  position:relative;
}
.freepage-topimg3__title img{
  width:100%;
}
.freepage-topimg3__catch{
  width: 90%;
	margin: 30px auto 0;
  font-weight:bold;
}
@media (max-width: 959.9px) {
  .freepage-topimg3__catch br{
    display:none;
  }
}
@media (min-width: 960px) {
  .freepage-topimg3__title{
    overflow:hidden;
    position:relative;
    padding-top:50%;
  }
  .freepage-topimg3__title img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
  }
  .freepage-topimg3__catch{
    position: absolute;
    right:6%;
    bottom:8%;
    width:auto;
    margin:0;
    font-size:1.25rem;
    font-size:1.5vw;
  }
}

/* freepage-title */
.freepage-title1{
  margin-top: calc(8% + 30px);
  padding:0 0 5px;
  font-size:1.125rem;
  line-height:1.5;
  border-bottom:1px solid #000;
}
.freepage-title2{
  font-size:1.125rem;
  font-weight:bold;
  text-align: center;
}
.freepage-title2 img{
  height:16px;
  width:auto;
  image-rendering: -webkit-optimize-contrast;
}
.freepage-title2__under{
  margin-top:10px;
  font-size:0.875rem;
  text-align: center;
}
.freepage-title3{
  padding:0 0 15px;
  border-bottom:1px solid #333;
  text-align: center;
}
.freepage-title3 img{
  height:16px;
  width:auto;
  image-rendering: -webkit-optimize-contrast;
}
.freepage-title3_mincho{
  padding-bottom:5px;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","游明朝","Yu Mincho","メイリオ",Meiryo,serif;
  font-size:1.5rem;
  line-height: 1.5;
}
.freepage-title3__under{
  margin-top:20px;
  font-weight:bold;
}
.freepage-title3__small{
  display: inline-block;
  font-size:0.5em;
}
@media (min-width: 600px) {
  .freepage-title2{
    font-size:1.375rem;
  }
  .freepage-title2 img{
    height:20px;
  }
  .freepage-title2__under{
    margin-top:20px;
    font-size:1rem;
  }
  .freepage-title3{
    position:relative;
    padding:0 0 20px;
    border-bottom:none;
  }
  .freepage-title3_mincho{
    padding-bottom:10px;
    font-size:1.75rem;
  }
  .freepage-title3::after{
    content:"";
    position:absolute;
    bottom:0;
    left:calc(50% - 200px);
    width:400px;
    height:1px;
    background:#333;
  }
  .freepage-title3 img{
    height:20px;
  }
  .freepage-title3__under{
    margin-top:30px;
    font-size:1.125rem;
    text-align: center;
  }
  .freepage-title3__small{
    margin-bottom:5px;
  }
}
@media (min-width: 960px) {
  .freepage-title1{
    margin-top: 110px;
  }
  .freepage-title3__under{
    font-size:1.25rem;
  }
}

/* freepage-itemlink1 */
.freepage-itemlink1 {
  margin: 0 -2%;
  padding: 8% 5%;
  background: #EEE;
}

.freepage-itemlink1__title {
  margin: 0 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #333;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}

.freepage-itemlink1__img {
  width: 60%;
  margin: 0 auto 20px;
}
.freepage-itemlink1__img img {
  width: 100%;
}

.freepage-itemlink1__name {
  margin: 0 0 15px;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.freepage-itemlink1__name a {
  color: #333;
  text-decoration: none;
}

.freepage-itemlink1__txt {
  font-size: 0.85em;
}

@media (max-width: 599px) {
  .freepage-itemlink1__item + .freepage-itemlink1__item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dotted #333;
  }
}
@media (min-width: 600px) {
  .freepage-itemlink1 {
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .freepage-itemlink1__title {
    margin: 0;
    padding: 0;
    border: none;
  }

  .freepage-itemlink1__item {
    margin: 20px 0 0;
    padding: 4%;
    min-height: 200px;
    background: #EEE;
  }

  .freepage-itemlink1__img {
    float: left;
    width: 150px;
    margin: 0;
  }

  .freepage-itemlink1__name,
  .freepage-itemlink1__txt,
  .freepage-itemlink1__btn {
    margin-left: 170px;
  }

  .freepage-itemlink1__name {
    margin-bottom: 0;
    padding: 5px 0;
    border-bottom: 1px dotted #333;
    text-align: left;
  }

  .freepage-itemlink1__txt {
    margin-top: 10px;
  }

  .freepage-itemlink1__btn {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .freepage-itemlink1__title {
    font-size: 1.5em;
  }

  .freepage-itemlink1__item {
    min-height: 270px;
  }

  .freepage-itemlink1__img {
    width: 200px;
  }

  .freepage-itemlink1__name,
  .freepage-itemlink1__txt,
  .freepage-itemlink1__btn {
    margin-left: 230px;
  }

  .freepage-itemlink1__txt {
    font-size: 1em;
  }
}
@media (min-width: 1280px) {
  .freepage-itemlink1__item {
    padding: 4% 9%;
  }
}
/* freepage-itemlink2
-------------------- */
.freepage-itemlink2__item {
  padding: calc(5% + 20px) 0;
}

.freepage-itemlink2__item + .freepage-itemlink2__item {
  border-top: 1px solid #CCC;
}

.freepage-itemlink2__name {
  max-width: 500px;
  margin: 0 auto 6%;
  text-align: center;
}

.freepage-itemlink2__img {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.freepage-itemlink2__txt,
.freepage-itemlink2__price {
  margin: 10px 0 0;
  text-align: center;
}

.freepage-itemlink2__color {
  margin: 8px 0 0;
  font-size: 0.85em;
  text-align: center;
}

@media (max-width: 599px) {
  .freepage-itemlink2__txt br {
    display: none;
  }
}
@media (min-width: 960px) {
  .freepage-itemlink2__item {
    padding: 70px 0 60px;
  }

  .freepage-itemlink2__detail1 {
    width: 440px;
  }

  .freepage-itemlink2__detail2 {
    width: calc(100% - 460px);
  }
  .freepage-itemlink2__detail2 *:first-child {
    margin-top: 0;
  }

  .freepage-itemlink2__color {
    margin: 15px 0 0;
    font-size: 1em;
  }

  .freepage-itemlink2__detail2 .freepage-itemlink2__txt,
  .freepage-itemlink2__detail2 .freepage-itemlink2__price,
  .freepage-itemlink2__detail2 .freepage-itemlink2__color {
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .freepage-itemlink2__detail1 {
    margin-left: 20px;
  }

  .freepage-itemlink2__detail2 {
    width: calc(100% - 500px);
  }
}
/* freepage-itemcolor
-------------------- */
.freepage-itemcolor {
  display: inline-block;
}

.freepage-itemcolor::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background: #000;
  vertical-align: middle;
}

.freepage-itemcolor_grayishbrown::before {
  background: #817c6b;
}

/* freepage-cart
-------------------- */
.freepage-cart {
  clear: both;
  width: 100%;
  padding: calc(5% + 10px) 0 0;
}

/* freepage-cart__cattab */
.freepage-cart__cattabcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top:10px;
}

.freepage-cart__cattab {
  position: relative;
  min-width: calc(50% - 4px);
  font-size: 0.85em;
  text-align: center;
}
.freepage-cart__cattab:not(:first-child) {
  margin-left: 8px;
}
.freepage-cart__cattab span {
  display: block;
  padding: 15px 0;
  border: 1px solid #DDD;
  border-radius: 4px;
  background: #F6F6F6;
  color: #999;
  text-decoration: none;
}
.freepage-cart__cattab_on span {
  padding: 19px 0;
  background: transparent;
  border: none;
  border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  background: #000;
  color: #FFF;
  font-weight: bold;
}
.freepage-cart__cattabcontainer_gb .freepage-cart__cattab_on span{
	background: #817c6b;
}
.freepage-cart__cattabcontainer_gb + .freepage-cart__catcontentscontainer{
	border-top:1px solid #817c6b;	
}

/* freepage-cart__catcontents */
.freepage-cart__catcontentscontainer {
  padding: 15px 10px 0;
  border-top: 1px solid #000;
}

.freepage-cart__catcontents {
  display: none;
}
.freepage-cart__catcontents_on {
  display: block;
}

/* freepage-cart__tab */
.freepage-cart__tabcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.freepage-cart__tab {
  position: relative;
  min-width: calc(25% - 5px);
  font-size: 0.75em;
  text-align: center;
}
.freepage-cart__tab:not(:first-child) {
  margin-left: 6px;
}
.freepage-cart__tab span {
  position: relative;
  display: block;
  padding: 15px 0;
  border: 1px solid #DDD;
  border-radius: 4px;
  background: #F6F6F6;
  color: #999;
  text-decoration: none;
  text-align: center;
}
.freepage-cart__tab_on span {
  padding: 19px 0;
  border-color: #333;
  border-bottom: none;
  border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  background: #FFF;
  color: #000;
  font-weight: bold;
}
.freepage-cart__tab_on::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #FFF;
}

/* freepage-cart__contents */
.freepage-cart__contents {
  display: none;
  margin-top: -1px;
  padding: 20px 5px 0;
  border-top: 1px solid #333;
}
.freepage-cart__contents_on {
  display: block;
}
.freepage-cart__contents table {
  width: 100%;
}
.freepage-cart__contents th {
  height: 1.6em;
  padding-right: 10px;
  font-weight: bold;
}
.freepage-cart__contents td {
  padding: 0 5px;
}
.freepage-cart__contents td input,
.freepage-cart__contents td select {
  width: 100%;
  margin: 5px 0;
  padding: 8px;
  font-size: 16px;
}
.freepage-cart__contents .cartjs_cart_in {
  position: relative;
  margin: 0 5%;
  padding-top: 15px;
  text-align: center;
}
.freepage-cart__contents .cartjs_cart_in input {
  width: 100%;
  padding: 17px 0 17px 30px;
  border: 0;
  border-radius: 4px;
  background: #000;
  color: #FFF;
  font-family: -apple-system,Verdana,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 1.15em;
  text-align: center;
}
.freepage-cart__contents .cartjs_cart_in::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(1% + 20px);
  width: calc(120px / 4);
  height: calc(120px / 4);
  margin: 0 5px 5px 0;
  background-image: url(https://img07.shop-pro.jp/PA01397/731/etc/zc-icon.png);
  background-repeat: no-repeat;
  background-size: calc(120px / 4) auto;
  background-position: 0 0;
  vertical-align: middle;
}

.freepage-cart__low {
  padding: 20px 0 0;
  font-size: 0.75em;
  text-align: right;
}
.freepage-cart__low a {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  color: #666;
  text-decoration: none;
}
.freepage-cart__low a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 5px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

@media (min-width: 400px) {
  .freepage-cart__cattab,
  .freepage-cart__tab {
    font-size: 0.85em;
  }
}
@media (min-width: 600px) {
  .freepage-cart__cattab,
  .freepage-cart__tab {
    font-size: 1em;
  }
}
@media (min-width: 960px) {
  .freepage-cart {
    padding: 40px 0 0;
  }
}
@media (min-width: 1200px) {
  .freepage-cart__contents {
    position: relative;
    min-height: 80px;
  }
  .freepage-cart__contents table {
    width: 50%;
  }
  .freepage-cart__contents .cartjs_cart_in {
    position: absolute;
    width: 47%;
    margin: 0;
    bottom: 5px;
    right: 0;
    text-align: left;
  }
}
/* freepage-featurelink
-------------------- */
.freepage-featurelink1 {
  margin: 10% 0;
}
.freepage-featurelink1 .title1 {
  margin-bottom: 0;
}

.freepage-featurelink1__list {
  font-size: 0.85em;
  line-height: 1.5;
}
.freepage-featurelink1__list li {
  padding: 25px 0 15px;
  border-bottom: 1px solid #DDD;
}
.freepage-featurelink1__list a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
}
.freepage-featurelink1__list img {
  display: block;
  width: 100%;
  margin: 10px 0;
}
.freepage-featurelink1__list span {
  display: block;
  width: 100%;
  text-align: center;
}

@media (max-width: 599px) {
  .freepage-featurelink1__list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (min-width: 600px) {
  .freepage-featurelink1__list {
    margin: 0 0 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .freepage-featurelink1__list li {
    width: 48%;
    padding: 30px 0 0;
    border-bottom: none;
  }
}
@media (min-width: 960px) {
  .freepage-featurelink1 {
    margin: 100px 0;
  }

  .freepage-featurelink1__list {
    justify-content: center;
    margin: 0 0 120px;
    border-bottom: none;
  }
  .freepage-featurelink1__list li {
    width: 31%;
  }
  .freepage-featurelink1__list li:not(:nth-child(3n+1)) {
    margin-left: calc(3.5% - 1px);
  }
  .freepage-featurelink1__list a:hover img {
    opacity: 0.7;
  }
}

/* freepage-contactlink */
.freepage-contactlink{
  margin-top:calc(10% + 30px);
  margin-bottom:calc(10% + 50px);
  color:#000;
  text-align:center;
}
.freepage-contactlink__btn{
  margin-top: 20px;
}
.freepage-contactlink__btn a{
  display:inline-block;
  width:96%;
  max-width:340px;
  padding:9px 10px;
  color:#FFF;
  background:#727171;
  line-height:1;
  text-align:center;
}
.freepage-contactlink__btn img{
  height:16px;
  width:auto;
}
@media (min-width: 600px) {
  .freepage-contactlink__btn{
    margin-top: 35px;
  }
}
@media (min-width: 960px) {
  .freepage-contactlink{
    margin-bottom:130px;
  }
  .freepage-contactlink__btn a{
    -webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
  }
  .freepage-contactlink__btn a:hover{
    opacity:0.6;
  }
}

/* youtube */
.freepage-youtube1{
  position:relative;
  padding-top:56.25%;
}
.freepage-youtube1 iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* flatlash
-------------------- */
/* flatlash-top */
.flatlash-top {
  position: relative;
  padding: 0 0 15%;
  text-align: center;
}
.flatlash-top img {
  width: 100%;
}

.flatlash-top__img {
  width: 88%;
  max-width: 600px;
  margin: 0 auto;
  padding: 20% 0 0;
}

.flatlash-top__name {
  width: 55%;
  max-width: 300px;
  margin: 15% auto 0;
}

.flatlash-top__catch {
  width: 95%;
  margin: 3% auto 0;
}
.flatlash-top__catch img {
  margin-top: 5%;
}

.flatlash-top__txt {
  margin: 8% 0 0;
  font-size: 0.85em;
  line-height: 1.7;
}
.flatlash-top__txt span {
  display: inline-block;
}

@media (min-width: 600px) {
  .flatlash-top {
    padding: 0 0 80px;
  }

  .flatlash-top__img {
    padding: 50px 0 0;
  }

  .flatlash-top__name {
    margin: 65px auto 0;
  }

  .flatlash-top__catch {
    width: 100%;
    margin: 20px auto 0;
  }
  .flatlash-top__catch img {
    width: auto;
    height: 27px;
    margin-top: 20px;
  }

  .flatlash-top__txt {
    margin: 30px 0 0;
    font-size: 1em;
  }
}
@media (min-width: 960px) {
  .flatlash-top {
    padding: 0 0 100px;
  }

  .flatlash-top__img {
    padding: 30px 0 0;
  }

  .flatlash-top__new {
    left: calc(50% - 430px);
  }

  .flatlash-top__catch {
    margin-top: 25px;
  }
  .flatlash-top__catch img {
    margin: 20px 8px 0;
  }
}
/* flatlash-news */
.flatlash-news {
  margin: 0 0 30px;
  padding: 1px 15px 15px;
  border: 1px solid #333;
  font-size: 0.85em;
  line-height: 1.7;
}

.flatlash-news__title {
  display: block;
  width: 7em;
  margin: -15px auto 5px;
  background: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 600px) {
  .flatlash-news {
    margin: 0 0 70px;
    padding: 1px 5px 15px;
    font-size: 1em;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .flatlash-news {
    margin: -50px 0 100px;
    padding: 20px 10px;
  }

  .flatlash-news__title {
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 1em;
  }

  .flatlash-news__title::after {
    content: ":";
    margin: 0 5px;
  }
}
/* flatlash-nav */
.flatlash-nav {
  padding: 30px 0 20px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

.flatlash-nav__list {
  width: 100%;
  line-height: 1.5;
}
.flatlash-nav__list dt {
  padding: 3px 0;
}
.flatlash-nav__list dd {
  margin: 5px 0 10px;
}
.flatlash-nav__list li {
  position: relative;
  padding: 3px 0 3px 26px;
}
.flatlash-nav__list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 8px;
  height: 8px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}

@media (min-width: 600px) {
  .flatlash-nav {
    margin: -30px 0 30px;
    padding: 0;
    border: none;
  }
  .flatlash-nav .container {
    padding: 30px 0;
    border-top: 1px solid #DDD;
  }
}
@media (min-width: 960px) {
  .flatlash-nav {
    margin: -30px 0 60px;
  }
  .flatlash-nav .container {
    padding: 30px 20px 30px 10px;
  }
  .flatlash-nav__list {
    width: auto;
  }
  .flatlash-nav__list dd {
    margin-bottom: 0;
  }
}

/* flatlash-merit */
.flatlash-merit {
  padding: 3% 0;
  background: #EEEEEE;
}

.flatlash-merit__item {
  padding: 40px 0;
}

.flatlash-merit__item1,
.flatlash-merit__item2,
.flatlash-merit__item3 {
  border-bottom: 1px dotted #333;
}

.flatlash-merit__num {
  width: 27.22%;
  margin: 0 auto;
  padding: 0 4% 3%;
  border-bottom: 2px solid #333;
}
.flatlash-merit__num img {
  width: 100%;
}

.flatlash-merit__title {
  margin: 7% 0 0;
  text-align: center;
}
.flatlash-merit__title img {
  width: auto;
  height: 23px;
  height: 6vw;
}

.flatlash-merit__img {
  position: relative;
  padding: 5% 0 8%;
}

.flatlash-merit__img1 {
  width: 90%;
}

.flatlash-merit__img2 {
  position: absolute;
  right: 0;
  bottom: 7%;
  width: 30%;
}

@media (min-width: 600px) {
  .flatlash-merit__item {
    padding: 60px 0;
  }

  .flatlash-merit__num {
    max-width: 158px;
    padding: 0 24px 18px;
  }

  .flatlash-merit__title {
    margin: 40px 0 0;
  }
  .flatlash-merit__title img {
    height: 32px;
  }

  .flatlash-merit__img {
    max-width: 540px;
    margin: 0 auto;
    padding: 30px 0;
  }
}
@media screen and (max-width: 599px) {
  .flatlash-merit__item4 .flatlash-merit__img {
    padding: 8% 0 5%;
  }
  .flatlash-merit__item4 .flatlash-merit__img2 {
    bottom: auto;
    top: -5%;
  }
}
@media (min-width: 960px) {
  .flatlash-merit {
	  margin:0 0 100px;
    padding: 40px 0 100px;
  }

  .flatlash-merit__item {
    padding: 60px 0 0;
  }

  .flatlash-merit__item1,
  .flatlash-merit__item2,
  .flatlash-merit__item3 {
    border-bottom: none;
  }

  .flatlash-merit__num {
    width: 110px;
    padding: 0 22px 15px;
  }

  .flatlash-merit__title {
    margin: 30px 0 0;
  }
  .flatlash-merit__title img {
    height: 29px;
  }

  .flatlash-merit__img {
    padding: 30px 0 25px;
  }

  .flatlash-merit__img1 {
    width: 70%;
    margin-left: 5%;
  }

  .flatlash-merit__item4 .flatlash-merit__img1 {
    margin-left: 0;
  }

  .flatlash-merit__img2 {
    width: 28%;
    right: 5px;
  }
}
/* flatlash-column */
.flatlash-column {
  padding: 10% 0 0;
}

.flatlash-column__title {
  padding: 15px 0 10px;
  background: #222;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

.flatlash-column__title1 {
  display: block;
  width: 6em;
  margin: 0 auto 10px;
  padding: 8px 0;
  background: #FFF;
  color: #333;
  font-size: 0.85em;
  text-align: center;
  vertical-align: middle;
}

.flatlash-column__title2 {
  display: inline-block;
  margin: 5px;
  font-size: 0.85em;
  vertical-align: middle;
}

.flatlash-column__title3 {
  display: inline-block;
  margin: 5px;
  font-size: 1.25em;
  vertical-align: middle;
}

.flatlash-column__item {
  margin: 10% 0;
}

.flatlash-column__num {
  width: 32%;
  margin: 0 auto;
  padding: 0 4% 3%;
  border-bottom: 2px solid #333;
}
.flatlash-column__num img {
  width: 100%;
}

.flatlash-column__itemtitle {
  margin: 7% 0 15px;
  text-align: center;
}
.flatlash-column__itemtitle img {
  width: auto;
  max-width: 100%;
  height: 23px;
  height: 6vw;
  margin-bottom: 3%;
}

.flatlash-column__itemtitle2{
  text-align:center;
}
.flatlash-column__itemtitle2 span{
  display:inline-block;
  padding: 0 4% 3%;
  border-bottom: 2px solid #333;
}
.flatlash-column__itemtitle2 img {
  width: auto;
  height:5vw;
  max-height:22px;
}

.flatlash-column__itemtext {
  margin: 0 0 15px;
}

.flatlash-column__voice {
  margin: 5% 0 0;
  padding: 4% 4% 2%;
  background: #F7F2E8;
}

.flatlash-column__voicetitle {
  margin: 0 0 -10px -7%;
}
.flatlash-column__voicetitle img {
  width: 30%;
  min-width: 123px;
  max-width: 246px;
}

.flatlash-column__voiceitem {
  padding: 3% 0;
}

.flatlash-column__voiceitem + .flatlash-column__voiceitem {
  border-top: 1px dotted #333;
}

.flatlash-column__voicename {
  margin: 8px 0;
  color: #957437;
}

.flatlash-column__voicename::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 23px;
  margin: 0 10px 0 0;
  background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatlash-column1-voicemark.png) no-repeat 0 0/100% auto;
  vertical-align: middle;
}

.flatlash-column__merit{
  margin: calc(5% + 5px) 0 0;
}
.flatlash-column__merittitle{
  margin-top:25px;
}
.flatlash-column__merittitle span{
  display:inline-block;
  padding: 10px;
  background:#333;
  color: #ffffff;
}
.flatlash-column__meritlist{
  list-style-type:disc;
  margin:15px 0 0 30px;
}
.flatlash-column__meritlist li{
  margin-top:10px;
  line-height:1.5;
}
.flatlash-column__matome{
  margin:5% 0 calc(5% + 30px);
  padding:5% 0;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}
.flatlash-column__matome p:not(:first-child){
  margin-top:10px;
}

@media (min-width: 600px) {
  .flatlash-column {
    padding: 60px 0 0;
  }

  .flatlash-column__title {
    font-size: 1.25em;
  }

  .flatlash-column__item {
    margin: 50px 0;
  }

  .flatlash-column__num {
    max-width: 186px;
    padding: 0 24px 18px;
  }

  .flatlash-column__itemtitle {
    margin: 30px 0 15px;
    text-align: center;
  }
  .flatlash-column__itemtitle img {
    height: 30px;
    margin: 0 5px 15px;
  }
}
@media (min-width: 960px) {
  .flatlash-column {
    padding: 100px 0 20px;
  }
  .flatlash-column + .flatlash-column{
    padding-top:0;
  }

  .flatlash-column__title1 {
    display: inline-block;
    margin: 5px;
    width: 5em;
  }

  .flatlash-column__item {
    margin: 50px 0 80px;
  }

  .flatlash-column__num {
    width: 130px;
    margin: 0 0 30px;
    padding: 0 22px 15px;
  }

  .flatlash-column__itemtitle {
    margin: 0;
    text-align: left;
  }
  .flatlash-column4__itemtitle,
  .flatlash-column5__itemtitle,
  .flatlash-column6__itemtitle{
    margin-bottom:30px;
    text-align:center;
  }
  .flatlash-column__itemtitle img {
    height: 30px;
    margin: 0 10px 15px 0;
  }

  .flatlash-column__itemtitle2 {
    margin: 0 0 30px;
  }
  .flatlash-column__itemtitle2 span{
    padding: 0 22px 15px;
  }

  .flatlash-column__voice {
    margin: 0;
    padding: 10px 30px;
    background: #F7F2E8;
  }

  .flatlash-column__voiceitem {
    padding: 15px 0 20px;
  }
  .flatlash-column__voiceitem p {
    line-height: 1.7;
  }

  .flatlash-column__voicetitle {
    margin: 10px 0 -10px -50px;
  }
  .flatlash-column__voicetitle img {
    width: 123px;
  }

  .flatlash-column__merit,
  .flatlash-column__merittitle:first-child{
    margin:0;
  }
  .flatlash-column__matome{
    margin:40px 0 0;
    padding:30px 0;
    border:1px dotted #333;
  }
  .flatlash-column__matome p{
    width:90%;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
  }
}
/* column1 */
.flatlash-column1__img {
  margin: 0 0 20px;
  text-align: center;
}
.flatlash-column1__img img {
  width: 70%;
  max-width: 320px;
}

.flatlash-column1__table {
  background: #EEE;
}

.flatlash-column1__ashbrown {
  margin: 5% 0 0;
  border: 2px solid #333;
}

.flatlash-column1__ashbrowncontainer {
  position: relative;
  padding: 0 5%;
}

.flatlash-column1__ashbrownnew {
  position: absolute;
  top: -10px;
  left: -10px;
}
.flatlash-column1__ashbrownnew img {
  width: 111px;
  height: 90px;
}

.flatlash-column1__ashbrownimg {
  width: 70%;
  max-width: 400px;
  margin: 0 auto;
  padding: 5% 0 5px;
  text-align: center;
}
.flatlash-column1__ashbrownimg img {
  width: 100%;
}

.flatlash-column1__ashbrowntext1 {
  font-size: 1.15em;
  font-weight: bold;
}

.flatlash-column1__ashbrowntext2 br {
  display: none;
}

.flatlash-column1__ashbrowntext3 {
  margin-top: 10px;
  font-weight: bold;
}

@media (min-width: 600px) {
  .flatlash-column1__ashbrowncontainer {
    width: 94%;
    min-height: 200px;
    margin: 0 auto;
    padding: 3% 0 0;
  }

  .flatlash-column1__ashbrownnew {
    left: -5%;
  }

  .flatlash-column1__ashbrownimg {
    width: 25%;
    float: left;
    padding: 0;
  }

  .flatlash-column1__ashbrowntext1,
  .flatlash-column1__ashbrowntext2,
  .flatlash-column1__ashbrowntext3,
  .flatlash-column1__ashbrownbtn {
    margin-left: 26%;
  }

  .flatlash-column1__ashbrowntext2,
  .flatlash-column1__ashbrowntext3 {
    line-height: 1.5;
  }

  .flatlash-column1__ashbrownbtn {
    text-align: left;
  }
}
@media (min-width: 960px) {
  .flatlash-column1__top {
    margin-bottom: 30px;
  }

  .flatlash-column1__itemtitle {
    width: calc(100% - 350px);
  }

  .flatlash-column1__img {
    float: right;
    width: 350px;
    margin: -120px 0 0 3%;
    text-align: center;
  }
  .flatlash-column1__img img {
    width: 320px;
  }

  .flatlash-column1__ashbrowncontainer {
    width: 780px;
    min-height: 260px;
    padding: 30px 0;
  }

  .flatlash-column1__ashbrownimg {
    width: 210px;
    text-align: right;
  }
  .flatlash-column1__ashbrownimg img {
    width: 200px;
  }

  .flatlash-column1__ashbrowntext1,
  .flatlash-column1__ashbrowntext2,
  .flatlash-column1__ashbrowntext3 {
    margin-left: 240px;
  }

  .flatlash-column1__ashbrowntext1 {
    font-size: 1.5em;
  }

  .flatlash-column1__ashbrowntext2 {
    font-size: 1em;
    line-height: 2;
  }
  .flatlash-column1__ashbrowntext2 br {
    display: inline;
  }

  .flatlash-column1__ashbrowntext3 {
    margin-top: 20px;
    font-size: 1.25em;
  }

  .flatlash-column1__ashbrownbtn {
    position: absolute;
    bottom: 30px;
    right: 20px;
    margin: 0;
  }
}
/* column2 */
.flatlash-column2__img1 {
  float: right;
  width: 40%;
  margin: 0 0 0 10px;
}

@media (min-width: 600px) {
  .flatlash-column2__img1 {
    margin: -35px 0 0 10px;
  }
}
/* column3 */
.flatlash-column3__img1 {
  margin: 20px 0 0;
}
.flatlash-column3__img1 img {
  width: 48%;
}
.flatlash-column3__img1 img:first-child {
  margin-right: 4%;
}

.flatlash-column3__panel {
  margin: 8% 0 0;
  padding: 8% 4% 6%;
  background: #000 url(https://img07.shop-pro.jp/PA01397/731/etc/flatlash-column3-panelbg.jpg) no-repeat 50% 50%/cover;
}

.flatlash-column3__panelimg {
  width: 50%;
  margin: 0 auto;
}
.flatlash-column3__panelimg img {
  width: 100%;
  border: 1px solid #FFF;
}

.flatlash-column3__paneltitle {
  margin: 20px 0 10px;
  color: #FFF;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.flatlash-column3__paneltext {
  color: #FFF;
}

@media (min-width: 600px) {
  .flatlash-column3__panel {
    margin: 50px 0 0;
    padding: 3% 4%;
  }

  .flatlash-column3__panelimg {
    float: right;
    width: 200px;
    margin: -6% 0 10px 5%;
  }
  .flatlash-column3__panelimg img {
    width: 90%;
    transform: rotate(5deg);
    border: none;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  }

  .flatlash-column3__paneltitle {
    margin: 0 0 10px;
    text-align: left;
    line-height: 1.7;
  }
}
@media (min-width: 960px) {
  .flatlash-column3__panel {
    margin: 70px 0 0;
    padding: 3% 5%;
  }

  .flatlash-column3__paneltitle {
    padding: 10px 0 0;
    line-height: 2;
  }

  .flatlash-column3__panelimg {
    width: 240px;
    margin: -6% 0 1px 5%;
  }
}
/* flatlash-present */
.flatlash-present {
  padding: 82% 0 10%;
  border-top: 1px solid #CCC;
  background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatlash-present-bg_sp.jpg) no-repeat center top/100% auto;
}

.flatlash-present__title {
  position: relative;
  text-align: center;
}

.flatlash-present__title::before {
  content: "Present";
  display: block;
  position: absolute;
  top: -2.5em;
  left: 50%;
  padding: 0 15px 12px;
  border-bottom: 2px solid #333;
  font-weight: 600;
  font-size: 1.25em;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.flatlash-present__item {
  margin: 10% 0 0;
}

.flatlash-present__num {
  width: 15%;
  max-width: 60px;
  margin: 0 auto;
}
.flatlash-present__num img {
  width: 100%;
}

.flatlash-present__img {
  max-width: 470px;
  margin: 0 auto;
}
.flatlash-present__img img {
  width: 100%;
}

.flatlash-present__item2 .flatlash-present__img {
  margin: 5% auto 0;
}

.flatlash-present__txt1 {
  max-width: 470px;
  margin: 8% auto 0;
}
.flatlash-present__txt1 img {
  width: 100%;
}

.flatlash-present__txt2 {
  max-width: 470px;
  margin: 4% auto 0;
}
.flatlash-present__txt2 img {
  width: 100%;
}

.flatlash-present__txt3 {
  margin: 5% 0 0;
}

.flatlash-present__txt4 {
  margin: 5% 0 0;
  font-size: 0.85em;
}

@media (min-width: 600px) {
  .flatlash-present {
    padding: 480px 0 80px;
    background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatlash-present-bg_sp.jpg) no-repeat center top/540px auto;
  }

  .flatlash-present__title {
    font-size: 1.75em;
  }

  .flatlash-present__item {
    margin: 70px 0 0;
  }

  .flatlash-present__item2 .flatlash-present__img {
    margin-top: 30px;
  }

  .flatlash-present__txt1 {
    margin-top: 40px;
  }

  .flatlash-present__txt2 {
    margin: 20px auto;
  }

  .flatlash-present__txt3,
  .flatlash-present__txt4 {
    margin-top: 20px;
  }
}
@media (min-width: 960px) {
  .flatlash-present {
    padding: 210px 0 100px;
    background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatlash-present-bg_pc.jpg) no-repeat center top;
  }

  .flatlash-present__title {
    margin: 0 0 70px;
    font-size: 1.5em;
    font-weight: bold;
  }

  .flatlash-present__title::before {
    font-size: 0.85em;
    top: -3.2em;
  }

  .flatlash-present__item {
    margin: 20px 0 0;
  }

  .flatlash-present__top {
    width: 42%;
  }

  .flatlash-present__num {
    margin: 0;
  }

  .flatlash-present__img {
    width: 80%;
    margin: -20px 0 0 20%;
  }

  .flatlash-present__item2 .flatlash-present__img {
    margin: -20px 0 0 20%;
  }

  .flatlash-present__txt {
    width: 52%;
  }

  .flatlash-present__item1 .flatlash-present__txt1 {
    margin-top: 140px;
  }

  .flatlash-present__item2 .flatlash-present__txt1 {
    margin-top: 60px;
  }
}
/* information__list
-------------------- */
.information__list {
  margin: 0 0 50px;
}

.information__item {
  margin: -60px 0 35px;
  padding-top:60px;
  line-height: 1.7;
}

.information__date {
  margin: 0 0 15px;
  padding: 8px 10px;
  background: #EEE;
  font-weight: bold;
}

.information__table{
	width:100%;
	margin:5px 0;
	border-collapse:collapse;
}
.information__table th,
.information__table td{
	padding:10px;
	border:1px solid #999;
	font-size:0.75rem;
	text-align:left;
	vertical-align:middle;
}
.information__tablecolor1{
	background:#BBB;
	font-weight:bold;
}
.information__tablecolor2{
	background:#DDD;
	font-weight:bold;
}
.information__tablecolor3{
	background:#EEE;
}
.informationarchive{
	margin:0 0 70px;
	font-size:0.875rem;
	text-align: right;
}
.informationarchive__btn{
	display:inline-block;
	color: #000;
	text-decoration: none;
}
.informationarchive__btn::before {
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	margin-right:10px;
	background: url(https://img21.shop-pro.jp/PA01397/731/etc/zc2-icon2.png) no-repeat 0 0 / 8px auto;
}
@media (min-width: 600px) {
  .information__list {
    border-top: 1px solid #CCC;
  }

  .information__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: -70px 0 0;
    padding: calc(70px + 3%) 0 3%;
    border-bottom: 1px solid #CCC;
  }

  .information__date {
    width: 10em;
    margin: 0;
    padding: 0;
    background: none;
  }

  .information__detail {
    flex: 1;
    padding: 0 0 0 10px;
  }
	
	.information__table th,
	.information__table td{
		font-size:0.875rem;
	}
  .informationarchive{
	font-size:1rem;
  }
	.informationarchive__btn{

	}
	.informationarchive__btn::before{
		width:10px;
		height:10px;
		background-size: 10px auto;
	}
}
@media (min-width: 960px) {
  .information__item {
    margin: -130px 0 0;
    padding: calc(130px + 3%) 0 3%;
  }
}
/* flatlash line up
-------------------- */
.flatlineup-top {
  margin: calc(5% + 10px) 0 10%;
  text-align: center;
}

.flatlineup-top__catch1 {
  font-size: 0.85em;
  font-size: 4vw;
}

.flatlineup-top__catch2 {
  margin: 10px 0 calc(5% + 10px);
}
.flatlineup-top__catch2 img {
  width: 100%;
  max-width: 676px;
}

.flatlineup-top__list {
  max-width: 1000px;
  margin: 0 auto;
}

.flatlineup-top__item {
  width: 50%;
}

.flatlineup-top__itemimg img {
  width: 70%;
  max-width: 280px;
  margin-bottom: 5%;
}

.flatlineup-top__itemcatch img {
  display: block;
  margin: 0 auto 10px;
  height: 17px;
  height: 5vw;
  max-height: 34px;
}

.flatlineup-top__itemlogo {
  margin: 20px 0 0;
}
.flatlineup-top__itemlogo img {
  display: block;
  margin: 0 auto 7px;
}

.flatlineup-top__itemlogo1 {
  height: 10px;
}

.flatlineup-top__itemlogo2 {
  height: 13px;
}

@media (min-width: 600px) {
  .flatlineup-top__catch1 {
    font-size: 1.25em;
  }

  .flatlineup-top__catch2 {
    margin: 20px 0 40px;
  }
  .flatlineup-top__catch2 img {
    width: 95%;
  }

  .flatlineup-top__itemlogo {
    margin: 30px 0 0;
  }
  .flatlineup-top__itemlogo img {
    display: inline-block;
    margin: 0 5px;
  }

  .flatlineup-top__itemlogo1 {
    height: 12px;
  }

  .flatlineup-top__itemlogo2 {
    height: 16px;
  }
}
@media (min-width: 1280px) {
  .flatlineup-top__itemcatch img {
    display: inline-block;
    margin: 0 5px;
  }
}
/* flatlineup-hikaku --------------- */
.flatlineup-hikaku__title {
  padding: 10px 0;
  background: #222;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

.flatlineup-hikaku__title1 {
  display: inline-block;
  width: 5em;
  margin: 0 10px 0 0;
  padding: 8px 0;
  background: #FFF;
  color: #333;
  font-size: 0.85em;
  text-align: center;
  vertical-align: middle;
}

.flatlineup-hikaku__title2 {
  display: inline-block;
  margin: 5px;
  font-size: 1.25em;
  vertical-align: middle;
}

.flatlineup-hikaku__logo1 {
  width: 25%;
  margin-right: 3%;
}

.flatlineup-hikaku__logo2 {
  width: 40%;
}

@media (min-width: 600px) {
  .flatlineup-hikaku__title {
    padding: 15px 0;
    font-size: 1.25em;
  }
}
/* flatlineup-spec --------------- */
.flatlineup-spec {
  padding: 40px 0 10px;
  background: #EEE;
}

.flatlineup-spec__imgflatlashsablebk,
.flatlineup-spec__imgflatlashsablegb{
  width: 46%;
}

.flatlineup-spec__imgflatlashsablebk {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 7%;
}
.flatlineup-spec__imgflatlashsablebk + img {
  margin-left: 28%;
}

.flatlineup-spec__imgflatlashbk{
  width: 40%;
}


.flatlineup-spec__itemdata {
  position: relative;
  max-width: calc(17em + 170px);
  margin: 6% auto 0;
  padding: 20px 0 15px 15px;
  background: #FFF;
  line-height: 1.2em;
}

.flatlineup-spec__itemdata::before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 14px;
  width: 156px;
  height: 2px;
  background: #333;
}

.flatlineup-spec__itemdata::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 14px;
  width: 14px;
  height: 11px;
  background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatlineup-spec-arrow.png) no-repeat 0 0/14px auto;
}

.flatlineup-spec__itemdatabox {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 10px;
}

.flatlineup-spec__itemdatatitle {
  flex: 0 1 auto;
}

.flatlineup-spec__itemdatanum {
  flex: 0 0 170px;
}
.flatlineup-spec__itemdatanum span,
.flatlineup-spec__itemdatanum strong {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  border: 2px solid #CCC;
  color: #999;
  line-height: 24px;
  text-align: center;
}
.flatlineup-spec__itemdatanum strong {
  background: #000;
  color: #FFF;
}

.flatlineup-spec__itemzoom {
  margin-top: 6%;
}

.flatlineup-spec__itemzoomimg {
  float: left;
  width: 45%;
  margin: 5px 1em 5px 0;
}
.flatlineup-spec__itemzoomimg img {
  width: 100%;
}

.flatlineup-spec__btn {
  clear: both;
  margin: 0;
  padding: 20px 0 0;
}
.flatlineup-spec__btn a {
  margin: 0 5px 10px;
}

@media (min-width: 600px) {
  .flatlineup-spec {
    padding: 70px 0 20px;
  }

  .flatlineup-spec__itemzoom {
    margin-top: 40px;
  }

  .flatlineup-spec__btn {
    clear: none;
    margin: 0;
    padding: 40px 0 0;
    text-align: center;
  }
  .flatlineup-spec__btn a {
    min-width: 300px;
  }
}
@media (min-width: 960px) {
  .flatlineup-spec {
    padding: 100px 0 50px;
  }
	
  .flatlineup-spec__imgflatlashsablebk,
  .flatlineup-spec__imgflatlashsablegb {
    width: 253px;
  }

  .flatlineup-spec__imgflatlashsablebk {
    left: 0;
  }
  .flatlineup-spec__imgflatlashsablebk + img {
    margin-left: 160px;
  }
	
  .flatlineup-spec__imgflatlashbk,
  .flatlineup-spec__imgflatlashgb,
  .flatlineup-spec__imgflatlashsable {
    width: 220px;
  }

  .flatlineup-spec__imgflatlashbk {
    left: 10px;
  }
  .flatlineup-spec__imgflatlashbk + img {
    margin-left: 160px;
  }

  .flatlineup-spec__itemdata {
    margin: 0;
  }

  .flatlineup-spec__itemzoom {
    margin-top: 20px;
  }

  .flatlineup-spec__itemzoomimg {
    width: 200px;
  }

  .flatlineup-spec__btn {
    padding: 10px 0 0;
  }
}

/* flatlineup-btn --------------- */
.flatlineup-btn{
	border-top:1px solid #CCC;
	padding:5% 0 calc(5% + 20px);
}
.flatlineup-btn a{
	position:relative;
	display:block;
	padding:15px 30px 15px 15px;
	border-radius:4px;
	background:#C8A567;
	color:#FFF;
	text-decoration:none;
	line-height:1.5;
}
.flatlineup-btn a::before{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 4px);
	right: 10px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (min-width: 600px) {
	.flatlineup-btn{
		font-size:1.25em;
		text-align:center;
	}
	.flatlineup-btn a{
		display:inline-block;
		padding:20px 25px;
	}
	.flatlineup-btn a::before{
		display:none;
	}
	.flatlineup-btn a::after{
		content:"";
		display: inline-block;
		width: 6px;
		height: 6px;
		margin:0 0 3px 15px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
@media (min-width: 600px) {
	.flatlineup-btn a{
		padding:25px 35px;
	}
}

/* flatlineup-detail --------------- */
.flatlineup-detail {
  padding: 40px 0 30px;
}
.flatlineup-detail__up{
	margin-top:40px;
}
.flatlineup-detail__up h3{
	margin-bottom:20px;
	text-align:center;
}
.flatlineup-detail__up h3 img{
	width:40%;
	max-width:180px;
}
.flatlineup-detail__index{
	margin:40px 0 0;
}
.flatlineup-detail__index h3{
	margin-bottom:20px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.flatlineup-detail__table{
	width:100%;
}
.flatlineup-detail__table table span{
	display:inline-block;
}
.flatlineup-detail__table tr:nth-child(2n) th,
.flatlineup-detail__table tr:nth-child(2n) td{
	background:#DDD;
}
.flatlineup-detail__table th,
.flatlineup-detail__table td{
	padding:10px 5px;
	font-size:0.85em;
	line-height:1.5;
	vertical-align:middle;
	text-align:center;
}
.flatlineup-detail__table .flatlineup-detail__tableth1{
	background:#333;
	color:#FFF;
}
.flatlineup-detail__table .flatlineup-detail__tableth2{
	text-align:left;
}
.flatlineup-detail__table .flatlineup-detail__tablemark{
	font-size:1.25em;
}
.flatlineup-detail__table .flatlineup-detail__tableth2 span,
.flatlineup-detail__table td span{
	font-size:0.75em;
}
.flatlineup-detail__item img{
	padding-bottom:5px;
}
.flatlineup-detail__item p{
	margin:15px 0 0;
}
.flatlineup-detail__box{
	margin:50px 0 0;
}
.flatlineup-detail__title3 {
	margin:50px 0 -20px;
}
.flatlineup-detail__title1 img,
.flatlineup-detail__title2 img,
.flatlineup-detail__title3 img,
.flatlineup-detail__title4 img,
.flatlineup-detail__title5 img{
  height: 24px;
  width: auto;
}
@media (min-width: 600px) {
  .flatlineup-detail {
    padding: 70px 0 50px;
  }
	.flatlineup-detail__up{
		margin-top:50px;
	}
	.flatlineup-detail__up h3{
		margin-bottom:30px;
	}
	.flatlineup-detail__index{
		margin:70px 0 0;
	}
	.flatlineup-detail__index h3{
		margin-bottom:30px;
		font-size:1.3em;
	}
	.flatlineup-detail__table th,
	.flatlineup-detail__table td{
		padding:15px 10px;
		font-size:1em;
	}
	.flatlineup-detail__box{
		margin:70px 0 0;
	}
	.flatlineup-detail__title3 {
		margin:70px 0 -30px;
	}
}
@media (min-width: 960px) {
  .flatlineup-detail {
    padding: 100px 0;
  }
	.flatlineup-detail__up{
		margin-top:70px;
	}
	.flatlineup-detail__index{
		margin:100px 0 0;
	}
	.flatlineup-detail__index h3{
		margin-bottom:50px;
		font-size:1.5em;
	}
	.flatlineup-detail__table{
		max-width:800px;
		margin:20px auto 0;
	}
	.flatlineup-detail__table th,
	.flatlineup-detail__table td{
		padding:15px;
	}
	.flatlineup-detail__table th{
		font-size:1.1em;
	}
	.flatlineup-detail__box{
		margin:100px 0 0;
	}
	.flatlineup-detail__title3 {
		margin:100px 0 -50px;
	}
}

/* flatlineup-voice --------------- */
.flatlineup-voice {
  padding: 40px 0;
  background: #EEE;
}

.flatlineup-voice__intro {
  margin-top: 15px;
}

.flatlineup-voice__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #CCC;
}

.flatlineup-voice__title {
  width: 60%;
  max-width: 420px;
  margin: 0 auto 4%;
}
.flatlineup-voice__title img {
  width: 100%;
}

.flatlineup-voice__img {
  width: 45%;
  max-width: 310px;
  margin: 0 auto;
}
.flatlineup-voice__img img {
  width: 100%;
}

.flatlineup-voice__txt p {
  margin-top: 10px;
}

.flatlineup-voice__catch {
  text-align: center;
}
.flatlineup-voice__catch img {
  height: 20px;
  width: auto;
  margin: 2% 1%;
}

@media (min-width: 600px) {
  .flatlineup-voice {
    padding: 70px 0;
  }

  .flatlineup-voice__intro {
    margin-top: 30px;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .flatlineup-voice__item {
    position: relative;
    margin-top: 40px;
    padding-top: 40px;
  }

  .flatlineup-voice__item::after {
    content: "";
    display: table;
    clear: both;
  }

  .flatlineup-voice__title {
    position: absolute;
    top: 45px;
    left: calc(180px + 5%);
    width: calc(100% - 5% - 180px);
    max-width: 100%;
    margin: 0;
    text-align: center;
  }
  .flatlineup-voice__item_reverse .flatlineup-voice__title {
    left: auto;
    right: calc(180px + 5%);
  }
  .flatlineup-voice__title img {
    width: 200px;
  }

  .flatlineup-voice__img {
    float: left;
    width: 180px;
  }
  .flatlineup-voice__item_reverse .flatlineup-voice__img {
    float: right;
  }

  .flatlineup-voice__txt {
    margin-left: calc(180px + 5%);
    padding-top: 50px;
  }
  .flatlineup-voice__item_reverse .flatlineup-voice__txt {
    margin-left: 0;
    margin-right: calc(180px + 5%);
  }
}
@media (min-width: 960px) {
  .flatlineup-voice {
    padding: 100px 0;
  }

  .flatlineup-voice__intro {
    text-align: center;
  }

  .flatlineup-voice__item {
    width: 31%;
    border-top: none;
  }
}
/* flatlineup-promotion --------------- */
.flatlineup-promotion {
  padding: 40px 0;
}

.flatlineup-promotion__intro {
  margin-top: 15px;
}

.flatlineup-promotion__title {
  height: 24px;
  width: auto;
}

.flatlineup-promotion__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #CCC;
  text-align: center;
}
.flatlineup-promotion__item p {
  margin-top: 15px;
}
.flatlineup-promotion__item .flatlineup-promotion__catch {
  margin: 5px 0 20px;
}
.flatlineup-promotion__item .flatlineup-promotion__catch img {
  height: 24px;
  width: auto;
}

.flatlineup-promotion__sablebook {
  margin: calc(6% + 20px) auto 0;
  padding: calc(5% + 20px) 5%;
  background: #EEE;
}

@media (max-width: 599px) {
  .flatlineup-promotion__intro br {
    display: none;
  }
}
@media (min-width: 600px) {
  .flatlineup-promotion {
    padding: 70px 0;
  }

  .flatlineup-promotion__intro {
    margin-top: 30px;
  }

  .flatlineup-promotion__item .title1 {
    margin-bottom: 15px;
  }
  .flatlineup-promotion__item .flatlineup-promotion__catch {
    margin: 8px 0 30px;
  }

  .flatlineup-promotion__item1 .flatlineup-promotion__catch {
    margin-bottom: calc(30px + 0.6%);
  }
}
@media (min-width: 960px) {
  .flatlineup-promotion {
    margin-bottom: 80px;
    padding: 100px 0;
    border-bottom: 1px dotted #999;
  }

  .flatlineup-promotion__intro {
    text-align: center;
  }

  .flatlineup-promotion__item {
    width: 48%;
    border-top: 0;
  }
  .flatlineup-promotion__item .title1 {
    margin-bottom: 25px;
  }

  .flatlineup-promotion__sablebook {
    margin: 50px auto 0;
    padding: 20px 30px 30px 25px;
    width: 90%;
    max-width: 1140px;
  }
}
@media (min-width: 1280px) {
  .flatlineup-promotion__sablebook {
    padding: 30px 40px;
  }
}
/* flat sable *delete OK*
-------------------- */
.flatsable-topimg img{
  width:100%;
  margin-left:0;
}
@media (min-width: 600px) {
  .flatsable-topimg{
    padding-top:100%;
  }
}
@media (min-width: 960px) {
  .flatsable-topimg{
    padding-top:0;
  }
}

/* flatsable-data *delete OK*
-------------------- */
.flatsable-data{
	padding-bottom:40px;
}
.flatsable-data__item{
	padding:40px 0;
	border-top:1px dotted #000;
	text-align:center;
}
.flatsable-data__item:first-child{
	border-top:none;
}
.flatsable-data__title{
	margin-bottom:10px;
	color:#C7A566;
	font-size:1.25em;
	font-weight:bold;
	line-height:1.5;
}
.flatsable-data__item1 .flatsable-data__number{ font-size:3.5em; line-height:1.05; }
#flatsableData1{
	font-size:2em;
}
.flatsable-data__item2 .flatsable-data__number{ font-size:3em; line-height:1.05; }
.flatsable-data__item2cover{
	display:block;
	font-size:1.17em;
}
#flatsableData2{
	font-size:2em;
}
.flatsable-data__item3 .flatsable-data__number{ font-size:3.5em; line-height:1.05; }
#flatsableData3{
	font-size:2.5em;
}
.flatsable-data__txt1{
	margin-top:15px;
}
.flatsable-data__txt2{
	margin-top:15px;
	font-size:0.75em;
	text-align:left;
}
.flatsable-data__matome{
	margin:0 -3%;
	border:2px solid #C7A566;
	text-align:center;
}
.flatsable-data__matometitle{
	position:relative;
	padding:10px 15px;
	background:#C7A566;
	color:#FFF;
	font-size:1.25em;
	font-weight:bold;
	line-height:1.5;
}
.flatsable-data__matometitle::after{
	content:"";
	position:absolute;
	bottom:-7px;
	left:calc(50% - 20px);
	width:20px;
	height:20px;
	background:#C7A566;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.flatsable-data__matomenumber{
	padding:30px 0 0;
	color:#C7A566;
	font-size:4em;
	line-height:1.05;
}
.flatsable-data__matometxt1{
	padding:10px 5% 0;
}
.flatsable-data__matometxt2{
	padding:15px 5% 30px;
	font-size:0.75em;
	text-align:left;
}
#flatsableData4{
	font-size:2em;
}
@media (min-width: 600px) {
	.flatsable-data{
		padding:20px 0 80px;
	}
	.flatsable-data__item{
		padding:60px 0;
	}
	.flatsable-data__matome{
		margin:0;
	}
	.flatsable-data__matometitle{
		padding:30px 20px;
	}
	.flatsable-data__matomenumber{
		font-size:5em;
	}
	.flatsable-data__matometxt1{
		font-size:1.25em;
	}
	.flatsable-data__matometxt2{
		font-size:0.85em;
		text-align:center;
	}
}
@media (min-width: 600px) and (max-width: 959.99px) {
	.flatsable-data__title{
		font-size:1.5em;
	}
	.flatsable-data__txt1{
		font-size:1.25em;
	}
	.flatsable-data__txt2{
		font-size:0.85em;
		text-align:center;
	}
}
@media (min-width: 960px) {
	.flatsable-data{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:80px 0 100px;
		padding:0;
	}
	.flatsable-data__item{
		width:30%;
		padding:50px 0 0;
	}
	.flatsable-data__item:first-child{
		border-top:1px dotted #000;
	}
	.flatsable-data__title{
		height:4em;
		margin-bottom:0;
	}
	.flatsable-data__item1 .flatsable-data__title br{
		display:none;
	}
	.flatsable-data__number{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		height:4em;
	}
	.flatsable-data__numbercover{
		display:block;
		width:100%;
	}
	.flatsable-data__item2 .flatsable-data__number{
		height:4.6666em;
	}
	.flatsable-data__txt1{
		margin-top:0;
	}
	.flatsable-data__matome{
		width:100%;
		margin-top:60px;
	}
}
/* flatsable-point *delete OK*
-------------------- */
.flatsable-point {
  padding: 40px 0;
  background: #EEE;
}

.flatsable-point__title {
  padding: 10px 5px;
  background: #000;
  color: #FFF;
  font-size: 1.1em;
  text-align: center;
}
.flatsable-point__title img {
  width: 130px;
  margin: 0 0 10px;
}
.flatsable-point__title span {
  display: block;
}
.flatsable-point__title2 {
	margin:50px 0;
  text-align: center;
}
.flatsable-point__title2 span{
	padding:0 10px 15px;
	border-bottom:2px solid #000;
}
.flatsable-point__title2 img {
  height:22px;
  width:auto;
}
.flatsable-point__intro {
  margin: 6% 0;
  text-align: center;
}
.flatsable-point__intro li {
  display: inline-block;
  position: relative;
  width: 45%;
  border-radius: 50%;
}
.flatsable-point__intro li img {
  width: 100%;
}
.flatsable-point__intro .flatsable-point__intro1 {
  margin: 0 27.5% -9%;
  background: rgba(174, 136, 64, 0.2);
}
.flatsable-point__intro .flatsable-point__intro2 {
  margin: 0 -3% 0 0;
  background: rgba(174, 136, 64, 0.5);
}
.flatsable-point__intro .flatsable-point__intro3 {
  margin: 0 0 0 -3%;
  background: rgba(174, 136, 64, 0.9);
}

@media (min-width: 600px) {
  .flatsable-point {
    padding: 70px 0;
  }

  .flatsable-point__title {
    padding: 20px 5px 10px;
    font-size: 1.2em;
  }
  .flatsable-point__title img {
    width: 160px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .flatsable-point__title span {
    display: inline-block;
  }
  .flatsable-point__title2{
	  margin:70px 0;
  }
  .flatsable-point3 + .flatsable-point__title2{
	  margin-top:100px;
  }
  .flatsable-point__title2 img {
    height:34px;
  }
  .flatsable-point__intro li {
    width: 30%;
    max-width: 180px;
  }
  .flatsable-point__intro .flatsable-point__intro1,
  .flatsable-point__intro .flatsable-point__intro2,
  .flatsable-point__intro .flatsable-point__intro3 {
    margin: 0 1%;
  }
}
@media (min-width: 960px) {
  .flatsable-point {
    padding: 100px 0;
  }

  .flatsable-point__title {
    padding: 25px 5px 15px;
    font-size: 1.5em;
  }

  .flatsable-point__intro {
    margin: 50px 0 -30px;
  }
}
/* flatsable-point__item */
.flatsable-point__item p {
  margin: 0 0 15px;
}

.flatsable-point__itemtitle {
  position: relative;
  margin: 30px 0 15px;
  padding-bottom: 20px;
  font-size: 0.85em;
  line-height: 1.5;
}
.flatsable-point__itemtitle::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.flatsable-point__itemtitle::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  right: -5px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.flatsable-point1 .flatsable-point__itemtitle::before {
  background-image: url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable-point-num1.png);
}
.flatsable-point2 .flatsable-point__itemtitle::before {
  background-image: url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable-point-num2.png);
}
.flatsable-point3 .flatsable-point__itemtitle::before {
  background-image: url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable-point-num3.png);
}
.flatsable-point__itemtitle span {
  display: block;
  width: calc(100% - 50px);
}
.flatsable-point__itemtitle img {
  height: 20px;
  width: auto;
  max-width: 100%;
  margin-top: 7px;
}

@media (min-width: 600px) {
  .flatsable-point__itemtitle {
    margin: 50px 0 30px;
    font-size: 1em;
  }
  .flatsable-point__itemtitle img {
    height: 28px;
    margin-top: 10px;
  }
}
@media (min-width: 960px) {
  .flatsable-point__item p {
    margin: 0 0 20px;
  }

  .flatsable-point__itemtitle {
    margin: 70px 0 30px;
    padding-bottom: 30px;
    font-size: 1.25em;
  }
  .flatsable-point__itemtitle::before {
    width: 80px;
    height: 80px;
    bottom: 30px;
    right: 10px;
  }
  .flatsable-point__itemtitle img {
    height: 35px;
    margin-top: 15px;
  }
}
/* flatsable-point1 */
@media (min-width: 960px) {
  .flatsable-point1 {
    position: relative;
  }
  .flatsable-point1 p {
    float: right;
    width: 48%;
  }
  .flatsable-point1 p.flatsable-point1__img {
    float: left;
  }
}
/* flatsable-point2 */
.flatsable-point2__cutitem + .flatsable-point2__cutitem {
  margin-top: 20px;
}

.flatsable-point2__cut1 {
  width: 100%;
  margin-bottom: 4%;
}

.flatsable-point2__cut2 {
  float: left;
  width: 48%;
}

.flatsable-point2__cut3 {
  float: right;
  width: 48%;
}

@media (min-width: 600px) {
  .flatsable-point2__cutitem + .flatsable-point2__cutitem {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .flatsable-point2__cutitem + .flatsable-point2__cutitem {
    margin-top: 0;
  }

  .flatsable-point2__cutitem {
    width: 48%;
  }
}
/* flatsable-point3 */
.flatsable-point3__look {
  margin: 30px 0;
}
.flatsable-point3__look h4 {
  margin: 30px 0 15px;
  font-size: 1.1em;
}
.flatsable-point3__look h4::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: #000;
}

.flatsable-point3__pocket {
  margin-top: 50px;
  padding: calc(5% + 10px) 5% 5%;
  background: #FFF;
}
.flatsable-point3__pocket h4 {
  margin: 0 0 10px;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.flatsable-point3__pocketimg p {
  font-size: 0.85em;
  line-height: 1.3;
  text-align: center;
}
.flatsable-point3__pocketimg img {
  width: 100%;
  margin-bottom: 5px;
}

.flatsable-point3__pocketimg2 {
  float: left;
  width: 48%;
}

.flatsable-point3__pocketimg3 {
  float: right;
  width: 48%;
}

@media (min-width: 600px) {
  .flatsable-point3__look h4 {
    margin: 40px 0 20px;
  }

  .flatsable-point3__pocket h4 {
    font-size: 1.25em;
  }

  .flatsable-point3__pocketimg1 {
    overflow: hidden;
    float: left;
    width: 63%;
  }
  .flatsable-point3__pocketimg1 img {
    width: 130%;
    margin-left: -15%;
  }

  .flatsable-point3__pocketimg2,
  .flatsable-point3__pocketimg3 {
    float: right;
    width: 34.5%;
  }
}
@media (min-width: 960px) {
  .flatsable-point3__taper {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .flatsable-point3__taperitem {
    width: 48%;
  }

  .flatsable-point3__lookitem {
    width: 48%;
  }
  .flatsable-point3__lookitem h4 {
    margin-top: 10px;
  }

  .flatsable-point3__pocket {
    padding: 40px 40px 15px;
  }
  .flatsable-point3__pocket h4 {
    margin-bottom: 25px;
  }

  .flatsable-point3__pockettxt {
    width: 32%;
  }

  .flatsable-point3__pocketimg {
    width: 64%;
  }
}

/* flatsable-easy *delete OK*
-------------------- */
.flatsable-easyintro p{
	margin-bottom:15px;
}
.flatsable-easyhikaku{
	margin:30px 0 0;
	border-top:1px dotted #000;
}
.flatsable-easyhikaku__item{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding:20px 0;
	border-bottom:1px dotted #000;
}
.flatsable-easyhikaku__img{
	width:30%;
}
.flatsable-easyhikaku__img img{
	width:100%;
	border-radius:100%;
}
.flatsable-easyhikaku__txt{
	width:65%;
}
.flatsable-easyhikaku__txt h4{
	display:inline-block;
	padding:5px 10px;
	background:#000;
	color:#FFF;
	font-size:0.85em;
}
.flatsable-easyhikaku__txt h4 span{
	font-size:1.5em;
}
.flatsable-easyhikaku__txt p{
	margin:10px 0 0;
	font-size:0.85em;
}
.flatsable-easyhikaku__txt img{
	width:100%;
	max-width:220px;
	margin-top:5px;
}
.flatsable-easyhikaku__note{
	margin-top:20px;
	font-size:0.85em;
	text-align:right;
}
@media (min-width: 960px) {
	.flatsable-easy{
		margin:60px 0 80px;
	}
	.flatsable-easyintro{
		width:48%;
	}
	.flatsable-easyhikaku{
		width:48%;
		margin:0;
		border:none;
	}
	.flatsable-easyhikaku__item{
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		padding:0 0 15px;
		border:none;
	}
	.flatsable-easyhikaku__img{
		width:120px;
	}
	.flatsable-easyhikaku__txt{
		width:calc(100% - 150px);
	}
}
/* flatsable-movie *delete OK*
-------------------- */
.flatsable-movie{
	margin-top: 60px;
	border-top:1px solid #000;
}
.flatsable-movie__title{
	margin-bottom:25px;
	text-align:center;
}
.flatsable-movie__title span{
	position:relative;
	display:inline-block;
	margin-top:-16px;
	padding:0 20px;
	background:#EEE;
}
.flatsable-movie__title img{
	height:28px;
	width:auto;
}
@media (min-width: 600px) {
	.flatsable-movie{
		margin-top: 100px;
	}
	.flatsable-movie__title{
		margin-bottom:50px;
	}
	.flatsable-movie__title span{
		margin-top:-20px;
		padding:0 40px;
	}
	.flatsable-movie__title img{
		height:40px;
	}
}
@media (min-width: 960px) {
	.flatsable-movie{
		padding:0 50px 40px;
		border:1px solid #000;
	}
	.flatsable-movie__container{
		max-width:960px;
		margin:0 auto;
	}
}
/* flatsable-products *delete OK*
-------------------- */
.flatsable-products {
  padding: 40px 0 20px;
}

.flatsable-products__title {
  padding: 20px 5px;
  background: #000;
  color: #FFF;
  font-size: 1.1em;
  text-align: center;
}

.flatsable-products__logo1 {
  width: 25%;
  margin-right: 3%;
}

.flatsable-products__logo2 {
  width: 40%;
}

.flatsable-products__imgflatlashsable {
  width: 40%;
}

@media (min-width: 600px) {
  .flatsable-products {
    padding: 70px 0 20px;
  }

  .flatsable-products__title {
    font-size: 1.2em;
  }
}
@media (min-width: 960px) {
  .flatsable-products {
    padding: 100px 0 40px;
  }

  .flatsable-products__title {
    padding: 25px 5px;
    font-size: 1.5em;
  }

  .flatsable-products__imgflatlashsable {
    width: 220px;
  }
}
/* flatsable-promotion * delete OK *
-------------------- */
@media (min-width: 960px) {
  .flatsable-promotion {
    padding-bottom: 100px;
    border-bottom: 1px dotted #999;
  }
}
/* flatsable-promotion1 * delete OK *
-------------------- */
.flatsable-promotion1 {
  margin: 0 auto;
  padding: calc(5% + 20px) 5% 0;
  background: #EEE;
}

.flatsable-promotion__intro {
  margin: 0 0 30px;
}
.flatsable-promotion__intro h2 {
  margin: 0 0 15px;
  text-align: center;
}
.flatsable-promotion__intro img {
  height: 23px;
  height: 6vw;
  max-height: 45px;
}

.flatsable-promotion__panel {
  position: relative;
  padding: 0 0 calc(5% + 20px);
  border-bottom: 1px solid #000;
}

.flatsable-promotion__panel1 {
  text-align: center;
}
.flatsable-promotion__panel1 img {
  width: 57.3%;
  max-width: 330px;
}

.flatsable-promotion__panel2 {
  margin: 10px 0 20px;
  text-align: center;
}
.flatsable-promotion__panel2 img {
  height: 23px;
  height: 6vw;
  max-height: 37px;
  width: auto;
}

.flatsable-promotion__panel3 {
  width: 45%;
  margin: 0 auto;
  text-align: center;
}
.flatsable-promotion__panel3 img {
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 959px) {
  .flatsable-promotion__intro h2 br,
  .flatsable-promotion__panel2 br {
    display: none;
  }
}
@media (min-width: 960px) {
  .flatsable-promotion1 {
    padding: 45px 40px 0;
    width: 90%;
    max-width: 1140px;
  }

  .flatsable-promotion__intro {
    margin: 0;
    flex: 2 0 200px;
  }
  .flatsable-promotion__intro h2 {
    margin: 0;
    text-align: left;
  }
  .flatsable-promotion__intro img {
    height: 40px;
    height: 3.5vw;
    margin-bottom: 20px;
  }

  .flatsable-promotion__panel {
    flex: 1 0 510px;
    height: 330px;
    margin-left: 3%;
  }

  .flatsable-promotion__panel1 {
    text-align: left;
  }

  .flatsable-promotion__panel2 {
    margin-top: 15px;
    text-align: left;
  }
  .flatsable-promotion__panel2 img {
    margin-bottom: 10px;
  }

  .flatsable-promotion__panel3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .flatsable-promotion1 {
    padding: 55px 50px 0;
  }

  .flatsable-promotion__intro {
    margin: 0;
  }

  .flatsable-promotion__panel {
    flex: 1 0 530px;
    height: 390px;
    margin-left: 8%;
  }

  .flatsable-promotion__panel3 {
    width: 240px;
  }
}
/* flatsable-promotion2 * delete OK *
-------------------- */
.flatsable-promotion2 {
  margin: 0 auto;
  padding: calc(5% + 20px) 5%;
  background: #EEE;
}

.flatsable-book__img {
  margin: 10px 0;
  text-align: center;
}
.flatsable-book__img img {
  width: 45%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.flatsable-book__title {
  margin-bottom: 5%;
  text-align: center;
}

.flatsable-book__title1 img {
  width: 95%;
  max-width: 488px;
}

.flatsable-book__title2 {
  margin: 4% 0 8px;
}
.flatsable-book__title2 img {
  width: 50%;
  max-width: 288px;
}

.flatsable-book__title3 img {
  width: 80%;
  max-width: 424px;
}

.flatsable-book__txt1 {
  margin-bottom: 15px;
}

.flatsable-book__txt2 {
  text-align: center;
}

@media (max-width: 959px) {
  .flatsable-book {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .flatsable-book__img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    order: 3;
  }

  .flatsable-book__title {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
  }

  .flatsable-book__txt1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    order: 2;
  }

  .flatsable-book__txt2 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 4;
    order: 4;
  }
}
@media (min-width: 960px) {
  .flatsable-promotion2 {
    padding: 20px 30px 30px 25px;
    width: 90%;
    max-width: 1140px;
  }

  .flatsable-book__img {
    float: left;
    padding: 25px 0 0 3%;
  }
  .flatsable-book__img img {
    width: 200px;
    transform: rotate(-5deg);
  }

  .flatsable-book__title,
  .flatsable-book__txt1,
  .flatsable-book__txt2 {
    margin-left: calc(200px + 9%);
  }

  .flatsable-book__title {
    margin-bottom: 20px;
    padding-top: 30px;
    text-align: left;
  }

  .flatsable-book__title2 {
    margin: 20px 0 8px;
  }

  .flatsable-book__txt2 {
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .flatsable-promotion2 {
    padding: 30px 40px 50px;
  }

  .flatsable-book__img {
    padding: 10px 0 0 4%;
  }
  .flatsable-book__img img {
    width: 240px;
  }

  .flatsable-book__title,
  .flatsable-book__txt1,
  .flatsable-book__txt2 {
    margin-left: calc(240px + 11%);
  }

  .flatsable-book__title {
    padding-top: 25px;
  }
}
/* flatsable-other * delete OK *
-------------------- */
.flatsable-other {
  padding: 50px 0 20px;
  border-bottom: 1px dotted #000;
}

.flatsable-other__title {
  padding: 20px 5px;
  background: #EEE;
  font-size: 1.1em;
  text-align: center;
}

.flatsable-other__logo1 {
  width: 25%;
  margin-right: 3%;
}

.flatsable-other__logo2 {
  width: 40%;
}

.flatsable-other__imgflatlashbk {
  width: 40%;
}

@media (min-width: 600px) {
  .flatsable-other {
    padding: 70px 0 20px;
  }

  .flatsable-other__title {
    font-size: 1.2em;
  }
}
@media (min-width: 960px) {
  .flatsable-other {
    padding: 100px 0 40px;
  }

  .flatsable-other__title {
    padding: 22px 5px;
    font-size: 1.4em;
  }

  .flatsable-other__imgflatlashbk,
  .flatsable-other__imgflatlashgb {
    width: 220px;
  }

  .flatsable-other__imgflatlashbk {
    left: 10px;
  }
  .flatsable-other__imgflatlashbk + img {
    margin-left: 160px;
  }
}
/* flat sable 2
-------------------- */
.flatsable2-basetitle01{
  text-align:center;
}
.flatsable2-basetitle01 img{
  width:auto;
  height:25px;
}
.flatsable2-basetitle02{
  text-align:center;
}
.flatsable2-basetitle02 img{
  width:auto;
  height:20px;
}
.flatsable2-basetxt01{
  margin-top:30px;
  font-size:1rem;
  letter-spacing:0.1em;
  text-align:center;
  line-height:1.7;
}
.flatsable2-basetxt01 span{
  display:inline-block;
}
.flatsable2-basetxt02{
  margin-top:30px;
  font-size:0.875rem;
  letter-spacing:0.1em;
  text-align:center;
}
.flatsable2-btn,
a.flatsable2-btn{
  display:inline-block;
  width:100%;
  max-width:320px;
  padding:15px 5px;
  border:1px solid #333;
  color:#333;
  text-decoration:none;
  text-align:center;
}
@media (min-width: 600px) {
  .flatsable2-basetitle01 img{
    height:40px;
  }
  .flatsable2-basetitle02 img{
    height:32px;
  }
  .flatsable2-basetxt01{
    font-size:1.125rem;
  }
  .flatsable2-basetxt02{
    font-size:1rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-basetxt01{
    font-size:1.25rem;
  }
  .flatsable2-btn a,
  a.flatsable2-btn{
    background-color:rgba(0,0,0,0);
    transition:background-color 0.5s ease;
  }
  .flatsable2-btn a:hover,
  a.flatsable2-btn:hover{
    background-color:rgba(0,0,0,0.1)
  }
}
/* flatsable2-topimg */
.flatsable2-topimg{
  position:relative;
  padding-top:133%;
  background:#cfcdcb url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable2-top_sp.jpg) no-repeat center center / 100% auto;
}
.flatsable2-topimg__title{
  position:absolute;
  bottom:48%;
  left:0;
  width:100%;
  text-align:center;
}
.flatsable2-topimg__title img{
  width:72%;
  max-width:513px;
}
.flatsable2-topimg__catch{
  position:absolute;
  top:56%;
  left:3%;
  width:94%;
  font-size:0.75rem;
  font-size:3.1vw;
  letter-spacing:0.1em;
  text-align:center;
  text-shadow: 
    #cfcdcb 2px 0px,  #cfcdcb -2px 0px,
    #cfcdcb 0px -2px, #cfcdcb 0px 2px,
    #cfcdcb 2px 2px , #cfcdcb -2px 2px,
    #cfcdcb 2px -2px, #cfcdcb -2px -2px,
    #cfcdcb 1px 2px,  #cfcdcb -1px 2px,
    #cfcdcb 1px -2px, #cfcdcb -1px -2px,
    #cfcdcb 2px 1px,  #cfcdcb -2px 1px,
    #cfcdcb 2px -1px, #cfcdcb -2px -1px;
}
@media (min-width: 600px) {
  .flatsable2-topimg{
    padding:0;
    height:600px;
    background:#c9c9c5 url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable2-top_pc.jpg) no-repeat center center / cover;
  }
  .flatsable2-topimg__title{
    bottom:50%;
  }
  .flatsable2-topimg__title img{
    width:300px;
  }
  .flatsable2-topimg__catch{
    top:54%;
    font-size:0.875rem;
    text-shadow:#c9c9c5 0 0 5px, #c9c9c5 0 0 5px, #c9c9c5 0 0 5px, #c9c9c5 0 0 5px, #c9c9c5 0 0 10px, #c9c9c5 0 0 10px, #c9c9c5 0 0 10px, #c9c9c5 0 0 10px;
  }
}
@media (min-width: 960px) {
  .flatsable2-topimg{
    padding-top: 47.8%;
    height:auto;
  }
  .flatsable2-topimg__title img{
    width:32%;
  }
  .flatsable2-topimg__catch{
    top:56%;
    font-size:1rem;
  }
}
/* flatsable2-first */
.flatsable2-first{
  padding:calc(8% + 40px) 0 0;
}
.flatsable2-first__list{
  display: -webkit-box;
	display: -webkit-flex;
	display: flex;
  margin:8% -2%;
}
.flatsable2-first__list li{
  position:relative;
  width:25%;
  padding-bottom:6%;
  text-align:center;
}
.flatsable2-first__list li::after{
  content:"";
  position:absolute;
  bottom:0;
  left:28%;
  width:44%;
  height:3px;
}
.flatsable2-first__black::after{ background:#000; }
.flatsable2-first__gray::after{ background:#91908d; }
.flatsable2-first__dark::after{ background:#534741; }
.flatsable2-first__burgundy::after{ background:#ad1828; }
.flatsable2-first__list a{
  display:block;
  color:#333;
  text-decoration:none;
}
.flatsable2-first__list span{
  display:block;
}
.flatsable2-first__img img{
  width:100%;
  max-width:156px;
}
.flatsable2-first__en{
  margin:25% 0 10px;
}
.flatsable2-first__en img{
  width:auto;
  height:3vw;
  max-height:20px;
}
.flatsable2-first__name{
  font-size:0.375rem;
}
@media (min-width: 600px) {
  .flatsable2-first__list{
    width:100%;
    max-width:960px;
    margin:8% auto;
  }
  .flatsable2-first__list li{
    padding-bottom:calc(3% + 20px);
  }
  .flatsable2-first__list li::after{
    left:calc(50% - 30px);
    width:60px;
    height:5px;
  }
  .flatsable2-first__en{
    margin:24% 0 15px;
  }
  .flatsable2-first__name{
    font-size:0.75rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-first{
    padding:120px 0 0;
  }
  .flatsable2-first__list{
    margin:70px auto;
  }
}
/* flatsable2-point */
.flatsable2-point{
  display: flex;
  justify-content: center;
  align-items: center;
  width:92%;
  margin: calc(8% + 40px) auto 0;
  padding: 115px 8.6%;
  background:#f1f1f1;
}
.flatsable2-point__vabel{
  display:none;
}
.flatsable2-point .flatsable2-basetxt01{
  margin-top:40px;
}
.flatsable2-point__txt{
  margin-top:20px;
  font-size:0.875rem;
}
@media (max-width: 599.99px) {
  .flatsable2-point__txt br{
    display:none;
  }
}
@media (min-width: 600px) {
  .flatsable2-point .flatsable2-basetxt01{
    margin-top:50px;
  }
  .flatsable2-point__txt{
    margin-top:30px;
    font-size:1em;
    text-align:center;
  }
}
@media (min-width: 960px) {
  .flatsable2-point{
    position:relative;
    width:87.5%;
    max-width:1400px;
    margin-top:140px;
    padding: 200px 0;
  }
  .flatsable2-point__vabel{
    display:block;
    position:absolute;
    top:0;
    left:calc(-3.57% - 10px);
    width:20px;
    height:100%;
  }
  .flatsable2-point__vabel::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:1px;
    height:100%;
    background:#333;
  }
  .flatsable2-point__vabel img{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:100%;
  }
}
@media (min-width: 1280px) {
  .flatsable2-point__vabel{
    left:calc(-3% - 10px);
  }
}
/* flatsable2-per */
.flatsable2-per{
  margin-top:calc(8% + 40px);
  padding:8% 5% 430px;
  background:#e0eaf2 url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable2-keep-bg_sp.jpg) no-repeat center bottom / 500px auto;
}
.flatsable2-per__txt1{
  margin:6% 0;
  text-align:center;
}
.flatsable2-per__txt1 img{
  width:62%;
  max-width:436px;
}
.flatsable2-per__txt2{
  font-size:1.25rem;
  text-align:center;
}
@media (min-width: 500px) {
  .flatsable2-per{
    padding-bottom:85%;
    background-size:100% auto;
  }
}
@media (min-width: 600px) {
  .flatsable2-per__txt2{
    font-size:1.75rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-per{
    margin-top:140px;
    padding:100px 0 140px;
    background:#e0eaf2 url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable2-keep-bg_pc.jpg) no-repeat 50% 50% / cover;
  }
  .flatsable2-per .flatsable2-basetxt01{
    margin:0 5% 0 52.5%;
    text-align:left;
  }
  .flatsable2-per__txt1{
    margin:50px 0 0 52.5%;
    text-align:left;
  }
  .flatsable2-per__txt2{
    margin:50px 5% 0 52.5%;
    text-align:left;
  }
}
@media (min-width: 1280px) {
  .flatsable2-per{
    padding:140px 0 180px;
  }
  .flatsable2-per__txt2{
    font-size:2rem;
  }
}
/* flatsable2-pernote */
.flatsable2-pernote{
  margin:5% 5% 0;
  font-size:0.75rem;
}
@media (min-width: 960px) {
  .flatsable2-pernote{
    position:relative;
    margin:0;
  }
  .flatsable2-pernote p{
    position:absolute;
    bottom:40px;
    right:40px;
  }
}
/* flatsable2-point1 */
/* flatsable2-point2 */
/* flatsable2-point3 */
.flatsable2-point1,
.flatsable2-point2,
.flatsable2-point3{
  margin-top:calc(8% + 40px);
}
.flatsable2-point1__imgcontainer,
.flatsable2-point3__imgcontainer{
  position:relative;
  margin-left:8%;
}
.flatsable2-point2__imgcontainer{
  position:relative;
  margin-right:8%;
}
.flatsable2-point1__vlabel,
.flatsable2-point3__vlabel{
  position:absolute;
  top:0;
  left:calc(-4% - 6px);
}
.flatsable2-point2__vlabel{
  position:absolute;
  top:0;
  right:calc(-4% - 6px);
}
.flatsable2-point1__vlabel img,
.flatsable2-point2__vlabel img,
.flatsable2-point3__vlabel img{
  width:12px;
}
.flatsable2-point1__img{
  padding:12% 0;
  background:#eff3e7;
  text-align: center;
}
.flatsable2-point2__img{
  overflow:hidden;
  background:#eee;
  text-align: center;
}
.flatsable2-point3__img{
  padding:12% 0;
  background:#f3eef5;
  text-align: center;
}
.flatsable2-point1__img img,
.flatsable2-point3__img img{
  width:93%;
  max-width:640px;
}
.flatsable2-point2__img img{
  width:100%;
}
.flatsable2-point2__img1{
  float:left;
  overflow:hidden;
  width:100%;
}
.flatsable2-point2__img1 img{
  margin:-20% 0;
}
.flatsable2-point2__img2,
.flatsable2-point2__img3{
  float:left;
  width:50%;
}
.flatsable2-point1__header,
.flatsable2-point3__header{
  position:relative;
  margin-top:-40px;
  margin-left:17%;
}
.flatsable2-point2__header{
  position:relative;
  margin-top:10%;
  margin-left:17%;
}
.flatsable2-point1__number img,
.flatsable2-point2__number img,
.flatsable2-point3__number img{
  width:auto;
  height:76px;
}
.flatsable2-point1__title,
.flatsable2-point2__title,
.flatsable2-point3__title{
  margin-top:15px;
  font-size:1.125rem;
  letter-spacing: 0.01em;
  line-height:1.7;
}
.flatsable2-point1__body,
.flatsable2-point2__body,
.flatsable2-point3__body{
  margin:25px 8% 0;
  font-size:0.875rem;
}
.flatsable2-point1__body p,
.flatsable2-point2__body p,
.flatsable2-point3__body p{
  margin-top:15px;
}
.flatsable2-point1__link::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 8px 3px 0;
  border-top:1px solid #333;
  border-right:1px solid #333;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  vertical-align:middle;
}
@media (min-width: 600px) {
  .flatsable2-point1__vlabel,
  .flatsable2-point3__vlabel{
    left:calc(-4% - 10px);
  }
  .flatsable2-point2__vlabel{
    right:calc(-4% - 10px);
  }
  .flatsable2-point1__vlabel img,
  .flatsable2-point2__vlabel img,
  .flatsable2-point3__vlabel img{
    width:20px;
  }
  .flatsable2-point1__img{
    padding:0;
  }
  .flatsable2-point3__img{
    padding:0;
  }
  .flatsable2-point1__img img,
  .flatsable2-point3__img img{
    width:80%;
  }
  .flatsable2-point2__img1{
    width:56.818182%;
  }
  .flatsable2-point2__img1 img{
    margin:0;
  }
  .flatsable2-point2__img2,
  .flatsable2-point2__img3{
    width:43.181818%;
  }
  .flatsable2-point1__header,
  .flatsable2-point3__header{
    margin-top:-30px;
  }
  .flatsable2-point2__header{
    margin-top:-30px;
    margin-left:8%;
  }
  .flatsable2-point1__number img,
  .flatsable2-point2__number img,
  .flatsable2-point3__number img{
    height:114px;
  }
  .flatsable2-point1__title,
  .flatsable2-point2__title,
  .flatsable2-point3__title{
    margin-top:25px;
    font-size:1.5rem;
  }
  .flatsable2-point1__body,
  .flatsable2-point2__body,
  .flatsable2-point3__body{
    margin:35px 8% 0;
    font-size:1rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-point1,
  .flatsable2-point2,
  .flatsable2-point3{
    position:relative;
    max-width:1600px;
    margin:140px auto 0;
  }
  .flatsable2-point1::after,
  .flatsable2-point2::after,
  .flatsable2-point3::after{
    content:"";
    clear:both;
    display:table;
  }
  .flatsable2-point1__imgcontainer{
    width:75%;
    max-width:880px;
    margin:0 auto;
  }
  .flatsable2-point2__imgcontainer{
    width:75%;
  }
  .flatsable2-point3__imgcontainer{
    width:75%;
    margin-left:25%;
  }
  .flatsable2-point1__vlabel,
  .flatsable2-point3__vlabel{
    left:-40px;
  }
  .flatsable2-point2__vlabel{
    right:-40px;
  }
  .flatsable2-point1__header,
  .flatsable2-point2__header,
  .flatsable2-point3__header{
    position:relative;
    width:84%;
    max-width:1120px;
    margin:0 auto;
  }
  .flatsable2-point1__number,
  .flatsable2-point2__number,
  .flatsable2-point3__number{
    position:absolute;
    top:-60px;
    left:0;
  }
  .flatsable2-point1__number img,
  .flatsable2-point2__number img,
  .flatsable2-point3__number img{
    height:152px;
  }
  .flatsable2-point1__title,
  .flatsable2-point2__title,
  .flatsable2-point3__title{
    position:absolute;
    top:92px;
    left:0;
    margin-top:40px;
  }
  .flatsable2-point1__body,
  .flatsable2-point2__body,
  .flatsable2-point3__body{
    width:84%;
    max-width:1120px;
    margin:50px auto 0;
  }
  .flatsable2-point1__body p,
  .flatsable2-point2__body p,
  .flatsable2-point3__body p{
    padding:0 0 0 25em;
  }
}
@media (min-width: 1280px) {
  .flatsable2-point2__imgcontainer{
    float:left;
    width:55%;
  }
  .flatsable2-point3__imgcontainer{
    float:right;
    width:55%;
    margin-left:0;
  }
  .flatsable2-point1__vlabel,
  .flatsable2-point3__vlabel{
    left:-55px;
  }
  .flatsable2-point2__vlabel{
    right:-55px;
  }
  .flatsable2-point2__header{
    width:25%;
    margin:0 0 0 60%;
  }
  .flatsable2-point3__header{
    width:25%;
    margin:0 auto 0 15%;
  }
  .flatsable2-point1__number{
    top:-122px;
  }
  .flatsable2-point2__number,
  .flatsable2-point3__number{
    position:static;
  }
  .flatsable2-point1__title{
    top:30px;
  }
  .flatsable2-point2__title,
  .flatsable2-point3__title{
    position:static;
  }
  .flatsable2-point1__body{
    margin-top:70px;
  }
  .flatsable2-point2__body{
    width:25%;
    margin:60px 0 0 60%;
  }
  .flatsable2-point3__body{
    position:absolute;
    left:15%;
    width:34%;
    margin:60px 0 0;
  }
  .flatsable2-point1__body p{
    padding:0 12em 0 25em;
  }
  .flatsable2-point2__body p,
  .flatsable2-point3__body p{
    padding:0;
  }
}

/* flatsable2-pocket */
.flatsable2-pocket{
  margin:calc(8% + 40px) 0 0;
  padding:calc(8% + 30px) 5%;
  background:#eeeeee;
}
.flatsable2-pocket__catch{
  font-size:1.125rem;
  letter-spacing:0.01em;
  text-align:center;
}
.flatsable2-pocket__catch span{
  display:inline-block;
}
.flatsable2-pocket__img{
  overflow:hidden;
  margin-top:30px;
}
.flatsable2-pocket__img img{
  width:100%;
}
.flatsable2-pocket__img1{
  overflow:hidden;
  float:left;
  width:100%;
  margin-bottom:1%;
}
.flatsable2-pocket__img1 img{
  margin:-10% 0;
}
.flatsable2-pocket__img2{
  float:left;
  width:49.5%;
}
.flatsable2-pocket__img3{
  float:left;
  width:49.5%;
  margin-left:1%;
}
.flatsable2-pocket__txt{
  margin-top:20px;
  font-size:0.875rem;
}
@media (min-width: 600px) {
  .flatsable2-pocket{
    padding:calc(8% + 40px) 8%;
  }
  .flatsable2-pocket__catch{
    font-size:1.25rem;
  }
  .flatsable2-pocket__img1{
    float:left;
    width: 55.555556%;
    margin:0 1.385% 0 0;
  }
  .flatsable2-pocket__img1 img{
    margin:0;
  }
  .flatsable2-pocket__img2{
    width:43.055556%;
    margin:0;
  }
  .flatsable2-pocket__img3{
    width:43.055556%;
    margin:1.385% 0 0 0;
  }
  .flatsable2-pocket__txt{
    font-size:1em;
  }
}
@media (min-width: 960px) {
  .flatsable2-pocket{
    width:95%;
    margin:140px auto;
    padding:100px 0;
    background:#eeeeee;
  }
  .flatsable2-pocket__container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
  }
  .flatsable2-pocket__container::after{
    content:"";
    clear:both;
    display:table;
  }
  .flatsable2-pocket__catch{
    margin:0 0 0 65%;
    text-align:left;
  }
  .flatsable2-pocket__img{
    float:left;
    width:60%;
    margin-top:-5em;
  }
  .flatsable2-pocket__txt{
    margin:40px 0 0 65%;
  }
}
/* flatsable2-detail */
.flatsable2-detailheader{
  margin:calc(8% + 40px) 0 0;
}
.flatsable2-detail{
  margin-top:50px;
}
.flatsable2-detail__tab{
  height:60px;
  text-align:center;
}
.flatsable2-detail__tab li{
  display:inline-block;
  width:31%;
  max-width:300px;
  height:60px;
  border-radius:4px 4px 0 0 / 4px 4px 0 0;
  background:#f6f6f6;
}
.flatsable2-detail__tab label{
  display:block;
  width:100%;
  height:100%;
  padding-top:24px;
}
.flatsable2-detail__tab img{
  width:auto;
  height:11px;
}
.flatsable2-detail__contents{
  padding:6% 0 calc(6% + 40px);
  background:#e6e6e6;
}
@media (min-width: 600px) {
  .flatsable2-detail__tab{
    height:70px;
  }
  .flatsable2-detail__tab li{
    margin:0 2px;
    border-radius:8px 8px 0 0 / 8px 8px 0 0;
    height:70px;
  }
  .flatsable2-detail__tab img{
    height:22px;
  }
}
@media (min-width: 960px) {
  .flatsable2-detail__contents{
    padding:60px 0 100px;
  }
  
}
/* flatsable2-detailsize */
.flatsable2-detailsize{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.flatsable2-detailsize__nagasalist{
  margin:30px 0 50px;
}
.flatsable2-detailsize__nagasalist img{
  width:100%;
}
.flatsable2-detailsize__futosa{
  margin-top:60px;
}
.flatsable2-detailsize__futosalist{
  display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.flatsable2-detailsize__futosalist li{
  width:33.33%;
  margin-top:30px;
}
.flatsable2-detailsize__futosalist img{
  width:100%;
}
.flatsable2-detailsize__btn{
  margin-top:50px;
  text-align: center;
}
@media (min-width: 960px) {
  .flatsable2-detailsize{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
  }
  .flatsable2-detailsize__nagasa{
    width:75%;
  }
  .flatsable2-detailsize__nagasalist{
    margin:40px 0 0 0;
  }
  .flatsable2-detailsize__futosa{
    width:19.1667%;
    margin:0 0 0 5.8%;
  }
  .flatsable2-detailsize__futosalist{
    display:block;
    margin-top:80px;
  }
  .flatsable2-detailsize__futosalist li{
    width:100%;
  }
}

/* flatsable2-detailsize-202604 */
.flatsable2-detailsize-202604{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.flatsable2-detailsize-202604__futosa{
  margin-top:30px;
}
.flatsable2-detailsize-202604__futosalist{
  display: -webkit-box;
	display: -webkit-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flatsable2-detailsize-202604__futosalist li{
  margin:10px 2% 0;
}
.flatsable2-detailsize-202604__futosalist li:nth-child(1){ width:37%; }
.flatsable2-detailsize-202604__futosalist li:nth-child(2){ width:40%; }
.flatsable2-detailsize-202604__futosalist li:nth-child(3){ width:43%; }
.flatsable2-detailsize-202604__futosalist li:nth-child(4){ width:46%; }
.flatsable2-detailsize-202604__futosalist img{
  width:100%;
}
.flatsable2-detailsize-202604__nagasa{
  margin-top:40px;
}
.flatsable2-detailsize-202604__nagasalist{
  margin:30px 0 0;
}
.flatsable2-detailsize-202604__nagasalist img{
  width:100%;
}

.flatsable2-detailsize-202604__btn{
  margin-top:50px;
  text-align: center;
}
@media (min-width: 600px) {
  .flatsable2-detailsize-202604__futosalist{
    margin-top:20px;
  }
  .flatsable2-detailsize-202604__futosalist li{
    margin:0 1%;
  }
  .flatsable2-detailsize-202604__futosalist li:nth-child(1){ width:18.5%; max-width:185px; }
  .flatsable2-detailsize-202604__futosalist li:nth-child(2){ width:20%; max-width:200px; }
  .flatsable2-detailsize-202604__futosalist li:nth-child(3){ width:21.5%; max-width:215px; }
  .flatsable2-detailsize-202604__futosalist li:nth-child(4){ width:23%; max-width:230px; }
}
@media (min-width: 960px) {
  .flatsable2-detailsize-202604__futosa{
    margin-top:0;
  }
  .flatsable2-detailsize-202604__nagasa{
    margin-top:50px;
  }
  .flatsable2-detailsize-202604__nagasalist{
    margin:40px 0 0 0;
  }
}

/* flatsable2-detailblack */
.flatsable2-detailblack{
  width:90%;
  max-width:940px;
  margin:0 auto;
}
.flatsable2-detailblack__container{
  margin-top:40px;
}
.flatsable2-detailblack__img{
  text-align:center;
}
.flatsable2-detailblack__img img{
  width:75%;
  max-width:390px;
}
.flatsable2-detailblack__en{
  margin-top:30px;
  text-align:center;
}
.flatsable2-detailblack__name{
  margin-top:10px;
  text-align:center;
}
.flatsable2-detailblack__spec{
  margin:30px 0 0;
  font-size:0.875rem;
  line-height:1.5;
}
.flatsable2-detailblack__spec dt{
  margin-bottom:5px;
}
.flatsable2-detailblack__spec dd{
  margin:0 0 15px;
}
.flatsable2-detailblack__txt{
  margin:30px 0 0;
  font-size:0.875rem;
}
.flatsable2-detailblack__btn{
  margin-top:30px;
  text-align: center;
}
@media (min-width: 600px) {
  .flatsable2-detailblack__spec{
    display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
    -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
  }
  .flatsable2-detailblack__spec dt{
    width:9em;
  }
  .flatsable2-detailblack__spec dd{
    width:calc(100% - 9em);
  }
  .flatsable2-detailblack__spec,
  .flatsable2-detailblack__txt{
      font-size:1rem;
  }
  .flatsable2-detailblack__name{
    font-size:1.125rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-detailblack__container{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
    margin-top:60px;
  }
  .flatsable2-detailblack__img{
    width:41.4894%;
    margin-left:-30px;
  }
  .flatsable2-detailblack__img img{
    width:100%;
  }
  .flatsable2-detailblack__body{
    width:calc(50% + 30px);
    margin-left:8.5%;
  }
  .flatsable2-detailblack__en{
    margin-top:0;
    text-align:left;
  }
  .flatsable2-detailblack__name{
    text-align:left;
  }
  .flatsable2-detailblack__btn{
    margin-top:40px;
    text-align: left;
  }
}
/* flatsable2-detailcolor */
.flatsable2-detailcolor{
  width:90%;
  max-width:1150px;
  margin:0 auto;
}
.flatsable2-detailcolor__container{
  margin-top:40px;
}
.flatsable2-detailcolor__item:not(:first-child){
  margin-top:60px;
}
.flatsable2-detailcolor__img{
  text-align:center;
}
.flatsable2-detailcolor__img img{
  width:75%;
  max-width:390px;
}
.flatsable2-detailcolor__en{
  margin-top:30px;
  text-align:center;
}
.flatsable2-detailcolor__name{
  margin-top:10px;
  text-align:center;
}
.flatsable2-detailcolor__txt{
  margin:10px 0 0;
  font-size:0.875rem;
  text-align: center;
}
.flatsable2-detailcolor__btn{
  margin-top:30px;
  text-align: center;
}
@media (min-width: 600px) {
  .flatsable2-detailcolor__txt{
    font-size:1rem;
  }
  .flatsable2-detailcolor__name{
    font-size:1.125rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-detailcolor__container{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
    margin-top:60px;
  }
  .flatsable2-detailcolor__item{
    width:30.4348%;
  }
  .flatsable2-detailcolor__item:not(:first-child){
    margin:0 0 0 4.3478%;
  }
  .flatsable2-detailcolor__img img{
    width:100%;
  }
}
/* tab display */
.flatsable2-detail input{
  display:none;
}
.flatsable2-detail__contents{
  display:none;
}
#tab1:checked ~ #tab1Contents,
#tab2:checked ~ #tab2Contents,
#tab3:checked ~ #tab3Contents {
  display: block;
}
#tab1:checked ~ .flatsable2-detail__tab .flatsable2-detail__tab1,
#tab2:checked ~ .flatsable2-detail__tab .flatsable2-detail__tab2,
#tab3:checked ~ .flatsable2-detail__tab .flatsable2-detail__tab3 {
  background: #e6e6e6;
}
/* flatsable2-voice */
.flatsable2-voice{
  margin-top:calc(8% + 40px);
}
.flatsable2-voice__vabel{
  display:none;
}
.flatsable2-voice__list{
  width:90%;
  max-width:1200px;
  margin:50px auto;
}
.flatsable2-voice__item{
  margin:20px 0 0;
  padding:calc(5% + 10px) 5%;
  background:#EEE;
}
.flatsable2-voice__item p{
  font-size:0.875rem;
}
.flatsable2-voice__item p.flatsable2-voice__title{
  margin:0 0 10px;
  font-size:1rem;
  font-weight:bold;
}

@media (min-width: 600px) {
  .flatsable2-voice__list{
    width:84%;
    margin:50px auto;
  }
  .flatsable2-voice__item{
    margin:30px 0 0;
    padding:30px;
  }
  .flatsable2-voice__item p{
    font-size:1rem;
  }
  .flatsable2-voice__item p.flatsable2-voice__title{
    font-size:1.125rem;
  }
}
@media (min-width: 960px) {
  .flatsable2-voice{
    position:relative;
    width: 87.5%;
    max-width: 1400px;
    margin:50px auto 0;
    padding:90px 0;
  }
  .flatsable2-voice__vabel{
    position:absolute;
    display:block;
    top:0;
    left:calc(-3.57% - 10px);
    width:20px;
    height:100%;
  }
  .flatsable2-voice__vabel::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:1px;
    height:100%;
    background:#333;
  }
  .flatsable2-voice__vabel img{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:100%;
  }
  .flatsable2-voice__list{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
    width:100%;
    margin:70px auto 0;
  }
  .flatsable2-voice__item{
    width:31.6668%;
    margin:0;
    padding:40px;
  }
  .flatsable2-voice__item:not(:first-child){
    margin-left:2.4998%
  }
}
@media (min-width: 1280px) {
  .flatsable2-voice__vabel{
    left:calc(-3% - 10px);
  }
}
/* flatsable2-movie */
.flatsable2-movie{
  margin-top:calc(8% + 40px);
  padding:calc(8% + 30px) 2%;
  background:#cbccc8;
}
.flatsable2-movie__vabel{
  display:none;
}
.flatsable2-movie__youtube{
  position:relative;
  margin-top:30px;
  padding-top:56.25%;
}
.flatsable2-movie__youtube iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
@media (min-width: 600px) {
  .flatsable2-movie{
    padding:calc(8% + 40px) 8%;
  }
}
@media (min-width: 960px) {
  .flatsable2-movie{
    margin-top:50px;
    padding:50px 0;
  }
  .flatsable2-movie__container{
    position:relative;
    width: 87.5%;
    max-width: 1400px;
    margin:0 auto;
    padding:70px 0;
  }
  .flatsable2-movie__vabel{
    position:absolute;
    display:block;
    top:0;
    left:calc(-3.57% - 10px);
    width:20px;
    height:100%;
  }
  .flatsable2-movie__vabel::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:10px;
    width:1px;
    height:100%;
    background:#333;
  }
  .flatsable2-movie__vabel img{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:100%;
  }
  .flatsable2-movie__youtube{
    width:800px;
    height:450px;
    margin:50px auto 0;
    padding-top:0;
  }
}
@media (min-width: 1280px) {
  .flatsable2-movie__youtube{
    width:960px;
    height:500px;
  }
  .flatsable2-movie__vabel{
    left:calc(-3% - 10px);
  }
}
/* flatsable2-lineupheader */
.flatsable2-lineupheader{
  margin-top:calc(8% + 50px);
}
.flatsable2-lineupheader__title{
  text-align:center;
}
.flatsable2-lineupheader__title img{
  width:auto;
  height:24px;
}
.flatsable2-lineupheader__data{
  margin:40px 5% 0;
  padding:35px 0 25px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  font-size:0.875rem;
  line-height:1.5;
}
.flatsable2-lineupheader__data dt{
  clear:both;
  float:left;
  width:5em;
  margin-bottom:20px;
  font-weight:bold;
}
.flatsable2-lineupheader__data dd{
  margin:0 0 20px 5.5em;
}
.flatsable2-lineupheader__data ul{
  list-style-type:disc;
  margin-left:1.5em;
}
@media (min-width: 600px) {
  .flatsable2-lineupheader__title img{
    height:32px;
  }
  .flatsable2-lineupheader__data{
    margin:60px 8% 0;
    font-size:1rem;
  }
  .flatsable2-lineupheader__data dt{
    width:6em;
  }
  .flatsable2-lineupheader__data dd{
    margin-left:6.5em;
  }
}
@media (min-width: 960px) {
  .flatsable2-lineupheader{
    margin:140px 0 100px;
  }
  .flatsable2-lineupheader__container{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:90%;
    max-width:1200px;
    margin:0 auto;
  }
  .flatsable2-lineupheader__title{
    width:330px;
    text-align:left;
  }
  .flatsable2-lineupheader__data{
    width:calc(100% - 330px);
    margin:0;
    padding:5px 0 0 60px;
    border:none;
    border-left:1px solid #333;
  }
  .flatsable2-lineupheader__data dl{
    margin-bottom:-10px;
  }
}
@media (min-width: 1280px) {
}


/* flat sable campaign
-------------------- */
#flatsable_campaign-wrap img {
  width: 100%;
}

.flatsable_campaign-ul01 {
  margin: 20px auto 0 auto;
}

.flatsable_campaign-ul01 li {
  margin: 20px 0 0 0;
}

.flatsable_campaign-period {
  margin: 30px 0;
  padding: 20px 0;
  background: #f4ede0;
  text-align: center;
}

.flatsable_campaign-period span {
  display: block;
  padding: 10px 0 0 0;
  font-size: 1.5em;
}

.flatsable_campaign-box03 {
  margin: 30px 0 0 0;
  border-top: dotted 1px #000000;
}

.flatsable_campaign-item04 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-item05 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-item06 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box03 dl {
  background: #eeeeee;
  margin: 20px 0 0 0;
  height: 100px;
  padding: 15px;
}

.flatsable_campaign-box03 dl dt {
  width: 120px;
  float: left;
  clear: left;
  background: #000000;
  color: #ffffff;
  margin: 5px;
  font-size: 0.8em;
  padding: 5px 0;
  text-align: center;
}

.flatsable_campaign-box03 dl dd {
  float: left;
  margin: 5px;
  font-size: 20px;
}

.flatsable_campaign-box-title {
  width: 150px;
  margin: 20px auto 0 auto;
  text-align: center;
  padding: 0 0 10px 0;
  border-bottom: solid 2px #000000;
  font-size: 1.5em;
}

.flatsable_campaign-bg-black {
  width: 170px;
  margin: 20px auto 0 auto;
  font-size: 18px;
  background: #000000;
  color: #ffffff;
  padding: 5px 0;
  text-align: center;
}

.flatsable_campaign-item-p-text01 {
  margin: 20px 0 0 0;
  text-align: center;
}

.flatsable_campaign-item-p-text02 {
  margin: 20px 0 0 0;
  line-height: 30px;
}

.flatsable_campaign-item-p-title02 {
  margin: 20px 0 0 0;
  font-size: 1.2em;
  line-height: 30px;
  text-align: center;
}

.flatsable_campaign-item-p-img01 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 189px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-item-p-img02 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 320px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-item-p-img03 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 320px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-item-p-img04 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 184px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-item-p-img05 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 141px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-item-p-img06 {
  margin: 40px auto 0 auto;
  width: 60%;
  max-width: 240px;
  vertical-align: middle;
  text-align: center;
}

.flatsable_campaign-nayami {
  background: #eeeeee;
  width: 100%;
  margin: calc(5% + 25px) 0 0 0;
  padding: calc(5% + 25px) 0;
}

.flatsable_campaign-h4 {
  background: #000000;
  color: #ffffff;
  padding: 20px 10px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
}

.flatsable_campaign-h4-3 {
  background: #000000;
  color: #ffffff;
  padding: 20px 10px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
  margin: calc(5% + 25px) 0 0 0;
}

.flatsable_campaign-ul2 {
  background: #ffffff;
  margin: 20px auto 0 auto;
  padding: 20px;
}

.flatsable_campaign-ul2 img {
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 0;
  width: auto !important;
}

.flatsable_campaign-ul2 .flatsable_campaign-ul2-02 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-ul2 .flatsable_campaign-ul2-03 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-title2 {
  margin: 20px auto 0 auto;
  text-align: center;
  padding: 30px 0 10px 0;
  border-bottom: solid 2px #000000;
  font-size: 1.5em;
  background: url(https://img07.shop-pro.jp/PA01397/731/etc/flatsable-campaign_20.png) no-repeat top center;
}

.flatsable_campaign-box04-left {
  text-align: center;
  padding: 20px 0 0 0;
}

.flatsable_campaign-box04-left img {
  max-width: 360px;
}

.flatsable_campaign-box04-right .flatsable_campaign-box04-text01 {
  margin: 20px 0 0 0;
  font-size: 1.2em;
}

.flatsable_campaign-box04-right .flatsable_campaign-box04-text02 {
  margin: 20px 0 0 0;
  line-height: 1.5em;
}

.flatsable_campaign-box04-right .flatsable_campaign-box04-text03 {
  margin: 20px 0 0 0;
  line-height: 1.5em;
}

.flatsable_campaign-box04-right .flatsable_campaign-box04-img01 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box04-right .flatsable_campaign-box04-img01 img {
  max-width: 293px;
}

.flatsable_campaign-h4-2 {
  font-size: 1.5em;
  border-bottom: solid 1px #000000;
  padding: 0 0 20px 0;
  margin: 40px 0 0 0;
}

.flatsable_campaign-box05-left ul {
  background: #ffffff;
  margin: 20px 0 0 0;
  padding: 20px 0 40px 0;
}

.flatsable_campaign-box05-left ul li {
  color: #c7a566;
  font-size: 1.2em;
  margin: 20px 0 0 0;
  text-align: center;
}

.flatsable_campaign-box05-text01 {
  margin: 5% 0 0 0;
}

.flatsable_campaign-box05-text02 {
  font-size: 0.8em;
  line-height: 24px;
  margin: 20px 0 0 0;
}

.flatsable_campaign-box05-text02::before {
  content: '荳句峙��';
}

.flatsable_campaign-box05-right {
  margin: 20px 0 0 0;
}

.flatsable_campaign-btn01 {
  max-width: 460px;
  margin: 20px auto 0 auto;
  text-align: center;
}

.flatsable_campaign-btn01 a:hover {
  opacity: 0.5;
}

.flatsable_campaign-review01 {
  padding: 20px;
  margin: 20px 0 0 0;
  background: #ffffff;
}

.flatsable_campaign-review02 {
  padding: 20px;
  margin: 20px 0 0 0;
  background: #ffffff;
}

.flatsable_campaign-review03 {
  padding: 20px;
  margin: 20px 0 0 0;
  background: #ffffff;
}

.flatsable_campaign-review04 {
  padding: 20px;
  margin: 20px 0 0 0;
  background: #ffffff;
}

.flatsable_campaign-review04-text01 {
  line-height: 36px;
}

.flatsable_campaign-review04-text01 span {
  font-size: 1.5em;
}

.flatsable_campaign-review04-text02 {
  color: #c7a566;
  text-align: right;
}

.flatsable_campaign-dl2 {
  background: #eeeeee;
  margin: 20px 0 0 0;
  padding: 10px 20px 20px 20px;
}

.flatsable_campaign-dl2 dt {
  margin: 10px 0 0 0;
  line-height: 26px;
}

.flatsable_campaign-dl2 dt::after {
  content: "��";
}

.flatsable_campaign-dl2 dd {
  background: #eeeeee;
  line-height: 26px;
  margin: 5px 0 0 0;
}

.flatsable_campaign-box06 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box06 .flatsable_campaign-icon01 {
  width: 13%;
  margin: 20px auto;
  max-width: 60px;
}

.flatsable_campaign-box07 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box07 .flatsable_campaign-icon02 {
  width: 13%;
  margin: 20px auto 20px auto;
  max-width: 60px;
}

.flatsable_campaign-box06-img {
  border: solid 1px #cccccc;
  padding: 0 0 4% 0;
}

.flatsable_campaign-box06-text01 {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box06-text02 {
  margin: 10px 0 0 0;
  color: #c7a566;
}

.flatsable_campaign-box07-img {
  border: solid 1px #cccccc;
  padding: 5%;
}

.flatsable_campaign-box08 {
  border-bottom: dotted 1px #000000;
  padding: 0 0 40px 0;
}

.flatsable_campaign-box08 p {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box08 p img {
  display: block;
  margin: 20px auto 20px auto;
  width: 13% !important;
  max-width: 60px;
}

.flatsable_campaign-box08 dl {
  margin: 20px 0 0 0;
}

.flatsable_campaign-box08 dl dt {
  margin: 0;
  padding: 20px;
  background: #eeeeee;
  width: 100%;
  text-align: center;
}

.flatsable_campaign-box08 dl dd {
  margin: 0;
  padding: 20px;
}

@media (min-width: 960px) {
  #flatsable_campaign-wrap img {
    width: auto;
  }

  .flatsable_campaign-mainimage {
    width: 100% !important;
  }

  .flatsable_campaign-mainimage img {
    width: 100% !important;
  }

  .flatsable_campaign-ul01 {
    margin: 30px auto 0 auto;
    text-align: center;
  }

  .flatsable_campaign-ul01 li {
    margin: 0;
    display: inline-block;
    text-align: center;
    padding: 0 1em;
  }

  .flatsable_campaign-ul01 li.flatsable_campaign-ul01_01 {
    border-right: solid 1px #000000;
  }

  .flatsable_campaign-ul01 li.flatsable_campaign-ul01_02 {
    border-right: solid 1px #000000;
  }

  .flatsable_campaign-period {
    width: 100%;
    margin: 70px 0 0 0;
    padding: 20px 0;
  }

  .flatsable_campaign-period span {
    display: inline;
    padding: 0;
  }

  .flatsable_campaign-box01 {
    width: 31.57%;
    float: left;
    margin: 0 2.6% 0 0;
  }

  .flatsable_campaign-box02 {
    width: 65.78%;
    float: left;
  }

  .flatsable_campaign-item02 {
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
  }

  .flatsable_campaign-item03 {
    width: 48%;
    float: left;
  }

  .flatsable_campaign-box03 {
    width: 100%;
    margin: 40px 0 0 0;
    float: none;
    border-top: dotted 1px #000000;
  }

  .flatsable_campaign-item04 {
    width: 31.57%;
    margin: 0 2.6% 0 0;
    float: left;
  }

  .flatsable_campaign-item05 {
    width: 31.57%;
    margin: 0 2.6% 0 0;
    float: left;
  }

  .flatsable_campaign-item06 {
    width: 31.57%;
    float: left;
    margin: 0;
  }

  .flatsable_campaign-box03 .flatsable_campaign-dl-wrap {
    background: #eeeeee;
    margin: 20px 0 0 0;
    width: 100%;
    padding: 15px;
  }

  .flatsable_campaign-box03 .flatsable_campaign-dl-wrap dl {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
  }

  .flatsable_campaign-box-title {
    margin: 70px auto 0 auto;
    padding: 0 0 10px 0;
  }

  .flatsable_campaign-bg-black {
    margin: 30px auto 0 auto;
  }

  .flatsable_campaign-item-p-text01 {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-item-p-text02 {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-item-p-title02 {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-item-p-img01 {
    display: block;
    margin: 45px 0 0 0;
    width: 100%;
    max-width: none;
  }

  .flatsable_campaign-item-p-img02 {
    display: block;
    margin: 55px 0 0 0;
    width: 100%;
    max-width: none;
  }

  .flatsable_campaign-item-p-img02 img {
    width: 100% !important;
    max-width: 320px;
  }

  .flatsable_campaign-item-p-img03 {
    display: block;
    margin: 55px 0 0 0;
    width: 100%;
    max-width: none;
  }

  .flatsable_campaign-item-p-img03 img {
    width: 100% !important;
    max-width: 320px;
  }

  .flatsable_campaign-item-p-img04 {
    display: block;
    margin: 55px 0 0 0;
    width: 100%;
    max-width: none;
    padding: 40px 0;
  }

  .flatsable_campaign-item-p-img05 {
    display: block;
    margin: 55px 0 0 0;
    width: 100%;
    max-width: none;
    padding: 71px 0;
  }

  .flatsable_campaign-item-p-img06 {
    display: block;
    margin: 55px 0 0 0;
    width: 100%;
    max-width: none;
  }

  .flatsable_campaign-nayami {
    margin: 100px 0 0 0;
    padding: 100px 0;
  }

  .flatsable_campaign-h4 {
    padding: 20px 0;
  }

  .flatsable_campaign-h4-3 {
    padding: 20px 0;
    margin: 100px 0 0 0;
  }

  .flatsable_campaign-ul2-wrap {
    background: #ffffff;
    width: 100%;
    height: 130px;
    margin: 35px auto 0 auto;
    padding: 50px 0 0 0;
  }

  .flatsable_campaign-ul2 {
    width: 80%;
    margin: 0 auto;
    padding: 0;
  }

  .flatsable_campaign-ul2 img {
    margin: 0 10px 0 0;
    padding: 0 0 10px 0;
  }

  .flatsable_campaign-ul2 .flatsable_campaign-ul2-01 {
    font-size: 1.2em;
    width: 35%;
    float: left;
    margin: 0;
  }

  .flatsable_campaign-ul2 .flatsable_campaign-ul2-02 {
    font-size: 1.2em;
    width: 31%;
    height: 20px;
    float: left;
    margin: 0;
  }

  .flatsable_campaign-ul2 .flatsable_campaign-ul2-03 {
    font-size: 1.2em;
    width: 34%;
    float: left;
    margin: 0;
  }

  .flatsable_campaign-title2 {
    width: 360px;
    margin: 45px auto 0 auto;
    padding: 50px 0 20px 0;
  }

  .flatsable_campaign-box04-left {
    width: 360px;
    float: left;
    padding: 0;
  }

  .flatsable_campaign-box04-left img {
    width: 100% !important;
    max-width: 360px;
  }

  .flatsable_campaign-box04-right {
    width: calc(100% - 390px);
    float: left;
    margin-left: 30px;
  }

  .flatsable_campaign-box04-right .flatsable_campaign-box04-text01 {
    margin: 25px 0 0 0;
    font-size: 1.2em;
  }

  .flatsable_campaign-box04-right .flatsable_campaign-box04-text02 {
    margin: 25px 0 0 0;
    font-size: 1em;
    line-height: 26px;
  }

  .flatsable_campaign-box04-right .flatsable_campaign-box04-text03 {
    margin: 25px 0 0 0;
    font-size: 1em;
    line-height: 26px;
  }

  .flatsable_campaign-box04-right .flatsable_campaign-box04-img01 {
    margin: 15px 0 0 0;
  }

  .flatsable_campaign-h4-2 {
    padding: 0 0 20px 0;
    margin: 100px 0 0 0;
  }

  .flatsable_campaign-box05-left {
    width: 51.75%;
    float: left;
  }

  .flatsable_campaign-box05-left ul {
    width: 95%;
    margin: 50px 0 0 0;
    padding: 20px 0 40px 0;
  }

  .flatsable_campaign-box05-left ul li {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-box05-text01 {
    width: 95%;
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-box05-text02 {
    width: 95%;
    margin: 50px 0 0 0;
  }

  .flatsable_campaign-box05-text02::before {
    content: '蜿ｳ蝗ｳ��';
  }

  .flatsable_campaign-box05-right {
    width: 48.24%;
    float: left;
    margin: 50px 0 0 0;
  }

  .flatsable_campaign-box05-right img {
    width: 100% !important;
  }

  .flatsable_campaign-btn01 {
    width: 460px;
    margin: 50px auto 0 auto;
  }

  .flatsable_campaign-review01 {
    width: 47.36%;
    min-height: 220px;
    float: left;
    padding: 40px 35px;
    margin: 50px 5.26% 0 0;
  }

  .flatsable_campaign-review02 {
    width: 47.36%;
    min-height: 220px;
    float: left;
    padding: 40px 35px;
    margin: 50px 0 0 0;
  }

  .flatsable_campaign-review03 {
    width: 47.36%;
    min-height: 260px;
    float: left;
    padding: 40px 35px;
    margin: 50px 5.26% 0 0;
  }

  .flatsable_campaign-review04 {
    width: 47.36%;
    min-height: 260px;
    float: left;
    padding: 40px 35px;
    margin: 50px 0 0 0;
  }

  .flatsable_campaign-dl2 {
    margin: 35px 0 0 0;
    padding: 20px 35px 35px 35px;
  }

  .flatsable_campaign-dl2 dt {
    width: 100px;
    float: left;
    font-size: 1.2em;
    margin: 15px 0 0 0;
    padding: 0;
  }

  .flatsable_campaign-dl2 dt::after {
    content: none;
  }

  .flatsable_campaign-dl2 dd {
    margin: 15px 0 0 100px;
    padding: 0 0 0 40px;
    position: relative;
    font-size: 1.2em;
  }

  .flatsable_campaign-dl2 dd::before {
    content: '��';
    position: absolute;
    top: 0;
    left: 0;
  }

  .flatsable_campaign-box06 {
    width: 48%;
    float: left;
    margin: 65px 4% 0 0;
    position: relative;
  }

  .flatsable_campaign-box06 div {
    width: 100%;
    padding: 30px 0 0 10px;
  }

  .flatsable_campaign-box06 div img {
    width: 100% !important;
  }

  .flatsable_campaign-box06 .flatsable_campaign-icon01 {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }

  .flatsable_campaign-box07 {
    width: 48%;
    float: left;
    margin: 65px 0 0 0;
    position: relative;
  }

  .flatsable_campaign-box07 div {
    width: 100%;
    padding: 30px 0 0 10px;
  }

  .flatsable_campaign-box07 div img {
    width: 100% !important;
  }

  .flatsable_campaign-box07 .flatsable_campaign-icon02 {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }

  .flatsable_campaign-box06-img {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    height: 550px;
  }

  .flatsable_campaign-box06-text01 {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-box06-text02 {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-box07-img {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    height: 550px;
  }

  .flatsable_campaign-box08 {
    border-bottom: dotted 1px #000000;
    padding: 0 0 85px 0;
  }

  .flatsable_campaign-box08 p {
    margin: 20px 0 0 0;
  }

  .flatsable_campaign-box08 p img {
    vertical-align: middle;
    margin: 0 20px 0 0;
    width: auto;
    display: inline;
  }

  .flatsable_campaign-box08 dl {
    margin: 10px 0 0 80px;
  }

  .flatsable_campaign-box08 dl dt {
    margin: 10px 0 0 0;
    padding: 10px;
    width: 180px;
    float: left;
  }

  .flatsable_campaign-box08 dl dd {
    margin: 10px 0 0 0;
    padding: 10px;
    width: calc(100% - 180px);
    float: left;
  }
}

/* allitem
--------------------- */
.allitem-top{
	position:relative;
	padding-top:77.08%;
	background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/allitem-top-bg_sp.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
}
.allitem-top__title{
	position:absolute;
	top:8%;
	left:6%;
	width:23%;
}
.allitem-top__title img{
	width:100%;
}
.allitem-topnav{
	margin-top:5%;
	text-align:center;
}
.allitem-topnav li{
	display:inline-block;
}
.allitem-cat__list{
	width:90%;
	margin:0 auto;
}
.allitem-cat__item{
	margin-top:calc(7% + 15px);
}
.allitem-cat__title{
	padding:0 0 3%;
	border-bottom:1px solid #000;
}
.allitem-cat__title img{
	width:auto;
	height:15px;
	height:4vw;
	max-height:22px;
}
.allitem-cat__img{
	margin:calc(4% + 10px) 0 0;
}
.allitem-cat__img img{
	width:100%;
}
.allitem-cat__name{
	margin-top:calc(4% + 5px);
	font-size:0.875rem;
	font-weight:bold;
	line-height:1.5;
}
.allitem-cat__txt{
	margin-top:5px;
	font-size:0.875rem;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.allitem-cat__btn{
	margin-top:calc(4% + 5px);
	padding-top:calc(4% + 10px);
	border-top:1px solid #000;
	text-align:center;
}
.allitem-features__list{
	width:90%;
	margin:calc(7% + 15px) auto calc(10% + 20px);
}
.allitem-features__list li{
	margin-top:20px;
}
.allitem-features__list img{
	width:100%;
}
@media (min-width: 960px) {
	.allitem-top{
		padding-top:60%;
		background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/allitem-top-bg_pc.jpg);
	}
	.allitem-top__title{
		top:10.5%;
		left:6%;
		width:11%;
	}
	.allitem-topnav{
		margin-top:30px;
	}
	.allitem-cat__list{
		width:92%;
		max-width:1240px;
		margin:10px auto 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.allitem-cat__list_center{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.allitem-cat__item{
		margin-top:60px;
		width:47.5%;
	}
	.allitem-cat__title{
		padding:0 0 15px;
	}
	.allitem-cat__img{
		margin-top:calc(4% + 20px);
	}
	.allitem-cat__name{
		font-size:1.125rem;
	}
	.allitem-cat__txt{
		font-size:1rem;
	}
	.allitem-cat__btn{
		margin-top:calc(4% + 10px);
		padding-top:calc(4% + 5px);
	}
	.allitem-features__list{
		width:92%;
		max-width:1240px;
		margin:10px auto 150px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.allitem-features__list li{
		width:calc(33.33% - 10px);
		margin-top:60px;
	}
	.allitem-features__list li:nth-child(3n+2):last-child{
		margin-right:calc(33.33% + 5px);
	}
}

/* starter kit
--------------------- */
/* starter-top */
.starter-top__img img{
	width:100%;
}
.starter-top__detail{
	padding:7% 0;
	background:#000;
	text-align:center;
}
.starter-top__title1 img{
	width:48%;
}
.starter-top__title2{
	margin-top:3%;
}
.starter-top__title2 img{
	width:84%;
}
.starter-top__title3{
	margin-top:3%;
}
.starter-top__title3 img{
	width:45%;
}
.starter-top__txt{
	margin:4% 5% 0;
	color:#FFF;
	font-size:0.875rem;
}
.starter-top__btn{
	margin-top:4%;
}
@media (min-width: 600px) {
	.starter-top__title1 img{
		width:40%;
	}
	.starter-top__title2 img{
		width:70%;
	}
	.starter-top__title3 img{
		width:37.5%;
	}
}
@media (min-width: 960px) {
	.starter-top{
		position:relative;
		margin-bottom:-50px;
	}
	.starter-top__detail{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding:0;
		background:transparent;
		text-align:left;
	}
	.starter-top:hover .starter-top__detail{
		background:rgba(0,0,0,0.55);
	}
	.starter-top__detailcover{
		width:45%;
		max-width:642px;
		margin:6% 0 0 6%;
	}
	.starter-top__title1,
	.starter-top__title3,
	.starter-top__txt,
	.starter-top__btn{
		display:none;
	}
	.starter-top:hover .starter-top__title1,
	.starter-top:hover .starter-top__title3,
	.starter-top:hover .starter-top__txt,
	.starter-top:hover .starter-top__btn{
		display:block;
	}
	.starter-top__title1 img{
		width:57%;
	}
	.starter-top__title2{
		margin-top:5%;
	}
	.starter-top__title2 img{
		width:61%;
	}
	.starter-top:hover .starter-top__title2 img{
		width:100%;
	}
	.starter-top__title3{
		margin-top:5%;
		text-align:right;
	}
	.starter-top__title3 img{
		width:53.5%;
	}
	.starter-top__txt{
		margin:7% 0;
	}
	.starter-top__txt br{
		display:none;
	}
}
@media (min-width: 1280px) {
	.starter-top__txt{
		font-size:1rem;
	}
	.starter-top__txt br{
		display:inline;
	}
}
/* starter-set */
.starter-set__cover{
	margin-top:calc(5% + 5px);
	padding:calc(5% + 20px) 0 calc(7% + 20px);
	background:#efefef;
}
.starter-set__catch{
	text-align:center;
}
.starter-set__catch img:nth-of-type(1){
	width:64.9%;
}
.starter-set__catch img:nth-of-type(2){
	width:53.9%;
	margin-top:3%;
}
.starter-set__item{
	width:90%;
	margin:calc(5% + 15px) auto 0;
	padding:0 0 6%;
	background:#FFF;
}
.starter-set__item h3{
	padding:7% 5% 0;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
.starter-set__item p{
	padding:3% 5% 0;
	font-size:0.875rem;
}
.starter-set__img{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:65.75% 0 0;
}
.starter-set__img img{
	position:absolute;
	top:-10%;
	left:0;
	width:100%;
	vertical-align:top;
}
@media (min-width: 600px) {
	.starter-set__catch img:nth-of-type(1){
		width:46%;
	}
	.starter-set__catch img:nth-of-type(2){
		width:38%;
		margin-top:3%;
	}
	.starter-set__item{
		width:62%;
	}
	.starter-set__item h3{
		padding:7% 8% 0;
	}
	.starter-set__item p{
		padding:3% 8% 0;
	}
}
@media (min-width: 960px) {
	.starter-set__cover{
		margin-top:80px;
		padding:55px 0 80px;
	}
	.starter-set__catch{
		width:90%;
		max-width: 1140px;
		margin: 0 auto;
	}
	.starter-set__catch img:nth-of-type(1){
		width:54.14%;
		width:53.32%;
	}
	.starter-set__catch img:nth-of-type(2){
		width:45.86%;
		width:45.17%;
		margin-top:0;
		margin-left:1.5%;
	}
	.starter-set__catch br{
		display:none;
	}
	.starter-set__list{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 90%;
		max-width: 1140px;
		margin: 40px auto 0;
	}
	.starter-set__item{
		width:30.5%;
		margin:0;
		padding:0 0 25px;
	}
	.starter-set__item h3{
		padding:30px 8% 0;
		font-size:1.125rem;
		text-align:left;
	}
	.starter-set__item p{
		padding:10px 8% 0;
		font-size:1rem;
	}
	.starter-set__img{
		padding:0;
	}
	.starter-set__img img{
		position:static;
	}
}
/* starter-feature */
.starter-feature__item{
	width:90%;
	margin:calc(5% + 15px) auto 0;
}
.starter-feature__item h3{
	padding:1.125em 3%;
	background:#000;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
.starter-feature__img img{
	width:100%;
	vertical-align:top;
}
.starter-feature__txt{
	padding:3% 5% 6%;
	border:1px solid #cacaca;
	font-size:0.875rem;
}
.starter-feature__txt p{
	padding:3% 0 0;
	font-size:0.875rem;
	line-height:1.7;
}
.starter-feature__txt p.starter-feature__catch{
	color:#000;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","游明朝","Yu Mincho","メイリオ",Meiryo,serif;
	font-size:1.125rem;
	text-align:center;
}
.starter-feature__txt p.starter-feature__note{
	font-size:0.75rem;
}
@media (min-width: 600px) {
	.starter-feature__item h3{
		font-size:1.25rem;
	}
	.starter-feature__txt{
		padding:3% 8% 6%;
	}
}
@media (min-width: 960px) {
	.starter-feature__list{
		margin-top:20px;
	}
	.starter-feature__item{
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto 1fr;
		-ms-grid-columns: 1fr 1fr;
		grid-template-rows: auto 1fr;
    	grid-template-columns: 1fr 1fr;
		width: 92%;
		max-width: 1320px;
		margin: 60px auto 0;
	}
	.starter-feature__item h3{
		font-size:2vw;
	}
	/* starter-feature__item_l */
	.starter-feature__item_l h3{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-row: 1 / 2;
    	grid-column: 1 / 2;
	}
	.starter-feature__item_l .starter-feature__img{
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-row: 1 / 3;
    	grid-column: 2 / 3;
	}
	.starter-feature__item_l .starter-feature__txt{
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-row: 2 / 3;
    	grid-column: 1 / 2;
	}
	/* starter-feature__item_r */
	.starter-feature__item_r h3{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-row: 1 / 2;
    	grid-column: 2 / 3;
	}
	.starter-feature__item_r .starter-feature__img{
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-row: 1 / 3;
    	grid-column: 1 / 2;
	}
	.starter-feature__item_r .starter-feature__txt{
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-row: 2 / 3;
    	grid-column: 2 / 3;
	}
	
	.starter-feature__img img{
		-webkit-transition:all 0.5s ease;
		transition:all 0.5s ease;
	}
	.starter-feature__img img:hover{
		-webkit-transform:scale(0.975,0.975);
		transform:scale(0.975,0.975);
	}
	.starter-feature__txt{
		display:table;
		width:100%;
		height:100%;
		padding:0 8%;
	}
	.starter-feature__txtcover{
		display:table-cell;
		padding:5px 0 10px;
		height:100%;
		vertical-align:middle;
	}
	.starter-feature__txt p{
		max-width:460px;
		margin:0 auto;
		padding:5px 0 0;
		font-size:1rem;
	}
	.starter-feature__txt p.starter-feature__catch{
		font-size:1.25rem;
		text-align:left;
	}
}
@media (min-width: 1280px) {
	.starter-feature__txtcover{
		padding:5px 0 15px;
	}
	.starter-feature__txt p{
		padding:10px 0 0;
		line-height:2;
	}
	.starter-feature__txt p.starter-feature__catch{
		font-size:1.75rem;
	}
}
@media (min-width: 1460px) {
	.starter-feature__item h3{
		font-size:1.75rem;
	}
}
/* starter-voice */
.starter-voice{
	margin-bottom:calc(10% + 20px);
}
.starter-voice__title::before{
	content:"";
	display:inline-block;
	width:15px;
	width:3.6vw;
	height:24px;
	height:5.76vw;
	margin-bottom:-1%;
	margin-right:3%;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/starter-voice-mark.png) no-repeat left top / 100% auto;
}
.starter-voice__list{
	width:90%;
	margin:calc(3% + 5px) auto calc(3% + 20px);
}
.starter-voice__item{
	margin-top:6%;
	padding:5%;
	border-radius:0 24px 0 24px / 0 24px 0 24px;
	background:#e2eec5;
	font-size:0.75rem;
}
.starter-voice__name{
	margin-bottom:5px;
}
.starter-voice__btn{
	text-align:center;
}
@media (min-width: 600px) {
	.starter-voice__item{
		border-radius:0 32px 0 32px / 0 32px 0 32px;
		font-size:0.875rem;
	}
}
@media (min-width: 960px) {
	.starter-voice{
		margin-bottom:120px;
	}
	.starter-voice__title,
	.starter-voice__title + .title5bottom{
		margin-left:7%
	}
	.starter-voice__title::before{
		width:30px;
		height:48px;
		margin-bottom:-5px;
		margin-right:25px;
		margin-left:-65px;
	}
	.starter-voice__list{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width:92%;
		max-width:1240px;
		margin:0 auto 50px;
	}
	.starter-voice__item{
		width:31.6%;
		margin-top:3%;
		border-radius:0 48px 0 48px / 0 48px 0 48px;
		padding:20px;
		font-size:1rem;
	}
	.starter-voice__item:nth-child(3n+2):last-child{
		margin-right:34.2%;
	}
	.starter-voice__btn{
		display:none;
	}
}
@media (min-width: 1280px) {
	.starter-voice__title,
	.starter-voice__title + .title5bottom{
		margin-left:2%;
	}
}
/* starter-qa */
.starter-qa{
	margin-bottom:calc(10% + 20px);
}
.starter-qa__title::before{
	content:"";
	display:inline-block;
	width:34px;
	width:8.16vw;
	height:29px;
	height:6.96vw;
	margin-bottom:-1%;
	margin-right:3%;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/starter-qa-mark.png) no-repeat left top / 100% auto;
}
.starter-qa__list{
	width:90%;
	margin:0 auto;
}
.starter-qa__item {
	position: relative;
	overflow: hidden;
	margin-top: 6%;
	font-size:0.875rem;
	line-height:1.7;
}
.starter-qa__item input {
	display:none;
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.starter-qa__item label {
	position: relative;
	display: block;
	cursor: pointer;
	padding:15px 47px 15px calc(5% + 34px);
	background: #000 url(https://img07.shop-pro.jp/PA01397/731/etc/starter-qa-q.png) no-repeat 5% 17px / 24px auto;
	color:#FFF;
	text-align:center;
}
.starter-qa__a {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	margin-top:1px;
	border:1px solid #FFF;
	background: url(https://img07.shop-pro.jp/PA01397/731/etc/starter-qa-a.png) no-repeat 5% 17px / 24px auto;
}
.starter-qa__a p {
	padding:15px 5% 15px calc(5% + 34px);
}
/* :checked */
.starter-qa__item input:checked ~ .starter-qa__a {
	max-height: 20em;
	border:1px solid #000;
}
/* Icon */
.starter-qa__item label::after {
	content:"";
	position: absolute;
	top: 18px;
	right: 15px;
	display: block;
	width: 17px;
	height: 17px;
	background:#FFF url(https://img07.shop-pro.jp/PA01397/731/etc/zc-icon2.png) no-repeat 5px -46px / 8px auto;
	-webkit-transform:rotate(90deg);
	transform: rotate(90deg);
}
.starter-qa__item input[type=checkbox]:checked + label::after {
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}
@media (min-width: 960px) {
	.starter-qa{
		margin-bottom:120px;
	}
	.starter-qa__title,
	.starter-qa__title + .title5bottom{
		margin-left:7%
	}
	.starter-qa__title::before{
		width:68px;
		height:58px;
		margin-bottom:-0.5%;
		margin-right:12px;
		margin-left:-80px;
	}
	.starter-qa__list{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width:92%;
		max-width:1240px;
		margin:0 auto;
	}
	.starter-qa__list1,
	.starter-qa__list2{
		width:48%;
	}
	.starter-qa__item{
		font-size:1rem;
	}
}
@media (min-width: 1280px) {
	.starter-qa__title,
	.starter-qa__title + .title5bottom{
		margin-left:2%
	}
}

/* starter-sugu */
.starter-sugu{
	overflow:hidden;
	width:90%;
	max-width:640px;
	margin:calc(3% + 5px) auto calc(10% + 20px);
}
.starter-sugu img{
	width:200%;
}
@media (min-width: 960px) {
	.starter-sugu img:hover{
		margin-left:-100%;
	}
}

/* about
--------------------- */
/* about-top */
.about-top{
	position:relative;
	padding-top:77.08%;
	background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/about-top-bg_sp.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
}
.about-top__title{
	position:absolute;
	top:0;
	right:7%;
	width:16%;
	padding-top:8%;
}
.about-top__title img{
	width:100%;
}
.about-top__txt{
	margin:5% 5% 0;
	font-size:0.875rem;
	line-height:1.5;
	text-align:center;
}
.about-top__txt br{
	display:none;
}
@media (min-width: 600px) {
	.about-top__txt{
		text-align:left;
	}
}
@media (min-width: 960px) {
	.about-top{
		padding-top:60%;
		background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/about-top-bg_pc.jpg);
	}
	.about-top__title{
		top:11%;
		right:6.5%;
		width:8%;
		padding:0;
	}
	.about-top__txt{
		position:absolute;
		bottom:calc(12% - 20px);
		left:calc(8% - 20px);
		width:90%;
		margin:0;
		color:#FFF;
		font-size:1rem;
	}
	.about-top__txt br{
		display:inline;
	}
}
@media (min-width: 1280px) {
	.about-top__txt{
		line-height:1.7;
	}
}

/* about-commitment */
.about-commitment{
	margin-top:-5%;
}
.about-commitment-txt{
	margin-top:calc(5% + 5px);
}
.about-commitment-txt p{
	margin-top:15px;
	font-size:0.875rem;
}
@media (min-width: 960px) {
	.about-commitment{
		margin-top:-70px;
	}
	.about-commitment-txt{
		margin-top:30px;
	}
	.about-commitment-txt p{
		margin-top:20px;
		font-size:1rem;
	}
}

/* about-seminar */
.about-seminar__item{
	margin-top:calc(5% + 5px);
}
.about-seminar__img img{
	width:100%;
}
.about-seminar__txt{
	margin-top:calc(5% + 5px);
}
.about-seminar__txt p{
	margin-top:15px;
	font-size:0.875rem;
}
.about-seminar__txt p.about-seminar__catch{
	font-size:1.125rem;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.5;
}
@media (min-width: 600px) {
	.about-seminar__txt p.about-seminar__catch{
		font-size:1.375rem;
	}
}
@media (min-width: 960px) {
	.about-seminar{
		margin-top:-30px;
	}
	.about-seminar__item{
		margin-top:30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.about-seminar__img{
		width:41%;
	}
	.about-seminar__txt{
		width:54%;
		margin-top:0;
	}
	.about-seminar__txt p{
		font-size:1rem;
	}
	.about-seminar__txt p.about-seminar__catch{
		margin-top:0;
		font-size:1.875rem;
		font-weight:normal;
		text-align:left;		
	}
}
/* about-team */
.about-team__list{
	margin-top:calc(5% + 5px);
}
.about-team__item + .about-team__item{
	margin-top:calc(7% + 25px);
}
.about-team__img img{
	width:100%;
}
.about-team__txt{
	margin-top:calc(5% + 5px);
}
.about-team__txt p{
	margin-top:15px;
	font-size:0.875rem;
}
.about-team__name1{
	text-align:center;
}
.about-team__name1 img{
	height:11px;
	height:3vw;
	max-height:18px;
	width:auto;
}
.about-team__name2{
	margin-top:3.5%;
	text-align:center;
}
.about-team__name2 img{
	height:16px;
	height:4.6vw;
	max-height:32px;
	width:auto;
}
p.about-team__comment{
	margin-top:calc(5% - 5px);
}
.about-team-profile{
	margin-top:calc(5% + 5px);
	border:1px solid #CCC;
}
.about-team-profile h4{
	width:70px;
	margin:-8px 0 0 3%;
	padding:3px 0;
	background:#FFF;
	text-align:center;
}
.about-team-profile h4 img{
	width:50px;
}
.about-team-profile p{
	margin:0;
	padding:3% calc(3% + 10px);
	line-height:1.5;
}
@media (min-width: 600px) {
	.about-team-profile h4{
		width:82px;
	}
	.about-team-profile h4 img{
		width:62px;
	}
}
@media (min-width: 960px) {
	.about-team__list{
		margin-top:60px;
	}
	.about-team__item + .about-team__item{
		margin-top:60px;
	}
	.about-team__item{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.about-team__item:nth-child(2){
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.about-team__img{
		overflow:hidden;
		width:37%;
	}
	.about-team__img img{
		width:127.6%;
		margin-left:-13.8%;
	}
	.about-team__txt{
		width:58%;
		margin-top:0;
	}
	.about-team__name1{
		text-align:left;
	}
	.about-team__name2{
		margin-top:15px;
		text-align:left;
	}
	p.about-team__comment{
		margin-top:30px;
		font-size:1rem;
	}
	.about-team-profile{
		margin-top:30px;
	}
	.about-team-profile h4{
		margin-left:20px;
	}
	.about-team-profile p{
		margin:0;
		padding:15px 30px;
	}
}
/* about-contact */
.about-contact{
	margin-bottom:calc(10% + 20px);
}
.about-contact__item{
	margin-top:calc(5% + 5px);
}
.about-contact__catch{
	font-size:1.125rem;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.5;
	text-align:center;
}
.about-contact__data{
	margin-top:calc(5% + 5px);
}
.about-contact__data dt{
	margin-top:20px;
	padding:5px 0;
	background:#000;
	color:#FFF;
	font-size:0.875rem;
	text-align:center;
}
.about-contact__data dd{
	margin-top:10px;
	font-size:0.875rem;
	text-align:center;
}
.about-contact__address{
	margin-top:calc(5% + 5px);
	font-size:0.875rem;
	text-align:center;
}
.about-contact__map{
	overflow:hidden;
	position:relative;
	margin-top:20px;
	padding-top:100%;
}
.about-contact__map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media (min-width: 600px) {
	.about-contact__catch{
		font-size:1.375rem;
	}
}
@media (min-width: 960px) {
	.about-contact{
		margin-top:-30px;
	}
	.about-contact__item{
		margin-top:30px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
	}
	.about-contact__txt{
		width:54%;
	}
	.about-contact__catch{
		font-size:1.875rem;
		font-weight:normal;
		text-align:left;		
	}
	.about-contact__catch br{
		display:none;
	}
	.about-contact__map{
		width:41%;
		margin-top:0;
		padding-top:41%;
	}
	.about-contact__map iframe{
		width:calc(100% + 2px);
	}
	.about-contact__data{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
		margin-top:20px;
	}
	.about-contact__data dt{
		position:relative;
		width:130px;
		height:28px;
		margin-top:10px;
		padding:0 0 0 5px;
		line-height:28px;
	}
	.about-contact__data dt::after{
		content:"";
		display:block;
		position:absolute;
		z-index:2;
		top:calc(50% - 10px);
		right:-10px;
		width:20px;
		height:20px;
		background:#000;
		transform:rotate(45deg);
	}
	.about-contact__data dd{
		width:calc(100% - 150px);
		margin-top:10px;
		padding-left:30px;
		font-size:1rem;
		line-height:28px;
		text-align:left;
	}
	.about-contact__data dd a:not([class]) {
		color:#333;
		text-decoration:none;
	}
	.about-contact__data dd a:not([class]):hover{
		color:#999;
	}
	.about-contact__address{
		text-align:left;
	}
}

/* starter kit ver.2(202008)
--------------------- */
/* common */
.starter2-set,
.starter2-feature,
.starter2-voice,
.starter2-qa{
  margin-top:calc(10% + 30px);
  color:#000;
}
.starter2-title1{
  margin-bottom:calc(6% + 15px);
  text-align:center;
 }
 .starter2-title1 img{
  width:auto;
  height:16px;
}
.starter2-title2{
  font-size:1.25rem;
  line-height:1.5;
}
@media (min-width: 600px) {
  .starter2-title2{
    font-size:1.375rem;
  }
}
@media (min-width: 960px) {
  .starter2-set,
  .starter2-feature,
  .starter2-voice,
  .starter2-qa{
    margin-top:130px;
  }
  .starter2-title1{
    margin-bottom:60px;
  }
}
/* starter2-set */
.starter2-set{
  margin-top:calc(5% + 20px);
}
.starter2-set__title{
  margin-bottom:40px;
  font-size:1.375rem;
  text-align:center;
  line-height:1.5;
}
.starter2-set__list{
  margin-top:-10px;
}
.starter2-set__item{
  margin-top:calc(5% + 30px);
}
.starter2-set__txt{
  margin-top:10px;
  font-size:0.875rem;
}
.starter2-set__img{
  margin-bottom:25px;
}
.starter2-set__img img{
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 600px) {
  .starter2-set__title{
    font-size:1.375rem;
    margin-bottom:60px;
    letter-spacing:0.1em;
  }
  .starter2-set__img{
    margin-bottom:30px;
  }
  .starter2-set__txt{
    font-size:1rem;
  }
}
@media (min-width: 960px) {
  .starter2-set{
    margin-top:130px;
  }
  .starter2-set__list{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top:-70px;
  }
  .starter2-set__item{
    width:31%;
    max-width:294px;
    margin-top:70px;
  }
}
/* starter2-feature */
.starter2-feature__item{
  margin-top:calc(5% + 30px);
}
.starter2-feature__img{
  margin-bottom:25px;
}
.starter2-feature__img img{
  width: 100%;
}
.starter2-feature__txt{
  margin-top:10px;
  font-size:0.875rem;
}
.starter2-feature__note{
  margin-top:10px;
  font-size:0.75rem;
}
@media (min-width: 600px) {
  .starter2-feature__img{
    margin-bottom:30px;
  }
  .starter2-feature__txt{
    font-size:1rem;
  }
}
@media (min-width: 960px) {
  .starter2-feature__list{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top:-70px;
  }
  .starter2-feature__item{
    width:46%;
    max-width:440px;
    margin-top:70px;
  }
}
/* starter2-box1 */
.starter2-box1__item{
  margin-top:30px;
}
.starter2-box1__title{
  overflow:hidden;
  position:relative;
}
.starter2-qa .starter2-box1__title{
  color:#727171;
}
.starter2-box1__title::after{
  content:"";
  position:absolute;
  bottom:0.85em;
  width:100%;
  height:1px;
  background:#000;
}
.starter2-box1__title span{
  display:inline-block;
  padding:0 1em 0 0;
}
.starter2-box1__txt{
  margin-top:15px;
  font-size:0.875rem;
}
.starter2-box1__btn{
  width:96%;
  max-width:340px;
  margin:30px auto 0;
  padding:8px 10px;
  color:#FFF;
  background:#727171;
  line-height:1;
  text-align:center;
}
@media (min-width: 600px) {
  .starter2-box1__item{
    margin-top:40px;
  }
  .starter2-box1__title br{
    display:none;
  }
  .starter2-box1__txt{
    font-size:1rem;
  }
  .starter2-box1__btn{
    margin-top:50px;
  }
}
@media (min-width: 960px) {
  .starter2-box1__btn{
    -webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
  }
  .starter2-box1__btn:hover{
    opacity:0.6;
  }
}
/* starter-sugu */
.starter2-sugu{
  margin-top:calc(10% + 30px);
  margin-bottom:calc(10% + 50px);
  line-height:1.5;
  text-align:center;
}
.starter2-sugu a{
  display:block;
  padding:15px 5px;
  border:1px solid #000;
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
@media (min-width: 600px) {
  .starter2-sugu br{
    display:none;
  }
  .starter2-sugu a{
    padding:35px 10px;
  }
}
@media (min-width: 960px) {
  .starter2-sugu a{
    -webkit-transition:all 0.5s ease;
		transition:all 0.5s ease;
  }
  .starter2-sugu a:hover{
    background-color:#000;
    color:#FFF;
  }
}

/* about ver.2(202008)
--------------------- */
/* common */
.about2-concept,
.about2-seminar,
.about2-team{
  margin-top:calc(10% + 30px);
  color:#000;
}
.about2-title1{
  margin-bottom:30px;
  font-size:1.375rem;
  text-align:center;
  line-height:1.5;
}
.about2-txt1{
  font-size:0.875rem;
}
.about2-txt1 p{
  margin-top:15px;
  line-height:2;
}
.about2-txt1 br{
  display:none;
}
@media (min-width: 600px) {
  .about2-title1{
    margin-bottom:40px;
    font-size:1.375rem;
    letter-spacing:0.1em;
  }
  .about2-txt1{
    font-size:1rem;
  }
  .about2-txt1 p{
    margin-top:25px;
  }
}
@media (min-width: 960px) {
  .about2-concept,
  .about2-seminar,
  .about2-team,
  .about2-contact{
    margin-top:130px;
  }
  .about2-txt1{
    text-align:center;
  }
  .about2-txt1 br{
    display:inline;
  }
}
/* about2-concept */
.about2-concept{
  margin-top:calc(5% + 20px);
}
@media (min-width: 960px) {
  .about2-concept{
    margin-top:130px;
  }
}
/* about2-seminar */
.about2-seminar__bn{
  margin-top:40px;
}
.about2-seminar__bntxt{
  overflow:hidden;
  position:relative;
  width:100%;
  padding-top:30%;
  background:#efefef;
  text-align:center;
}
.about2-seminar__bntxt img{
  position:absolute;
  top:calc(50% - 138px);
  left:calc(50% - 138px);
  width:280px;
}
.about2-seminar__bnimg img{
  width:100%;
}
@media (min-width: 800px) {
  .about2-seminar__bn{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
  }
  .about2-seminar__bntxt{
    width:27.5%;
    padding-top:calc(27.5% - 2px);
  }
  .about2-seminar__bntxt img{
    top:0;
    left:0;
    width:100%;
    max-width:400px;
  }
  .about2-seminar__bnimg{
    width:72.5%;
  }
}
@media (min-width: 960px) {
  .about2-seminar__bn{
    margin-top:60px;
  }
}
/* about2-team */
.about2-team__item{
  margin-top: calc(5% + 30px);
}
.about2-team__img{
  text-align:center;
}
.about2-team__img img{
  width:100%;
  max-width:540px;
}
.about2-team__name{
  margin-top:30px;
}
.about2-team__name img{
  width:auto;
  height:38px;
}
.about2-team__txt{
  margin-top:15px;
  font-size:0.875rem;
}
.about2-team__profile{
  margin-top:20px;
}
.about2-team__profiletitle{
  overflow:hidden;
  position:relative;
}
.about2-team__profiletitle::after{
  content:"";
  position:absolute;
  bottom:5px;
  width:100%;
  height:1px;
  background:#000;
}
.about2-team__profiletitle img{
  height:10px;
  width:auto;
  margin-right:10px;
}
.about2-team__profiletxt{
  font-size:0.75rem;
  margin-top:15px;
}
@media (min-width: 600px) {
  .about2-team__item{
    margin-left:auto;
    margin-right:auto;
    width:540px;
  }
  .about2-team__img img{
    width:360px;
  }
  .about2-team__name{
    margin-top:40px;
  }
}
@media (min-width: 960px) {
  .about2-team__list{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
    width:800px;
    margin:60px auto 0;
  }
  .about2-team__item{
    margin: 0;
    width:246px;
  }
  .about2-team__img img{
    width:100%;
  }
  .about2-team__name{
    margin-top:25px;
  }
}

/* contact
--------------------- */
.contact-intro{
  margin-top:calc(7% + 30px);
  color:#000;
  font-size:0.875rem;
  text-align:center;
}
.contact-list{
  width:90%;
  max-width:640px;
  margin:0 auto;
  color:#000;
}
.contact-list__item{
  margin:20px 0 0;
  padding:25px 10px;
  border:1px solid #000;
  font-size:0.875rem;
  line-height:1.7;
  text-align:center;
}
.contact-list__title{
  display:block;
}
.contact-list__img{
  display:block;
  margin-top:10px;
}
.contact-list__img img{
  width:192px;
}
.contact-list__open{
  display:block;
  margin-top:10px;
  font-size:0.75rem;
}
.contact-address{
  margin:40px 5% calc(10% + 50px);
  color:#000;
  font-size:0.75rem;
  text-align:center;
}
@media (min-width: 600px) {
  .contact-list__item{
    margin-top:30px;
    padding:40px 10px;
  }
  .contact-list__img,
  .contact-list__open{
    margin-top:15px;
  }
  .contact-address{
    margin-top:50px;
  }
  .contact-address br{
    display:none;
  }
}
@media (min-width: 960px) {
  .contact-intro{
    margin-top:100px;
  }
  .contact-list__item{
    margin-top:35px;
    padding:55px 10px;
  }
  .contact-address{
    margin:60px 5% 130px;
  }
}

/* lcurl
--------------------- */

@media (max-width:599.9px){
  .lcurl-topimg img{
    margin-left:-41.5%;
  }
}

/* common */
.lcurl-intro,
.lcurl-concept,
.lcurl-detail,
.lcurl-products,
.lcurl-example,
.lcurl-related,
.lcurl-sample{
  margin-top:calc(10% + 30px);
  color:#000;
}
.lcurl-title1{
  margin-bottom:calc(6% + 15px);
  text-align:center;
}
.lcurl-title1 img{
  width:auto;
	height:16px;
}
.lcurl-btn1{
  margin:30px 0 0;
  font-size:1rem;
  text-align:center;
}
.lcurl-btn1 a{
  display:inline-block;
  width:100%;
  padding:15px 10px;
  border:1px solid #000;
  color:#000;
  background:#FFF;
  line-height:1;
  text-decoration:none;
  text-align:center;
}
@media (min-width: 600px) {
  .lcurl-btn1 a{
    padding:20px 0;
  }
}
@media (min-width: 960px) {
  .lcurl-intro,
  .lcurl-concept,
  .lcurl-detail,
  .lcurl-products,
  .lcurl-example,
  .lcurl-related{
    margin-top:130px;
  }
  .lcurl-title1{
    margin-bottom:60px;
  }
  .lcurl-btn1 a{
    -webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
  }
  .lcurl-btn1 a:hover{
    opacity:0.6;
  }
}

/* lcurl-intro */
.lcurl-intro__title{
  width:80%;
  max-width:495px;
  margin:0 auto 30px;
}
.lcurl-intro__title img,
.lcurl-intro__img img{
  width:100%;
}
@media (min-width: 600px) {
  .lcurl-intro__title{
    margin-bottom:60px;
  }
}

/* lcurl-concept */
.lcurl-concept{
  font-size:0.875rem;
  line-height:2;
}
.lcurl-concept p{
  margin-top:-0.5em;
}
@media (min-width: 600px) {
  .lcurl-concept{
    font-size:1rem;
    text-align: center;
  }
}

/* lcurl-detail */
.lcurl-detail__bn{
  margin-bottom:calc(6% + 20px);
}
.lcurl-detail__bntxt{
  overflow:hidden;
  position:relative;
  width:100%;
  padding-top:30%;
  background:#efefef;
  text-align:center;
}
.lcurl-detail__bntxt img{
  position:absolute;
  top:calc(50% - 138px);
  left:calc(50% - 138px);
  width:280px;
}
.lcurl-detail__bnimg img{
  width:100%;
}
.lcurl-detail__pointimg{
  margin-bottom:-10px;
  text-align:center;
}
.lcurl-detail__pointimg img{
  width:80%;
}
.lcurl-detail__pointtxt{
  margin-top:30px;
}
.lcurl-detail__pointtxt h3 img{
  width:auto;
  height:16px;
}
.lcurl-detail__pointtxt p{
  margin-top:15px;
  font-size:0.875rem;
}
@media (min-width: 600px) {
  .lcurl-detail__pointtxt p{
    font-size:1rem;
  }
}
@media (min-width: 800px) {
  .lcurl-detail__bn{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .lcurl-detail__bntxt{
    width:27.5%;
    padding-top:calc(27.5% - 2px);
  }
  .lcurl-detail__bntxt img{
    top:0;
    left:0;
    width:100%;
    max-width:400px;
  }
  .lcurl-detail__bnimg{
    width:72.5%;
  }
  .lcurl-detail__point{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .lcurl-detail__pointimg{
    overflow:hidden;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 2;
    order: 2;
    width:35%;
    margin:0;
  }
  .lcurl-detail__pointimg img{
    width:147%;
    max-width:410px;
    margin-left:-23%;
  }
  .lcurl-detail__pointtxt{
    width:32.5%;
    margin-top:0;
  }
  .lcurl-detail__pointtxt1{
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
  }
  .lcurl-detail__pointtxt2{
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    order: 3;
  }
  .lcurl-detail__pointtxt h3{
    padding:0 5px;
  }
  .lcurl-detail__pointtxt1 h3{
    text-align:right;
  }
}
@media (min-width: 960px) {
  .lcurl-detail__bn{
    margin:0 auto 60px;
  }
}

/* lcurl-products */
.lcurl-products__img{
  text-align:center;
}
.lcurl-products__img img{
  width:70%;
  max-width:380px;
}
.lcurl-products__txt{
  margin-top:30px;
}
.lcurl-products__txt1{
  font-size:1.25rem;
  line-height:1.5;
}
.lcurl-products__txt2{
  margin-top:15px;
  font-size:1rem;
  line-height:1.5;
}
.lcurl-products__txt3{
  margin-top:15px;
  font-size:0.75rem;
}
@media (min-width: 600px) {
  .lcurl-products__cover{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .lcurl-products__img{
    width:47%;
  }
  .lcurl-products__img img{
    width:100%;
  }
  .lcurl-products__txt{
    width:47%;
    margin:0;
    padding-bottom:5px;
  }
}

/* lcurl-example__img */
.lcurl-example__img{
  overflow:hidden;
	position:relative;
  width:100%;
  padding-top:58.95%;
}
.lcurl-example__img img{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.lcurl-example__txt{
  padding:5%;
  background:#eeeeee;
}
.lcurl-example__txt2{
  line-height:1.5;
}
.lcurl-example__txt2 dt{
  overflow:hidden;
  position:relative;
  margin-top:5px;
  font-size:0.875rem;
}
.lcurl-example__txt2 span{
  display:inline-block;
  padding-right:1em;
}
.lcurl-example__txt2 dt::after{
  content:"";
  position:absolute;
  bottom:0.75em;
  width:100%;
  height:1px;
  background:#000;
}
.lcurl-example__txt2 dd{
  margin-top:3px;
  font-size:0.75rem;
}
@media (min-width: 800px) {
  .lcurl-example__cover{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .lcurl-example__img{
    width:50%;
    padding:0;
  }
  .lcurl-example__txt{
    width:50%;
    padding:3% 4%;
  }
  .lcurl-example__txt1{
    font-size:1.125rem;
  }
  .lcurl-example__txt2 dt{
    font-size:0.875rem;
  }
  .lcurl-example__txt2 dd{
    font-size:0.875rem;
  }
}

/* lcurl-related */
.lcurl-related__list{
  margin-top:-10px;
}
.lcurl-related__item{
  margin-top:calc(5% + 30px);
  font-size:0.875rem;
  text-align:center;
  line-height:1.7;
}
.lcurl-related__item a{
  color:#000;
  text-decoration:none;
}
.lcurl-related__item img{
  width:100%;
  margin-bottom:15px;
}
.lcurl-related__name{
  color: #0033CC;
  text-decoration:underline;
}
@media (min-width: 600px) {
  .lcurl-related__list{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:0;
  }
  .lcurl-related__item{
    width:31%;
    margin-top:0;
    font-size:1rem;
  }
  .lcurl-related__name{
    -webkit-transition:color 0.5s ease;
		transition:color 0.5s ease;
  }
  a:hover .lcurl-related__name{
    color:#CCC;
  }
  .lcurl-related__item a img{
    -webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
  }
  .lcurl-related__item a:hover img{
    opacity:0.6;
  }
}

/* lcurl-sample */
.lcurl-sample__img{
  position:relative;
  padding:0 0 3%;
  background:url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl-sample-img2.jpg) left top / 355px 236px;
  text-align:center;
}
.lcurl-sample__img img{
  width:60%;
  margin-top:-11%;
}
.lcurl-sample__txt{
  padding:7% 5% 5%;
  background:#817351;
}
.lcurl-sample__txt1{
  margin-bottom:15px;
}
.lcurl-sample__txt1 img{
  width:90%;
  max-width:372px;
}
.lcurl-sample__txt2{
  font-size:0.875rem;
  color:#FFF;
}
.lcurl-sample__btn{
  margin-top:5px;
  text-align:right;
}
.lcurl-sample__btn img{
  width:auto;
  height:19px;
}
@media (min-width: 600px) {
  .lcurl-sample__cover{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .lcurl-sample__img{
    width:39%;
    padding:0 0 10px;
  }
  .lcurl-sample__img img{
    width:83%;
    max-width:258px;
    margin-top:-15%;
  }
  .lcurl-sample__txt{
    width:61%;
    padding:5% 3% 3% 5%;
  }
}
@media (min-width: 960px){
  .lcurl-sample__img,
  .lcurl-sample__btn a{
    -webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
  }
  .lcurl-sample__img:hover,
  .lcurl-sample__btn a:hover{
    opacity:0.6;
  }
}


/* colorflat common parts
-------------------- */
/* font */
.font-yu{
	font-family:-apple-system, BlinkMacSystemFont,Verdana,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","メイリオ",Meiryo,sans-serif;
}
.font-yu-bold{
	font-family:-apple-system, BlinkMacSystemFont,Verdana,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-weight:bold;
}

/* basetitle,basetxt */
.colorflat-basetitle01{
	margin-bottom:10%;
	text-align:center;
}
.colorflat-basetitle01 img{
	width:auto;
	height:5.3vw;
	max-height:32px;
}
.colorflat-basetitle02{
	margin-bottom:7%;
	text-align:center;
}
.colorflat-basetitle02 img{
	width:auto;
	height:5.2vw;
	max-height:25px;
  image-rendering: -webkit-optimize-contrast;
}
.colorflat-basetxt01{
	margin-bottom:3.8%;
	text-align:center;
	font-weight:bold;
}
.colorflat-basetxt02{
	padding:0 5%;
	text-align:center;
	font-size:0.875rem;
	line-height:1.5;
	letter-spacing:0.05em;
}
@media (min-width: 600px) {
	.colorflat-basetitle01{
		margin-bottom:30px;
	}
	.colorflat-basetitle02{
		margin-bottom:20px;
	}
	.colorflat-basetxt01{
		margin-bottom:10px;
		font-size:1.25rem;
		line-height:2.2;
	}
	.colorflat-basetxt02{
		text-align:center;
		font-size:1rem;
		line-height:2.2;
	}
}

/* colorflat vlavel */
.colorflat__vlabel-l,
.colorflat__vlabel-r{
	display:none;
	position:absolute;
	top:0;
	z-index:2;
	width:0;
	height:calc(100% - 60px);
	background-color:inherit;
}
.colorflat__vlabel-l{ left:3.2%; border-left:solid 1px #333; }
.colorflat__vlabel-r{ right:3.2%; border-right:solid 1px #333; }
.colorflat__vlabel-l img,
.colorflat__vlabel-r img{
	width:13px;
	height:auto;
	margin:0 0 0 -7px;
	padding:60px 0 20px;
	background-color:inherit;
}
@media (min-width: 960px) {
	.colorflat__vlabel-l,
	.colorflat__vlabel-r{ display:block; }
}
@media (min-width: 1600px) {
	.colorflat__vlabel-l{ left:calc(-740px + 50%); }
	.colorflat__vlabel-r{ right:calc(-740px + 50%); }
}

/* colorflat-btn */
.colorflat-btn01,
.colorflat-btn02{
	display:inline-block;
	padding:0.9em 1em;
	border:solid 1px #333;
	text-decoration:none;
	text-align:center;
	font-size:0.875rem;
	line-height:1.4;
	color:#333;
	transition:background-color 0.5s ease;
}
.colorflat-btn01:hover{ background:#DDD; color:#000; }
.colorflat-btn02:hover{ background:rgba(255,255,255,0.5); color:#000; }
.colorflat-btn01 .nowrap{ white-space:nowrap; }
@media (min-width: 600px) {
	.colorflat-btn01,
	.colorflat-btn02{
		font-size:1rem;
	}
}

/* colorflat-lineup (list) */
.colorflat-lineup__list{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:90%;
	margin:5% auto 0;
}
.colorflat-lineup__item{
	width:100%;
	padding:10% 0;
	border-bottom:solid 1px #CCC;
	overflow:hidden;
}
.colorflat-lineup__img{
	display:block;
	float:left;
	width:38.5%;
	max-width:200px;
}
.colorflat-lineup__img img{
	display:inline-block;
	width:78%;
	height:auto;
	margin:0 auto;
}
.colorflat-lineup__data{
	float:right;
	width:60%;
}
.colorflat-lineup__color img{
	width:auto;
	height:13px;
}
.colorflat-lineup__name{
	font-weight:bold;
	line-height:1.5;
	margin:10px 0 6px;
}
.colorflat-lineup__price{
	font-size:0.875rem;
	margin:0 0 18px;
}
.colorflat-lineup__item .colorflat-btn01{ width:100%; }
@media (min-width: 600px) {
	.colorflat-lineup__img{
		text-align:center;
	}
}
@media (min-width: 960px) {
	.colorflat-lineup__list{
		flex-wrap:nowrap;
		width:80%;
		max-width:1200px;
		margin:70px auto 0;
	}
	.colorflat-lineup__item{
		width:21.5%;
		min-width:150px;
		padding:0;
		border:none;
		text-align:center;
	}
	.colorflat-lineup__img{
		float:none;
		width:100%;
		max-width:256px;
		margin:0 auto 30px;
	}
	.colorflat-lineup .colorflat-btn01{
		width:100%;
	}
	.colorflat-lineup__data{
		width:100%;
		float:none;
	}
}
@media (min-width: 1200px) {
  .colorflat-lineup__img img{
    width:200px;
  }
}

/* colorflat-features */
.colorflat-features{
	padding:20% 0;
}
.colorflat-features__list{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:90%;
	margin:0 auto;
}
.colorflat-features__feature{
	width:100%;
	max-width:450px;
	margin:5% 0;
	text-align:center;
}

.colorflat-features__bnr img{
	width:100%;
	height:auto;
	margin:3% 0;
}
.colorflat-features__txt{
	font-size:0.75rem;
}
@media (min-width: 960px) {
	.colorflat-features{
		padding:180px 0;
	}
	.colorflat-features__list{
		width:100%;
		margin:50px 0 0;
	}
	.colorflat-features__feature{
		width:40%;
		margin:0 2%;
	}
	.colorflat-features__bnr{
		display:block;
	}
	.colorflat-features__bnr img{
		transition:opacity 0.5s ease;
	}
	.colorflat-features__bnr img:hover{ opacity:0.6; }
	.colorflat-features__txt{
		font-size:1rem;
	}
}

/* animations */
@keyframes slide-fade1{
	  0%{ opacity:0; }
	 13%{ opacity:1; }
	 30%{ opacity:1; }
	 40%{ opacity:0; }
	100%{ opacity:0; }
}
@keyframes slide-fade2{
	  0%{ opacity:0; }
	 10%{ opacity:1; }
	 45%{ opacity:1; }
	 55%{ opacity:0; }
	100%{ opacity:0; }
}


/* colorflatmake
-------------------- */
/* colorflatmake-top */
.colorflatmake-top{
	position:relative;
	padding-top:133%;
}
.colorflatmake-top__title{
	position:absolute;
	bottom:9.5%;
	left:0;
	right:0;
	z-index:2;
	width:77.3%;
	max-width:620px;
	margin:0 auto;
}
.colorflatmake-top__title span{
		display:block;
		text-align:center;
		font-size:4vw;
		font-weight:bold;
		letter-spacing:0.1em;
		color:#FFF;
}
.colorflatmake-top__title img{
	width:100%;
	height:auto;
	margin:6.8% 0 0;
}
.colorflatmake-top__img{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
@media (max-width: 599px) {
	.colorflatmake-top__img div{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:auto;
		opacity:0;
		animation:slide-fade1 15s linear infinite;
	}
	.colorflatmake-top__img div:nth-child(1){ animation-delay:5s; }
	.colorflatmake-top__img div:nth-child(3){ animation-delay:10s; }
	.colorflatmake-top__img div img{
		width:100%;
		height:auto;
	}
}
@media (min-width: 600px) {
	.colorflatmake-top{
		padding-top:47.5%;
	}
	.colorflatmake-top__title{
		bottom:7.9%;
		width:40.6%;
		min-width:400px;
	}
	.colorflatmake-top__title span{
		font-size:1.5vw;
	}
	.colorflatmake-top__img div{
		float:left;
		width:33.33%;
		overflow:hidden;
	}
	.colorflatmake-top__img div img{
		width:108%;
		height:auto;
		margin:0 -4%;
	}
}

/* colorflatmake-intro */
.colorflatmake-intro{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:4% 4% 0 4%;
	padding:115px 8.6%;
	background:linear-gradient(#817C6C,#CDC9BB);
	color:#FFF;
}
.colorflatmake-intro__txt01{
	margin:0 0 1em;
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0.1em;
}
.colorflatmake-intro__txt01 span{
	white-space:nowrap;
}
.colorflatmake-intro__txt02{
	font-size:0.875rem;
	line-height:1.5;
	letter-spacing:0.1em;
}
@media (max-width: 599px) {
	.colorflatmake-intro .br-pc{
		display:none;
	}
}
@media (min-width: 960px) {
	.colorflatmake-intro{
		margin:40px 40px 0;
		padding:260px 0;
		text-align:center;
	}
	.colorflatmake-intro .br-sp{
		display:none;
	}
	.colorflatmake-intro__txt01{
		font-size:1.25rem;
		line-height:2;
	}
	.colorflatmake-intro__txt02{
		font-size:1rem;
	}
}

/* colorflatmake-color */
.colorflatmake-color{
	position:relative;
	padding:20% 0 20%;
	background:#FFF;
	overflow:hidden;
}
.colorflatmake-color__itemlist{
	display:flex;
	justify-content:space-around;
	width:90%;
	margin:0 auto 14%;
	padding:3% 0 0;
}
.colorflatmake-color__item{
	width:29.3%;
	text-align:center;
}
.colorflatmake-color__item::after{
	display:block;
	content:"";
	width:36px;
	height:3px;
	margin:20px auto 0;
	background:#817C6C;
}
.colorflatmake-color__item:nth-child(2)::after{ background:#3D2C21; }
.colorflatmake-color__item:nth-child(3)::after{ background:#7D0000; }
.colorflatmake-color__img img{
	width:100%;
	max-width:160px;
	height:auto;
	margin:0 auto 30px;
}
.colorflatmake-color__name01 img{
	width:auto;
	height:13px;
	margin:0 0 7px;
}
.colorflatmake-color__name02{
	font-size:0.45rem;
}
.colorflatmake-color__txtbox{
	margin:0 9.3%;
}
.colorflatmake-color__txt01{
	margin:0 0 1.5em;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.7;
}
.colorflatmake-color__txt02{
	font-size:0.875rem;
	line-height:1.5;
}
@media (min-width: 600px) {
	.colorflatmake-color__txt02{
		line-height:1.7;
	}
}
@media (min-width: 960px) {
	.colorflatmake-color{
		padding:170px 0;
	}
	.colorflatmake-color__container{
		width:90%;
		max-width:1140px;
		margin:0 auto;
		padding-left:40px;
	}
	.colorflatmake-color .colorflat-basetitle01{
		margin:0;
		text-align:left;
	}
	.colorflatmake-color__title img{
		width:280px;
	}
	.colorflatmake-color__itemlist{
		width:64%;
		float:right;
		margin:-20px 0 0;
		padding:0;
	}
	.colorflatmake-color__item::after{
		width:60px;
		height:5px;
		margin-top:35px;
	}
	.colorflatmake-color__img img{
		margin-bottom:60px;
	}
	.colorflatmake-color__name01 img{
		height:21px;
		margin:0 0 15px;
	}
	.colorflatmake-color__name02{
		font-size:0.85rem;
	}
	.colorflatmake-color__txtbox{
		width:290px;
		margin:140px 0 0;
	}
	.colorflatmake-color__txt01{
		margin:0 0 40px;
		font-size:1.25rem;
		line-height:1.8;
	}
	.colorflatmake-color__txt02{
		line-height:1.7;
	}
}

/* colorflatmake-hairmake-intro */
.colorflatmake-hairmake-intro{
	position:relative;
	background:#F3F2EE url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatmake-hairmake-intro-bg.jpg) no-repeat -9vw -18.5vw;
	background-size:125% auto;
	padding:122.67% 0 20%;
}
.colorflatmake-hairmake-intro__container{
	margin:0 8.6%;
}
.colorflatmake-hairmake-intro__title{
	width:46.6%;
	margin:0 auto 45px;
}
.colorflatmake-hairmake-intro__title span{
	display:block;
	overflow:hidden;
}
.colorflatmake-hairmake-intro__title img{
	width:150%;
	height:auto;
	margin:0 -25% -14%; 
}
.colorflatmake-hairmake-intro__txt01{
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.7;
	margin:0 0 20px;
}
.colorflatmake-hairmake-intro__txt02{
	font-size:0.875rem;
	line-height:1.7;
	margin:0 0 30px;
}
@media (min-width: 960px) {
	.colorflatmake-hairmake-intro{
		background-position:-4% 4%;
		background-size:56% auto;
		padding:160px 0 150px;
	}
	.colorflatmake-hairmake-intro__container{
		width:42%;
		max-width:580px;
		margin:0 0 0 50%;
	}
	.colorflatmake-hairmake-intro__title{
		width:90%;
		margin:0 0 40px;
	}
	.colorflatmake-hairmake-intro__title img{
		width:100%;
		margin:-30% 0 0;
	}
	.colorflatmake-hairmake-intro__txt01{
		margin:0 0 25px;
		font-size:1.25rem;
	}
	.colorflatmake-hairmake-intro__txt02{
		margin:0 0 45px;
		font-size:1rem;
		line-height:2.1;
	}
}

/* colorflatmake-hairmake-intro - artist */
.colorflatmake-hairmake-intro-artist{
	margin:0 -3%;
	padding:1% 0 0 5%;
	border-left:solid 1px #333;
	overflow:hidden;
}
.colorflatmake-hairmake-intro-artist dl{
	float:left;
	width:64.6%;
	margin:0 5% 0 0;
}
.colorflatmake-hairmake-intro-artist dt{
	font-size:1.125rem;
	font-weight:bold;
}
.colorflatmake-hairmake-intro-artist dt img{
	display:block;
	width:105px;
	height:auto;
	margin:12px 0 22px;
}
.colorflatmake-hairmake-intro-artist dd{
	font-size:0.875rem;
	line-height:1.5;
}
.colorflatmake-hairmake-intro-artist dd a{
	display:inline-block;
	padding:0.5em 0 0;
	white-space:nowrap;
	color:#333;
}
.colorflatmake-hairmake-intro-artist__img img{
	width:28.5%;
	height:auto;
}
@media (min-width: 960px) {
	.colorflatmake-hairmake-intro-artist{
		margin:0 0 0 5%;
		padding:0 0 0 5%;
	}
	.colorflatmake-hairmake-intro-artist dl{
		float:right;
		width:65%;
		margin:0;
	}
	.colorflatmake-hairmake-intro-artist dt{
		padding:5px 0 0;
		font-size:1.25rem;
	}
	.colorflatmake-hairmake-intro-artist dt img{
		display:inline-block;
		width:110px;
		margin:0 0 0 5px;
		vertical-align:middle;
	}
	.colorflatmake-hairmake-intro-artist dt span::after{
		content:" /";
		font-weight:normal;
		color:#999;
	}
	.colorflatmake-hairmake-intro-artist dd{
		margin:30px 0 0;
		font-size:1rem;
	}
	.colorflatmake-hairmake-intro-artist__img img{
		width:30%;
		max-width:140px;
	}
}

/* colorflatmake-hairmake */
.colorflatmake-hairmake{
	position:relative;
	padding:0 0 15%;
	overflow:hidden;
}
.colorflatmake-hairmake01{ padding-top:18%; }
.colorflatmake-hairmake__main{
	display:flex;
	justify-content:space-between;
	margin:0 0 10%;
}
.colorflatmake-hairmake01 .colorflatmake-hairmake__main,
.colorflatmake-hairmake03 .colorflatmake-hairmake__main{ flex-direction:row-reverse; }
.colorflatmake-hairmake__label{
	width:8%;
	text-align:center;
}
.colorflatmake-hairmake__label img{
	width:26%;
}
.colorflatmake-hairmake__mainimg{
	position:relative;
	width:92%;
	padding-top:101.2%;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatmake-hairmake01-img01.jpg) no-repeat 47% top;
	background-size:127% auto;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__mainimg{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatmake-hairmake02-img01.jpg); }
.colorflatmake-hairmake03 .colorflatmake-hairmake__mainimg{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatmake-hairmake03-img01.jpg); }
.colorflatmake-hairmake__maintxt{
	position:absolute;
	top:8%;
	left:4%;
	z-index:2;
	font-size:3.4vw;
	line-height:2;
	letter-spacing:0.1em;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	color:#000;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__maintxt{ right:4%; }
.colorflatmake-hairmake__cursive{
	position:absolute;
	z-index:2;
	left:44%;
	bottom:-6.8%;
	width:50%;
}
.colorflatmake-hairmake__cursive img{
	width:100%;
	height:auto;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__cursive{ width:40%; left:8%; bottom:-6%; }
.colorflatmake-hairmake03 .colorflatmake-hairmake__cursive{ width:30%; left:65%; bottom:-5%; }
@media (min-width: 960px) {
	.colorflatmake-hairmake{
		padding:0 0 150px;
	}
	.colorflatmake-hairmake01{ margin:150px 0 0; padding:0 0 150px; }
	.colorflatmake-hairmake__main{
		width:62.5%;
		margin:0 0 4%;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__main{ float:right; }
	.colorflatmake-hairmake__label{
		width:12%;
	}
	.colorflatmake-hairmake__label img{
		width:13px;
		margin:0 11% 0 0;
	}
	.colorflatmake-hairmake__mainimg{
		width:88%;
		padding-top:80%;
		background-position:left top;
		background-size:100.5%;
	}
	.colorflatmake-hairmake__maintxt{
		top:12%;
		left:6.3%;
		font-size:1.6vw;
		color:#000;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__maintxt{ right:10%; }
	.colorflatmake-hairmake__cursive{
		left:44%;
		bottom:-8%;
		width:50%;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__cursive{ width:40%; left:55%; bottom:-4.2%; }
	.colorflatmake-hairmake03 .colorflatmake-hairmake__cursive{ width:30%; left:65%; bottom:-6%; }
}
@media (min-width: 1600px) {
	.colorflatmake-hairmake__maintxt{
		font-size:1.5rem;
	}
}

/* colorflatmake-hairmake - imgbox */
.colorflatmake-hairmake__imgbox{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	position:relative;
	margin:0 0 45px 8%;
	max-width:860px;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__imgbox{ margin:0 8% 45px 0; }
.colorflatmake-hairmake__imgbox img{
	float:left;
	width:46.5%;
	height:auto;
}
.colorflatmake-hairmake__imgbox img:nth-child(1){
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	animation:slide-fade2 16s linear infinite;
}
.colorflatmake-hairmake__imgbox img:nth-child(2){
	opacity:0;
	animation:slide-fade2 16s linear 8s infinite;
}
@media (min-width: 960px) {
	.colorflatmake-hairmake__imgbox{
		width:51%;
		margin:0;
	}
	.colorflatmake-hairmake__imgbox img{
		width:46%;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__imgbox{ margin:0 0 0 49%; }
}
@media (min-width: 1600px) {
	.colorflatmake-hairmake__imgbox{
		width:53.75%;
		margin:0 auto;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__imgbox{ margin:0 auto; }
}

/* colorflatmake-hairmake - itembox */
.colorflatmake-hairmake__itembox{
	width:100%;
}
.colorflatmake-hairmake__ename{
	margin:0 9.3% 12px;
}
.colorflatmake-hairmake__ename img{
	width:auto;
	height:28px;
}
.colorflatmake-hairmake__ename::before{
	display:block;
	content:"";
	width:9.8%;
	height:2px;
	margin:0 0 32px;
	background:#817C6C;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__ename::before{ background:#3D2C21; }
.colorflatmake-hairmake03 .colorflatmake-hairmake__ename::before{ background:#7d0000; }

.colorflatmake-hairmake__name{
	margin:0 9.3%;
	font-size:0.8rem;
	color:#817C6C;
}
.colorflatmake-hairmake02 .colorflatmake-hairmake__name{ color:#3D2C21; }
.colorflatmake-hairmake03 .colorflatmake-hairmake__name{ color:#7d0000; }
.colorflatmake-hairmake__itemimg{
	position:relative;
	z-index:-1;
	max-width:600px;
	margin:0 auto;
}
.colorflatmake-hairmake01 .colorflatmake-hairmake__itemimg img{ width:92%; margin:-10% 0 0 18%; }
.colorflatmake-hairmake02 .colorflatmake-hairmake__itemimg img{ width:82%; margin:5% 0 0 8.5%;}
.colorflatmake-hairmake03 .colorflatmake-hairmake__itemimg img{ width:94%; margin:5% 0 0 3%;}
.colorflatmake-hairmake__itemtxt{
	width:86.6%;
	max-width:500px;
	margin:20px auto 30px;
	font-size:1.rem;
	line-height:1.5;
}
.colorflatmake-hairmake__link{
	text-align:center;
}
.colorflatmake-hairmake__link .colorflat-btn01{ width:70%;max-width:400px; padding:0.8em;  }
@media (min-width: 600px) {
	.colorflatmake-hairmake__itemtxt{
		line-height:1.7;
	}
}
@media (min-width: 960px) {
	.colorflatmake-hairmake__ename{
		margin:0 0 14px;
	}
	.colorflatmake-hairmake__ename img{
		height:42px;
	}
	.colorflatmake-hairmake__ename::before{
		width:60px;
		height:5px;
		margin:0 0 70px;
	}
	.colorflatmake-hairmake__name{
		margin:0 ;
		font-size:0.9rem;
	}
	.colorflatmake-hairmake__itembox{
		position:absolute;
		top:0;
		left:62.5%;
		width:37.5%;
		max-width:480px;
		padding:0 20px 0 0;
	}
	.colorflatmake-hairmake02 .colorflatmake-hairmake__itembox{ left:auto; right:62.5%; padding:0 0 0 20px; }
	.colorflatmake-hairmake01 .colorflatmake-hairmake__itemimg img{ width:86%; margin:-4% 0 0 19%; }
	.colorflatmake-hairmake02 .colorflatmake-hairmake__itemimg img{ width:82%; margin:10% 0 0 2%;}
	.colorflatmake-hairmake03 .colorflatmake-hairmake__itemimg img{ width:94%; margin:12% 0 0 3%;}
	.colorflatmake-hairmake__itemtxt{
		width:100%;
		max-width:inherit;
		margin:40px 0 30px;
		font-size:1rem;
		line-height:2;
	}
	.colorflatmake-hairmake__link{
		margin:0 auto;
	}
}


/* colorflatmake-tools */
.colorflatmake-tools{
	position:relative;
	background:#EEE;
	margin:0 auto;
	padding:20% 0;
}
.colorflatmake-tools__list{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:87.5%;
	margin:0 auto;
}
.colorflatmake-tools__tool{
	margin:10% 0 0;
}
.colorflatmake-tools__img{
	display:block;
	text-align:center;
}
.colorflatmake-tools__img img{
	width:73%;
	height:auto;
	margin:0 auto 20px;
}
.colorflatmake-tools__ename{
	margin:0 0 20px;
	text-align:center;
}
.colorflatmake-tools__ename img{
	height:10px;
	width:auto;
}
.colorflatmake-tools__name{
	margin:0 0 1em;
	text-align:center;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.2;
}
.colorflatmake-tools__txt{
	margin:0 0 30px;
	font-size:0.875rem;
	line-height:1.5;
}
.colorflatmake-tools__link{
	text-align:center;
}
.colorflatmake-tools__link .colorflat-btn02{ width:80%; }
@media (min-width: 600px) {
	.colorflatmake-tools{
		padding:130px 0 120px;
	}
	.colorflatmake-tools .colorflat__vlabel-l{
		height:calc(100% - 60px);
	}
	.colorflatmake-tools__tool{
		width:40%;
		max-width:400px;
		margin:60px 4.5% 0;
	}
	.colorflatmake-tools__img img{
		width:100%;
		margin:0 0 30px;
	}
	.colorflatmake-tools__txt{
		font-size:1em;
		line-height:1.7;
	}
	.colorflatmake-tools__link .colorflat-btn02{
		width:80%;
	}
}

/* colorflatmake-lineup */
.colorflatmake-lineup{
	clear:both;
	padding:18% 0 0;
}
@media (min-width: 960px) {
	.colorflatmake-lineup{
		padding:140px 0 30px;
	}
	.colorflatmake-lineup .colorflat-lineup__item{
		width:26%;
	}
}


/* colorflatskin
-------------------- */
/* colorflatskin-top */
.colorflatskin-top{
	position:relative;
	padding-top:133.3%;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-top-bg.jpg) no-repeat 40.8% -2vw;
	background-size:auto 104%;
	overflow:hidden;
}
.colorflatskin-top__title{
	position:absolute;
	top:11.3%;
	left:38.5%;
	width:55.7%;
}
.colorflatskin-top__title span{
	display:block;
	font-size:3.2vw;
	font-weight:bold;
	letter-spacing:0.06em;
	color:#000;
	margin:0 0 14.8%;
}
.colorflatskin-top__title img{
	width:100%;
	height:auto;
}
.colorflatskin-top__title img:first-child{
	margin-left:-1%;
}
.colorflatskin-top__title img{
	margin:0 0 10.5%;
}

@media (min-width: 600px) {
	.colorflatskin-top{
		padding-top:47.8%;
		background-position:0 -10.4vw;
		background-size:100% auto;
	}
	.colorflatskin-top__title{
		top:13%;
		left:72.6%;
		width:21%;
	}
	.colorflatskin-top__title span{
		font-size:1.2vw;
		letter-spacing:0.12em;
		margin:0 0 11% 0.1em;
	}
}


/* colorflatskin-intro */
.colorflatskin-intro{
	overflow:hidden;
}
.colorflatskin-intro__container{
	margin:0 -5% -70px;
	padding:75px 15% 0;
	height:calc(1000px - 80vw);
	min-height:600px;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-intro-bg.jpg) no-repeat right bottom;
	background-size:auto 400px;
}
.colorflatskin-intro__txt01{
	margin:0 0 1.1em 0;
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.7;
	letter-spacing:0.1em;
}
.colorflatskin-intro__txt02{
	font-size:0.875rem;
	line-height:1.5;
	letter-spacing:0.1em;
}
@media (min-width: 600px) {
	.colorflatskin-intro__container{
		min-height:480px;
	}
}
@media (min-width: 960px) {
	.colorflatskin-intro{
		width:100%;
		max-width:1600px;
		margin:0 auto;
	}
	.colorflatskin-intro__container{
		height:inherit;
		margin:0;
		padding:290px 0 270px 15%;
		background-position:calc(50% + 370px) 40%;
		background-size:740px auto;
	}
	.colorflatskin-intro__txt01{
		margin:0 0 1.3em 0;
		font-size:1.25rem;
		line-height:2;
	}
	.colorflatskin-intro__txt02{
		font-size:1rem;
		line-height:1.7;
	}
}


/* colorflatskin-basecolor */
.colorflatskin-basecolor{
	position:relative;
	background:#F3F2EE;
	overflow:hidden;
}
.colorflatskin-basecolor__container{
	width:87%;
	max-width:1120px;
	margin:0 auto;
	padding:20% 0 15%;
}
.colorflatskin-basecolor-txt01{
	padding:0 2.5%;
	font-size:0.875rem;
	line-height:1.5;
	letter-spacing:0.05em;
}
.colorflatskin-basecolor-q{
	border-bottom:solid 1px #333;
	padding:30px 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.colorflatskin-basecolor .colorflatskin-basecolor-q:first-of-type{
	margin:8% 0 0;
	border-top:solid 1px #333;
}
.colorflatskin-basecolor-q__titlebox{
	width:100%;
	margin:0 1%;
	line-height:1.5;
	font-weight:bold;
}
.colorflatskin-basecolor-q__title{
	font-size:1.01rem;
	font-weight:bold;
}
.colorflatskin-basecolor-q__title img{
	float:left;
	width:50px;
	height:auto;
	margin:4px 10px 20px 0;
}
.colorflatskin-basecolor-q__addtxt{
	font-size:0.75em;
}
.colorflatskin-basecolor-q__select{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:48%;
	height:auto;
	margin:15px 0 0;
	padding:2% 0;
	font-size:1rem;
	background:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:1.5;
}
.colorflatskin-basecolor-q__select i{
	display:block;
	width:33px;
	height:33px;
	margin:0 0 3%;
	background-repeat:no-repeat;
	background-size:33px auto;
	text-indent:-9999px;
}
.colorflatskin-basecolor-q__select i.mark-a{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-basecolor-mark-a.png); }
.colorflatskin-basecolor-q__select i.mark-b{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-basecolor-mark-b.png); }

@media (min-width: 600px) {
	.colorflatskin-basecolor-q__title img{
		margin-top:0;
		padding:0;
	}
	.colorflatskin-basecolor-txt01{
		font-size:1rem;
		line-height:2.2;
	}
}
@media (min-width: 960px) {
	.colorflatskin-basecolor__container{
		padding:130px 0 140px;
		width:85%;
	}
	.colorflatskin-basecolor-txt01{
		text-align:center;
	}
	.colorflatskin-basecolor-q{
		align-items:center;
		padding:35px 0;
	}
	.colorflatskin-basecolor .colorflatskin-basecolor-q:first-of-type{
		margin:80px 0 0;
	}
	.colorflatskin-basecolor-q__titlebox{
		width:34%;
	}
	.colorflatskin-basecolor-q__title{
		font-size:1.2rem;
}
	.colorflatskin-basecolor-q__title img{
		width:22%;
		max-width:inherit;
		margin:-0.5% 3.5% 25px 0;
		padding:2% 0 0;
	}
	.colorflatskin-basecolor-q__select{
		width:28.5%;
		height:140px;
		margin:0;
		padding:0;
	}
	.colorflatskin-basecolor-q__select i{
		width:50px;
		height:50px;
		margin:0 0 13px;
		background-size:50px auto;
	}
}

/* colorflatskin-basecolor - answer */
.colorflatskin-basecolor-answer__title.colorflat-basetitle02{
	margin:15% 0 8%;
}
.colorflatskin-basecolor-answer__container{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:3% 0 0;
}
.colorflatskin-basecolor-answer{
	width:100%;
	margin:0 0 7%;
	padding:9% 10.5% 9%;
	background:#FFF;
	font-size:0.875rem;
}
.colorflatskin-basecolor-answer__txt01{
	margin:0 0 4%;
	text-align:center;
	font-size:1rem;
	line-height:1.8;
	font-weight:bold;
}
.colorflatskin-basecolor-answer__txt01 i{
	display:inline-block;
	width:33px;
	height:33px;
	margin:0 10px 3px;
	background:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-basecolor-mark-a.png) no-repeat;
	background-size:33px auto;
	vertical-align:middle;
	text-indent:-9999px;
}
.colorflatskin-basecolor-answer__txt01 i.mark-a{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-basecolor-mark-a.png); }
.colorflatskin-basecolor-answer__txt01 i.mark-b{ background-image:url(https://img07.shop-pro.jp/PA01397/731/etc/colorflatskin-basecolor-mark-b.png); }
.colorflatskin-basecolor-answer__typea{
	font-size:1.35em;
	color:#76B7FF;
}
.colorflatskin-basecolor-answer__typeb{
	font-size:1.35rem;
	color:#F2B441;
}
.colorflatskin-basecolor-answer__txt02{
	margin:0 0 8%;
	font-size:1rem;
	line-height:1.5;
}
.colorflatskin-basecolor-answer__txt03{
	text-align:center;
}
.colorflatskin-basecolor-answer__txt03 .txtimg01{
	width:68%;
	max-width:275px;
	height:auto;
	vertical-align:middle;
}
.colorflatskin-basecolor-answer__txt03 .txtimg02{
	display:block;
	margin:4% 0 0;
	padding:7% 0 8%;
	background:#F6F6F6;
}
.colorflatskin-basecolor-answer__txt03 .txtimg02 img{
	width:60%;
	max-width:255px;
	height:auto;
}
@media (min-width: 960px) {
	.colorflatskin-basecolor-answer__title.colorflat-basetitle02{
		margin:80px 0 60px;
	}
	.colorflatskin-basecolor-answer__title.colorflat-basetitle02 img{
		height:30px;
	}
	.colorflatskin-basecolor-answer{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		width:48%;
		margin:0;
		padding:4.5% 4% 4%;
	}
	.colorflatskin-basecolor-answer__txt01{
		font-size:1.25rem;
	}
	.colorflatskin-basecolor-answer__txt01 i{
		width:50px;
		height:50px;
		margin:0 15px 2px 0;
		background-size:50px auto;
	}
	.colorflatskin-basecolor-answer__typea,
	.colorflatskin-basecolor-answer__typeb{
		font-size:1.875rem;
	}
	.colorflatskin-basecolor-answer__txt02{
		margin:0 0 10%;
		font-size:1rem;
		line-height:1.75;
	}
	.colorflatskin-basecolor-answer__txt03{
		font-size:1rem;
	}
	.colorflatskin-basecolor-answer__txt03 .txtimg01{
		width:75%;
	}
	.colorflatskin-basecolor-answer__txt03 .txtimg02{
		margin:3.5% 0 0;
		padding:5% 0 7%;
	}
	.colorflatskin-basecolor-answer__txt03 .txtimg02 img{
		width:70%;
	}
}

/* colorflatskin-coord */
.colorflatskin-coord{
	position:relative;
	padding-top:1px;
	background:#FFF;
}
.colorflatskin-coord__title{
	width:46.6%;
	margin:20% auto 17%;
}
.colorflatskin-coord__title span{
	display:block;
	overflow:hidden;
}
.colorflatskin-coord__title img{
	width:150%;
	height:auto;
	margin:0 -25% -10%; 
}
@media (min-width: 960px) {
	.colorflatskin-coord__title{
		max-width:600px;
		margin:140px auto 130px;
	}
	.colorflatskin-coord__title img{
		width:100%;
		height:auto;
		margin:-25% 0 0; 
	}
}
.colorflatskin-coord .colorflat__vlabel-r{ height:100%; }
.colorflatskin-coord__yellow{
	position:relative;
	z-index:0;
	width:100%;
	margin-top:-4.8%;
	padding-bottom:1%;
}
.colorflatskin-coord__yellow::before,
.colorflatskin-coord__yellow::after{
	content:"";
	position:absolute;
	z-index:-2;
	width:100%;
	height:80%;
	background:#F6F6F6;
}
.colorflatskin-coord__yellow::before{ top:-15vw; transform:skewY(-18.44deg); transform-origin:top right; }
.colorflatskin-coord__yellow::after{ bottom:14vw; z-index:-1; transform:skewY(14.5deg); transform-origin:top left; }
.colorflatskin-coord__container{
	margin:10% auto 0;
	padding-bottom:20%;
}
@media (min-width: 960px) {
	.colorflatskin-coord__container{
		position:relative;
		max-width:1200px;
		padding-bottom:4.5%;
	}
	.colorflatskin-coord__yellow::before{ top:-8.9vw; height:65%; transform:skewY(-10.23deg); }
	.colorflatskin-coord__yellow::after{ bottom:6.8vw; height:65%; z-index:-1; transform:skewY(9.4deg); }
	.colorflatskin-coord__container{
		width:80%;
	}
}

/* colorflatskin-coord - (block pattern) */
.colorflatskin-coord__label{
	display:none;
	position:absolute;
	top:0;
	left:-5.5%;
}
.colorflatskin-coord__label img{
	width:13px;
	height:auto;
}
.colorflatskin-coord__img01 img{
	width:100%;
	height:auto;
}
.colorflatskin-coord__block01{
	width:84%;
	margin:-20px auto 10%;
}
.colorflatskin-coord__txt01{
	display:inline-block;
	height:40px;
	line-height:40px;
	margin:0 0 10%;
	padding:0 3%;
	background:#B7D7FB;
	font-size:1.125rem;
	color:#000;
}
.colorflatskin-coord__yellow .colorflatskin-coord__txt01{ background:#FBD49B; }
.colorflatskin-coord__txt02{
	margin:0 0 4%;
}
.colorflatskin-coord__txt02 img{
	width:60%;
	max-width:300px;
	height:auto;
}
.colorflatskin-coord__txt03{
	font-size:0.875rem;
	line-height:1.5;
}
.colorflatskin-coord__block02{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:84%;
	max-width:500px;
	margin:0 auto 15%;
	overflow:hidden;
}
.colorflatskin-coord__block02 img{
	width:49.4%;
	height:auto;
}
.colorflatskin-coord__block03{
	width:84%;
	max-width:500px;
	margin:0 auto;
	overflow:hidden;
}
.colorflatskin-coord__block03 img{
	float:left;
	width:63.4%;
	height:auto;
}
.colorflatskin-coord__block03 img:last-child{ float:right; margin:8% 0 0 0; }
@media (min-width: 600px) {
	.colorflatskin-coord__block02{
		margin-bottom:80px;
	}
	.colorflatskin-coord__txt03{
		line-height:2.18;
	}
}
@media (min-width: 960px) {
	.colorflatskin-coord__label{
		display:block;
	}
	.colorflatskin-coord__block01{
		position:relative;
		left:-4.2%;
		z-index:2;
		width:100%;
		margin:-12% 0 0;
	}
	.colorflatskin-coord__txt01{
		width:300px;
		height:50px;
		line-height:50px;
		margin:0 0 calc(9.3% - 50px);
		padding:0;
		text-align:center;
		font-size:1.5rem;
	}
	.colorflatskin-coord__txt02{
		margin:0 0 2%;
	}
	.colorflatskin-coord__txt02 img{
		width:32%;
		max-width:400px;
	}
	.colorflatskin-coord__txt03{
		width:45%;
		max-width:440px;
		font-size:1rem;
	}
	.colorflatskin-coord__block02{
		position:relative;
		right:-5%;
		width:100%;
		max-width:inherit;
		margin:calc(-11.5% - 50px) auto 8%;
		padding-left:40%;
	}
	.colorflatskin-coord__block02 img{
		width:49.72%;
	}
	.colorflatskin-coord__block03{
		width:100%;
		max-width:inherit;
	}
	.colorflatskin-coord__block03 img{
		float:left;
		width:36.6%;
		margin:0 7% 0 8.3%;
	}
	.colorflatskin-coord__block03 img:last-child{
		float:left;
		margin:8% 0 0 0;
	}
}

/* colorflatskin-lineup */
.colorflatskin-lineup{
	clear:both;
	padding:14% 0;
}
@media (min-width: 960px) {
	.colorflatskin-lineup{
		padding:140px 0;
	}
}

/* colorflatskin-tools */
.colorflatskin-tools{
	clear:both;
	position:relative;
	background:#FFF;
}
.colorflatskin-tools__container{
	width:100%;
	margin:0 auto;
	padding:20% 0;
	background:linear-gradient(90deg,#B7D7FB,#FCE6C5);
	overflow:hidden;
}
.colorflatskin-tools__list{
	width:90%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:7% auto 0;
}
.colorflatskin-tools__tool{
	clear:left;
	width:100%;
	padding:6% 0;
	border-bottom:solid 1px #999;
}
.colorflatskin-tools__img{
	float:left;
	width:35%;
	height:100%;
	margin:0 5% 0 0;
	text-decoration:none;
}
.colorflatskin-tools__img img{
	width:100%;
	height:auto;
}
.colorflatskin-tools__data{
	float:right;
	width:58%;
}
.colorflatskin-tools__ename{
	margin:1% 0 6%;
}
.colorflatskin-tools__ename img{
	height:10px;
	width:auto;
}
.colorflatskin-tools__name{
	margin:0 0 1.8%;
	font-size:1rem;
	font-weight:bold;
	line-height:1.2;
}
.colorflatskin-tools__name span{
	white-space:nowrap;
}
.colorflatskin-tools__price{
	margin:0 0 5.5%;
	font-size:0.875rem;
}
.colorflatskin-tools__link .colorflat-btn02{ width:100%; }
@media (min-width: 600px) {
	.colorflatskin-tools__container{
		width:100%;
		max-width:1400px;
	}
}
@media (min-width: 960px) {
	.colorflatskin-tools{
		margin-bottom:-60px;
		padding-bottom:60px;
	}
	.colorflatskin-tools .colorflat__vlabel-l img{ padding-top:0; }
	.colorflatskin-tools__container{
		width:87.5%;
		padding:140px 0;
	}
	.colorflatskin-tools__list{
		margin:70px auto 0;
	}
	.colorflatskin-tools__tool{
		width:48%;
		max-width:540px;
		padding:0 1%;
		border:none;
		overflow:hidden;
	}
	.colorflatskin-tools__img{
		width:44.5%;
	}
	.colorflatskin-tools__data{
		width:50%;
	}
	.colorflatskin-tools__ename{
		margin:24px 0 24px;
	}
	.colorflatskin-tools__name{
		margin:0 0 10px;
		font-size:1.2rem;
	}
	.colorflatskin-tools__price{
		margin:0 0 30px;
	}
	.colorflatskin-tools__link .colorflat-btn02{ width:150px; }
}
/* download
--------------------- */
/* download-intro */
.download-intro{
  margin-top:30px;
  text-align:center;
}
.download-intro__title{
  font-size:1.125rem;
  font-weight:bold;
}
.download-intro__catch{
  margin-top:5px;
}
.download-intro__txt{
  margin-top:20px;
  font-size:0.875rem;
}
@media (min-width: 600px) {
  .download-intro{
    margin-top:50px;
  }
}

/* download-list1 */
.download-list1{
  display:flex;
  flex-wrap:wrap;
  width:94%;
  margin:calc(-5% + 10px) auto 0;
}
.download-list1__item{
  width: 46.82%;
  margin-top: calc(5% + 20px);
  margin-left: 2.12%;
  line-height: 2;
}
.download-list1__item a{
	display:block;
	color:#333;
	text-decoration:none;
}
.download-list1__item span{
	display:block;
}
.download-list1__img img{
	width:100%;
}
.download-list1__title{
	margin-top:12px;
	font-size:0.875rem;
	text-align:center;
}
.download-list1__desc{
	margin-top:5px;
	padding:0 5px;
	font-size:0.625rem;
}
@media (min-width:600px){
	.download-list1__title{
		margin-top:20px;
		font-size:1rem;
		text-align:center;
	}
	.download-list1__desc{
		margin-top:10px;
		font-size:0.875rem;
	}
}
@media (min-width: 960px) {
	.download-list1{
		width: 90%;
		max-width: 1300px;
		margin:0 auto;
	}
	.download-list1__item{
		max-width:400px;
		width:30.8%;
		margin-top:50px;
		margin-left:0;
		line-height:1.7;
	}
	.download-list1__item:not(:nth-child(3n+1)){
		margin-left:3.8%;
	}
	.download-list1__item a{
		-webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
	}
	.download-list1__item a:hover{
		opacity:0.6;
	}
}

/* download-list2 */
.download-list2{
  display:flex;
  flex-wrap:wrap;
  width:94%;
  margin:calc(-5% + 10px) auto calc(10% + 30px);
}
.download-list2__item{
  width: 46.82%;
  margin-top: calc(5% + 20px);
  margin-left: 2.12%;
  line-height: 2;
}
.download-list2__item a{
	display:block;
	color:#333;
	text-decoration:none;
}
.download-list2__item span{
	display:block;
}
.download-list2__img img{
	width:100%;
}
.download-list2__title{
	margin-top:12px;
	font-size:0.875rem;
	text-align:center;
}
.download-list2__desc{
	margin-top:5px;
	padding:0 5px;
	font-size:0.625rem;
}
@media (min-width:600px){
  .download-list2__item{
		width:30.8%;
    margin-left:0;
	}
	.download-list2__item:not(:nth-child(3n+1)){
		margin-left:3.8%;
	}
	.download-list2__title{
		margin-top:20px;
		font-size:1rem;
		text-align:center;
	}
	.download-list2__desc{
		margin-top:10px;
		font-size:0.875rem;
	}
}
@media (min-width: 960px) {
	.download-list2{
		width: 90%;
		max-width: 1300px;
		margin:0 auto 130px;
	}
	.download-list2__item{
		max-width:288px;
		width:22.2%;
		margin-top:50px;
		line-height:1.7;
	}
  .download-list2__item:nth-child(n){
    margin-left:0;
  }
	.download-list2__item:not(:nth-child(4n+1)){
		margin-left:3.72%;
	}
	.download-list2__item a{
		-webkit-transition:opacity 0.5s ease;
		transition:opacity 0.5s ease;
	}
	.download-list2__item a:hover{
		opacity:0.6;
	}
}

/* panel
--------------------- */
/* panel common */
.panel-img1{
  display:block;
  margin-bottom:15px;
}
.panel-img1 img{
  width:100%;
}
.panel__tag{
  display:block;
  font-size:0.875rem;
}
.panel__title1{
  display:block;
  font-weight:bold;
}
.panel__price{
  display:block;
  font-weight:bold;
}
.panel__spec{
  display:flex;
  flex-wrap:wrap;
  margin-top:20px;
  font-size:0.875rem;
}
.panel__spec dt{
  width:5em;
  margin-top:5px;
}
.panel__spec dd{
  position:relative;
  width:calc(100% - 5em);
  margin-top:5px;
}
.panel__spec dd::before{
  content:":";
  position:absolute;
  top:0;
  left:-1em;
}
.panel__description1{
  display:block;
  margin-top:5px;
  font-size:0.875rem;
}
.panel-btn{
  display:block;
  width:90%;
  margin:20px auto 0;
  padding:10px 0;
  border:1px solid #CCC;
  color:#333;
  background:#FFF;
  font-size:0.875rem;
  text-decoration:none;
  text-align: center;
}
@media (min-width:600px){
  .panel-img1{
    margin-bottom:25px;
  }
  .panel__title1{
    font-size:1.125rem;
  }
  .panel__spec{
    font-size:1rem;
  }
  .panel__spec dt{
    width:7em;
  }
  .panel__spec dd{
    width:calc(100% - 7em);
  }
  .panel__spec dd::before{
    left:-2em;
  }
  .panel__description1{
    margin-top:7px;
    font-size:1rem;
  }
  .panel-btn{
    margin-top:25px;
    padding:15px 0;
    font-size:1rem;
  }
}
@media (min-width:960px){
  .panel-img1 a:hover img,
  a:hover .panel-img1 img{
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .panel-img1 a:hover img,
  a:hover .panel-img1 img{
    opacity: 0.6;
  }
  a.panel-btn,
  a .panel-btn{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  a:hover.panel-btn,
  a:hover .panel-btn{
    background-color: #EEE;
  }
}
/* panel-intro */
.panel-intro__txt{
  width:90%;
  margin:calc(10% + 30px) auto 0;
}
.panel-intro__catch{
  font-weight:bold;
}
.panel-intro__desc{
  margin-top:30px;
  font-size:0.875rem;
}
.panel-intro__img{
  margin-top:calc(10% + 30px);
}
.panel-intro__img img{
  width:100%;
}
@media (max-width:599.9px){
  .panel-intro__desc br{
    display:none;
  }
}
@media (min-width:960px){
  .panel-intro{
    display:flex;
    align-items: center;
    width:90%;
    max-width:1300px;
    margin:130px auto 0;
  }
  .panel-intro__txt{
    width:46%;
    margin:0 4% 0 0;
  }
  .panel-intro__img{
    width:50%;
    margin:0;
  }
}
@media (min-width:1280px){
  .panel-intro__txt{
    width:40%;
    margin:0 5%;
  }
}
/* panel-size */
.panel-size{
  margin-top:calc(10% + 40px);
  padding:calc(6% + 25px) 0;
  background:#f3f2ee;
}
.panel-size__list{
  margin-top:-20px;
}
.panel-size__item{
  margin-top:50px;
  line-height:1.7;
}
.panel-size__item a{
  display:block;
  color:#333;
  text-decoration:none;
}
.panel-size .panel__title1{
  text-align: center;
}
.panel-size .panel__description1{
  text-align: center;
}
@media (min-width: 600px) {
  .panel-size__item{
    margin-top:70px;
  }
}
@media (min-width:960px){
  .panel-size{
    margin-top:130px;
    padding:75px 0;
  }
  .panel-size__list{
    display:flex;
    justify-content:space-between;
  }
  .panel-size__item{
    width:47.5%;
  }
  .panel-size .panel-img1{
    text-align: center;
  }
  .panel-size .panel-btn{
    max-width:360px;
  }
}
@media (min-width:1280px){
  .panel-size__item{
    width:40%;
    margin-left:5%;
    margin-right:5%;
  }
}
/* panel-point */
.panel-point{
  margin-top:calc(10% + 40px);
}
.panel-point__list{
  margin-top:-20px;
}
.panel-point__item{
  margin-top:50px;
  line-height:1.7;
}
.panel-point__item:not(:first-child){
  border-top:1px solid #CCC;
  padding-top:50px;
}
.panel-point .panel__title1{
  text-align: center;
}
@media (min-width: 600px) {
  .panel-point__item{
    margin-top:70px;
  }
  .panel-point__item:not(:first-child){
    padding-top:70px;
  }
}
@media (min-width:960px){
  .panel-point{
    margin-top:130px;
  }
  .panel-point__item{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin:10% auto;
  }
  .panel-point__item:not(:first-child){
    padding-top:10%;
  }
  .panel-point__item .panel-img1{
    width:50%;
    margin:0;
  }
  .panel-point__txt{
    width:50%;
    padding:0 0 0 5%;
  }
  .panel-point .panel__title1{
    text-align: left;
  }
}
@media (min-width:1280px){
  .panel-point__item{
    margin:130px auto;
  }
  .panel-point__item:not(:first-child){
    padding-top:130px;
  }
  .panel-point__txt{
    padding:0 5% 0 10%;
  }
}
/* panel-howto */
.panel-howto{
  margin-top:calc(10% + 40px);
  padding:calc(6% + 25px) 0;
  background:#f3f2ee;
}
.panel-howto__list{
  margin-top:-20px;
}
.panel-howto__item{
  margin-top:50px;
  line-height:1.7;
}
@media (min-width: 600px) {
  .panel-howto__item{
    margin-top:70px;
  }
}
@media (min-width:960px){
  .panel-howto{
    margin-top:130px;
    padding:75px 0;
  }
  .panel-howto__list{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  .panel-howto__item{
    width:47.5%;
  }
}
@media (min-width:1280px){
  .panel-howto__item{
    width:40%;
    margin-left:5%;
    margin-right:5%;
  }
}
/* panel-products */
.panel-products{
  margin-top:calc(10% + 40px);
  margin-bottom:calc(10% + 40px);
}
.panel-products__list{
  margin-top:-20px;
}
.panel-products__item{
  margin-top:50px;
  line-height:1.7;
}
.panel-products__item a{
  display:block;
  color:#333;
  text-decoration:none;
}
.panel-products .panel__tag,
.panel-products .panel__title1,
.panel-products .panel__price{
  text-align: center;
}
.panel-products .panel-btn{
  margin-top:20px;
}
@media (min-width: 600px) {
  .panel-products__item{
    margin-top:70px;
  }
}
@media (min-width:960px){
  .panel-products{
    margin-top:130px;
  }
  .panel-products__item{
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin-top:10%;
  }
  .panel-products .panel-img1{
    width:47.5%;
  }
  .panel-products__txt{
    width:47.5%;
  }
  .panel-products .panel__tag,
  .panel-products .panel__title1,
  .panel-products .panel__price{
    text-align: left;
  }
  .panel-products .panel-btn{
    max-width:360px;
    margin-left:0;
  }
}
@media (min-width:1280px){
  .panel-products .panel-img1{
    width:40%;
    margin:0 5%;
  }
  .panel-products__txt{
    width:40%;
    margin:0 5%;
  }
}

/* grayish
--------------------- */
/* grayish common */
.grayish-btn{
  display:block;
  width:90%;
  margin:20px auto 0;
  padding:10px 0;
  border:1px solid #CCC;
  color:#333;
  background:#FFF;
  font-size:0.875rem;
  text-decoration:none;
  text-align: center;
  line-height:1.7;
}
@media (min-width:600px){
  .grayish-btn{
    margin-top:25px;
    padding:15px 0;
    font-size:1rem;
  }
}
/* grayish-top */
.grayish-top__title{
  position:absolute;
  z-index:2;
  bottom:5%;
  left:0;
  width:100%;
  color:#FFF;
  font-size:0.875rem;
  text-align:center;
  line-height:1.5;
}
.grayish-top__title img{
  width:55%;
  margin:0 0 3%;
  image-rendering: -webkit-optimize-contrast;
}
@media (min-width:600px){
  .grayish-top__title{
    font-size:1rem;
  }
}
@media (min-width:960px){
  .grayish-top__title{
    bottom:6%;
    font-size:1.25rem;
    font-size: 1.5vw;
  }
  .grayish-top__title img{
    width:25%;
    margin:0 0 1.5%;
  }
}

/* grayish-concept */
.grayish-concept{
  padding-bottom:117.31%;
  background:#f2f2f0 url(https://img07.shop-pro.jp/PA01397/731/etc/grayish-concept-sp.jpg?cmsp_timestamp=20210913103048) no-repeat left bottom / 100% auto;
}
.grayish-concept .jseffect3__act{
	opacity:1;
	-webkit-transition:opacity 3s ease;
	transition:opacity 3s ease;
}
.grayish-concept__txt{
  display:flex;
  align-items:center;
  height:117.31vw;
}
.grayish-concept__txtcontainer{
  width:90%;
  margin:0 auto;
}
.grayish-concept__txt1 img{
  height: 16px;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
}
.grayish-concept__txt2{
  margin-top:20px;
  font-size:1.375rem;
  font-weight: bold;
}
.grayish-concept__txt3{
  margin-top:20px;
  font-size:0.875rem;
}
@media (min-width:600px){
  .grayish-concept__txt{
    height:inherit;
  }
  .grayish-concept__txtcontainer{
    margin:calc(10% + 40px) auto 20px;
  }
  .grayish-concept__txt2{
    font-size:1.5rem;
  }
  .grayish-concept__txt3{
    font-size:1rem;
  }
}
@media (min-width:960px){
  .grayish-concept {
    padding:0;
    background:#f2f2f0 url(https://img07.shop-pro.jp/PA01397/731/etc/grayish-concept-pc.jpg?cmsp_timestamp=20210913103048) no-repeat right bottom / cover;
  }
  .grayish-concept__txt{
    width: 90%;
    max-width: 1300px;
    height:50vw;
    margin: 0 auto;
  }
  .grayish-concept__txtcontainer{
    width:47.5%;
    margin:0;
  }
  .grayish-concept__txt1 img{
    height: 20px;
  }
  .grayish-concept__txt2{
    margin-top:30px;
    font-size:2rem;
    line-height:1.5 !important;
  }
  .grayish-concept__txt3{
    margin-top:30px;
  }
}
@media (min-width:1280px){
  .grayish-concept__txtcontainer{
    width:40%;
    margin-left:5%;
  }
}
/* grayish-scene */
.grayish-scene{
  background:#7a765c url(https://img07.shop-pro.jp/PA01397/731/etc/grayish-scene-sp.jpg?cmsp_timestamp=20210913103048) no-repeat 0 0 / cover;
}
.grayish-scene__txt{
  display:flex;
  align-items:center;
  justify-content: center;
  height:calc(133.33vw + 60px);
}
.grayish-scene__txtcontainer{
  width:90%;
  margin:0 auto;
}
.grayish-scene__txt1{
  margin-top:20px;
  color:#FFF;
  font-size:0.875rem;
  text-shadow:0 0 10px #000, 0 0 20px #000;
}
@media (min-width:600px){
  .grayish-scene{
    background:#7a765c url(https://img07.shop-pro.jp/PA01397/731/etc/grayish-scene-pc.jpg?cmsp_timestamp=20210913103048) no-repeat 0 0 / cover;
  }
  .grayish-scene__txt{
    height:auto;
  }
  .grayish-scene__txtcontainer{
    margin:calc(10% + 40px) auto;
  }
  .grayish-scene__txt1{
    font-size:1rem;
  }
}
@media (min-width:960px){
  .grayish-scene__txt{
    width:90%;
    max-width:1300px;
    height:48vw;
    max-height:700px;
    margin:0 auto;
  }
  .grayish-scene__txtcontainer{
    width:47.5%;
    margin:0 0 0 auto;
  }
  .grayish-scene__txt1{
    font-size:1.125rem;
  }
}
@media (min-width:1280px){
  .grayish-scene__txtcontainer{
    width:40%;
    margin:0 5% 0 auto;
  }
}
/* grayish-photo */
.grayish-photo{
  padding: calc(6% + 25px) 0;
  background:#e8e7e4;
}
.grayish-photo__list{
  margin-top:-10px;
}
.grayish-photo__item{
  margin-top:40px;
  font-size:0.875rem;
  text-align: center;
  line-height:1.7;
}
.grayish-photo__item img{
  width:100%;
  margin-bottom:15px;
}
@media (min-width: 600px) {
  .grayish-photo__item{
    margin-top:70px;
    font-size:1rem;
  }
  .grayish-photo__list{
    margin-top:-20px;
  }
}
@media (min-width: 960px) {
  .grayish-photo{
    padding:120px 0;
  }
  .grayish-photo__list{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  .grayish-photo__item{
    width:47.5%;
  }
  .grayish-photo__item img{
    margin-bottom:25px;
  }
}
@media (min-width: 1280px) {
  .grayish-photo__item{
    width:40%;
    margin-left:5%;
    margin-right:5%;
  }
}

/* grayish-products */
.grayish-products{
  margin-top: calc(10% + 40px);
}
.grayish-products__img{
  margin:25% 0 15%;
}
.grayish-products__img img{
  width:100%;
}
.grayish-products__en::after{
  content:"";
  display:block;
  width:60px;
  height:3px;
  margin-top:15%;
  background:#817C6C;
}
.grayish-products__en img{
  height:20px;
  width:auto;
  image-rendering: -webkit-optimize-contrast;
}
.grayish-products__title{
  margin-top:25px;
  font-weight:bold;
}
.grayish-products__expl{
  font-size:0.875rem;
}
.grayish-products__spec{
  display:flex;
  flex-wrap:wrap;
  margin:20px 0;
  font-size:0.875rem;
  line-height:1.5;
}
.grayish-products__spec dt{
  width:5em;
  margin-top:5px;
}
.grayish-products__spec dd{
  position:relative;
  width:calc(100% - 5em);
  margin-top:5px;
}
.grayish-products__spec dd::before{
  content:":";
  position:absolute;
  top:0;
  left:-1em;
}
@media (min-width: 600px) {
  .grayish-products__img{
    margin:10% 0 5%;
  }
  .grayish-products__en img{
    height:25px;
  }
  .grayish-products__en::after{
    width:70px;
    height:5px;
    margin-top:5%;
  }
  .grayish-products__title{
    font-size:1.125rem;
  }
  .grayish-products__expl{
    font-size:1rem;
  }
  .grayish-products__spec{
    font-size:1rem;
  }
  .grayish-products__spec dt{
    width:7em;
  }
  .grayish-products__spec dd{
    width:calc(100% - 7em);
  }
  .grayish-products__spec dd::before{
    left:-2em;
  }
}
@media (min-width:960px){
  .grayish-products{
    margin-top:130px;
  }
  .grayish-products__item{
    display:flex;
    justify-content: space-between;
    margin-top:70px;
  }
  .grayish-products__img{
    width:47.5%;
    margin:0;
  }
  .grayish-products__txt{
    width:47.5%;
  }
  .grayish-products .grayish-btn{
    max-width:360px;
    margin-left:0;
  }
}
@media (min-width:1280px){
  .grayish-products__img{
    width:40%;
    margin:0 5%;
  }
  .grayish-products__txt{
    width:40%;
    margin:0 5%;
  }
}
/* grayish-other */
.grayish-other{
  margin-top: calc(10% + 40px);
  margin-bottom: calc(10% + 40px);
}
.grayish-other__list{
	display:flex;
	justify-content:space-around;
	width:90%;
	margin:10% auto 0;
	padding:3% 0 0;
}
.grayish-other__item{
	width:29.3%;
	text-align:center;
}
.grayish-other__img img{
	width:100%;
	max-width:200px;
	height:auto;
	margin:0 auto 30px;
}
.grayish-other__color img{
	width:auto;
	height:13px;
	margin:0 0 7px;
  image-rendering: -webkit-optimize-contrast;
}
.grayish-other__name{
	font-size:0.45rem;
}
.grayish-other__name::after{
	display:block;
	content:"";
	width:36px;
	height:3px;
	margin:20px auto 0;
	background:#000;
}
.grayish-other__item:nth-child(2) .grayish-other__name::after{ background:#3D2C21; }
.grayish-other__item:nth-child(3) .grayish-other__name::after{ background:#7D0000; }
.grayish-other__item .grayish-btn{
  font-size:0.75rem;
}
@media (min-width: 600px) {
  .grayish-other__color img{
    height:21px;
		margin:0 0 15px;
  }
  .grayish-other__name{
    font-size:0.85rem;
  }
  .grayish-other__name::after{
    width:60px;
		height:5px;
		margin-top:35px;
  }
  .grayish-other__item .grayish-btn{
    font-size:0.875rem;
  }
}
@media (min-width:960px){
  .grayish-other{
    margin-top: 130px;
    margin-bottom: 130px;
  }
  .grayish-other__list{
    width: 90%;
    max-width: 1200px;
    margin: 70px auto 0;
    padding:0;
  }
  .grayish-other__item .grayish-btn{
    margin-top:50px;
    font-size:1rem;
  }
  .grayish-other__img img{
    width:70%;
  }
}

/* starter kit ver.4(202109)
--------------------- */
/* starter4 common */
.starter4-img1{
  display:block;
  margin-bottom:15px;
}
.starter4-img1 img{
  width:100%;
}
.starter4-img2{
  overflow:hidden;
  position:relative;
  margin-top:30px;
  padding-top:122.22%;
}
.starter4-img2 img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.starter4__title1{
  display:block;
  font-weight:bold;
}
.starter4__price{
  display:block;
  font-weight:bold;
}
.starter4__spec{
  display:flex;
  flex-wrap:wrap;
  margin-top:20px;
  font-size:0.875rem;
}
.starter4__spec dt{
  width:5em;
  margin-top:5px;
}
.starter4__spec dd{
  position:relative;
  width:calc(100% - 5em);
  margin-top:5px;
}
.starter4__spec dd::before{
  content:":";
  position:absolute;
  top:0;
  left:-1em;
}
.starter4__description1{
  display:block;
  margin-top:5px;
  font-size:0.875rem;
}
.starter4-description2{
  margin-top:20px;
}
.starter4-description2 p{
  margin-top:1em;
  font-size:0.875rem;
  line-height:2;
}
.starter4-btn{
  display:block;
  width:90%;
  margin:20px auto 0;
  padding:10px 0;
  border:1px solid #CCC;
  color:#333;
  background:#FFF;
  font-size:0.875rem;
  text-decoration:none;
  text-align: center;
}
@media (min-width:600px){
  .starter4-img1{
    margin-bottom:25px;
  }
  .starter4-img2{
    margin-top:50px;
  }
  .starter4__title1{
    font-size:1.125rem;
  }
  .starter4__spec{
    font-size:1rem;
  }
  .starter4__spec dt{
    width:7em;
  }
  .starter4__spec dd{
    width:calc(100% - 7em);
  }
  .starter4__spec dd::before{
    left:-2em;
  }
  .starter4__description1{
    margin-top:7px;
    font-size:1rem;
  }
  .starter4-description2{
    margin-top:30px;
  }
  .starter4-description2 p{
    margin-top:1.5em;
    font-size:1rem;
  }
  .starter4-btn{
    margin-top:25px;
    padding:15px 0;
    font-size:1rem;
  }
}
@media (min-width:960px){
  .starter4-img2{
    padding-top:40.9%;
  }
  .starter4-img1 a:hover img,
  a:hover .starter4-img1 img{
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .starter4-img1 a:hover img,
  a:hover .starter4-img1 img{
    opacity: 0.6;
  }
  a.starter4-btn,
  a .starter4-btn{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  a:hover.starter4-btn,
  a:hover .starter4-btn{
    background-color: #EEE;
  }
}
/* starter4-top */
.starter4-top__title{
  width: 90%;
	margin: 30px auto 0;
  font-size:1rem;
  font-weight:bold;
  line-height:2;
}
.starter4-top__title span{
  font-size:0.75rem;
}
@media (min-width:600px){
  .starter4-top__title{
    font-size:1.125rem;
  }
  .starter4-top__title span{
    font-size:0.875rem;
  }
}
@media (min-width:960px){
  .starter4-top__title{
    position: absolute;
    right: 3%;
    top: 7%;
    width: auto;
    margin: 0;
    font-size: 1.875rem;
    font-size: 2.3vw;
    text-align:right;
    line-height:1.7;
  }
  .starter4-top__title span{
  	margin-right:-0.5em;
    font-size:1.25rem;
    font-size:1.6vw;
    font-weight:normal;
  }
}
/* starter4-intro */
.starter4-intro__txt{
  width:90%;
  margin:calc(10% + 30px) auto 0;
}
.starter4-intro__desc p{
  font-size:0.875rem;
  line-height:2;
}
.starter4-intro__desc p:not(:first-child){
  margin-top:1em;
}
.starter4-intro__img{
  margin-top:calc(10% + 30px);
}
.starter4-intro__img img{
  width:100%;
}
@media (min-width:600px){
  .starter4-intro__desc p{
    font-size:1rem;
  }
  .starter4-intro__desc p:not(:first-child){
    margin-top:1.5em;
  }
}
@media (min-width:960px){
  .starter4-intro{
    display:flex;
    flex-direction:row-reverse;
    align-items: center;
    width:90%;
    max-width:1300px;
    margin:130px auto 0;
  }
  .starter4-intro__txt{
    width:42%;
    margin:0 4%;
  }
  .starter4-intro__img{
    width:50%;
    margin:0;
  }
}
@media (min-width:1280px){
  .starter4-intro__txt{
    width:40%;
    margin:0 5%;
  }
}
/* starter4-detail */
.starter4-detail{
  margin-top:calc(10% + 30px);
}
.starter4-detail3 .starter4-description2{
  margin-top:30px;
}
@media (min-width:600px){
  .starter4-detail3 .starter4-description2{
    margin-top:50px;
  }
}
@media (min-width:960px){
  .starter4-detail{
    margin-top:130px;
  }
  .starter4-detail3{
    margin-top:160px;
    margin-bottom:160px;
  }
  .starter4-detail3 .starter4-description2{
    margin-top:70px;
  }
}
/* starter4-point */
.starter4-point{
  margin-top:calc(10% + 40px);
  padding:calc(6% + 25px) 0;
  background:#e5dcd5;
}
.starter4-point__title{
  font-size:1rem;
  font-weight:bold;
  text-align:center;
}
.starter4-point__list{
  margin-top:-20px;
}
.starter4-point__item{
  margin-top:50px;
  line-height:1.7;
}
.starter4-point__item .starter4__title1{
  text-align: center;
}
@media (min-width:600px){
  .starter4-point{
    width:90%;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
  }
  .starter4-point__item{
    margin-top:70px;
  }
}
@media (min-width:960px){
  .starter4-point{
    margin-top:130px;
    padding: 75px 0 70px;
  }
  .starter4-point__list{
    display:flex;
  }
  .starter4-point__item{
    width:30%;
  }
  .starter4-point__item:not(:first-child){
    margin-left:5%;
  }
}
/* starter4-mokuji */
.starter4-mokuji{
  margin-top:30px;
  border:1px solid #DDD;
}
.starter4-mokuji__title{
  padding:12px 4%;
  background:#e5dcd5;
  font-size:0.875rem;
  font-weight:bold;
}
.starter4-mokuji__title h3{
  font-weight:bold;
}
.starter4-mokuji__list{
  padding:12px 4%;
  font-size:0.75rem;
  line-height:1.5;
}
.starter4-mokuji__list ol{
  margin-left:2em;
  list-style-type:decimal-leading-zero;
}
.starter4-mokuji__list li:not(:first-child){
  margin-top:0.5em;
}
@media (min-width:600px){
  .starter4-mokuji{
    margin-top:50px;
  }
  .starter4-mokuji__title{
    padding:15px;
    font-size:1rem;
  }
  .starter4-mokuji__list{
    padding:15px;
    font-size:1rem;
  }
}
@media (min-width:960px){
  .starter4-mokuji{
    display:flex;
    margin-top:80px;
  }
  .starter4-mokuji__title{
    display:flex;
    align-items:center;
    width:25%;
    padding:10% 20px;
  }
  .starter4-mokuji__title h3{
    width:100%;
    text-align:center;
  }
  .starter4-mokuji__list{
    width:75%;
    padding:10% 20px;
  }
  .starter4-mokuji__list li:not(:first-child){
    margin-top:1.5em;
  }
}
/* starter4-movie */
.starter4-movie{
  margin-top:calc(10% + 40px);
  padding:calc(6% + 25px) 0;
  background:#e5dcd5;
}
.starter4-movie .freepage-youtube1{
  margin-top:20px;
}
@media (min-width:600px){
  .starter4-movie .freepage-youtube1{
    margin-top:30px;
  }
}
@media (min-width:960px){
  .starter4-movie{
    margin-top:130px;
    padding: 75px 0;
  }
}
/*.starter4-products */
.starter4-products{
  margin-top:calc(10% + 40px);
  margin-bottom:calc(10% + 40px);
}
.starter4-products__list{
  margin-top:-20px;
}
.starter4-products__item{
  margin-top:50px;
  line-height:1.7;
}
.starter4-products__item a{
  display:block;
  color:#333;
  text-decoration:none;
}
.starter4-products .starter4__title1,
.starter4-products .starter4__price{
  text-align: center;
}
.starter4-products .starter4-btn{
  margin-top:20px;
}
@media (min-width: 600px) {
  .starter4-products__item{
    margin-top:70px;
  }
}
@media (min-width:960px){
  .starter4-products{
    margin-top:130px;
  }
  .starter4-products__item{
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin-top:10%;
  }
  .starter4-products .starter4-img1{
    width:47.5%;
  }
  .starter4-products__txt{
    width:47.5%;
  }
  .starter4-products .starter4__title1,
  .starter4-products .starter4__price{
    text-align: left;
  }
  .starter4-products .starter4-btn{
    max-width:360px;
    margin-left:0;
  }
}
@media (min-width:1280px){
  .starter4-products .starter4-img1{
    width:40%;
    margin:0 5%;
  }
  .starter4-products__txt{
    width:40%;
    margin:0 5%;
  }
}

/* lcurl2
--------------------- */
/* lcurl2 common */
.lcurl2-title1{
  overflow:hidden;
  position:relative;
  font-weight: bold;
}
.lcurl2-title1::after{
  content:"";
  display:block;
  position:absolute;
  z-index:-1;
  top:50%;
  width:100%;
  height:1px;
  margin-left:0.5em;
  background:#333;
}
.lcurl2-title1 span{
  padding:0 1em 0 0;
  background:#FFF;
}
@media (min-width: 600px) {
  .lcurl2-title1{
    font-size:1.125rem;
  }
}
.lcurl2-btn1,
a.lcurl2-btn1{
  display:inline-block;
  width:100%;
  max-width:320px;
  padding:15px 5px;
  border:1px solid #333;
  color:#333;
  text-decoration:none;
  text-align:center;
}
@media (min-width: 960px) {
  .lcurl2-btn1 a,
  a.lcurl2-btn1{
    background-color:rgba(0,0,0,0);
    transition:background-color 0.5s ease;
  }
  .lcurl2-btn1 a:hover,
  a.lcurl2-btn1:hover{
    background-color:rgba(0,0,0,0.1)
  }
}

/* lcurl2-topimg */
.lcurl2-topimg{
  position:relative;
  padding-top:133%;
  background:#cfcdcb url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl2-top-sp.jpg) no-repeat center center / 100% auto;
}
.lcurl2-topimg__title{
  position:absolute;
  bottom:8%;
  left:0;
  width:100%;
  text-align:center;
}
.lcurl2-topimg__title img{
  width:64%;
  max-width:464px;
  image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 600px) {
  .lcurl2-topimg{
    padding:0;
    height:600px;
    background:#c9c9c5 url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl2-top-pc.jpg) no-repeat center center / cover;
  }
  .lcurl2-topimg__title{
    left:auto;
    right:8%;
    bottom:50%;
    width:232px;
    transform:translateY(50%);
  }
  .lcurl2-topimg__title img{
    width:100%;
  }
}
@media (min-width: 960px) {
  .lcurl2-topimg{
    padding-top: 47.8%;
    height:auto;
  }
  .lcurl2-topimg__title{
    left:72%;
    right:auto;
    width:21%;
  }
}
/* lcurl2-intro */
.lcurl2-intro{
  position:relative;
  width:90%;
  max-width:1300px;
  margin:calc(10% + 30px) auto 0;
}
.lcurl2-intro__title{
  width:65%;
}
.lcurl2-intro__title img{
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
.lcurl2-intro__desc{
  margin-top:30px;
  font-size:0.875rem;
}
.lcurl2-intro__desc p{
  line-height: 1.7;
}
.lcurl2-intro__desc p:not(:first-child){
  margin-top:2em;
}
.lcurl2-intro__img{
  width:66.66%;
  margin:30px auto 0;
}
.lcurl2-intro__img img{
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
@media (max-width:599.9px){
  .lcurl2-intro__desc br{
    display:none;
  }
}
@media (min-width:600px){
  .lcurl2-intro__desc{
    width:60%;
  }
  .lcurl2-intro__desc p{
    line-height: 2;
  }
  .lcurl2-intro__img{
    position:absolute;
    z-index:-1;
    right:0;
    bottom:3%;
    width:38%;
  }
}
@media (min-width:960px){
  .lcurl2-intro{
    display:flex;
    align-items: center;
    margin:150px auto 0;
    padding-bottom:100px;
  }
  .lcurl2-intro__title{
    width:35%;
  }
  .lcurl2-intro__desc{
    width:50%;
    margin:0 0 0 4%;
  }
  .lcurl2-intro__img{
    width:34%;
    right:-4%;
  }
}
@media (min-width:1280px){
  .lcurl2-intro{
    padding-bottom:120px;
  }
  .lcurl2-intro__title{
    width:42%;
  }
  .lcurl2-intro__desc{
    width:50%;
    margin:0 0 0 8%;
    font-size:1rem;
  }
  .lcurl2-intro__img{
    width:30%;
  }
}
/* lcurl2-product */
.lcurl2-product{
  width:90%;
  max-width:1150px;
  margin: calc(8% + 40px) auto 0;
}
.lcurl2-productlist{
  margin-top:40px;
}
.lcurl2-productlist__item:not(:first-child){
  margin-top:40px;
}
.lcurl2-productlist__img{
  text-align:center;
}
.lcurl2-productlist__img img{
  width:75%;
  max-width:390px;
}
.lcurl2-productlist__en{
  margin-top:10px;
  text-align:center;
}
.lcurl2-productlist__name{
  margin-top:10px;
  text-align:center;
}
.lcurl2-productlist__txt{
  margin:10px 0 0;
  font-size:0.875rem;
  text-align: center;
}
.lcurl2-productlist__btn{
  margin-top:30px;
  text-align: center;
}
@media (min-width: 600px) {
  .lcurl2-productlist__txt{
    font-size:1rem;
  }
  .lcurl2-productlist__name{
    font-size:1.125rem;
  }
}
@media (min-width: 960px) {
  .lcurl2-product{
    margin-top:150px;
  }
  .lcurl2-productlist{
    display: -webkit-box;
		display: -webkit-flex;
		display: flex;
    justify-content: center;
    margin-top:80px;
  }
  .lcurl2-productlist__item{
    width:35%;
  }
  .lcurl2-productlist__item:not(:first-child){
    margin:0 0 0 5%;
  }
  .lcurl2-productlist__img img{
    width:85.71%;
  }
}

/* lcurl2-about */
.lcurl2-about{
  margin-top: calc(8% + 40px);
  background:#f6f6f6;
}
.lcurl2-about__img img{
  width:100%;
}
.lcurl2-about__detail{
  padding: calc(5% + 20px) 5% calc(8% + 40px);
}
.lcurl2-about__title{
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","游明朝","Yu Mincho","メイリオ",Meiryo,serif;
	font-size:1.5rem;
}
.lcurl2-about__catch{
  margin-top:10px;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3","游明朝","Yu Mincho","メイリオ",Meiryo,serif;
	font-size:1rem;
  line-height: 1.5;
}
.lcurl2-about__txt{
  margin-top:30px;
  font-size:0.875rem;
  line-height: 1.7;
}
.lcurl2-about__txt p:not(:first-child){
  margin-top:1em;
}
@media (min-width: 600px) {
  .lcurl2-about__title{
    font-size:2rem;
  }
  .lcurl2-about__catch{
    font-size:1.25rem;
  }
}
@media (min-width: 960px) {
  .lcurl2-about{
    margin-top: 130px;
    padding: 75px 0;
  }
  .lcurl2-about__container{
    display:flex;
    align-items:center;
    width:90%;
    max-width:1150px;
    margin:0 auto;
  }
  .lcurl2-about__img{
    width:50%;
  }
  .lcurl2-about__detail{
    width:45%;
    margin-left: 5%;
    padding:0;
  }
}
/* lcurl2-tokucho */
.lcurl2-tokucho{
  margin-top: calc(8% + 40px);
}
.lcurl2-tokucho__txt{
  margin-top:30px;
  font-size:0.875rem;
  text-align: center;
}
.lcurl2-tokucho__container{
  margin-top:30px;
}
.lcurl2-tokucho__img{
  width:60%;
  max-width:400px;
  margin:0 auto;
}
.lcurl2-tokucho__img img{
  width:100%;
  border-radius:100%;
}
.lcurl2-tokucho__list{
  margin-top:30px;
  line-height: 1.5;
}
.lcurl2-tokucho__list li{
  position: relative;
  margin-top:15px;
  padding-left:28px;
}
.lcurl2-tokucho__list li::after{
  content:"";
  position:absolute;
  top:6px;
  left:0;
  width:18px;
  height:18px;
  background:url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl2-check.png) no-repeat 0 0 / 100% auto;
}
@media (min-width: 600px) {
  .lcurl2-tokucho__txt{
    font-size:1rem;
  }
  .lcurl2-tokucho__list{
    font-size:1.125rem;
  }
  .lcurl2-tokucho__list li{
    padding-left:33px;
  }
  .lcurl2-tokucho__list li::after{
    top:5px;
    width:22px;
    height:22px;
  }
}
@media (min-width: 960px) {
  .lcurl2-tokucho{
    margin-top: 130px;
  }
  .lcurl2-tokucho__container{
    display:flex;
    flex-direction: row-reverse;
    align-items:center;
  }
  .lcurl2-tokucho__img{
    width:240px;
    margin:0;
  }
  .lcurl2-tokucho__list{
    flex:1 1 auto;
    margin:-25px 3% 0 0;
  }
  .lcurl2-tokucho__list li{
    margin-top:25px;
  }
}

/* lcurl2-point */
.lcurl2-point{
  margin-top: calc(8% + 40px);
  margin-bottom:-5%;
}
.lcurl2-point__img img{
  width:100%;
}
.lcurl2-point__detail{
  padding:10% 5%;
}
.lcurl2-point__title{
  font-size:1.125rem;
  font-weight:bold;
  line-height: 1.5;
}
.lcurl2-point__title img{
  display:block;
  width:auto;
  height:16px;
  margin-bottom:7px;
  image-rendering: -webkit-optimize-contrast;
}
.lcurl2-point__txt{
  display:flex;
  flex-direction:column;
  font-size:0.875rem;
  line-height: 1.7;
}
.lcurl2-point__txt p{
  margin-top:1em;
}
.lcurl2-point__figure{
  order:1;
  width:50%;
  max-width:220px;
  margin:10px 0 0 auto;
}
.lcurl2-point__figure img{
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 600px) {
  .lcurl2-point__txt{
    overflow:hidden;
    display:block;
    font-size:1rem;
  }
  .lcurl2-point__figure{
    float:right;
    width:40%;
    margin:20px 0 0 20px;
    shape-outside: circle();
  }
}

@media (min-width: 960px) {
  .lcurl2-point{
    margin-top: 130px;
    margin-bottom:0;
  }
  .lcurl2-point__item{
    display:flex;
    align-items:center;
  }
  .lcurl2-point__item:nth-child(2n){
    flex-direction:row-reverse;
  }
  .lcurl2-point__img{
    width:50%;
  }
  .lcurl2-point__detail{
    width:50%;
    padding:0 4%;
  }
  .lcurl2-point__txt{
    font-size:0.875rem;
  }
}
@media (max-width: 1279.99px) {
  .lcurl2-point__txt br{
    display:none;
  }
}
@media (min-width: 1280px) {
  .lcurl2-point__detail{
    padding:0 5%;
  }
  .lcurl2-point__title{
    font-size:1.375rem;
  }
  .lcurl2-point__title img{
    height:20px;
    margin-bottom:10px;
  }
  .lcurl2-point__txt{
    font-size:1rem;
  }
  .lcurl2-point__txt p{
    margin-top:1.5em;
  }
}
@media (min-width: 1450px) {
  .lcurl2-point__detail{
    padding:0 calc(25% - 290px);
  }
}

/* lcurl2-example */
.lcurl2-example{
  margin-top: calc(8% + 40px);
}
.lcurl2-example__detail{
  margin-top:30px;
  padding:70% 0 calc(6% + 30px);
  background:#8e8c7e url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl2-example-img-sp.jpg) no-repeat 0 0 / 100% auto;
}
.lcurl2-example__detailcontainer{
  width:90%;
  max-width:1300px;
  margin:0 auto;
  color:#FFF;
}
.lcurl2-example__detailtitle{
  margin-bottom:30px;
}
.lcurl2-example__detailtitle img{
  width:40%;
  max-width:207px;
  image-rendering: -webkit-optimize-contrast;
}
.lcurl2-example__detaillist{
  color:#FFF;
  line-height: 1.5;
}
.lcurl2-example__detaillist dt{
  margin-top:0.5em;
  font-weight:bold;
}
.lcurl2-example__detaillist dt::after{
  content:"";
  display:inline-block;
  width:calc(100% - 3em);
  height:1px;
  margin-left:0.5em;
  background: #fff;
  vertical-align: middle;
}
.lcurl2-example__detaillist dd{
  margin-top:0.3em;
  font-size:0.875rem;
}
@media (min-width: 600px) {
  .lcurl2-example__detaillist dt{
    margin-top:1em;
    font-size:1.125rem;
  }
  .lcurl2-example__detaillist dd{
    margin-top:0.5em;
    font-size:1rem;
  }
}
@media (min-width: 960px) {
  .lcurl2-example{
    margin-top: 130px;
  }
  .lcurl2-example__detail{
    position:relative;
    margin-top:60px;
    padding: 0;
    height:600px;
    background:url(https://img07.shop-pro.jp/PA01397/731/etc/lcurl2-example-img-pc.jpg) no-repeat 50% 0 / cover;
  }
  .lcurl2-example__detailcontainer{
    position:absolute;
    top:50%;
    left:50%;
    margin:0;
    padding:0;
    transform:translate(-50%, -50%);
  }
  .lcurl2-example__detailtitle,
  .lcurl2-example__detaillist{
    margin-right:55%;
    margin-left:5%;
  }
}

/* lcurl2-spec */
.lcurl2-spec{
  margin-top: calc(8% + 40px);
}
.lcurl2-spec__photo{
  position: relative;
  margin-top:30px;
  padding-top:102.69%;
}
.lcurl2-spec__photo img{
  width:100%;
}
.lcurl2-spec__photo1{
  position: absolute;
  top:0;
  left:0;
}
.lcurl2-spec__photo2{
  position: absolute;
  bottom:0;
  left:0;
  width:49.5%;
}
.lcurl2-spec__photo3{
  position: absolute;
  width:49.5%;
  bottom:0;
  right:0;
}
.lcurl2-spec__dataitem{
  margin-top:40px;
  line-height: 1.5;
}
.lcurl2-spec__dataimg{
  margin-top:20px;
}
.lcurl2-spec__dataimg img{
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
.lcurl2-spec__datacatch{
  margin-top:15px;
  font-weight: bold;
}
.lcurl2-spec__datatxt{
  margin-top:10px;
  font-size: 0.875rem;
  line-height: 1.7;
}
.lcurl2-spec__databtn{
  margin-top:20px;
  text-align: center;
}
.lcurl2-spec__data1 .lcurl2-spec__datatxt{
  text-align: center;
}
.lcurl2-spec__data2 .lcurl2-spec__dataitem{
  display:flex;
  flex-direction: column;
}
.lcurl2-spec__data2 .lcurl2-spec__container{
  display: contents;
}
.lcurl2-spec__data2 .lcurl2-spec__dataimg,
.lcurl2-spec__data2 .lcurl2-spec__datacatch,
.lcurl2-spec__data2 .lcurl2-spec__datatxt,
.lcurl2-spec__data2 .lcurl2-spec__databtn{
  order:1;
}
@media (min-width: 600px) {
  .lcurl2-spec__dataitem{
    margin-top:60px;
  }
  .lcurl2-spec__datacatch{
    font-size:1.125rem;
  }
  .lcurl2-spec__datatxt{
    font-size: 1rem;
  }
}
@media (min-width: 960px) {
  .lcurl2-spec{
    margin-top: 130px;
  }
  .lcurl2-spec__photo{
    margin-top:60px;
    padding-top:42.8%;
  }
  .lcurl2-spec__photo1{
    width:66.24%;
  }
  .lcurl2-spec__photo2{
    overflow:hidden;
    bottom:auto;
    left:auto;
    top:0;
    right:0;
    width:33.12%;
    height:41%;
  }
  .lcurl2-spec__photo3{
    overflow:hidden;
    width:33.12%;
    height:57.51%;
    background:red;
  }
  .lcurl2-spec__photo2 img{
    position:absolute;
    bottom:0;
    left:0;
  }
  .lcurl2-spec__photo3 img{
    position:absolute;
    top:0;
    left:0;
  }
  .lcurl2-spec__data1{
    display:flex;
    justify-content: space-between;
  }
  .lcurl2-spec__data1 .lcurl2-spec__dataitem{
    width:30.66%;
  }
  .lcurl2-spec__length .lcurl2-spec__dataimg,
  .lcurl2-spec__thickness .lcurl2-spec__dataimg{
    padding:11.54% 0;
  }
  .lcurl2-spec__data2 .lcurl2-spec__dataitem{
    flex-direction: row;
  }
  .lcurl2-spec__data2 .lcurl2-spec__dataimg{
    width:50%;
    margin-top:0;
  }
  .lcurl2-spec__data2 .lcurl2-spec__container{
    display: block;
    width:45%;
    margin-left:5%;
  }
  .lcurl2-spec__data2 .lcurl2-spec__dataimg,
  .lcurl2-spec__data2 .lcurl2-spec__datacatch,
  .lcurl2-spec__data2 .lcurl2-spec__datatxt,
  .lcurl2-spec__data2 .lcurl2-spec__databtn{
    order:inherit;
  }
}