@charset "UTF-8";

html {
  font-size:62.5%;
}
body {
  font-size:1.4rem;
  font-family: 'M PLUS 1p' , 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Helvetica', 'メイリオ','Meiryo','ＭＳ ゴシック','MS PGothic', Osaka, sans-serif;
  color: #006393;
  background-color: #E7EAE3;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
*, *::before, *::after {
  box-sizing:border-box;
}
.clearfix::after {
  content:'';
  display:block;
  clear:both;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}
.flex {
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.j-start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.j-between {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.j-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.j-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}
.j-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.a-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.a-start {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.a-end {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.a-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.ac-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ac-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}

.red {color: red;}
.txt_10 {
	font-size: 10px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.u_665 {
	display: none;
}
.a-left {
	text-align: left!important;
}
.a-center {
	text-align: center!important;
}
img {
	width: 100%;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}
.m_btm_30 {
	margin-bottom: 30px!important;
}
figure {
	margin: 0px;
	padding: 0;
	width: 100%;
}
.tc_w {
	color: #FFF!important;
}
[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  transform: translateY(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll=in] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.splitting .char {
  color: transparent;
}
.splitting .char:after {
  visibility: visible;
  color: #000;
  opacity: 0;
  transform: translateY(30%);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(.2s + (.04s * var(--char-index) ) );
}

[data-scroll=in] .char:after {
  opacity: 1;
  transform: translateY(0);
}

/*//////////////////////////
ヘッダー
//////////////////////////*/
#page {
	margin: 0 auto;
	width: 100%;
}
header {
	margin: 0 0 2em;
	padding: 10px 10px;
	width: 100%;
	background-color: #C7C0DF;
	text-align: left;
}
header img {
	margin: 0;
	padding: 0;
	width: 20%;
	max-width: 250px;
}
#sec_header {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}
#sec_header #tv {
	margin: 0 auto;
	padding: 0;
	width: 80%;
	max-width: 1000px;
	position: relative;
}
#container_title {
	margin: 0;
	padding: 0;
	width: 30vw;
	position: absolute;
	top: 20vw;
	left: 5vw;
	text-align: right;
}
#title {
	margin: 0;
	padding: 0 0 10px;
	font-size: 5rem;
	font-size: clamp(2.2rem, 4vw, 9rem);
	font-weight: 900;
	color: #43BCC5;
	line-height: 1;
}
#title .char:after {
	color: #43BCC5;
}
#popup {
	margin: 0;
	padding: 0;
	width: 10vw;
	position: relative;
	top: -22vw;
	left: 27vw;
}
#catch {
	margin: 0;
	padding: 0 0 10px;
	font-size: 3rem;
	font-size: clamp(1.5rem, 2.5vw, 5rem);
	font-weight: 900;
	color: #000;
	line-height: 1.3;
}
#read {
	margin: 0;
	padding: 0 0 10px;
	font-size: 3rem;
	font-size: clamp(1rem, 1vw, 2rem);
	font-weight: 500;
	color: #000;
	line-height: 1.8;
}
#read02 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 2.5rem;
	font-size: clamp(1rem, 0.8vw, 1.5rem);
	font-weight: 500;
	color: #000;
	line-height: 1.8;
}
.box_fest01 {
	width: 45%;
}
.box_fest02 {
	width: 50%;
}
.box_fest02-01 {
	margin: 0 0 5px;
	padding: 10px 0;
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.3;
	position: relative;
}
.box_fest02-01 span {
	background:linear-gradient(transparent 60%, #fff 60%);
}
.box_fest02-02 {
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.3;
	margin-bottom: 10px;
}
.box_fest02-03 {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 2em;
	text-align: left;
}
/*//////////////////////////
ナビゲーション
//////////////////////////*/
nav {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #C7C0DF;
  position: sticky;
  top: 0;
  z-index: 10000;
  text-align: center;
}
nav a {
    position: relative;
    display: inline-block;
    margin: 15px 10px;
    outline: none;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-shadow: 0 0 1px rgb(255 255 255 / 30%);
    font-size: 1.1rem;
}
nav a:hover, nav a:focus {
    outline: none;
}
.cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.cl-effect-1 a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}
.cl-effect-1 a::before, .cl-effect-1 a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}
/*//////////////////////////
SHOP
//////////////////////////*/

#sec_shop {
	margin: 0 auto;
	padding: 50px 0;
	width: 100%;
}
#sec_shop {
  position: relative;
  z-index: 0;
}
.sec_title {
	margin: 5% auto;
	padding: 0;
	width: 90%;
	max-width: 1000px;
	position: relative;
}
.sec_title.barcode_w {
	color: #FFF;
}

.title_main {
	margin: 0 0 5px;
	padding: 0 0 5px;
	font-size: 4vw;
	font-size: clamp(4rem, 4vw, 6rem);
	font-family: 'Jost';
	font-weight: 900;
	line-height: 1em;
	text-align: center;
}
.sec_title.barcode_w .title_main {
	border-bottom: solid 5px #FFF;
}
.title_sub {
	margin: 0 0 0;
	padding: 0 0 5px;
	font-size: 2vw;
	font-size: clamp(2rem, 1.8vw, 3rem);
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
}
.title_catch {
	margin: 0 0 0;
	padding: 0 0 5px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
}
.title_catch02 {
	margin: 0 0 0;
	padding: 0 0 5px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
}
#container_fest {
	margin: 0 auto 50px;
	padding: 0 0% 50px;
	width: 90%;
	max-width: 1000px;
	border-bottom: solid #000 1px;
}
.title_shop {
	margin: 0 0 5px;
	padding: 0;
	font-size: clamp(2rem, 1.8vw, 4rem);
	font-weight: 700;
	text-align: left;
	color: #001C2D;
}
.data_shop {
	margin: 0 0 5px;
	padding: 0 0 5px;
	font-size: 1.5rem;
	font-weight: 700;
display: flex;
align-items: center;
}
.data_shop:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.data_shop:after {
margin-left: 1rem;
}
.container_shop01 {
	margin: 0 auto 50px;
	padding: 0 0% 50px;
	width: 90%;
	max-width: 1000px;
	border-bottom: solid #000 1px;
}
.container_shop02 {
	margin: 0 auto 20px;
	padding: 0 5%;
	width: 90%;
	max-width: 1000px;
}
.box_shop01 {
	margin: 0;
	padding: 3rem 3rem;
	width: 45%;
	text-align: left;
}
.box_shop02 {
	margin: 0;
	padding: 0;
	width: 45%;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8em;
}
.box_shop03 {
	margin: 0;
	padding: 0;
	width: 33%;
}
.txt_shop01 {
	font-size: 1.4rem;
	font-weight: 900;
	padding: 0 0 5px;
	line-height: 1;
}
.txt_shop01:before {
	content: "";
	display: inline-block;
	position: relative;
	background: url(../images/icon_shop.svg) no-repeat left center;
	width: 12px;
	height: 8px;
	top: -1px;left: 0;
	background-size: contain;
	margin-right: 5px;
}
.txt_shop02 {
	font-size: 1.4rem;
	font-weight: 500;
	padding: 0 0 10px;
	line-height: 1.5;
}
.box_shop02 img {
	padding-bottom: 10px;
}
.box_shop04 {
	margin: 0 auto;
	padding: 0px;
	width: 45%;
}
.box_shop05 {
	margin: 0 auto;
	padding: 0;
	width: 45%;
	text-align: left;
}
.txt_shop03 {
	margin: 0;
	padding: 10px 0 10px;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.3;
}
.box_shop_qr {
	margin: 0 0 10px;
	padding: 0;
	width: 30%;
	min-width: 50px;
	max-width: 100px;
	border: solid 1px #707070;
}
.txt_shop04 {
	font-size: 1.2rem;
	line-height: 1.8em;
	margin: 0 0 2em;
}
.box_shop06 {
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF;
	width: auto;
	max-width: 630px;
	text-align: center;
	border: solid 2px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 700;
}
.box_shop06:before {
	content: "";
	display: inline-block;
	background: url(../images/icon_search.svg) no-repeat left center;
	width: 20px;
	height: 16px;
	background-size: contain;
	position: relative;
	top: 2px;
	left: 0;
}

/*//////////////////////////
レコメンド
//////////////////////////*/

#sec_recommended {
	width: 100%;
	padding: 30px 0 0;
}
.container_recommended {
	margin: 0 auto 1px;
	padding: 0;
	position: relative;
	width: 90%;
	max-width: 1000px;
}
.container_recommended:last-child {
	margin: 0 auto 0px;
}
.container_recommended02 {
	margin: 0 auto 50px;
	padding: 0;
	position: relative;
	width: 90%;
	max-width: 1000px;
	overflow: hidden;
}
.box_recommended01 {
	margin: 0 auto 3em;
	padding: 0;
	position: relative;
	width: 90%;
	max-width: 800px;
	height: auto;
	background-color: #E7EAE3;
	border-radius: 10px;
	box-shadow: 0px 3px 10px rgba(0,  0,  0, 0.32)
}
.box_recommended01.type02 {
	margin: 0 auto 3em;
	padding: 0;
	position: relative;
	width: 100%;
	height: auto;
	background-color: #E7EAE3;
	border-radius: 0;
	box-shadow: none;
}
.num_recommended {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	box-sizing: border-box;
	position: absolute;
	top: 1em;
	left: 1em;
}
.title_recommended01 {
	margin: 0;
	padding: 1em 0.5em;
	font-size: 3rem;
	font-weight: 900;
	text-align: center;
	line-height: 0.5;
	box-sizing: border-box;
	width: 30%;
	color: #F18F57;
	border-right: solid 1px #006393;
}
.title_recommended01 span {
	font-size: 50%;
	display: block;
	font-weight: 500;
}
.type02 .title_recommended01 {
	margin: 0;
	padding: 1em 0.5em 0.8em;
	font-size: 3rem;
	font-weight: 900;
	text-align: center;
	line-height: 0.5;
	box-sizing: border-box;
	width: 100%;
	color: #F18F57;
	border-bottom: solid 1px #006393;
	border-right: none;
}
.type02 .title_recommended01 span {
	font-size: 50%;
	display: block;
	font-weight: 500;
}
.title_recommended02 {
	margin: 0;
	padding: 1em 1.5em 0.5em;
	font-size: 1.8rem;
	font-weight: 500;
}
.txt_recommended01 {
	margin: 0;
	padding: 4em 3em 4em;
	font-size: 1.2rem;
	font-weight: 500;
	width: 70%;
	text-align: left;
}
.type02 .txt_recommended01 {
	margin: 0;
	padding: 1em 0em 1em;
	font-size: 1.2rem;
	font-weight: 500;
	width: 100%;
	text-align: left;
}
.order01 {
	order: 1;
}
.order02 {
	order: 2;
}

.box_recommended02 {
	margin: 0;
	padding: 0;
	position: absolute;
	height: auto;
	color: #000;
}
.box_recommended03 {
	margin: 0;
	padding: 0;
	width: 48%;
	height: auto;
}
.box_recommended02.txt_w {
	color: #FFF;
}
.title_recommended03 {
	margin: 0px 0 0;
	padding: 0 0 0;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.3;
}
.title_recommended04 {
	margin: 0px 0 0px;
	padding: 10px 0 0px;
	font-size: 1.4rem;
}
.txt_w div.title_recommended03 {
}
.txt_recommended02 {
	margin: 0px;
	padding: 0 0 1em;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8em;
}
.img100 {
	margin: 0 5px;
	width: 100px;
	}
.img200 {
	margin: 0 5px;
	width: 200px;
}
.rec01-01 {
	top: 90%;
	left: 60%;
}
.rec01-02 {
	top: 31%;
	left: 10%;
}
.rec01-03 {
	top: 87%;
	left: 58%;
}
.rec01-04 {
	top: 89%;
	left: 5%;
}
.rec01-05 {
	top: 51%;
	left: 4%;
}
.rec01-06 {
	top: 60%;
	left: 5%;
}
.rec02-01 {
	bottom: 11%;
	left: 68%;
}
.rec02-02 {
	width: 17%;
	bottom: 10%;
	left: 10%;
}
.rec03-01 {
	top: 79.5%;
	left: 8.5%;
}
.rec03-02 {
	top: 78%;
	left: 38.5%;
}
.rec03-03 {
	top: 78%;
	left: 70%;
}
.rec03-04 {
	top: 94%;
	left: 23%;
}
.rec03-05 {
	top: 93.5%;
	left: 54.5%;
}
.rec04-01 {
	top: 73%;
	left: 7.5%;
}
.rec04-02 {
	top: 83.3%;
	left: 7.5%;
}
.rec04-03 {
	top: 95.5%;
	left: 7.5%;
}

.rec04-04 {
	top: 94.0%;
	left:76.0%;
}
.rec05-01 {
	top: 30.5%;
	left: 59%;
}
.rec05-02 {
	top: 43%;
	left: 59%;
}
.rec05-03 {
	top: 13.5%;
	left: 6.5%;
}
.rec05-04 {
	top: 29.5%;
	left: 6.5%;
}
.rec05-05 {
	top: 91.5%;
	left: 68.5%;
}
.rec06-01 {
	top: 25.5%;
	left: 60.5%;
}
.rec06-02 {
	top: 73.5%;
	left: 5%;
}
.rec07-01 {
	top: 67.5%;
	left: 5%;
}
.rec07-02 {
	top: 92.5%;
	left: 5%;
}
.rec08-01 {
	top: 85%;
	left: 7.5%;
}
.rec09-01 {
	top: 59%;
	left: 71.5%;
}
.rec09-02 {
	top: 92.5%;
	left: 71.5%;
}
.rec10-01 {
	top: 38%;
	left: 3%;
}
.rec10-02 {
	top: 77%;
	left: 3%;
}
.rec11-01 {
	top: 89%;
	left: 79%;
}
.rec11-02 {
	top: 89%;
	left: 6%;
}
.rec12-01 {
	top: 38.5%;
	left: 51%;
}
.rec12-02 {
	top: 45%;
	left: 16%;
}
.rec12-03 {
	top: 92.5%;
	left: 6%;
}
.rec12-04 {
	top: 77.5%;
	left: 37%;
}
.rec12-05 {
	top: 94%;
	left: 59.5%;
}
.rec13-01 {
	top: 35.5%;
	left: 6%;
}
.rec14-01 {
	top: 19%;
	left: 4%;
}
.rec14-02 {
	top: 88%;
	left: 77%;
}
.rec15-01 {
	top: 36%;
	left: 30%;
}
.rec15-02 {
	top: 54.5%;
	left: 39.5%;
}
.rec15-03 {
	top: 54.5%;
	left: 13%;
}
.rec16-01 {
	top: 33%;
	left: 7%;
}
.rec16-02 {
	top: 33%;
	left: 74.5%;
}
.rec17-01 {
	top: 67%;
	left: 8%;
}
.rec18-01 {
	top: 89.5%;
	left: 62%;
}
.rec19-01 {
	top: 33%;
	left: 5%;
}
.rec20-01 {
	top: 34%;
	left: 65%;
}
.rec21-01 {
	top: 36%;
	left: 5.5%;
}
.rec22-01 {
	top: 37%;
	left: 8%;
}
.rec23-01 {
	top: 91%;
	left: 6%;
}
.rec24-01 {
	top: 91.5%;
	left: 23%;
}
.rec25-01 {
	top: 89%;
	left: 5%;
}
.rec26-01 {
	top: 89%;
	left: 8%;
}


.box_50 {
	width: 49%;
}
.box_after17 {
	width: 100%;
	position: relative;
}
.title_lipps {
	margin: 0 0 2em;
	padding: 0.5em 1em;
	position: relative;
	background-color: #000;
	width: 90%;
	text-align: center;
	border: solid 1px #FFF;
}
.container_lipps {
	margin: 0;
	padding: 3em 3em;
	width: 85%;
	position: absolute;
	bottom: 4vw;
	left: 11%;
	background-color: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}
.box_title_makeup {
	margin: 50px auto;
	padding: 0;
	width: 90%;
	max-width: 1000px;
}
.title_ocean {
	margin: 0 0 5px;
	padding: 1em 0 5px;
	width: 100%;
	font-size: 1.4rem;
	font-weight: 700;
	border-bottom: solid 1px #FFF;
}
.container_ocean {
	margin: 1px 0 0;
	padding: 0;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.box_ocean {
	margin: 0;
	padding: 0;
	width: 48%;
}
.border_r {
	border-right: solid 1px #000;
}
.container_easy {
	margin: 0;
	padding: 2%;
	width: 100%;
	position: relative;
}
.box_easy {
	margin: 2em auto;
	padding: 0;
	width: 90%;
}
.box_14 {
	margin: 0 2%;
	padding: 0;
	width: 29%;
}
.h1_content {
	margin: 0;
	padding: 0px 0 10px;
	font-size: clamp(3rem, 3vw, 5rem);
	font-weight: 900;
	text-align: center;
	position: relative;
	line-height: 1;
}
.h1_content:after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 5px;
	background-color: #000;
	position: absolute;
	bottom: -8px;
	left: calc(50% - 30px); 
}
#sec_recommended .h1_content:after,#sec_brandlist .h1_content:after {
	background-color: #FFF;
}
.h2_content {
	margin: 0;
	padding: 30px 0 10px;
	font-size: clamp(1.6rem, 1.6vw, 4rem);
	font-weight: 500;
	text-align: center;
}
.read_content {
	margin: 0 auto 10px;
	padding: 0;
	width: 100%;
	/*max-width: 450px;*/
	font-size: 1.1rem;
	line-height: 1.8em;
	text-align: center;
}
.read_sub {
	margin: 0 auto 0px;
	padding: 0;
	width: 100%;
	/*max-width: 450px;*/
	font-size: 1.1rem;
	line-height: 1.8em;
	text-align: center;
}
.container_makeup01 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1000px;
}
.box_makeup01 {
	margin: 0 0 1px;
	padding: 0;
	width: calc(50% - 0.5px);
	position: relative;
	overflow: hidden;
}
.title_makeup {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 1.6rem;
	border-bottom: solid 1px #FFF;
}
.title_makeup span {
	margin: 0;
	padding: 0 0;
	font-size: 1.2rem;
}
.box_makeup01-01 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.box_makeup01-02 {
	margin: 0;
	padding: 0;
	width: 50%;
}
.txt_makeup {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.1rem;
	line-height: 1.8;
}
.txt_makeup img {
	margin: 2em auto;
	display: block;
	width: 100%;
	text-align: center;
}
.icon_ricycle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	right: 20px;
	width: 30px;
}
.icon_ricycle02 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 90px;
	width: 30px;
}
.container_sustainable {
	margin: 0 auto 0;
	padding: 0 2em;
	width: 90%;
	max-width: 1000px;
}
.box_sustainable01 {
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
}
.box_sustainable02 {
	margin: 0;
	padding: 0;
	width: 50%;
}
.box_sustainable03 {
	margin: 0;
	padding: 0;
	width: 50%;
}
@media (min-width: 2000px) {
	.read_content {
		margin: 0 0 50px;
		padding: 0;
		font-size: 1.4rem;
		line-height: 1.8em;
		text-align: center;
	}
}
.cbp {
	margin: 0 auto 1px;
	width: 90%;
	max-width: 1500px;
}
.container_caption01,.container_caption02,.container_caption03 {
	margin: 0 10%;
	padding: 0;
	position: absolute;
	width: 80%;
	height: 100%;
}
.container_caption01 {
	color: #FFF;
}
.container_caption02 {
	color: #000;
}
.caption_name {
	font-size: clamp(1.5rem, 2vw, 4rem);
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
	padding: 0;
	width: 100%;
}
.caption_name span,.cbp-l-inline-subtitle span {
	font-size: 40%;
	display: block;
}
.caption_title {
	font-size: clamp(1.3rem, 1.1vw, 1.9rem);
	font-weight: 700;
	margin: 10px 0;
	width: 100%;
}
.caption_txt {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 2;
}
.cbp-l-caption-title {
  color: #fff;
  font: 500 3rem apertura, heisei-kaku-gothic-std; }

.cbp-l-caption-desc {
  color: #FFF;
  font: 400 1.2rem apertura, heisei-kaku-gothic-std; }

  
.cbp-l-inline-title {
  font: 700 1.6rem apertura, heisei-kaku-gothic-std;
  color: #000;
  position: relative; }
  
.senko:after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 16px;
	background: url(../images/loft_senko.png) no-repeat right center;
	position: relative;
	right: -10px;
	top: 0;
	background-size: contain;
}
.cbp-l-inline-subtitle {
  font: 500 3rem apertura, heisei-kaku-gothic-std;
  color: #000;
  margin-top: 7px;
  margin-bottom: 10px;
  line-height: 1;
   }

.cbp-l-inline-desc {
  font: 400 1.1rem apertura, heisei-kaku-gothic-std;
  color: #474747;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  }
.box_subitem {
	margin: 40px 0;
	padding: 0;
}
.img_subitem {
	width: 30%;
}
.txt_subitem {
	width: 66%;
}
.title_subitem {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000;
}
.caption_subitem {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.1rem;
	font-weight: 500;
	color: #000;
}
/*//////////////////////////
ブランドリスト
//////////////////////////*/

#sec_brandlist {
	width: 100%;
	margin: 0 0 0;
	padding: 0px 0;
}
#sec_brandlist .red_content {
    margin: 0 auto 20px;
}
#sec_brandlist .h1_content {
    margin: 0;
    padding: 0px 0 10px;
}
/*//////////////////////////
バイヤーズトーク
//////////////////////////*/

#sec_buyer {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 0;
	padding: 30px 0;
}
#sec_buyer .red_content {
    margin: 0 auto 20px;
}
.subtitle_buyer {
    margin: -1em 0 1em;
    padding: 10px 0;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.3;
    position: relative;
    text-align: center;
}
.subtitle_buyer span {
    background: linear-gradient(transparent 60%, #fff 60%);
}
.container_buyer01 {
	margin: 0 auto 0px;
	padding: 0;
	width: 90%;
	max-width: 1200px;
}
.container_buyer02 {
	margin: 0 auto 50px;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}
.container_buyer03 {
	margin: 0 auto 50px;
	padding: 0;
	width: 100%;
	max-width: 1000px;
}
.container_taidan {
	margin: 1em 0;
	padding: 0;
	width: 100%;
}
.title_taidan {
	margin: 0;
	padding: 0 0 0.5em;
	font-size: 2rem;
	font-weight: 700;
	width: 100%;
}
.box_taidan {
	margin: 0;
	padding: 0;
	width: 49%;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.8;
}
.box_taidan span {
	color: #F18F57;
}
.box_buyer01 {
	margin: 0;
	padding: 0;
	width: 25%;
}
.box_buyer02 {
	margin: 0;
	padding: 0;
	width: 18%;
}
.name_buyer {
	margin: 0;
	padding: 0 0 5px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
}
.txt_content01 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
}
.txt_content02 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.5;
}
.txt_content03 {
	margin: 10px 0 0;
	padding: 10px 0 10px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.8;
	border-top: solid 1px #006393;
}
.box_buyer03 {
	margin: 50px 0;
	padding: 0;
	width: 100%;
}
.container_buyer02 .art_buyer01 {
	margin: 0 2%;
	padding: 0;
	width: 29%;
}
.txt_btn {
	font-size: 1rem;
	color: #000;
}
.container_buyer03 .art_buyer01 {
	margin: 0 2%;
	padding: 0;
	width: 20%;
}
.b_name_buyer {
	margin: 0 0 1em;
	padding: 0.5em;
	font-size: 1.6rem;
	font-weight: 500;
	color: #FFF;
	line-height: 1.2;
	background-color: #006393;
	border-radius: 50px;
	text-align: center;
}
.b_name_buyer span {
	font-size: 40%;
	font-weight: 300;
	display: block;
}
.title_buyer {
	margin: 0 0 1em;
	padding: 2em 2em;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.3;
	background-color: #FFF;
	border-radius: 10px;
}
.txt_buyer01 {
	font-size: 1.5rem;
	padding: 0;
	margin-bottom: 5px;
	border: solid 1px #000;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: fit-content;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.img_buyer {
	margin: 0 0 1em;
}
/*//////////////////////////
マスターオブビューティー
//////////////////////////*/
.container_interview {
	margin: 3em auto 1em;
	padding: 0;
	width: 90%;
	max-width: 700px;
}
.container_interview .cell_master02 {
    margin: 0;
    padding: 2em 2em;
    background-color: #FFF;
    border-radius: 10px;
    color: #006393;
    text-align: center;
    position: relative;
    width: 250px;
}
.container_interview .cell_master02:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1.7em;
    background: url(../images/txt_beautycare.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    top: -0.8em;
    left: 0;
}
.box_master06 {
    margin: 0;
    padding: 0;
    width: calc(95% - 250px);
    text-align: left;
}
.box_master07 {
    margin: 0 auto;
    padding: 0;
    width: 90%;
    max-width: 700px;
}
#sec_master {
	width: 90%;
	margin: 0 auto 0;
	padding: 60px 0 0;
	max-width: 1000px;
}
.art_master01 {
	margin: 0 auto 5em;
	padding: 0;
	width: 100%;
}
.art_master02 {
	margin: 0 auto 5em;
	padding: 0;
	width: 100%;
	max-width: 800px;
}
.box_master01 {
	margin: 0;
	padding: 0;
	width: 55%;
}
.box_master02 {
	margin: 0;
	padding: 0;
	width: 40%;
	text-align: left;
}
.box_master03 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.box_master04,.box_master05 {
	margin: 0;
	padding: 0;
	width: 100%;
}
.box_master04 div.cell_master01 {
	width: 32%;
}
.box_master05 div.cell_master01 {
	width: 30%;
}
.title_lovecosme {
	margin: 2em auto 0;
  padding: 0;
  font-size: 2.5rem;
  color: #F18F57;
  font-weight: 700;
  text-align: center;
  border-top: solid 1px #F18F57;
  width: 100%;
}
.title_lovecosme span {
  position: relative;
  top: -0.8em;
  background-color: #E7EAE3;
  padding: 0 20px;
}
.title_lovecosme02 {
	margin: -1.5em 0 1.5em;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 700;
  color: #F18F57;
  text-align: center;
  width: 100%;
}
.cell_master01 {
	margin: 0;
	padding: 0;
  color: #F18F57;
  text-align: left;
}
.box_master04 .cell_master02 {
	margin: 0;
	padding: 1.5em 1.5em;
	background-color: #FFF;
	border-radius: 10px;
  color: #006393;
  text-align: center;
  position: relative;
}
.box_master04 .cell_master02:before {
	content: "";
	display: inline-block;
	width: 90%;
	height: 2em;
	background: url(../images/txt_beautycare.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	top: -0.5em;
	left: 5%;
}
.box_master02 .cell_master02 {
	margin: 0;
	padding: 2em 2em;
	background-color: #FFF;
	border-radius: 10px;
  color: #006393;
  text-align: center;
  position: relative;
}
.box_master02 .cell_master02:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1.7em;
	background: url(../images/txt_beautycare.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	top: -0.8em;
	left: 0;
}
.post_master {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
}
.name_master {
	margin: 0;
	padding: 0 0 1em;
	font-size: 3rem;
	font-size: clamp(1.6rem, 2.5vw, 2.6rem);

	font-weight: 700;
	line-height: 1;
}
.name_master span {
	font-size: 50%;
}
.profile_master {
	margin: 0 0 0px;
	padding: 0 0 0px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
}
.caption_master {
	margin: 0 0 20px;
	padding: 0 0 20px;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.8;
}
.txt_master01 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 2rem;
	font-family: apertura, sans-serif;
	font-weight: 400;
	font-style: italic;
	color: #43BCC5;
}
.title_master {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
}
.sub_master {
	margin: 0;
	padding: 0.5em 0 1em;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
}
.txt_master {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.5;
}
.title_master02 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	text-indent: 0px;
}
.txt_master02 {
	margin: 0 0 10px;
	padding: 2em;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.8;
	position: relative;
}
.txt_master02:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../images/icon_kakko01.png) no-repeat left top;
	position: absolute;
	left: 0px;
	top: 0;
	background-size: contain;
}
.txt_master02:after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../images/icon_kakko02.png) no-repeat right bottom;
	position: absolute;
	right: 0px;
	bottom: 0;
	background-size: contain;
}
/*//////////////////////////
ガールズマインド
//////////////////////////*/

#sec_girls {
	width: 90%;
	margin: 0 auto 0;
	padding: 0px 0;
	position: relative;
	max-width: 1000px;
}
.img_beauty {
	margin: 0;
	padding: 0;
	width: 60%;
}
.container_girl01 {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 30vw;
}
.container_girl02 {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 35%;
}
.container_girl03 {
	margin: 0 auto;
	padding: 2em;
	text-align: left;
	width: 100%;
	max-width: 1200px;
}
#sec_girls .h1_content {
	text-align: right;
}
#sec_girls .h1_content:after {
   display: none;
}
#sec_girls .h2_content {
	text-align: right;
	padding-top: 0;
}
#sec_girls .read_content {
	text-align: right;
	width: 100%;
}
.title_girl01 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
}
.title_girl02 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
}
.title_girl02 span {
	font-size: 70%;
}
.txt_girl01 {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 1.2rem;
	font-weight: 300;
}
.txt_girl01 img {
	float: right;
	width: 50%;
	padding-left: 10px;
}
.txt_girl02 {
	clear: both;
	font-size: 1.1rem;
	text-align: center;
	padding: 10px 0px 0;
}
/*//////////////////////////
フッターショップ
//////////////////////////*/
#f-shop {
	margin: 0 auto;
	padding: 0px 0;
	width: 90%;
	max-width: 1000px;
}
.box_fshop01 {
	margin: 0 auto 20px;
	padding: 0;
	width: 49%;
	max-width: 400px;
	order: 2;
}
.box_fshop02 {
	margin: 0 auto 20px;
	padding: 0;
	width: 49%;
	max-width: 400px;
	order: 1;
}
.title_footer {
	margin: 0 0 2em;
	padding: 0.5em 1em;
	width: 100%;
	background-color: #000;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
#f-shop .box_fest02-02 {
	margin: 0 auto 10px;
	padding: 0;
	width: 100%;
	max-width: 400px;
	text-align: center;
}
#f-shop .box_fest02-03 {
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	max-width: 500px;
}
#f-shop .box_shop01 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.container_fshop01 {
	margin: 50px auto;
	padding: 30px 0;
	width: 100%;
	max-width: 500px;
	border-bottom: solid 3px #707070;
	border-top: solid 3px #707070;
}
.box_fshop03 {
	margin: 0;
	padding: 0;
	width: calc(100% - 150px);
}
.box_fshop05 {
	margin: 0;
	padding: 0;
	width: 110px;
}
.txt_fshop01 {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1.3;
	text-align: center;
}
.txt_fshop01 span {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.3;
	display: block;
}
.title_fhop01 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
}
.title_fhop01:before {
	content: "";
	display: inline-block;
	background: url(../images/icon_check.png) no-repeat left center;
	width: 20px;
	height: 16px;
	background-size: contain;
	position: relative;
	top: 3px;
	padding-right: 25px;
}
.txt_fshop02 {
	margin: 0;
	padding: 0 0 20px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.3;
}
.box_fshop04 {
	margin: 30px auto;
	padding: 0;
	width: 80%;
	max-width: 200px;
	text-align: center;
	font-size: 1rem;
}
.box_fshop04 a {
	display: inline-block;
	margin: 5px 0;
	color: #000;
	text-decoration: none;
}
.box_qr {
	border: solid 1px #707070;
}
/*//////////////////////////
フッター
//////////////////////////*/
footer {
	margin: 0;
	padding: 2em 0;
	width: 100%;
	background-color: #C7C0DF;
	text-align: center;
}
.copy {
	font-size: 1rem;
	color: #FFF;
}
#page_top {
    width: 30px;
    height: 30px;
    position: fixed;
    right: 10px;
    bottom: -50px;
    background: #FACB37;
    opacity: 0.6;
    border-radius: 100%;
    z-index: 10000;
}
#page_top a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    text-decoration: none;
}
#page_top a::before {
    font-family: 'Material Icons';
    font-weight: 900;
    content: '\e5ce';
    font-size: 22px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 2px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}
/*//////////////////////////
ボタン
//////////////////////////*/
.box_btn {
	background-color: #F18F57;
	width: 150px;
	height: 29px;
  line-height: 30px;
	z-index: 0;
	font-size: 1.1rem;
	text-align: center;
	border-radius: 50px;
}
.art_buyer01 .box_btn {
	margin-bottom: 10px;
}
.btn-0 {
	color: #FFF;
	position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 1em;
  text-transform: uppercase;
  transition: 0.5s ease-in-out;
  z-index: 100;
  text-decoration: none;
	border-radius: 50px;
}
.btn-0:hover {
  background-color: #006393;
}
.btn-0:hover:before {
    transform: translateX(0);
}
.art_buyer01 .box_btn {
	width: 100%;
	height: 35px;
	line-height: 35px;
}


.btn-1 {
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 50px;
}
.btn-1 a {
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	background-color: #FFF500;
	color: #000;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.btn-1 a:hover {
	background-color: #ffe600;
  	-webkit-transition: all .3s;
  	-moz-transition: all .3s;
  	-o-transition: all .3s;
  	-ms-transition: all .3s;
  
}
.btn_item {
	margin-top: 0px;
}
.btn_item a::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.btn_item a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.btn_item a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(65deg 100% 52%);
  z-index: -1;
  transition: transform .3s ease;
}
.btn_item a:hover {
	color: #000;
  transition: transform .3s ease;
}

.btn_item a {
  position: relative;
  font-size: 1.1rem;
  padding: 10px 10px 5px;
  width: 100%;
  display: inline-block;
}
@media (orientation: landscape) {
  body {
    grid-auto-flow: column;
  }
}
/*//////////////////////////
レスポンシブ
//////////////////////////*/
@media (max-width: 1200px) {
	.txt_girl01 {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 1rem;
    font-weight: 300;
	}
	#read br {
		display: none;
	}
	.caption_title {
    font-size: clamp(1rem, 1.1vw, 1.9rem);
    font-weight: 700;
    margin: 5px 0;
    width: 100%;
	}
	.caption_txt {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
	}
	.caption_title br {
		display: none;
	}
	.container_caption01 {
    margin: 0 5%;
    width: 90%;
    display: none;
	}
	.container_girl03 {
    bottom: 4vw;
    right: 5vw;
	}
		.title_catch {
    font-size: 1.4rem;
	}


}
@media (max-width: 1000px) {
	
	.rec05 {
    top: 4%;
    left: 5%;
    width: 60%;
	}
	.title_recommended02 {
    padding: 1em 1.5em 0.5em;
    font-size: 1.6rem;
	}
	.txt_recommended01 {
    padding: 2em 3em 2em;
	}
	.box_u1000 {
		margin: 0 2%;
		width: 29%;
	}
	.box_btn {
    width: 120px;
    font-size: 1rem;
	}
	.title_catch {
    font-size: 1.2rem;
	}
	
}
@media (max-width: 900px) {
	nav a {
    position: relative;
    display: inline-block;
    margin: 15px 5px;
    font-size: 1rem;
	}
	#title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 3.3rem;
	}
	.box_shop02 {
    font-size: 1rem;
	}
	.container_girl01 {
    top: 3vw;
    right: 5vw;
    width: 40vw;
	}
	.img_beauty {
    margin: 0;
    padding: 0;
    width: 50%;
	}
	.container_girl02 {
    width: 46%;
	}
	.container_girl03 {
    margin: 5% auto;
    padding: 2em;
	}
	.txt_content02 {
    line-height: 1.6;
	}
	.txt_girl01 img {
    width: 40%;
	}
	.title_girl02 {
    font-size: 1.6rem;
	}
	.box_fest02-01 {
    font-size: 2.5rem;
    font-size: clamp(1.6rem, 2.5vw, 3rem);
	}
	.box_fest02-02 {
    font-size: 2rem;
    font-size: clamp(1.4rem, 2vw, 3rem);
	}
	.b_name_buyer {
    font-size: 1.3rem;
	}
	.box_master05 div.cell_master01 {
    width: 32%;
	}
	.icon_ricycle02 {
    top: 8px;
    left: 64px;
    width: 30px;
	}
}
@media (max-width: 750px) {
	#container_title {
    width: 38vw;
	}
	#popup {
    width: 16vw;
    top: -31vw;
    left: 27vw;
	}
	#read {
    margin: 0;
    padding: 0 0 10px 10vw;
	}
	.container_shop02 {
    margin: 0 auto 20px;
    padding: 0;
	}
	.box_shop03 {
    width: 50%;
	}
	.box_shop02 {
    width: 49%;
	}
	.box_shop01 {
    width: 49%;
	}
	.box_shop04 {
    width: 49%;
	}
	.box_shop05 {
    width: 49%;
	}
	nav a {
    margin: 10px 0px;
    font-size: 1rem;
	}
	#container_fest {
    padding: 0 0 50px;
    width: 90%;
	}
	.container_shop01 {
    padding: 0 0 50px;
    width: 90%;
	}
	.container_girl02 {
    top: 33%;
    right: 8%;
	}
	#sec_buyer {
    padding: 30px 0;
	}
	.name_master {
    font-size: 2.3rem;
	}
	.title_recommended02 {
    padding: 1em 1.5em 0.5em;
    font-size: 1.4rem;
    font-weight: 700;
	}
	.u750 {
		padding: 2em 2% 0;
		position: relative;
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
		justify-content: center;
		width: 100%;
		order: 2;
	}
	.box_28 .box_recommended02 {
		margin: 2em auto;
		display: flex;
		justify-content: center;
		color: #FFF;
	}
	#sec_recommended {
    padding: 0px 0 0;
	}
	.box_sustainable02,.box_sustainable03 {
    margin: 0 auto;
    padding: 0;
    width: 80%;
	}
	.title_recommended03 {
    width: 100%;
	}
	.box_02 {
    margin: 0 2%;
    padding: 0;
    width: 46%;
	}
	.box_28 {
		margin: 0 auto;
		padding: 0;
		width: 46%;
		color: #FFF;
	}
	.box_master01 {
    width: 50%;
	}
	.box_master02 {
    width: 45%;
	}
	.box_btn {
		padding: 0;
    width: auto;
    height: 24px;
    line-height: 23px;
    font-size: 1rem;
    text-align: center;
    border-radius: 50px;
	}
	.icon_ricycle02 {
    top: 8px;
    left: 25px;
	}
	.box_buyer01 {
    width: 30%;
	}
	.box_buyer02 {
    width: 26%;
	}
	.name_buyer {
    padding: 1em 0 5px;
    font-size: 1.3rem;
	}
}
@media (max-width: 665px) {
	.u_665 {
		display: inline-block!important;
	}
	.cbp-caption-activeWrap {
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	}
	.cbp-l-caption-desc {
    color: #FFF;
    font: 400 1rem apertura, heisei-kaku-gothic-std;
	}
	.cbp-l-caption-title {
    color: #fff;
    font: 500 2rem apertura, heisei-kaku-gothic-std;
	}
	.container_caption02 {
    display: none;
	}
	.item_caption {
		display: none;
	}
	.container_girl02 {
    margin: 20px auto;
    padding: 0;
    text-align: left;
    position: relative;
    top: 0;
    right: 0;
    width: 90%;
	}
		#read02 br {
		display: none;
	}
	.container_buyer03 .art_buyer01 {
    margin: 0 4%;
    padding: 0;
    width: 34%;
	}
	.img_beauty {
    margin: 0;
    padding: 0;
    width: 100%;
	}
	#sec_master {
    margin: 0 auto 0;
    padding: 0;
	}
	.box_master04 div.cell_master01, .box_master04 div.cell_master02 {
    width: 24%;
	}
	.box_buyer01 {
    width: 30%;
	}
	.box_buyer01 {
    width: 25%;
	}
	.b_name_buyer {
    font-size: 1rem;
	}
	#f-shop .box_fest02-03 {
		font-size: 1.2rem;
	}
	.art_buyer01 .box_btn {
    height: 30px;
    line-height: 29px;
	}
	.type02 .title_recommended01 {
    padding: 1.5em 0.5em 1em;
    font-size: 2rem;
	}
	.num_recommended {
    font-size: 1.7rem;
	}
	.box_btn {
    width: 180px;
    height: 30px;
    background: none;
    text-indent: -9999px;
	}
	.box_btn a:hover {
		background: none;
	}

	.box_easy .box_btn,.art_buyer01 .box_btn {
    width: 100%;
    height: 30px;
    line-height: 29px;
    background-color: #F18F57;
    text-indent: 0px;
	}
	.box_easy .box_btn a:hover,.art_buyer01 .box_btn a:hover {
    background-color: #006393;
	}
	.rec01-01 {
    top: 83%;
    left: 60%;
	}
	.rec01-02 {
    top: 29%;
    left: 8%;
	}
	.rec01-03 {
    top: 73%;
    left: 58%;
	}
	.rec01-05 {
    top: 58%;
    left: 4%;
	}
	.rec01-06 {
    top: 73%;
    left: 5%;
	}
	.rec03-01 {
    top: 77.5%;
    left: 3.5%;
	}
	.rec03-02 {
    top: 76%;
    left: 37.5%;
	}
	.rec03-03 {
    top: 76%;
    left: 70%;
	}
	.rec03-04 {
    top: 94%;
    left: 15%;
	}
	.rec04-01 {
    top: 70%;
    left: 7.5%;
	}
	.rec04-02 {
    top: 81.3%;
    left: 7.5%;
	}
	
	.rec05-03 {
    top: 11.5%;
    left: 3.5%;
	}
	.rec05-04 {
    top: 30.5%;
    left: 3.5%;
	}
	.rec05-01 {
    top: 29.5%;
    left: 55%;
	}
	.rec05-02 {
    top: 44%;
    left: 59%;
	}
	.rec06-01 {
    top: 24.5%;
    left: 56.5%;
	}
	.rec06-02 {
    top: 80.5%;
    left: 3%;
	}
	.rec07-01 {
    top: 64.5%;
    left: 2%;
	}
	.rec07-02 {
    top: 91.5%;
    left: 3%;
	}
	.rec08-01 {
    top: 85%;
    left: 4.5%;
	}
	.rec10-01 {
    top: 42%;
    left: 3%;
	}
	.rec10-02 {
    top: 81%;
    left: 3%;
	}
	.rec11-01 {
    top: 86%;
    left: 76%;
	}
	.rec12-02 {
    top: 43%;
    left: 10%;
	}
	.rec12-01 {
    top: 33.5%;
    left: 48%;
	}
	.rec12-04 {
    top: 78.5%;
    left: 34%;
	}
	.rec12-05 {
    top: 93%;
    left: 56.5%;
	}
	.rec13-01 {
    top: 32.5%;
    left: 5%;
	}
	.rec14-01 {
    top: 14%;
    left: 4%;
	}
	.rec14-02 {
    top: 88%;
    left: 73%;
	}
	.rec15-01 {
    top: 40%;
    left: 30%;
	}
	.rec15-03 {
    top: 58.5%;
    left: 7%;
	}
	.rec15-02 {
    top: 59.5%;
    left: 38.5%;
	}
	.rec16-01 {
    top: 31%;
    left: 4%;
	}
	.rec16-02 {
    top: 31%;
    left: 72.5%;
	}
	.rec17-01 {
    top: 69%;
    left: 2%;
	}
	.rec18-01 {
    top: 85.5%;
    left: 56%;
	}
	.rec19-01 {
    top: 35%;
    left: 3%;
	}
	.rec20-01 {
    top: 41%;
    left: 65%;
	}
	.rec22-01 {
    top: 37%;
    left: 4%;
	}
	.rec24-01 {
    top: 89.5%;
    left: 19%;
	}
	.rec25-01 {
    top: 79%;
    left: 4%;
	}
	.rec26-01 {
    top: 89%;
    left: 2%;
	}
	.icon_ricycle02 {
    top: 8px;
    left: -1px;
	}
	.subtitle_buyer {
    font-size: 2rem;
	}
}
@media (max-width: 480px) {
	.cbp-caption-activeWrap {
		background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	}
	.cbp-l-caption-desc {
    font: 400 1rem apertura, heisei-kaku-gothic-std;
	}
	.cbp-l-caption-title {
    font: 500 1.6rem apertura, heisei-kaku-gothic-std;
	}
	.container_caption01, .container_caption02 {
    margin: 0 5%;
    width: 90%;
    display: none;
	}
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
	.box_master01 {
    margin: 0 auto 20px;
    width: 80%;
	}
	.box_master02 {
    width: 100%;
	}
	#container_fest {
    top: 150vw;
    right: 5vw;
    width: 90%;
	}
	.box_fest01 {
    width: 60%;
    margin: 0 auto 20px;
	}
	.box_fest02 {
    width: 100%;
	}
	.box_buyer01 {
    margin: 0 0 2em;
    padding: 0;
    width: 41%;
	}
	.container_buyer02 .art_buyer01 {
    margin: 0 2% 2em;
    padding: 0;
    width: 80%;
	}
	.img_buyer_sp {
		margin: 0 auto 1em;
		text-align: center;
		width: auto;
		height: auto;
	} 
	.img_buyer_sp img {
		height: 150px;
		width: auto;
		max-width: 150px;
	}
	.box_buyer02 {
		margin: 0 auto;
		width: 200px;
	}
	.box_buyer03 {
    margin: 10px 0;
    padding: 0;
    width: 100%;
	}
	.sec_title.barcode_b:before,.sec_title.barcode_w:before {
    width: 33px;
    height: 123px;
	}
	.title_catch {
    font-size: 1.2rem;
	}
	.title_catch02 {
    font-size: 1rem;
	}
	.title_catch br {
    display: none;
	}
	.container_easy {
    margin: 0;
    padding: 2em 0;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}
	.box_ocean {
    margin: 0;
    padding: 0;
    width: 100%;
	}
	.box_u1000 {
    margin: 0 2%;
    width: 46%;
	}
	.box_50 {
    width: 100%;
    margin-bottom: 2em;
	}
	.img100 {
    margin: 0 5px;
    padding: 2em;
    width: 100%;
	}
	.box_makeup01-02 {
    margin: 0;
    padding: 0;
    width: 100%;
	}
	.container_recommended {
    margin: 0 auto 0px;
	}
	.u750 {
		padding: 2em 2% 0;
		position: relative;
		-js-display: flex;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		order: 2;
	}
	.container_sustainable {
    margin: 0 auto 50px;
    padding: 1em;
    width: 90%;
	}
	.box_sustainable02, .box_sustainable03 {
    margin: 0 auto;
    padding: 0;
    width: 94%;
	}
		.box_fshop03 {
    margin: 0;
    padding: 0;
    width: 100%;
	}
	.container_makeup01 {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	}
	header {
    margin: 0;
    padding: 2px 10px 10px;
	}
	.container_sustainable .sec_title.barcode_b:before {
    width: 28px;
    height: 99px;
	}
	.icon_ricycle02 {
    top: 0;
    right: 10px;
    width: 22px;
	}
	.box_shop02 br {
		display: none;
	}
	.box_shop04 {
    width: 80%;
	}
	.box_shop05 {
    width: 80%;
    margin-bottom: 10px;
	}
	.box_master04 div.cell_master01, .box_master04 div.cell_master02 {
    width: 48%;
    margin-bottom: 2em;
	}
	.title_sub {
    font-size: clamp(1.5rem, 1.8vw, 3rem);
	}
	nav a {
    margin: 4px 0px;
    font-size: 1rem;
	}
	nav {
    padding: 6px 0;
	}
	.title_master {
    font-size: 1.3rem;
	}
	.box_makeup01 {
    /*width: 100%;*/
	}
	.title_recommended01 {
    margin: 0 auto;
    padding: 1em 0.5em;
    font-size: 2rem;
    width: 80%;
    border-right: none;
    border-bottom: solid 1px #000;
	}
	.txt_recommended01 {
    font-size: 1.2rem;
    width: 100%;
	}
	.box_recommended03 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
	}
	.art_master02 {
    width: 90%;
	}
	.auger01 {
		order: 0;
	}
	.auger02 {
		order: 1;
	}
	.auger03 {
		order: 2;
	}
	.auger04 {
		order: 3;
	}
	.box_easy .box_btn {
    height: 25px;
    line-height: 24px;
	}
	.subtitle_buyer {
    font-size: 1.5rem;
	}
	#sec_header {
    margin: 1em 0px;
	}
	.box_fest02-01 {
    font-size: 2rem;
    font-size: clamp(2rem, 2.5vw, 3rem);
    text-align: center;
	}
	.box_fest02-02 {
    font-size: 2rem;
    font-size: clamp(1.6rem, 2vw, 3rem);
	}
	.box_fest02-03 {
    font-size: 1.2rem;
	}
	.txt_shop03 {
    font-size: 1.6rem;
    text-align: center;
    padding: 0 0 1em;
	}
	.txt_shop04 {
    font-size: 1rem;
    line-height: 1.5em;
    width: auto;
    text-align: center;
    margin: 0 auto 1em;
	}
	.box_shop_qr {
    margin: 0 auto 10px;
    width: 30%;
	}
	.box_shop01 {
    margin: 0 auto 20px;
    padding: 0;
    width: 80%;
    order: 1;
	}
	.box_shop02 {
    margin: 0 auto 20px;
    padding: 0 0 0;
    width: 80%;
    order: 2;
	}
	.box_master05 div.cell_master01 {
    width: 100%;
    margin-bottom: 1.5em;
	}
	.txt_master {
    font-size: 1.1rem;
	}
	.sub_master {
    padding: 0.5em 0 0.5em;
	}
	.art_master01, .art_master02 {
		margin: 0 auto 0;
    padding: 1em;
	}
	.box_taidan {
    margin: 1em auto;
    width: 80%;
    font-size: 1.1rem;
	}
	.title_taidan {
    font-size: 1.6rem;
    text-align: center;
	}
	.b_name_buyer {
    padding: 1em;
    font-size: 1.4rem;
    border-radius: 0px;
	}
	.container_buyer02 {
    margin: 0 auto 0;
	}
	.box_fshop02 {
    margin: 0 auto 20px;
    padding: 0 0%;
    width: 90%;
	}
	.box_master06 {
    width: 100%;
	}
	.container_interview .cell_master02 {
    width: 100%;
	}





}
@media (max-width: 414px) {
	header img {
    width: 37%;
	}
	#catch br {
		display: none;
	}
	#container_title {
    margin: 0;
    padding: 0;
	}
	#catch {
    margin: 0;
    padding: 0px 0 10px 40%;
    width: 100%;
	}
	#container_fest {
    top: 150vw;
    right: 5vw;
    width: 90%;
	}
	#read {
    margin: 0;
    padding: 0 0 10px 30%;
    line-height: 1.5;
	}
	.box_fest01 {
    width: 60%;
    margin: 0 auto 20px;
	}
	.box_fest02 {
    width: 100%;
	}
	nav a {
    position: relative;
    display: inline-block;
    margin: 5px 0px;
    outline: none;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 500;
    text-shadow: 0 0 1px rgb(255 255 255 / 30%);
    font-size: 1rem;
	}
	nav {
    margin: 0;
    padding: 5px 0;
	}
	#sec_shop {
    margin: 0 auto;
    padding: 20px 0;
	}
	.box_shop02 {
    margin: 0 20px 20px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5em;
	}
	.box_shop03 {
    margin: 0 20px 0px;
    width: 100%;
	}
	.box_shop04 {
    margin: 0 20px 20px;
    width: 100%;
	}
	.box_shop05 {
    margin: 0 20px;
    padding: 0;
    width: 90%;
	}
	.box_shop06 {
    margin: 0 auto;
    padding: 10px;
    width: 90%;
    font-size: 1.2rem;
	}
	#sec_recommended {
    padding: 20px 0;
	}
	#sec_buyer {
    padding: 10px 0;
	}
	.read_content {
    margin: 0 auto 30px;
    font-size: 1rem;
    line-height: 1.5em;
	}
	.container_buyer01 {
    width: 95%;
	}
	.box_buyer01 {
    width: 55%;
	}
	.box_buyer02 {
    width: 50%;
	}
	#sec_master {
    padding: 20px 0;
	}
	.box_master01 {
    margin: 0 auto 20px;
    width: 80%;
	}
	.box_master02 {
    width: 100%;
	}
	.txt_master02 {
    font-size: 1rem;
	}
	.container_girl01 {
    top: -3vw;
    right: 5vw;
    width: 38vw;
	}
	.h2_content {
    margin: 0;
    padding: 30px 0 10px;
    font-size: clamp(1rem, 1.6vw, 4rem);
    font-weight: 700;
    text-align: center;
	}
	.container_girl02 {
    margin: 20px auto;
    padding: 0;
    text-align: left;
    position: relative;
    top: 0;
    right: 0;
    width: 90%;
	}
	.container_girl03 {
    margin: 0 auto;
    padding: 2em;
    text-align: left;
    position: relative;
    top: 0;
    right: 0;
    width: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
	}
	#f-shop .box_shop01 {
    width: 100%;
	}
	.box_fshop02 {
    margin: 0 auto 20px;
    padding: 0 0%;
    width: 80%;
	}
	.txt_shop02 {
    font-size: 1.2rem;
	}
	#f-shop .box_fest02-03 br {
    display: none;
	}
	.item_caption {
		/*display: none;*/
	}
	#title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 3rem;
	}
	.box_14 {
    margin: 0 2%;
    padding: 0;
    width: 46%;
	}
	header {
    margin: 0;
    padding: 7px 10px 10px;
	}
	.sec_title.barcode_b:before, .sec_title.barcode_w:before {
    width: 27px;
    height: 100px;
	}
	.box_master04 div.cell_master01 {
    width: 100%;
    margin-bottom: 2em;
	}
	.box_master04 div.cell_master02 {
    width: 80%;
    margin: 0 auto 2em;
	}
	.box_fshop01 {
    width: 60%;
	}
	.box_fshop05 {
    width: 90px;
	}
	.txt_fshop01 {
    font-size: 1.2rem;
	}
	.box_fshop03 {
    width: calc(100% - 100px);
	}
	.title_fhop01 {
    font-size: 1.4rem;
	}
	.txt_fshop02 {
    font-size: 1rem;
	}

}
@media (max-width: 375px) {
	#title {
    font-size: 2.6rem;
	}
}
@media (max-width: 320px) {
}

@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  #title {
    font-size:4vw;
  }
  #catch {
	  font-size: 2vw;
  }
  #read {
	  font-size: 1vw;
  }
  #read02 {
	  font-size: 1vw;
  }
  .box_fest02-01 {
	  font-size: 2vw;
  }
  .box_fest02-02 {
	  font-size: 2vw;
  }
  .title_shop {
	  font-size: 2vw;
  }
  .txt_shop03 {
	  font-size: 1.5vw;
  }
  .h1_content {
	  font-size: 3vw;
  }
  .h2_content {
	  font-size: 1.8vw;
  }
  .caption_name {
	  font-size: 2vw;
  }
  .caption_title {
	  font-size: 1.3vw;
  }
  .b_name_buyer {
	  font-size: 1.6vw;
  }
  .title_girl01 {
	  font-size: 1.6vw;
  }
}