@charset "utf-8";

/*****************************************基本*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:700&display=swap&subset=japanese');
a{
    text-decoration: none;
}
body{
    width: 100%;
    color: #666;
	font-size: 15px;
	letter-spacing: 1px;
    font-family:"MS Pゴシック",sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Serif JP', serif;
    color: #555;
	font-size: 1.6em;
	letter-spacing: 3px;
}
.aquafont{
    font-family: 'Noto Serif JP', serif;
}
.hosoku{
    font-size: 0.8em;
}
/*ローディング*/
#loader-bg {
    background: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 300;
}
#loader-bg img {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 110;
}
/*ふわっと表示*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
/*レスポンシブ*/
.pc { display: block !important; }
.sp { display: none !important; }
/*ヘッダー*/
#headwrap{
    background: rgba(206,206,221,0.6);
    color: #fff;
    height: 70px;
	transition: all .5s;
	position:fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index:103;
    
}
#top .change-color {
    background: rgba(232,232,239,1);
}
#headwrap .navall{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: "Roboto";
    letter-spacing:1px;
}
.navall li{
    /*padding: 6px 0 2px;*/
}
#headwrap .nav{
    bottom: 0;
    font-size: 13px;
}
#headwrap .nav h1{
	margin-top: -12px;
}
#type4 {
    /*background: #515177;*/
}

/*ドロップダウンメニュー*/
.gloval-nav {
    position: relative;
    width: 100%;
    height: 70px;
    margin: 0 auto;
}
.gloval-nav > li {
    float: left;
    width: 15%;
    height: 70px;
    line-height: 70px;
    /*background: rgb(81, 81, 119);*/
	font-size:0.8em;
}

.gloval-nav > li a {
    display: block;
    color: #515177;
}

.gloval-nav > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 101;
}
ul.menu__second-level .nav_btn{
    background-color: #fff;
    border: 1px solid #ADADBC;
    color: #ADADBC;
    margin: 30px 0 40px;
    line-height: 50px;
    transition: all .2s;
}
ul.menu__second-level .nav_btn:hover {
    background-color: #E4E4EA;
    /*border-color: #E4E4EA;*/
    /*color: #fff;*/
}
ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}
.gloval-nav > .menu__mega:hover {
    /*background: #3A4593; グリーン*/
	background: rgba(255,255,255,0.8);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu__second-level li {
    border-top: 1px solid #111;
}
.menu__third-level li {
    border-top: 1px solid #111;
}
.menu__second-level li a:hover {
    /*background: #fff;*/
    background: rgba(255,255,255,0.2);
}
.menu__third-level li a:hover {
    background: #2a1f1f;
}
.menu__fourth-level li a:hover {
    background: #1d0f0f;
}
/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
	border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    	-webkit-transform: rotate(45deg);
    	-ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.gloval-nav{
    *zoom: 1;
}
li.menu__mega ul.menu__second-level {
    position: absolute;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    top: 60px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    /*background: #3A4593; グリーン*/
	background: rgba(255,255,255,0.9);
    	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
li.menu__mega:hover ul.menu__second-level {
    top: 70px;
    visibility: visible;
    opacity: 1;
}
li.menu__mega ul.menu__second-level > li {
    width: 32%;
    border: none;
}
li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}

#open{
	display: none;
}
/*フッター*/
#footwrap{
    width: 100%;    
    background: #e6e7ed;
    font-size: 13px;
    padding: 60px 50px 20px;
}
#footwrap .foot_content{
    max-width: 100%;
}
#footwrap .footnav1{
    padding: 30px 0 30px;
    /*border-bottom: 1px solid #9094a5;*/
    margin-bottom: 30px;
}
#footwrap .footnav2{
    padding: 10px 0 10px;
}
#footwrap .shoplang{
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: bold;
}

#footwrap .shop_left{
    width: 30%;
    border-bottom: 1px solid #9094a5;
    padding-bottom: 70px;
    margin-bottom: 50px;
}
#footwrap .shop_right{
    width: 30%;
    border-bottom: 1px solid #9094a5;
    padding-bottom: 70px;
    margin-bottom: 50px;
}
#footwrap .shop_img{
    margin-bottom: 30px;
}
#footwrap .ft_sns{
    margin: 20px;
}
#footwrap .ft_fb{
    width: 30%;
    /*margin-bottom: 30px;*/
}
#footwrap .ft_fb img{
    /*width: 40px;*/
}
#footwrap .ft_lasincere{
    width: 30%;
    padding: 0 20px;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-right: 1px solid #9094a5;
    text-align: left;
}
#footwrap .lasi_adress{
    margin-bottom: 20px
}
#footwrap .ft_china{
    width: 30%;
    padding: 0 10px 30px 30px;
    margin-bottom: 50px;
    text-align: left;
}
#footwrap .aquabold{
    margin-bottom: 5px;
    font-weight: bold;
}
#footwrap .copyright{
    font-size: 11px;
    color: #9094a5;
}
/*****************************************TOPページ*/
/*メインビジュアル*/
#mv {
	position: relative;
	min-height: 651px;
	margin-top: 0;
	background: url(../images/bg_mvpc.jpg) center top no-repeat;
	background-color: #CECFD7;
}
#mv .mv_inner {
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
	padding: 100px 0 0;
	box-sizing: border-box;
}
#mv h1 {
	text-align: center;
	margin-bottom: 13px;
}
#mv .brandLogo {
	position: absolute;
	right: 0;
	top: 600px;
}
#mv .catchCopy {
	position: absolute;
	left: 100px;
	top: 140px;
}
/*
#mv .badge {
	position: absolute;
	right: 0;
	top: 340px;
}
*/

/*新スクロールボタン*/
#mv .scrollbtn{
	position: absolute;
	right: 0;
	bottom: 110px;
}
#mv .scrollbtn a {
  display: inline-block;
  position: absolute;
  right: 98px;
  bottom: 0;
  z-index: 102;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #1D2085;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
#mv .scrollbtn a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #1D2085;
	animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  35% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  35.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  70%, 100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}





/*
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.3);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}*/
/*ボタン*/
.btn {
    display: inline-block;
    width: 400px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    background-color: #e6e7ed;
    border: 2px solid #e6e7ed;
    color: #9094a5;
    /*line-height: 50px;*/
    margin: 50px 0;
}
.btn::before,
.btn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.btn,
.btn::before,
.btn::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn:hover {
    background-color: #fff;
    border-color: #e6e7ed;
    color: #e6e7ed;
}
/*トップメインコンテンツ*/
.Titleborder {
  font-size: 1.6rem;
  position: relative;
  padding: 1.5rem;
	margin-bottom: 50px;
  text-align: center;
}
.Titleborder span {
  font-size: 1.6rem;
  display: block;
}
.Titleborder:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #1D2085;
}
.content1{
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 10px 100px;
}
.content2{
    background-image: url('../images/sr_bg_pc.png');
    width: 100%;
    height: 450px;
    padding: 100px 10px 0;
    text-align: center;
}
.content2 h2{
    margin-bottom: 50px;
}
.content3{
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 10px 80px;
    text-align: center;
}
.content3 h2{
    margin-bottom: 50px;
}
.content3 .pick_box01, .content3 .pick_box02{
	margin-bottom: 30px;
}
.content3 .pick_box02{
	flex-direction: row-reverse;
}
.content3 .pick_imgbox{
	width: 50%;
	padding: 20px;
}
.content3 .pick_txtbox{
	width: 50%;
	padding: 20px;
	text-align: left;
	align-self:center;
}
.content3 .pick_txtbox span{
	font-size: 0.4em;
}
.content3 .pick_txtbox .pick_new{
	display: inline-block;
    background: #1D2081;
    color: #fff;
	margin-bottom: 20px;
	padding: 6px 16px;
}
.content3 .pick_txtbox .pick_midasi{
	font-weight: bold;
	margin-bottom: 20px;
}
/*ラインナップ*/
.content3 .multiple-item{
    max-width: 1200px;
    margin: 0 auto;
}
.content3 .multiple-item .lineup_contents{
    display: inline-block;
    padding: 30px;
}




.content4{
    margin: 0 auto;
    padding: 50px 10px 80px;
    text-align: center;
    background: linear-gradient(-45deg,#eeeef7,#fff,#fff,#eeeef7);
}
.content4 .con4_box{
    max-width: 1200px;
    margin: 0 auto;
}

.content5{
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 10px 80px;
    text-align: center;
}
.content5 p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #9094a5;
}
.content5 .sns_box{
    margin-bottom: 80px;
}
.fb_container {
    max-width: 500px;
    margin: 0 auto;
}
.fb_p{
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.pickup div{
	margin: 40px 60px;
}
/*****************************************conceptページ*/
#concept{
    margin-top: 70px;
}
.concept_all{
    position: relative;
}
.concept_bg{
    position: absolute;
    top: 6%;
    left: 0%;
}

.concept_wrap{
    max-width: 1000px;
}
.concept_wrap h2{
    font-size: 24px;
    margin-top: 30px;
    padding: 20px 0 50px;
}
.concept_brand h3{
    font-size: 40px;
    margin: 20px 0 50px;
}
.concept_brand{
    margin-bottom: 80px;
}
.concept_msg .aquafont{
    font-size: 18px;
}
.concept_msg{
    margin-bottom: 100px;
}
.msg_mv{
    margin-bottom: 50px;
}
.concept_msg h3{
    font-size: 18px;
    margin: 20px 0 50px;
}
.concept_msg p{
    padding: 0 10%;
    text-align: left;
}
/*****************************************featureページ*/
#feature{
    margin-top: 70px;
}
.feature_mv {
	position: relative;
	min-height: 400px;
	margin: 0 0 80px;
	background: url(../images/sr_bg_pc.png) center top no-repeat;
	background-color: #CECFD7;
}
.feature_h2{
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    margin: auto;
}
.feature_h2 h2{
    font-size: 2em;
    width: 100%;
}

.feature_intro{
    max-width: 1000px;
    margin-bottom: 150px;
    padding: 0 18px;
}
.feature_intro h3{
margin-bottom: 50px;
}
.ft_introbox img{
margin-bottom: 20px;
    padding: 0 10px;
}
.feature_intro .hosoku{
    padding: 30px 0;
    text-align: right;
}
/*
.feature_intro{
    position: relative;
    max-width: 750px;
    margin-bottom: 150px;
}
.ft_intro01{
    width: 220px;
    position: absolute;
    top: 28%;
    left: 83%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    text-align: left;
    font-size: 13px;
}
.ft_intro02{
    width: 220px;
    position: absolute;
    top: 108%;
    left: 34%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    text-align: left;
    font-size: 13px;
}
.ft_intro03{
    width: 220px;
    position: absolute;
    top: 108%;
    left: 73%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    text-align: left;
    font-size: 13px;
}
*/

.ft_box1, .ft_box2, .ft_box3, .ft_box4{
    max-width: 1000px;
    margin: 0 auto;
}
.ft_box1 h3, .ft_box2 h3, .ft_box3 h3, .ft_box4 h3{
    font-size: 26px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 2px solid #71c6d4;
}
.ft_box1_1{
    margin-bottom: 50px;
}
.ftbox1_1l{
    text-align: left;
    padding-right: 20px;
}
.ftbox1_1l h4, .ft_box2 h4, .ft_box4 h4{
    font-size: 20px;
    margin-bottom: 20px;
}

.ft_box1_2{
    margin-bottom: 100px;
}
.ftbox1_2r{
    padding-left: 30px;
    text-align: left;
}
.ftbox1_2r h4{
    font-size: 20px;
    margin-bottom: 20px;
}
.ft_box2, .ft_box3, .ft_box4{
    margin-bottom: 100px;
}
.ft_box2 img{
    margin: 0 auto;
    margin-bottom: 50px;
}
.ft_box2 p{
    padding: 0 10%;
    text-align: left;
}
.ft_box3 h4{
    margin-bottom: 10px;
    font-size: 18px;
}
.ft_box4_1{
    margin-bottom: 50px;
}
.ftbox4_1l{
    text-align: left;
    padding-right: 20px;
}
.component_about p{
    margin-bottom: 20px;
    padding: 3%;
    text-align: left;
}
.component_supple{
    margin-bottom: 30px;
    font-size: 11px;
    line-height: 1.5;
    text-align: left;    
}
/*フキダシ*/
.balloon {
    position: relative;
    display: inline-block;
    margin: 1.5em auto;
    padding: 20px;
    min-width: 120px;
    max-width: 750px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background: #71c6d4;
    border-radius: 15px;
    text-align: left;
}
.balloon:before {
    content: "";
    position: absolute;
    top: -18%;
    left: 50%;
    transform: rotate(180deg);
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 15px solid #71c6d4;
}
.balloon p {
    margin: 0;
    padding: 0;
}
/*****************************************productページ*/
#product{
 margin-top: 70px;   
}
.lineup_all{
    margin-bottom: 100px;
    padding-top: 30px;
}
.lineup_all h2{
    margin-top: 30px;
    padding: 20px 0 50px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 50px;
}
.lineup_all p{
    font-size: 0.8em;
}
#pdt_box01, #pdt_box02, #pdt_box03, #pdt_box04, #pdt_box05, #pdt_box06, #pdt_box07, #pdt_box08 {
    padding-top: 150px;
}
.lineup_box{
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.lineup_box .aquafont{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.lineup_box .specialcare{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border: 1px solid #888;
    padding: 4px 4px 14px;
    margin: 0 6px;
    border-radius: 10px;
    position: relative;
}
.lineup_box .specialcare .line_waku {
    width: 30%;
}
.lineup_box .fukidasi{
    position: absolute;
    top: -90px;
    right: 50px;
    font-size: 1.6em;
}
.lineup_box .spesialcare_txt{
    position: absolute;
    top: 20px;
    left: 40px;
}
.triangle{
    width: 0;
    height: 0;
    border-left: 10px solid #1d2087;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin: 0 0 13%;
}
.buybtn{
    max-width: 1000px;
    margin: 0 auto;
}
.btn2 .fawsm_left{
    margin-left: 8px;
}
.btn2 {
    display: inline-block;
    width: 360px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    background-color: #1d2087;
    border: 2px solid #1d2087;
    color: #fff;
    /*line-height: 25px;*/
    margin: 20px 10px 50px;
    padding: 10px;
}
.btn2::before,
.btn2::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.btn2,
.btn2::before,
.btn2::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn2:hover {
    background-color: #fff;
    border-color: #848bc4;
    color: #848bc4;
}

/*コンテンツ1*/
#product .contents01 {
    position: relative;
    overflow: hidden;
    margin: 8% 0;
}
#product .contents01:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 70%;
    margin: 3% -10% 0;
    background: #f2f3f9;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1;
}
#product .contents_inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 10px 10px;
    color: #666;
    text-align: center;
}
#product .component{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#product .contents_right{
    text-align: left;
}
#product .compo_box{
    margin-bottom: 10px;
    width: 20%;
    font-size: 12px;
    text-align: center;
}
#product .contents01 h3, #product .contents02 h3 {
    font-size: 24px;
    margin-bottom: 30px;
}
#product .contents01 h4, #product .contents02 h4 {
    font-size: 20px;
    margin: 10px 0;
}
.futoji{
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 5px;
}
.cntnt_under{
    margin-bottom: 15px;
}
#product .contents_left{
    margin: auto 0;
}
/*コンテンツ2*/
#product .contents02 {
    position: relative;
    overflow: hidden;
    margin: 8% 0;
}
#product .contents02:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 70%;
    margin: 3% -10% 0;
    background: #f9f4f9;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1;
}
/*トップへ戻るボタン*/
    #page_top{
      width: 80px;
      height: 80px;
      position: fixed;
      right: 10px;
      bottom: 50px;
      background: #1d2087;
      opacity: 0.6;
      border-radius: 50%;
      }
    #page_top a{
      position: relative;
      display: block;
      width: 80px;
      height: 65px;
      text-decoration: none;
    }
    #page_top a::before{
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: '\f062';
      font-size: 25px;
      color: #fff;
      position: absolute;
      width: 25px;
      height: 25px;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      text-align: center;
    }
/*****************************************レビューページ*/
#review {
    margin-top: 70px;
}
.review_mv {
	position: relative;
	min-height: 400px;
	margin: 0 0 80px;
	background: url(../images/bg_reviewpc.jpg) center top no-repeat;
	background-color: #fff;
}
.review_h2 {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    margin: auto;
}
.review_h2 h2 {
    color:#fff;
}
.review_contents {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
}
.review_contents h3 {
    color: #03328D;
    font-size: 1.3em;
    /*
    position: relative;
    padding: 0.6em 1.6em;
    margin-bottom: 0.6em;
    text-align: center;
    */
}
/*
.review_contents h3:before,
.review_contents h3:after {
    position: absolute;
    content: '';
}
.review_contents h3:after {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-top: 2px solid #C3C1D3;
    border-left: 2px solid #C3C1D3;
}
.review_contents h3:before {
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-right: 2px solid #C3C1D3;
    border-bottom: 2px solid #C3C1D3;
}
*/
/*左がイメージのボックス*/
.review_box01{
    margin-bottom: 3em;
}
.review_box01 .rev_nickname{
    text-align: right;
    font-size: 0.8em;
    margin-bottom: 1em;
}
.review_box01 .review_img {
    margin-right: 30px;
}
.review_box01 .review_txt_inner{
    position: relative;
    padding: 0 1.8em 1.4em;
    border-bottom: 2px solid #C3C1D3;
    border-left: 2px solid #C3C1D3;
    border-radius: 0 0 0 20px;
    text-align: left;
}
.review_box01 .review_txt_inner:before {
    position: absolute;
    right: 50px;
    bottom: -21px;
    width: 0;
    height: 0;
    content: '';
    border-width: 21px 21px 0 0;
    border-style: solid;
    border-color: #C3C1D3 transparent transparent transparent;
}
.review_box01 .review_txt_inner:after {
    position: absolute;
    right: 54px;
    bottom: -14px;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 14px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
/*右がイメージのボックス*/
.review_box02{
    flex-direction: row-reverse;
    margin-bottom: 3em;
}
.review_box02 .rev_nickname{
    text-align: right;
    font-size: 0.8em;
    margin-bottom: 1em;
}
.review_box02 .review_img {
    margin-left: 30px;
}
.review_box02 .review_txt_inner{
    position: relative;
    padding: 0 1.8em 1.4em;
    border-bottom: 2px solid #C3C1D3;
    border-right: 2px solid #C3C1D3;
    border-radius: 0 0 20px 0;
    text-align: left;
}
.review_box02 .review_txt_inner:before {
    position: absolute;
    left: 50px;
    bottom: -21px;
    width: 0;
    height: 0;
    content: '';
    border-width: 21px 0 0 21px;
    border-style: solid;
    border-color: #C3C1D3 transparent transparent transparent;
}
.review_box02 .review_txt_inner:after {
    position: absolute;
    left: 54px;
    bottom: -14px;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 0 0 14px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}





/***************************************************************************************768基本*/
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }

    .loadimg{
        width: 160px;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.3em;
    }
    .Titleborder {
        font-size: 1.3em;
    }
    #headwrap .nav h1 {
        margin: 10px 0 0 10px;
    }
    #headwrap .nav h1 img{
        width: 30%;
    }
/*ドロワーメニュー*/
    label{
        width: 40px;
        height: 40px;
        background-color: #fff;
        display: block;
        border-radius: 2px;
        box-shadow: 1px 1px 3px #9094a5;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 150;
    }
    label span{
        width: 60%;
        height: 4px;
        display: block;
        background-color: #1d2087;
        position: absolute;
        left: 20%;
        border-radius: 2px;
    }
    label span:nth-of-type(1){
        top: 10px;
        transform: rotate(0);
    }
    label span:nth-of-type(2){
        top: 18px;
        transform: scale(1);
    }
    label span:nth-of-type(3){
        bottom: 10px;
        transform: rotate(0);
    }
    #open:checked+label span:nth-of-type(1){
        top: 18px;
        transform:rotate(-45deg);
    }
    #open:checked+label span:nth-of-type(2){
        transform:scale(0);
    }
    #open:checked+label span:nth-of-type(3){
        bottom: 18px;
        transform:rotate(45deg);
    }
    ul{
        margin: 0;
        padding-left: 0;
    }
    li{
        list-style: none;
    }
    a{
        text-decoration: none;
        color: #fff;
    }
    .menu{
        position: fixed;
        top: 0;
        right: -290px;
        width: 290px;
        height: 100%;
        padding: 20px 16px;
        transition: left 1s,right 0.3s;
        background-color: rgba(225,225,239,0.9);
        z-index:110; 
    }
    .toggle{
        font-size: 20px;
        cursor:pointer;
    }
    #open:checked~.menu{
        right: 0;
    }
    .menu ul{
        display: block;
        box-sizing: border-box;
        margin-bottom: 18px;
    }
    .menu li{
        width: 100%;
        margin: 0 0 4px;
        font-size: 0.9em;
        text-align: left;
        border: none;
    }
    .menu .menuTitle{
        font-size: 1.2em;
        font-weight: bold;
        color: #444;
        margin-bottom: 10px;
        padding-left: 0.6em;
        border-left: 4px solid #fff;
    }
    .sp_menu_consept .nav_btn{
        display: inline-block;
        text-align: center;
        width: 80%;
        border: 1px solid #ADADBC;
        background: #fff;
        /*padding: 0.6em 1.2em;*/
        margin-left: 16px;
        font-size: 1em;
        color: #ADADBC;
        line-height: 30px;
        transition: all .2s;
    }
    .menu .sp_menu_product{
        flex-wrap: wrap;
        text-align: center;

    }
    .menu .sp_menu_product li{
        display: inline-block;
        text-align: center;
        width: 28%;
        margin: 0 0 6px;
        font-size: 0.7em;
    }
    .menu .sp_menu_shop {
        display: flex;
        font-size: 0.7em;
    }
    .menu .sp_menu_shop li{
        display: inline-block;
        margin-bottom: 18px;
        text-align: center;
    }
    .menu .sp_menu_shop img{
        margin-bottom: 8px;
        width: 86%;
    }
    #headwrap .nav{
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.5;
    }

    
    /*ボタン*/
    .btn{
        width: 300px;
    }
    /*フッター*/
    #footwrap {
        padding: 40px 20px;
    }
    #footwrap .shop_img{
        margin-bottom: 10px;
    }
    #footwrap .ft_fb {
        width: 100%;
    }
    .ft_shop{
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    #footwrap .shop_left{
        width: 100%;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 40px;
    }
    #footwrap .shop_right{
        width: 100%;
        padding-bottom: 50px;
    }
    .company{
        display: block;
    }
    #footwrap .ft_sns{
        margin-bottom: 40px;
    }
    #footwrap .ft_lasincere{
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
        border-right: 0;
    }
    #footwrap .ft_china{
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }
    #footwrap .ft_overview{
        display: block;
    }
    #footwrap .ft_ov_ct{
        margin-bottom: 30px;
        font-size: 0.7em;
    }
    #footwrap .copyright {
        font-size:0.8em;
    }
    /*****************************************768トップページ*/
    #mv {
        background: url(../images/bg_mvsp.jpg) center top no-repeat;
        background: #CECFD7;
        min-height: 300px;
    }
    #mv .mv_inner {
        max-width: 768px;
        padding: 0 10px 0;
    }
    #mv h1 {
        margin:70px 0 0;
    }
    #mv .scrollbtn{
        right: 0;
        left: 0;
        margin: auto;
        bottom: -140px;
    }
    #mv .scrollbtn a {
        right: 46%;
        left: 46%;
        background-color: rgba(255,255,255,0.8);;
        border-radius: 5px;
    }
    .content1{
        padding: 160px 10px 60px;
    }
    .content1 .col-around{
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .content1 h2{
        margin-bottom: 40px;
    }
    .content2{
        height: 500px;
        /*padding: 130px 10px 100px;*/
    }
    .content3{
        padding: 80px 10px 80px;
        text-align: center;
    }
    .content3 .pick_box01{
        display:block;
    }
    .content3 .pick_box02{
        display:block;
    }
    .content3 .pick_imgbox{
        width: 100%;
    }
    .content3 .pick_txtbox{
        width: 100%;
    }
    /*ラインナップ*/
    .content3 .multiple-item{
        flex-wrap: wrap;
    }
    .content3 .multiple-item .lineup_contents{
        padding: 10px;
        width: 30%;
    }
    
    .linenup_item{
        margin: 0 5px 20px;
        width: 150px;
    }
    .content4 .col-around{
        display: block;
    }
    .content4 .btn{
        margin-bottom: 0;
    }
    .content5{
        display: block;
        padding: 80px 10px 80px;
    }
    .content5 div{
        margin-bottom: 25px;
    }
    .content5 .sns_box{
    padding: 0 20px;
    }
    /*
    .fb_container {
        max-width: 500px;
        margin: 0 auto;
    }
    */
    .pickup{
        /*margin: 0 auto;*/
    }

/*****************************************768 conceptページ*/
    .concept_wrap h2{
        font-size: 20px;
    }
    .concept_brand h3{
        font-size: 28px;
    }
    .concept_msg h3{
        font-size: 20px;
    }
    .concept_bg{
        margin-top: 100px;
    }
    .concept_msg p{
        padding: 0 3%;
    }
/*****************************************768 featureページ*/
	#mv {
	background: url(../images/bg_mvsp.JPG) center top no-repeat;
}
    .feature_mv{
        margin-bottom: 30px;
    }
    .feature_mv {
        margin: 0 0 30px;
        background: url(../images/sr_bg_sp.png) center top no-repeat;
    }
    .feature_h2{
        top: 160px;
    }
    .feature_h2 h2{
        font-size: 1.4em;
    }

    .feature_intro{
        padding: 0 18px;
        margin-bottom: 30px;
    }
    .feature_intro_content{
        flex-wrap: wrap;
    }
    .ft_introbox{
        padding: 0 10px;
    }
    .ft_introbox p{
        font-size: 0.9em;
        text-align: left
        
    }

    .intoro_detail{
        margin-bottom: 80px;
        padding: 0 20px;
    }
    .intoro_detail .intoro_u{
        margin-bottom: 20px;
    }
    .intoro_u h3{
        font-size: 18px;
        color: #71c6d4;
    }
    .fawsm_left{
        margin-left: 10px;
    }
    .intoro_u p{
        font-size: 15px;
    }
    .ft_box1 h3, .ft_box2 h3, .ft_box3 h3, .ft_box4 h3{
        font-size: 1.3em;
        margin: 0 20px 30px;
        padding-bottom: 15px;
        border-bottom: 2px solid #71c6d4;
    }
    .ft_box1_1, .ft_box1_2{
        display: block;
        text-align: center;
        padding: 0 18px;
    }
    .ftbox1_1l{
        padding-right: 0;
        text-align: center;
        margin: 0 auto;
    }
    .ftbox1_1l h4, .ft_box2 .col-start h4 {
        padding: 0 18px;
        margin-bottom: 10px;
        text-align: left;
    }
    .ftbox1_1l p, .ftbox1_2r p{
        text-align: left;
    }
    .ft_box2 > div{
        display: block;
    }
    .ft_box1_2 img{
        padding: 0 40px 20px 20px;
    }
    .ft_box2 p {
        padding: 0 18px;
    }
    .ftbox1_2r{
        padding-left: 0;
        text-align: center;
    }
    .ft_box4 {
        padding: 0 18px;
    }
    .ftbox4_1l {
        padding-right: 0;
    }
    .component_about{
        display: block;
        margin-bottom: 50px;
    }
    .component_about img{
        margin-bottom: 20px;
    }
    .component_about p{
        padding: 0 30px;
    }
    .component_supple{
        display: block;
        padding: 0 50px;
        margin-bottom: 50px;
    }
    .supple{
        font-size: 13px;
    }
    .balloon{
        margin: 0 30px 80px;
    }
    .balloon:before {
        top: -8%;
    }
/*****************************************768 productページ*/
    
    
    .lineup_box{
        display: block;
        margin: 0 20px;
        padding-bottom: 20px;
    }
    .lineup_all{
        margin-bottom: 20px;
    }
    .lineup_all h2{
        margin-top: 20px;
        padding: 0  0 20px;
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .line_waku{
        width: 100%;
        margin-bottom: 10px;
    }
    .line_waku div{
        align-self: center;
    }
    .line_waku p{
        font-size: 13px;
    }
    .line_waku_left{
        width: 30%;
    }
    .line_waku_right{
        width: 70%;
    }
	#product .line_waku_right_cream {
        align-self: flex-end;
    }
    .line_ul{
        border-bottom: 1px dashed #1d2087;
    }
    .probox{
        display: block;
    }
    .lineimg{
        margin: 0 auto 20px;
        text-align: center;
        width: 40%;
    }
    .buybtn{
        display: block;
        text-align: center;
    }
    .buybtn .btn2{
        max-width: 320px;
        margin-bottom: 20px;
    }
    
    #product .contents01 {
        position: relative;
        overflow: hidden;
        margin: 10% 0;
        padding: 5% 0;
    }
    #product .contents01:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 80%;
        margin: 3% -40% 0;
        background: #f2f3f9;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        z-index: -1;
    }

    #product .contents02 {
        position: relative;
        overflow: hidden;
        margin: 30% 0;
        padding: 10px 0;
    }
    #product .contents02:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 70%;
        margin: 3% -40% 0;
        background: #f9f4f9;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        z-index: -1;
    }
    .triangle{
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #1d2087;
        margin: 10px auto 0;
    }
    #product .contents01 h3, #product .contents02 h3 {
        font-size: 1.3em;
    }
    #pdt_box01, #pdt_box02, #pdt_box03, #pdt_box04, #pdt_box05, #pdt_box06, #pdt_box07, #pdt_box08 {
        padding-top: 80px;
    }
    #product .compo_box {
        margin-bottom: 8px;
        width: 19%;
        padding: 6px;
    }
    #product .compo_box p{
        font-size: 0.5em;
    }
    
    
    
    /*****************************************レビューページ*/
    #review {
        margin-top: 70px;
    }
    .review_mv {
        min-height: 280px;
        margin: 0 0 40px;
        background: url(../images/bg_reviewsp.jpg) 
    }
    .review_h2 {
        top: 110px;
    }
    .review_contents {
        max-width: 768px;
        text-align: center;
        margin: 0 auto;
        padding: 0 18px;
    }
    .review_contents .col-between {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .review_contents h3 {
        font-size: 1.2em;
    }

    /*左がイメージのボックス*/

    .review_box01 .review_img {
        margin: 0 auto 20px;
        width: 60%;
    }
    .review_box01 .review_txt_inner{
        margin: 0 -20px 30px 0;
    }
    /*右がイメージのボックス*/

    .review_box02 .review_img {
        margin: 0 auto 20px;
        width: 60%;
    }
    .review_box02 .review_txt_inner{
        margin: 0 0 30px -20px;
    }
    
    .review_contents .rev_comment{
        font-size: 0.9em;
    }
    

    
}/*768px*/


/*アクアブルー　#1d2087*/
/*薄いグレー　#e6e7ed*/
/*濃いグレー　#9094a5*/
/*モンモリロナイトカラー　#bac9d1*/
/*チラシ水色　#71c6d4*/
/*水中背景のBG　#ebeff4*/