@charset "utf-8";
body {
 min-width: 1180px;
}
.title_area {
 height: 270px;
 padding: 30px 0 0 0;
}
.title_area.products01 {
 background: url(../images/main01.jpg) no-repeat center center;
}
.title_area.products02 {
 background: url(../images/main02.jpg) no-repeat center center;
}
.title_area.products03 {
 background: url(../images/main03.jpg) no-repeat center center;
}
.title_area.products04 {
 background: url(../images/main04.jpg) no-repeat center center;
}
.title_area.products05 {
 background: url(../images/main05.jpg) no-repeat center center;
}
.title_area.products06 {
 background: url(../images/main06.jpg) no-repeat center center;
}
.title_area.products07 {
 background: url(../images/main07.jpg) no-repeat center center;
 padding: 60px 0 0 0;
 height: 240px;
}
.title_area.products08 {
 background: url(../images/main08.jpg) no-repeat center center;
 padding: 100px 0 0 0;
 height: 200px;
}
.title_area.products09 {
 background: url(../images/main09.jpg) no-repeat center center;
}
.title_area h1 {
 padding: 0;
 max-width: 1180px;
 margin: 0 auto;
 text-align: left;
}
.title_area.products03 h1 {
 text-align: right;
}

.catch {
 text-align: center;
 font-weight: normal;
 font-size: 23px;
 border-bottom: 1px solid #d1d1d1;
 letter-spacing: 0.1em;
 max-width: 1180px;
 min-width: 980px;
 padding: 0 22px 50px 22px;
 margin:45px auto 0 auto;
}
.catch02 {
 font-size: 30px;
 border-bottom: 1px solid #d1d1d1;
 position: relative;
}
.catch02 span {
 position: absolute;
 right: 0;
 bottom: 5px;
 font-size: 12px;
 letter-spacing: 0;
}
.catch02 em {
 font-size: 12px;
 font-style: normal;
}

.catch02 span {
 position: absolute;
 right: 0;
 bottom: 5px;
 font-size: 12px;
 letter-spacing: 0;
}
.catch02 em {
 font-size: 12px;
 font-style: normal;
}
.catch11 {
 border-bottom: 1px solid #d1d1d1;
	line-height: 1;
}

.products_txt span {
 font-size: 12px;
 letter-spacing: 0;
 display: block;
 line-height: 1.7;
 margin: 5px 0 0 0;
}

.products_txt em {
 font-size: 12px;
 font-style: normal;
}
.mt10 {
 margin-top: 10px;
}

.products_title {
 color: #ee4d83;
 font-size: 40px;
 font-weight: bold;
 line-height: 1;
 text-align: center;
 letter-spacing: 0;
 padding:50px 0 5px 0;
}
.products_title.color {
 padding-top: 40px;
}
.products_title_txt {
 text-align: center;
 color: #ee4d83;
 font-size: 16px;
}
.products_title02 {
 color: #ef7e46;
}
.products_title_txt02 {
 color: #ef7e46;
}
.products_title03 {
 color: #303a8e;
}
.products_title_txt03 {
 color: #303a8e;
}
.products_title07 {
 color: #945f43;
}
.products_title_txt07 {
 color: #945f43;
}
.products_title08 {
 color: #e7198a;
}
.products_title_txt08 {
 color: #e7198a;
}
.products_title10 {
 color: #8e6faf;
}
.products_title_txt10 {
 color: #8e6faf;
}
.products_title11 {
 color: #333333;
	font-weight: normal;
}
.products_title_txt11 {
 color: #333333;
	margin-bottom: 40px;
}

.swiper-button-prev.swiper-button-white {
 z-index: 2;
 background-image: url(../images/left.png);
 left: 22px;
}
.swiper-button-next.swiper-button-white {
 z-index: 2;
 background-image: url(../images/right.png);
 right: 22px;
}
.bx-controls a {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	display: block;
	text-indent: -9999px;
}
.bx-prev {
	z-index: 2;
 left: 22px;
}
.bx-next {
	z-index: 2;
 right: 22px;
}
.slider02 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left02.png);
}
.slider02 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right02.png);
}
.slider03 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left03.png);
}
.slider03 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right03.png);
}
.slider05 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left05.png);
}
.slider05 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right05.png);
}
.slider06 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left06.png);
}
.slider06 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right06.png);
}	
.slider10 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left10.png);
}
.slider10 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right10.png);
}
.slider11.swiper-container {
	margin-bottom: 80px;
}
.slider11 .swiper-button-prev.swiper-button-white {
 background-image: url(../images/left11.png);
}
.slider11 .swiper-button-next.swiper-button-white {
 background-image: url(../images/right11.png);
}
.swiper-container{
 max-width: 1180px;
 margin: 0 auto;
}
.swiper-container .swiper-slide {
 position: relative;
 background-color: #FFF;
}
.swiper_details {
 position: absolute;
 right: 7%;
 top: 65px;
 width: 345px;
}
.slider10_details {
	width: 426px;
	top: 135px;
}
.prettyprint{
 border: none;
 background: #fafafa;
 color: #697d86;
}
#thumbs {
}
#thumbs .swiper-slide {
 width: 98px;
 height: 100%;
 cursor: pointer;
 padding: 18px 0;
 text-align: center;
 background: none;
}
.thumbs_bg02 #thumbs .swiper-slide,
.thumbs_bg04 #thumbs .swiper-slide,
.thumbs_bg05 #thumbs .swiper-slide,
.thumbs_bg06 #thumbs .swiper-slide,
.thumbs_bg10 #thumbs .swiper-slide,
.thumbs_bg11 #thumbs .swiper-slide {
 min-width: 130px;
}

#thumbs .swiper-slide-active {
 background-color: #ffccdd;
}
#thumbs .active {
	background-color: #ffccdd;
}
.thumbs_bg02 #thumbs .swiper-slide-active {
 background-color: #f5deb0;
}
.thumbs_bg03 #thumbs .swiper-slide-active {
 background-color: #cccfe6;
}
.thumbs_bg05 #thumbs .swiper-slide-active {
 background-color: #e8d4c5;
}
.thumbs_bg10 #thumbs .swiper-slide-active {
 background-color: #d6c7e6;
}
.thumbs_bg11 #thumbs .swiper-slide-active {
 background-color: #eadea0;
}
#thumbs a {
	text-decoration: none;
	color: #3e3a39;
}
#thumbs .bx-viewport {
	height: auto !important;
}
#thumbs .swiper-slide img {
 max-height: 121px;
}

p.swiper_img {
 margin-left: 7%;
}
.slider10 p.swiper_img {
	margin-left: 2%;
}
.slider10 .slider_colorbtn {
	bottom: 175px;
}
.products_name {
 font-size: 22px;
 line-height: 30px;
 border-bottom: 1px solid #cccccc;
 padding-bottom: 13px;
 margin-bottom: 20px;
}
.slider10_details .products_name {
	border-bottom: none;
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	padding: 5px;
	margin-bottom: 35px;
}
.slider10_details .products_name.charcoal {
	background: #9f9a95;
}
.slider10_details .products_name.glassgreen {
	background: #9ea588;
}
.slider10_details .products_name.seabedblue {
	background: #77929a;
}
.slider10_details .products_name.pionepurple {
	background: #957c92;
}
.slider10_details .products_name.cloudypink {
	background: #c19097;
}

.products_name em {
 font-size: 87.5%;
 font-style: normal;
}
.products_name span {
 border-radius: 15px;		
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
 line-height: 1;
 display: inline-block;
 width: 30px;
 height: 30px;
 vertical-align: bottom;
 margin: 0 10px 0 0;
}
.products_color01 {
 background-color: #b47928;
}
.products_color02 {
 background-color: #a96e2b;
}
.products_color03 {
 background-color: #7e4835;
}
.products_color04 {
 background-color: #774e21;
}
.products_color05 {
 background-color: #986535;
}
.products_color06 {
 background-color: #987a47;
}
.products_color07 {
 background-color: #725731;
}
.products_color08 {
 background-color: #5a431d;
}
.products_color09 {
 background-color: #7f3a26;
}
.products_color10 {
 background-color: #6f2126;
}
.products_color11 {
 background-color: #896233;
}
.products_color12 {
 background-color: #583D32;
}
.products_color13 {
 background-color: #903F2E;
}
.products_color14 {
 background-color: #49565E;
}
.products_color15 {
 background-color: #7E5748;
}
.products_color02_01 {
 background-color: #ca8959;
}
.products_color02_02 {
 background-color: #b47928;
}
.products_color02_03 {
 background-color: #9d6c37;
}
.products_color02_04 {
 background-color: #9d5933;
}
.products_color02_05 {
 background-color: #8b412c;
}
.products_color02_06 {
 background-color: #a7845a;
}
.products_color02_07 {
 background-color: #857152;
}
.products_color02_08 {
 background-color: #9f7e61;
}
.products_color02_09 {
 background-color: #7e2f2a;
}
.products_color02_10 {
 background-color: #6e4e47;
}
.products_color06_01 {
 background-color: #e21c85;
}
.products_color06_02 {
 background-color: #e22229;
}
.products_color06_03 {
 background-color: #006fb8;
}
.products_color06_04 {
 background-color: #800f81;
}
.products_color06_05 {
 background-color: #2cb29d;
}
.products_color06_06 {
 background-color: #f7cf0d;
}
.products_color07_01 {
 background-color: #8e7e62;
}
.products_color07_02 {
 background-color: #b2855f;
}
.products_color07_03 {
 background-color: #a76c49;
}
.products_color07_04 {
 background-color: #744c3f;
}
.products_txt {
 font-size: 18px;
 margin-bottom: 30px;
}
.products_light {
 font-weight: bold;
 font-size: 13px;
}
.products_light_lvl {
 font-size: 24px;
 color: #d9d9d9;
 letter-spacing: 0.1em;
}
.products_light_lvl span {
 color: #ee4d83;
}

#thumbs {
 padding: 0 100px;
 max-width: 980px;
}
.thumbs_bg02 #thumbs {
 padding: 0 100px;
 max-width: 260px;
}
.thumbs_bg04 #thumbs {
 padding: 0 100px;
 max-width: 520px;
}
.thumbs_bg05 #thumbs {
 padding: 0 100px;
 max-width: 520px;
}
.thumbs_bg06 #thumbs {
 padding: 0 100px;
 max-width: 260px;
}
.thumbs_bg10 #thumbs {
 max-width: 550px;
}
.thumbs_bg11 #thumbs {
 padding: 0 100px;
 max-width: 260px;
}
.thumbs_bg {
 background: url(../images/thumbs_bg.png) repeat-x 0 0;
}
.thumbs_bg02 {
 background: url(../images/thumbs_bg02.png) repeat-x 0 0;
}
.thumbs_bg03 {
 background: url(../images/thumbs_bg03.png) repeat-x 0 0;
}
.thumbs_bg05 {
 background: url(../images/thumbs_bg05.png) repeat-x 0 0;
}
.thumbs_bg10 {
 background: #ede4f7 !important;
}
.thumbs_bg11 {
 background: url(../images/thumbs_bg11.png) repeat-x 0 0;
}
.thumbs_pc .swiper-wrapper {
  transform:none !important;
}
.thumbs_bg span {
 display: block;
 font-size: 12px;
 font-weight: bold;
 line-height: 1.3;
 margin: 8px 0 0 0;
}
p.colorchart {
 position: absolute;
 right: 145px;
 bottom: 25px;
 z-index: 5;
}
p.colorchart a,
p.colorchart img{
  outline: none;
}
.slider_colorbtn {
	position: absolute;
	left: 500px;
	bottom: 55px;
	max-width: 120px;
}

div.features {
 text-align: center;
 margin-bottom: 50px;
}
.features_title {
 font-size: 30px;
 text-align: center;
 font-weight: normal;
 margin-bottom: 30px;
}
div.features01 {
 background: url(../images/features_bg.png) repeat-x 0 0;
 margin-bottom: 15px;
}
div.features02 {
 background: url(../images/features_bg02.png) repeat-x 0 bottom;
 margin-bottom: 50px;
 padding: 25px 0 0 0;
}
dl.features03_02 {
 background: url(../images/features02_02.png) no-repeat 0 0;
 max-width: 724px;
 height: 104px;
 margin: 0 auto;
 text-align: center;
}
dl.features03_02 dt {
 color: #945f43;
 font-size: 15px;
 font-weight:bold;
 padding: 18px 0 10px 0;
}
dl.features03_02 dd {
 font-size: 22px;
}
dl.features03_02 dd strong {
 color: #ef7e46;
}
div.features04 {
 max-width: 980px;
 margin: 50px auto;
}
div.features04 h3 {
 font-size: 20px;
 margin-bottom: 35px;
}
div.features04_01 {
 text-align: center;
 width: 557px;
 float: left;
}
div.features04_01 h3.treatment {
 max-width: inherit;
 margin: 25px 0 20px 0;
}
div.features04_01 dl.features03_02 {
 background: url(../images/features02_02.png) no-repeat 0 0;
 background-size: 100% 94px;
 max-width: inherit;
 height: 94px;
 margin: 0;
}
div.features04_01 dl.features03_02 dt {
 padding: 12px 0 8px 0;
}
div.features04_01 ul li {
 display: inline-block;
 font-weight: bold;
 font-size: 13px;
 margin: 0 10px;
}
div.features04_01 ul li p {
 margin-bottom: 10px;
}
div.features04_02 {
 text-align: left;
 width: 382px;
 float: right;
}
.features04_03 {
 text-align: left;
 max-width: 250px;
 margin: 40px auto 0 auto;
 line-height: 1.4;
}
.features04_04 {
 font-size: 22px;
 font-weight: bold;
}
.features04_04 span {
 font-size: 18px;
}
.features04_05 {
 margin: 5px 0 10px 0;
}
.features04_07 {
 color: #142d55;
 font-size: 22px;
 font-weight: bold;
 text-indent: -1.5em;
 margin: 17px 0 0 1.5em;
 line-height: 1.5;
}
.features04_08 {
 text-align: center;
 margin: 60px 0 0 0;
}
.features04_09 {
 margin-bottom: 25px;
}


div.features06 .features_title {
 font-size: 40px;
 margin: 30px 0 50px 0;
}
div.features06_01 {
 max-width: 940px;
 margin: 0 auto;
}
div.features06_02 {
 float: left;
 width: 280px;
 margin-bottom: 50px;
}
div.features06_02 h3 {
 border-top: 1px solid #e7198a;
 border-bottom: 1px solid #e7198a;
 color: #e7198a;
 font-size: 17px;
 padding: 8px 0;
 text-align: center;
 margin-bottom: 15px;
}
div.features06_02:nth-child(2),
div.features06_02:nth-child(5) {
 margin: 0 50px 50px 50px;
}
div.use {
 background: url(../images/features06_02.png) no-repeat center 0;
 max-width: 980px;
 height: 200px;
 padding: 0 22px;
 margin: 0 auto;
}
div.use p {
 font-size: 16px;
 padding: 75px 0 0 177px;
}
h3.treatment {
 text-align: center;
 color: #545454;
 font-size: 22px;
 border-top: 1px solid #c2c2c2;
 border-bottom: 1px solid #c2c2c2;
 max-width: 430px;
 margin: 20px auto 30px auto;
 padding-bottom: 10px;
}
h3.treatment strong {
 color: #ee4d83;
}
h3.treatment03 strong {
 color: #ef7e46;
}
h3.treatment04 strong {
 color: #303a8e;
}
h3.treatment05 {
 margin-top: 50px;
}
h3.treatment05 strong {
 color: #945f43;
}
h3.treatment span {
 font-size: 36px;
}
ul.treatment_img {
 max-width: 1120px;
 margin: 0 auto;
 padding: 0 22px;
}
ul.treatment_img li {
 float: left;
 text-align: center;
 width: 19%;
 margin: 0 1.2% 0 0;
}
ul.treatment_img li:nth-last-child(1) {
 margin: 0;
}
ul.treatment_img li p.treatment_name {
 font-size: 19px;
 font-weight: bold;
 margin: 5px 0 0 0;
}
ul.treatment_img li p.treatment_cap {
 font-size: 14px;
}
p.treatment_at {
 font-size: 12px;
 max-width: 1120px;
 margin: 35px auto 25px auto;
 padding: 0 22px;
}
p.treatment_at02 {
 max-width: 724px;
 text-align: left;
}

div.howto {
 background: url(../images/thumbs_bg.png);
 padding-bottom: 70px;
}

div.howto_bleach{
 background: url(../images/thumbs_bg02.png);
margin-top: 70px;
 padding-bottom: 70px;
}

p.movie {
 text-align: center;
 margin: 30px 0 0 0;
}

.step_title {
 font-size: 22px;
 text-align: center;
 color: #595959;
 font-weight: bold;
 margin:30px 0 25px 0;
}
.step_title strong {
 color: #ee4d83;
}
.step_title span.step_title_left,
.step_title span.step_title_right {
	display: inline-block;
	width: 1px;
	height: 31px;
	background-color: #555555;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	vertical-align: bottom;
}
.step_title span.step_title_left {
	transform: rotateZ(135deg);
 margin-right: 20px;
}
.step_title span.step_title_right {
	transform: rotateZ(45deg);
 margin-left: 20px;
}

ul.step_img {
 max-width: 980px;
 margin: 0 auto;
 padding: 0 22px;
}
ul.step_img li {
 float: left;
}
p.step_txt {
 font-size: 18px;
 margin-bottom: 15px;
}
p.step_txt strong {
 font-size: 22px;
 color: #ee4d83;
}

/*ターンカラー Mimitv 追加　2019.2*/
.sponsor_img {
 max-width: 854px;
 margin: 0 auto;
 padding: 20px 0;
}

div.products_item {
 max-width: 650px;
 margin: 40px auto 50px auto;
 position: relative;
}
div.products_item02 {
 max-width: 716px;
 margin: 40px auto 50px auto;
 position: relative;
}
div.products_item03 {
 float: left;
 width: 340px;
}
div.products_item03:nth-child(2) {
 float: right;
}
div.products_item03 h3 {
 text-align: center;
 color: #ef7e46;
 border-bottom: 1px solid #ef7e46;
 border-top: 1px solid #ef7e46;
 padding: 7px 0;
 font-size: 14px;
 margin-bottom: 20px;
}
p.products_item03_txt {
 font-size: 13px;
}
p.products_item03_at {
 font-size: 12px;
 margin: 10px 0 0 0;
}
p.products_item03_at02 {
 font-size: 12px;
 margin: 30px 0 0 0;
 line-height: 2;
}
p.products_img {
 float: left;
 margin: 0 50px 0 0;
}
div.products_item04 {
 max-width: 980px;
 padding: 0 22px;
 margin: 50px auto;
}
.products_item05 {
 float: left;
 
}
.products_item05 li {
 float: left;
 margin: 0 35px 40px 0;
}
.products_item05 li span {
 display: block;
 font-size: 13px;
 font-weight: bold;
 margin: 10px 0 0 0;
 text-align: center;
}
p.products_item06 {
 float: right;
}
.products_details {
 float: left;
}
.products_name2 {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}
p.products_img2 {
 position: absolute;
 right: 0;
 bottom: 0;
}
p.products_img3 {
 border-bottom: 1px solid #d1d1d1;
 padding-bottom: 20px;
 margin-bottom: 15px;
 text-align: center;
}
p.products_img4 {
 margin-bottom: 20px;
}
div.products08 {
 max-width: 860px;
 margin: 0 auto;
 margin-bottom: 50px;
 padding: 0 0 0 120px;
}
div.products08_01 {
 border-bottom: 1px solid #d1d1d1;
 padding-bottom: 50px;
}
ul.products08_list {
 float: right;
 max-width: 500px;
}
ul.products08_list li {
 margin: 0 0 10px 1.4em;
 text-indent: -1.4em;
}
ul.products08_list li span {
 color: #c992d1;
}
.products08_01 ul.products08_list li span {
 color: #f097c8;
}
p.products08_list_at {
 margin: 30px 0 0 -1.5em;
 font-size: 12px;
 text-indent: 0;
}
.products_item09 {
	float: right;
	max-width: 505px;
}
.products_item09_02 {
	float: left;
	margin: 0 15px 50px 0;
}
.products_item09_03 {
	float: left;
	max-width: 365px;
}
.products_item09_03 li {
	float: left;
	margin: 15px 10px 0 0;
	font-size: 18px;
	border-radius: 10px;
	color: #FFF;
	font-weight: bold;
	width: 110px;
	line-height: 40px;
	text-align: center;
}
.products_item09_03 li:nth-child(1) {
	background-color: #f4b4d0;
}
.products_item09_03 li:nth-child(2) {
	background-color: #a2bce2;
}
.products_item09_03 li:nth-child(3) {
	background-color: #f6ae69;
}
.products_item09_03 li:nth-child(4) {
	background-color: #c0db81;
}
.products_item09_03 li:nth-child(5) {
	background-color: #ef8590;
}
.products_item09 h2 {
	font-size: 14px;
	color: #ee4d83;
	margin: 10px 0 0 0;
}
.products_item09_04 {
	color: #ee4d83;
	font-weight: bold;
	margin: 0 0 0 1.3em;
	font-size: 14px;
}
.products_item09_05 {
	margin: 0 0 0 1.3em;
	padding: 0 0 0 20px;
	font-size: 14px;
}
.products_item09_05 li {
	list-style-type: disc;
}
.products_item09_06 {
	margin: 0 0 0 1.3em;
	font-size: 14px;
}
.variation {
 max-width: 980px;
 margin: 0 auto;
 padding: 0 22px;
}
.variation07 {
 max-width: 690px;
 margin: 0 auto;
 padding: 0 22px;
}
.variation h3 {
 text-align: center;
 font-size: 13px;
 margin-bottom: 30px;
 background: url(../images/variation_title.png) repeat-x center center;
}
.variation h3 span {
 background-color: #FFF;
 padding: 0 20px;
}
ul.variation_img li {
 float: left;
 margin: 20px 34px;
}
ul.variation_img02 {
 max-width: 650px;
 margin: 0 auto;
}
ul.variation_img02 li {
 float: left;
 margin: 20px 16px 70px 16px;
}
ul.variation_img li span {
 display: block;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 margin: 15px 0 0 0;
}
.variation_at {
 background: url(../images/product_icon.png) no-repeat 0 0;
 padding: 25px 0 0 0;
 font-size: 13px;
 margin-bottom: 60px;
}

.bottm_navi {
 max-width: 1180px;
 margin: 0 auto;
 border-top: 1px solid #d1d1d1;
 padding: 30px 22px;
}
.bottm_navi.b_none {
	border-top: none;
	padding: 0 0 30px 0;
}
.bottm_navi h2 {
 color: #ee4d83;
 font-size: 13px;
 margin-bottom: 20px;
}
.bottm_navi h2 span {
 font-size: 19px;
}

ul.bottm_navi_list li {
 border-bottom: 1px solid #d1d1d1;
 width: 32%;
 float: left;
 font-weight: bold;
 font-size: 15px;
 line-height: 1.3;
 margin-bottom: 15px;
}
ul.bottm_navi_list li:nth-of-type(2),
ul.bottm_navi_list li:nth-of-type(5),
ul.bottm_navi_list li:nth-of-type(8) {
 margin: 0 2%;
}

ul.bottm_navi_list li a {
 display: block;
 padding-bottom: 10px;
}
ul.bottm_navi_list span {
 display: block;
 
}
ul.bottm_navi_list span.g_img {
 float: left;
 margin: 0 7px 0 0;
 height: 52px;
}
ul.bottm_navi_list span.palty {
 font-size: 12px;
 padding: 5px 0;
}


.coloringmilk_main {
 position: relative;
 max-width: 1400px;
 margin: 0 auto 60px auto;
	z-index: 1;
}

.coloringmilk_main li {
 position: absolute;
	max-width: 100%;
	top: 0;
}
.coloringmilk_main li.first {
	z-index: 1;
	position: relative;
}
.coloringmilk_main .bx-pager {
 position: absolute;
 bottom: 25px;
 left: 0;
 width: 100%;
 z-index: 56;
 display: flex;
 align-items: center;
}
.coloringmilk_main .bx-pager a {
 position: static;
 width: 55px;
 height: 3px;
 margin: 0;
}
.coloringmilk_main .bx-pager a.active {
 height: 6px;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(1) {
 margin-left: 658px;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(1) a {
 background-color: #ffa8f0;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(2) a {
 background-color: #e0bce6;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(3) a {
 background-color: #bddaf6;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(4) a {
 background-color: #e9d0a3;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(5) a {
 background-color: #908881;
}

.coloringmilk_main span.campaign {
 position: absolute;
 left: 950px;
 bottom: 27px;
 z-index: 56;
}
.coloringmilk_main h1 {
 position: absolute;
 left: 20px;
 bottom: 20px;
 z-index: 56;
}

.coloringmilk_main2 {
	height: 660px;
	position: relative;
 max-width: 1400px;
 margin: 0 auto 60px auto;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-bg {
	background: #c3bfcd;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 60;
	display: flex;
	align-items: center;
	justify-content: center;
}
.coloringmilk_main2 video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	line-height: 1;
}
.main_coloringmilk_logo {
	position: absolute;
	left: 50%;
	top: 30px;
	z-index: 59;
	max-width: 270px;
	transform: translateX(-50%);
}
.coloringmilk-mainslider-area {
	margin-top: 60px;
}
.main_coloringmilk_iyaku {
	position: absolute;
	left: 17px;
	bottom: 17px;
}
.coloringmilk-mainslider-area li {
	position: absolute;
	top: 0;
	width: 242px;
}
.main_coloringmilk-at {
	position: absolute;
	right: 0;
	bottom: -30px;
	font-size: 12px;
}
.coloringmilk_title {
 text-align: center;
 font-size: 15px;
 font-weight: normal;
 margin: 0 0 45px 0;
}
.coloringmilk_title span {
 display: block;
 font-size: 35px;
}
.coloringmilk_title.mb00 {
 margin-bottom: 0;
}
.moodcolorlineup {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.acosme {
	position: absolute;
	right: 0;
	top: 20px;
	width: 140px;
}
.acosme img {
	height: auto;
}

.coloringmilk_products_list {
 display: flex;
 justify-content: center;
	flex-wrap: wrap;
 margin: 30px auto 0 auto;
	max-width: 790px;
}
.coloringmilk_products_list li {
 margin: 0 9px 50px 9px;
}
.coloringmilk_bg01 {
 background: url("../images/bg01.png");
 padding: 60px 0;
 margin: 0 0 50px 0;
}
.coloringmilk_bg01.mb00 {
 margin: 0;
}
.coloringmilk_sliderarea {
 max-width: 1170px;
 position: relative;
 display: flex;
 align-items: center;
 margin: 0 auto;
}
.coloringmilk_sliderarea01 {
 
}
.coloringmilk_sliderarea02 {
 position: relative;
 margin: 0 65px 0 35px;
	max-width: 480px;
}
.coloringmilk_sliderarea02 .check-btn {
 position: absolute;
 right: -30px;
 bottom: 20px;
}
.coloringmilk_sliderarea02 .check-btn a {
	display: block;
	height: 100%;
}
.coloringmilk_sliderarea02 .check-btn span {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	margin: -26px 0 0 -26px;
	font-size: 19px;
	line-height: 1.5;
	font-weight: bold;
}
.coloringmilk_sliderarea02 .check-btn span img {
	display: block;
	margin: 0 auto 5px auto;
}
.coloringmilk_sliderarea03 {
 margin-right: 35px;
 padding-top: 20px;
}
.coloringmilk_sliderarea06 {
 font-size: 17px;
 text-align: center;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 25px 0;
}
.coloringmilk_sliderarea08 {
 text-align: right;
 font-size: 12px;
}
.coloringmilk_slider {
 max-width: 1170px;
 position: relative;
 margin: 0 auto;
}
.coloringmilk_sliderarea-at {
	text-align: right;
	font-size: 12px;
	margin: 15px 0 0 0;
}
.coloringmilk_slider .bx-controls a {
	position: absolute;
	top: 50%;
	width: 80px;
	height: 64px;
	margin-top: -31px;
	z-index: 56;
	display: block;
	text-indent: -9999px;
}
.coloringmilk_slider .bx-prev {
 left: 0;
}
.coloringmilk_slider .bx-next {
 right: 0;
}
.coloringmilk_slider .bx-controls a.disabled {
 display: none;
}
.color_sample div {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 57;
 display: none;
 background: rgba(255,255,255,0.8);
}
.color_sample div img {
 width: 430px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -215px 0 0 -215px;
}

.product09_color_close {
 position: fixed;
 left: 50%;
 top: 50%;
 margin: -240px 0 0 -215px;
 z-index: 58;
 cursor: pointer;
 display: none;
 width: 430px;
 text-align: right;
}
.product09_color_close img {
 width: 74px;
}
.coloringmilk_colorchart {
 text-align: center;
 padding-bottom: 50px;
 border-bottom: 1px solid #d1d1d1;
 max-width: 1180px;
 margin: 0 auto 50px auto;
}
.coloringmilk_colorchart h2 {
 font-size: 23px;
 margin-bottom: 20px;
}
.coloringmilk_bg02 {
 background: url("../images/bg02.png") no-repeat center center;
 background-size: cover;
 padding: 70px 0 100px 0;
}
.coloringmilk_feature_title {
 text-align: center;
 padding-top: 50px;
 border-top: 1px solid #d1d1d1;
 max-width: 1180px;
 margin: 0 auto 50px auto;
}
.coloringmilk_feature01 {
 text-align: center;
 margin-bottom: 50px;
}
.coloringmilk_feature02 {
 display: flex;
 justify-content: space-between;
 max-width: 1180px;
 margin: 0 auto;
 text-align: center;
}
.coloringmilk_feature02 li {
 max-width: 373px;
 position: relative;
}
.coloringmilk_feature02 li:nth-child(2) {
 margin: 0 20px;
}
.coloringmilk_feature04 {
 font-weight: bold;
 font-size: 14px;
 letter-spacing: 0.2em;
 margin: 40px 0 20px 0;
}
.coloringmilk_feature04 span {
 font-size: 10px;
 vertical-align: top;
}
.coloringmilk_feature05 {
 font-size: 12px;
}
.coloringmilk_feature06 {
 font-size: 12px;
	display: flex;
	justify-content: center;
	text-align: left;
}
.coloringmilk_feature07 {
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
 font-size: 14px;
 letter-spacing: 0.2em;
	margin: 40px 0 20px 0;
	text-align: left;
}
.coloringmilk_feature07 dt {
	width: 140px;
}
.coloringmilk_feature07 span {
	font-size: 10px;
	vertical-align: top;
}
.coloringmilk_feature08 {
	text-indent: -1em;
	margin: 0 0 0 1em;
	text-align: left;
	font-size: 12px;
}
.coloringmilk_feature-at {
	max-width: 1180px;
 margin: 20px auto 0 auto;
	text-align: right;
	font-size: 12px;
}
.coloringmilk_mood {
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 margin: 45px 0 30px 0;
}
.coloringmilk_mood2 {
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 margin: 30px 0;
}
.coloringmilk_mood2 span.title_left,
.coloringmilk_mood2 span.title_right {
	display: inline-block;
	width: 1px;
	height: 25px;
	background-color: #333333;
	border-radius: 1px;
	vertical-align: bottom;
}
.coloringmilk_mood2 span.title_left {
	transform: rotateZ(135deg);
	margin: 0 20px 0 0;
}
.coloringmilk_mood2 span.title_right {
	transform: rotateZ(45deg);
	margin: 0 0 0 20px;
}
.coloringmilk_mood_list {
 max-width: 1180px;
 margin: 30px auto 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.coloringmilk_mood_list li {
 cursor: pointer;
 margin:0 20px 20px 0;
}
.coloringmilk_mood_list li:nth-child(4),
.coloringmilk_mood_list li:nth-child(8),
.coloringmilk_mood_list li:nth-child(12),
.coloringmilk_mood_list li:nth-child(16) {
 margin:0 0 20px 0;
}
.moodcolor_bg {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(255,255,255,0.8);
 opacity: 0;
 z-index: -1;
	transition: opacity 0.2s linear;
}
.moodcolor_box {
 opacity: 0;
}
.moodcolor_box .swiper-container-horizontal {
 width: 225px;
 height: 225px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -112px 0 0 -112px;
 overflow: hidden;
}
.moodcolor_bg.open,
.moodcolor_box.open {
 opacity: 1;
 z-index: 60;
 transition: opacity 0.2s linear;
}
.moodcolor_close {
 position: absolute;
 right: 20px;
 top: 20px;
 width: 75px;
}
.moodcolor_bg .swiper-button-prev {
 left: 12px;
 background: url("../images/left08.png") no-repeat 0 0;
 background-size: 30px auto;
}
.moodcolor_bg .swiper-button-next {
 right: 12px;
 background: url("../images/right08.png") no-repeat 0 0;
 background-size: 30px auto;
}
.moodcolor_bg .swiper-button-next.swiper-button-disabled,
.moodcolor_bg .swiper-button-prev.swiper-button-disabled {
 opacity: 0;
}
.moodcolors10_area {
 margin: 100px 0 50px 0;
}
.moodcolors10 {
 display: flex;
 max-width: 942px;
 margin: 0 auto;
 flex-wrap: wrap;
	justify-content: center;
}
.moodcolors10 li {
 width: 228px;
 margin: 0 10px 50px 0;
}
.moodcolors10 li:nth-child(4),
.moodcolors10 li:nth-child(8) {
 margin-right: 0;
}
.moodcolors10 li:nth-child(1),
.moodcolors10 li:nth-child(2),
.moodcolors10 li:nth-child(3),
.moodcolors10 li:nth-child(4),
.moodcolors10 li:nth-child(5) {
 margin-bottom: 60px;
}
.moodcolors10 li span {
 display: block;
 margin: 15px 15px 0 5px;
}

.coming {
 text-align: center;
}
.coloringmilk_howto {
 margin: 50px 0;
}
.coloringmilk_howto_list {
 max-width: 1180px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
.coloringmilk_howto_list li {
}
.coloringmilk_howto_list li:nth-child(1),
.coloringmilk_howto_list li:nth-child(3) {
 border-right: 1px solid #4b4948;
 padding: 0 40px 0 0;
}


.coloringmilk_products {
 max-width: 600px;
 margin: 70px auto 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.coloringmilk_products01 h3 {
 font-size: 20px;
}
.coloringmilk_products02 {
	margin-right: 10px;
}
.coloringmilk_products02 span {
 font-size: 15px;
 color: #FFF;
 background-color: #58585a;
 font-weight: bold;
 padding: 3px 5px;
}
.coloringmilk_products02_02 {
 margin: 5px 0 25px 0;
 font-size: 14px;
}
.coloringmilk_products03 {
 display: flex;
 margin: 5px 0 10px 0;
}

.coloringmilk_youtube_title {
 text-align: center;
 font-size: 15px;
 margin: 80px 0 30px 0;
 letter-spacing: 0.2em;
}
.coloringmilk_youtube_title span.title_left,
.coloringmilk_youtube_title span.title_right {
	display: inline-block;
	width: 1px;
	height: 25px;
	background-color: #333333;
	border-radius: 1px;
	vertical-align: bottom;
}
.coloringmilk_youtube_title span.title_left {
	transform: rotateZ(135deg);
	margin: 0 15px 0 0;
}
.coloringmilk_youtube_title span.title_right {
	transform: rotateZ(45deg);
	margin: 0 0 0 15px;
}
.youtube {
 text-align: center;
}
.youtube iframe {
 border: 1px solid #d1d1d1;
}
.youtube-at {
	max-width: 850px;
 margin: 10px auto 0 auto;
 font-size: 12px;
	text-align: right;
}
.coloringmilk_at {
 max-width: 850px;
 margin: 35px auto 0 auto;
 font-size: 13px;
}
.coloringmilk_at01 span {
 border: 1px solid #d1d1d1;
 padding: 2px 5px;
}
.coloringmilk_at02 {
 margin: 10px 0;
}
.coloringmilk_at03 a {
 text-decoration: underline;
}
.coloringmilk_at03 a:after{
	content:"";
	width:16px;
	height:14px;
	margin-left:8px;
	display:inline-block;
	vertical-align:middle;
	background-image:url(../../images/icon_exlink.svg);
	background-repeat:no-repeat;
}
.coloringmilk_at03 a:hover {
 text-decoration: none;
}
ul.online_store {
 max-width: 500px;
 margin: 0 auto 50px auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
ul.online_store li {
 width: 240px;
 text-align: center;
 margin-bottom: 20px;
}
ul.online_store li a {
 display: block;
 border: 1px solid #d1d1d1;
 line-height: 90px;
 background-color: #FFF;
}
ul.online_store li a img {
 vertical-align: middle;
}

.coloringmilk_sns {
 letter-spacing: -.4em;
 text-align: center;
}
.coloringmilk_sns li {
 display: inline-block;
 vertical-align: middle;
 margin: 0 20px;
}
.coloringmilk_present_btn {
 font-size: 19px;
 font-weight: bold;
 text-align: center;
 max-width: 500px;
 margin: 50px auto 70px auto;
}
.coloringmilk_present_btn a {
 display: block;
 text-decoration: none;
 border: 1px solid #333333;
 border-radius: 6px;
 line-height: 80px;
 transition: all 0.2s linear;
 position: relative;
}
.coloringmilk_present_btn a::before {
 right: 15%;
 width: 8px;
 height: 8px;
 border-top: 2px solid #2f3a36;
 border-right: 2px solid #2f3a36;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 content: "";
 top: 50%;
 margin-top: -5px;
 transition: all 0.2s linear;
}
.coloringmilk_present_btn a:hover {
 background-color: #333;
 color: #FFF;
}
.coloringmilk_present_btn a:hover::before {
 border-top: 2px solid #FFF;
 border-right: 2px solid #FFF;
}
.bottm_navi.coloringmilk h2 {
 color: #333;
}
.bottm_navi.coloringmilk h2 span {
 font-size: 22px;
}
.try_your_color {
 display: none;
}
.coloringmilk_black_at {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 30px 0;
}
.coloringmilk_title_catch {
 width: 150px;
 margin: 0 20px 0 0;
 color: #FFF;
 font-size: 15px;
 text-align: center;
 font-weight: bold;
 background-color: #58585a;
 padding: 3px 0;
}
.coloringmilk_black_at02 {
 font-size: 14px;
}
.coloringmilk_products_list_area {
 max-width: 1180px;
 margin: 50px auto 0 auto;
}
.coloringmilk_products_list_area h2 {
 text-align: center;
}
.coloringmilk_products_list_area01 h2 {
 background-color: #dc7f25;
}
.coloringmilk_products_list_area02 h2 {
 background-color: #d46b83;
}
.coloringmilk_products_list_area03 h2 {
 background-color: #717679;
 text-align: center;
}
.coloringmilk_products_list_area03 {
 max-width: 430px;
 margin: 0 auto;
}
.coloringmilk_products_list_area03 .coloringmilk_products_list li {
 margin: 0 25px 50px 25px;
}
.coloringmilk_serum {
 max-width: 1180px;
 margin: 100px auto 0 auto;
 border: 1px solid #d1d1d1;
 background-color: #FFF;
}
.coloringmilk_serum02 {
 max-width: 850px;
 margin: 0 auto;
 padding: 60px 0 30px 0;
 display: flex;
 justify-content: space-between;
}
.coloringmilk_serum03 {
 margin: 30px 0 0 0;
}
.coloringmilk_serum03 h3 {
 margin: 0 0 30px 0;
}
.coloringmilk_serum03 p {
 margin: 20px 0 0 0;
 font-weight: 500;
}
.coloringmilk_cm-title {
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin: 70px 0 50px 0;
}
.coloringmilk_cm-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1180px;
	margin: 0 auto 0 auto;
}
.coloringmilk_cm-list li {
	width: 50%;
	margin-bottom: 70px;
}
.coloringmilk_cm-at {
	max-width: 1180px;
 margin: 0 auto 50px auto;
 font-size: 12px;
	text-align: right;
}
.coloringmilk_at04 {
	max-width: 600px;
	margin: 15px auto;
	text-align: right;
	font-size: 11px;
}
.smokytint_main {
	text-align: center;
}
.smokytint_title01 {
	font-size: 22px;
	color: #8e6faf;
	max-width: 980px;
	margin: 40px auto;
	position: relative;
	display: flex;
	justify-content: center;
}
.smokytint_title01 span {
	background: #FFF;
	padding: 0 10px;
}
.smokytint_title01::after {
	content: "";
	position: absolute;
	top: 50%;
	height: 2px;
	background: #e8e2f1;
	width: 100%;
	left: 0;
	z-index: -1;
}
.smokytint01 {
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 70px;
	max-width: 1180px;
	margin: 0 auto;
}
.smokytint02 {
	display: flex;
	justify-content: center;
	margin: 30px 0 0 0;
}
.smokytint02 li {
	margin: 0 15px;
}
.smokytint03 {
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 12px;
}
.smokytint04 {
	text-align: center;
	margin: 60px 0 0 0;
}
.smokytint05 {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 70px;
	max-width: 1180px;
	margin: 0 auto;
}
.smokytint06 {
	display: inline-block;
	border: 1px solid #CCC;
	padding: 2px 5px 0 5px;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.smokytint07 {
	display: flex;
	align-items: flex-end;
	margin: 10px 0 0 0;
}
.smokytint07 p {
	font-size: 13px;
	margin: 0 0 0 10px;
}
ul.smokytint08 {
	display: flex;
	justify-content: center;
	margin: 80px 0;
}
ul.smokytint08 li {
	margin: 0 25px;
	text-align: center;
}
ul.smokytint08 li img {
	width: 82px;
}
ul.smokytint08 li span {
 display: block;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 margin: 15px 0 0 0;
}


.milkbleach_main {
	max-width: 1400px;
	margin: 0 auto;
}

.slider11_details {
	width: 435px;
	top: 0;
}
.milkbleach01 {
	text-align: center;
}
.milkbleach02 {
	text-align: center;
	margin: 30px 0 50px 0;
}
.milkbleach03 {
	text-align: center;
	margin: 50px 0 10px 0;
}
.milkbleach04 {
	max-width: 708px;
	margin: 0 auto;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}
.milkbleach05 {
	max-width: 715px;
	margin: 50px auto 10px auto;
	background: #fef8dc;
	border-radius: 10px;
}
.milkbleach05 h3 {
	text-align: center;
	padding: 30px 0 0 0;
}
.milkbleach06 {
	display: flex;
	justify-content: space-between;
	max-width: 475px;
	margin: 25px auto 0 auto;
}
.milkbleach06 p {
	font-size: 16px;
}
.milkbleach07 {
	text-align: center;
}
.milkbleach08 {
	max-width: 715px;
	margin: 15px auto;
	text-align: right;
	font-size: 11px;
}
.milkbleach09 {
	max-width: 610px;
	margin: 0 auto;
}
.milkbleach09 h3 {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 6px;
	padding: 2px;
	margin-bottom: 35px;
}
.milkbleach10 {
	background: #c3ae3c;
}
.milkbleach11 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.milkbleach13 {
	width: 365px;
	margin: 0 0 0 10px;
}
.milkbleach13 h4 {
	line-height: 1.5;
	font-size: 20px;
	margin-bottom: 10px;
}
.milkbleach13 h5 {
	font-size: 11px;
	border: 1px solid #bbbbbb;
	line-height: 22px;
	box-sizing: border-box;
	border-radius: 11px;
	text-align: center;
	font-weight: normal;
	margin: 15px 0;
}
.milkbleach14 {
	text-align: center;
}
.milkbleach13 ul {
	padding: 0 0 0 15px;
	margin: 20px 0 0 0;
}
.milkbleach13 ul li {
	list-style-type: disc;
	font-size: 12px;
}
.milkbleach15 {
	background: #c56e33;
	margin-top: 40px;
}

.no1 {
	max-width: 681px;
	margin: 0 auto 90px auto;
}
.no1-img {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.no1-logo {
	margin-bottom: 10px;
}
.no1 p {
	font-size: 11px;
	margin: 25px 0 0 0;
}


/* ======================================================================
 YoucamPc
====================================================================== */

.YoucamPc-title {
	text-align: center;
	font-size: 24px;
	padding-top: 40px;
}
.YoucamPc-txt {
	text-align: center;
	font-size: 15px;
	margin: 20px 0;
}
.YoucamPc-qr {
	text-align: center;
}
.YoucamPc-btn {
	max-width: 725px;
	margin: 0 auto;
	text-align: left;
}
.YoucamPc-btn01 {
	max-width: 250px;
	text-align: center;
	margin: 30px 0 10px 0;
}
.YoucamPc-btn02 {
	font-size: 14px;
}
.YoucamPc-btn01 a {
	display:block;
	box-sizing:border-box;
	color:#fff;
	background-color:#333333;
	font-size:16px;
	text-align:center;
	border-radius:6px;
	border:solid 2px #333333;
	line-height: 50px;
	transition:font 0.3s ease, background 0.3s ease;
	text-decoration:none;
}

.YoucamPc-btn01 a:hover {
	color:#333333;
	background-color:#FFF;
}
.try_your_color {
 position: fixed;
 left: 0;
 top: 50px;
 width: 100%;
 height: calc(100% - 50px);
 background: rgba(255,255,255,0.9);
 z-index: 56;
 padding: 20px;
 box-sizing: border-box;
}
#YoucamPc .product09_color_close {
 position: fixed;
 right: 0;
 top: 0;
 left: inherit;
 z-index: 58;
 cursor: pointer;
 display: none;
 width: 117px;
 height: 60px;
 margin: 0;
 background: url("../images/product09_color_close.png") no-repeat 0 0;
 background-size: 117px auto;
}
#YoucamPc .product09_color_close img {
 display: none;
}
.try_your_color#YoucamPc {
 position: fixed;
	text-align: left;
 left: 0;
 top: 50px;
 width: 100%;
 height: calc(100% - 50px);
 background: rgba(255,255,255,0.9);
 z-index: 57;
 padding: 20px;
 box-sizing: border-box;
}
#YoucamPc .try_your_color02 {
 height: 100%;
 overflow: auto;
	max-width: 700px;
	margin: 0 auto;
}
#YoucamPc .try_your_color02 .coloringmilk_title {
 margin: 40px 0 20px 0;
}
#YoucamPc .try_your_color_use {
 text-align: center;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
 padding: 10px 15%;
 margin: 30px 0 15px 0;
}
#YoucamPc .try_your_color_title01 {
 text-align: center;
 font-size: 13px;
 margin: 30px 0 20px 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
#YoucamPc .try_your_color_title01:before,
#YoucamPc .try_your_color_title01:after {
 border-top: 1px solid #999999;
 content: "";
 width: 20px;
}
#YoucamPc .try_your_color_title01:before {
 margin-right: 1rem;
}
#YoucamPc .try_your_color_title01:after {
 margin-left: 1rem;
}
#YoucamPc .try_your_color03_2 {
 font-size: 12px;
 margin-bottom: 20px;
}
#YoucamPc .try_your_color04_2 {
 margin: 10px 10px 20px 10px;
 font-size: 12px;
}
#YoucamPc .try_your_color04_2 h4 {
 font-size: 12px;
 font-weight: normal;
 margin-top: 10px;
}
#YoucamPc .product09_color_close2 {
 position: fixed;
 right: calc(50% - 300px);
 top: 90px;
 z-index: 57;
}












@media only screen and (max-width: 700px) {
body {
 min-width: inherit;
}
.title_area h1 {
 padding: 0;
}
.title_area h1 img {
 width: 100%;
}
.title_area {
 background: none !important;
 height: auto !important;
 padding: 0 !important;
}

.products {
}

.catch {
 text-align: center;
 font-weight: normal;
 font-size: 16px;
 padding: 25px 0;
 border-bottom: none;
 letter-spacing: 0;
 max-width: inherit;
 min-width: inherit;
 margin:0;
 background-color: #f7f7f7;
}
.catch02 {
 font-size: 16px;
}
.catch02 span {
 position: static;
 font-size: 10px;
 display: block;
}
.products_title {
 font-size: 24px;
 font-weight: bold;
 line-height: 1;
 text-align: center;
 letter-spacing: 0;
 padding:40px 0 5px 0;
}
.products_title_txt {
 text-align: center;
 font-size: 11px;
}
.swiper-button-prev.swiper-button-white {
 z-index: 2;
 background-image: url(../images/left.png);
 background-size: 15px auto;
 left: 10px;
}
.swiper-button-next.swiper-button-white {
 z-index: 2;
 background-image: url(../images/right.png);
 background-size: 15px auto;
 right: 10px;
}
.slider10 .swiper-button-prev.swiper-button-white {
 top: 30%;
}
.slider10 .swiper-button-next.swiper-button-white {
 top: 30%;
}
.swiper-container{
 max-width: inherit;
 margin: 0;
}
.swiper-container .swiper-slide {
 position: relative;
}
.swiper_details {
 position: static;
 width: auto;
 text-align: center;
 padding-bottom: 10px;
}
.slider10_details {
	width: 70%;
	top: inherit;
	margin: 0 auto;
	padding-bottom: 20px;
}
.prettyprint{
 border: none;
 background: #fafafa;
 color: #697d86;
}
#thumbs {
}
#thumbs .swiper-slide {
 width: 76px !important;
 height: 100%;
 cursor: pointer;
 padding: 8px 0;
 text-align: center;
}
.thumbs_bg02 #thumbs .swiper-slide,
.thumbs_bg04 #thumbs .swiper-slide,
.thumbs_bg05 #thumbs .swiper-slide,
.thumbs_bg06 #thumbs .swiper-slide,
.thumbs_bg10 #thumbs .swiper-slide {
 min-width: inherit;
}
.thumbs_bg10 #thumbs .swiper-slide {
 width: 20% !important;
}
#thumbs .swiper-slide-active {
 background-color: #ffccdd;
}
#thumbs .swiper-slide img {
 height: 102px;
 width: auto;
}

p.swiper_img {
 margin-left: 7%;
}
.slider10 p.swiper_img {
	margin: 10px -30px 0 30px;
}
.slider10 .slider_colorbtn {
	bottom: inherit;
	top: 8%;
}
.products_name {
 font-size: 15px;
 line-height: 18px;
 border-bottom: none;
 padding-bottom: 0;
 margin: 10px 0;
 text-align: center;
}
.slider10_details .products_name {
	font-size: 18px;
	padding: 10px;
	margin: 15px 0;
}
.products_name span {
 border-radius: 8px;		
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
 line-height: 1;
 display: inline-block;
 width: 15px;
 height: 15px;
 vertical-align: bottom;
 margin: 0 5px 0 0;
}
/*.products_color01 {
 background-color: #be8d2a;
}*/
.products_txt {
 font-size: 12px;
 margin-bottom: 0;
 text-align: center;
}
.slider01 .products_txt {
 min-height: 5em;
}
.products_light {
 font-weight: bold;
 font-size: 11px;
 display: inline-block;
}
.products_light_lvl {
 font-size: 16px;
 color: #d9d9d9;
 letter-spacing: 0.1em;
 display: inline-block;
}
.products_light_lvl span {
 color: #ee4d83;
}
#thumbs {
 padding: 0 ;
 max-width: inherit;
}
.thumbs_bg02 #thumbs,
.thumbs_bg04 #thumbs,
.thumbs_bg05 #thumbs,
.thumbs_bg06 #thumbs {
 padding: 0;
 max-width: inherit;
}
.thumbs_bg {
 background: url(../images/thumbs_bg.png) repeat-x 0 0;
 background-size: auto 120px;
}
.thumbs_bg02 {
 background: url(../images/thumbs_bg02.png) repeat-x 0 0;
 background-size: auto 120px;
}
.thumbs_bg03 {
 background: url(../images/thumbs_bg03.png) repeat-x 0 0;
 background-size: auto 120px;
}
.thumbs_bg05 {
 background: url(../images/thumbs_bg05.png) repeat-x 0 0;
 background-size: auto 120px;
}

.thumbs_bg span {
 display: none;
}
p.colorchart {
 position: static;
 text-align: center;
 margin: 13px;
}
.slider_colorbtn {
	position: absolute;
	left: inherit;
	bottom: inherit;
	right: 9%;
	top: 43%;
	width: 81px;
}


div.features {
 text-align: center;
 margin: 0;
 padding: 20px 13px 0 13px;
}
div.features03 {
  padding: 0 13px;
 margin-bottom: 30px;
}
.features_title {
 font-size: 20px;
 margin-bottom: 20px;
}
div.features06 .features_title {
 font-size: 23px;
 margin: 0 0 20px 0;
}
div.features01 {
 background: url(../images/feature_bg_sp.png) repeat-x 0 bottom;
 background-size: auto 426px;
 margin-bottom: 15px;
}
div.features02 {
 background: url(../images/feature_bg02_sp.png) repeat-x 0 bottom;
 background-size: auto 50%;
 margin-bottom: 15px;
}
dl.features03_02 {
 background: url(../images/features02_02_sp.png) no-repeat 0 0;
 background-size: 100% 71px;
 max-width: 100%;
 height: 71px;
 margin: 0 auto;
 text-align: center;
}
dl.features03_02 dt {
 font-size: 11px;
 padding: 10px 0 8px 0;
}
dl.features03_02 dd {
 font-size: 13px;
}
div.features04 {
 max-width: inherit;
 padding: 30px 0;
 margin: 0;
 border-bottom: 1px solid #d1d1d1;
}
div.features04 h3 {
 font-size: 23px;
 margin:20px 0;
 font-weight: normal;
}
div.features04_01 {
 text-align: center;
 width: auto;
 float: none;
 
}
div.features04_01 h3.treatment {
 max-width: inherit;
 margin: 25px 0 20px 0;
 font-size: 17px;
}
div.features04_01 dl.features03_02 {
 background: url(../images/features02_02.png) no-repeat 0 0;
 background-size: 100% 94px;
 max-width: inherit;
 height: 94px;
 margin: 0;
}
div.features04_01 dl.features03_02 dt {
 padding: 12px 0 8px 0;
}
div.features04_01 ul li {
 display: inline-block;
 font-weight: bold;
 font-size: 12px;
 margin: 0;
 width: 49%;
 vertical-align: top;
}
 div.features04_02 ul li {
 width: auto;
}
div.features04_01 ul li p {
 margin-bottom: 10px;
}
div.features04_02 {
 text-align: left;
 width: auto;
 float: none;
 padding: 0 13px;
 margin-bottom: 60px;
}
.features04_03 {
 text-align: left;
 max-width: inherit;
 margin: 20px 0 0 0;
 line-height: 1.4;
 border-top: 1px solid #d1d1d1;
 padding: 30px 13px 0 13px;
}
.features04_04 {
 font-size: 16px;
}
.features04_04 span {
 font-size: 12px;
}
.features04_05 {
 margin: 10px 0 10px 0;
}
.features04_07 {
 font-size: 16px;
 margin: 10px 0 0 1.5em;
}
.features04_08 {
 text-align: center;
 margin: 30px 0 0 0;
}
.features04_08 img {
 width: 60%;
}
.features04_09 {
 margin-bottom: 25px;
}
.features04_10 {
 margin: 0 13px;
}
div.features06_01 {
 max-width: inherit;
 margin: 30px 13px 0 13px;
}
div.features06_02 {
 float: none;
 width: auto;
 margin-bottom: 30px;
}
.features06_01_sp {
 margin:50px 0 60px 0;
}
div.features06_02 h3 {
 font-size: 16px;
}
div.features06_02:nth-child(2),
div.features06_02:nth-child(5) {
 margin: 0 0 30px 0;
}
div.use {
 background: url(../images/features06_02_sp.png) no-repeat center 0;
 background-size: 100% auto;
 max-width: inherit;
 height: auto;
 padding: 0 0 70% 0;
 margin: 0;
}
div.use p {
 font-size: 16px;
 padding: 70px 15px 0 15px;
}
h3.treatment {
 text-align: center;
 color: #545454;
 font-size: 16px;
 border-top: 1px solid #c2c2c2;
 border-bottom: 1px solid #c2c2c2;
 max-width: inherit;
 margin: 20px 13px 30px 13px;
 padding-bottom: 8px;
}

h3.treatment span {
 font-size: 27px;
}
ul.treatment_img {
 max-width: inherit;
 margin: 0 13px;
}
ul.treatment_img li {
 float: left;
 text-align: center;
 margin: 0 0 15px 0;
 width: 48%;
}
ul.treatment_img li:nth-child(even) {
 float: right;
}
ul.treatment_img li p.treatment_name {
 font-size: 13px;
 font-weight: bold;
 margin: 5px 0 0 0;
}
ul.treatment_img li p.treatment_cap {
 font-size: 11px;
}
p.treatment_at {
 font-size: 10px;
 max-width: inherit;
 margin: 20px 13px;
 padding: 0;
}

div.howto {
 background: url(../images/thumbs_bg.png);
 background-size: auto 120px;
 padding-bottom: 35px;
}

p.movie {
 text-align: center;
 margin: 20px 3%;
 position:relative;
 width:94%;
 padding-top:56.25%;
}

p.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.step_title {
 font-size: 15px;
 text-align: center;
 color: #595959;
 font-weight: bold;
 margin-bottom: 20px;
 position: relative;
}
.step_title strong {
 color: #ee4d83;
}
.step_title span.step_title_left,
.step_title span.step_title_right {
	display: block;
	width: 1px;
	height: 50px;
	background-color: #555555;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	vertical-align: bottom;
 position: absolute;
 top: 0;
}
.step_title span.step_title_left {
	transform: rotateZ(150deg);
 margin-right: 20px;
 left: 20px;
}
.step_title span.step_title_right {
	transform: rotateZ(30deg);
 margin-left: 20px;
 right: 20px;
}

ul.step_img {
 max-width: inherit;
 margin: 0 13px;
 padding: 0;
}
ul.step_img li {
 float: none;
}
p.step_txt {
 font-size: 12px;
 margin-bottom: 0;
 float: left;
 padding-top: 5px;
}
p.step_txt strong {
 font-size: 18px;
 color: #ee4d83;
 display: block;
}
ul.step_img p.sp {
 float: right;
 width: 40%;
 }

/*ターンカラー Mimitv 追加　2019.2*/
.sponsor_img  {
 max-width: inherit;
 margin: 0 20px;
 padding: 0;
}


div.products_item {
 max-width: inherit;
 margin: 20px 13px 30px 13px;
 position: relative;
}
div.products_item02 {
 max-width: inherit;
 margin: 20px 13px 30px 13px;
 position: relative;
}
div.products_item03 {
 float: none;
 width: auto;
}
div.products_item03:nth-child(2) {
 margin: 25px 0;
 float: none;
}
div.products_item03 h3 {
 text-align: center;
 color: #ef7e46;
 border-bottom: 1px solid #ef7e46;
 border-top: 1px solid #ef7e46;
 padding: 5px 0;
 font-size: 12px;
 margin-bottom: 15px;
}
p.products_item03_txt {
 font-size: 11px;
}
p.products_item03_at {
 font-size: 10px;
 margin: 10px 0 0 0;
}
p.products_img {
 float: none;
 margin: 0 0 15px 0;
 text-align: center;
}
div.products_item04 {
 max-width: inherit;
 padding: 0 13px 30px 13px;
 margin: 20px auto;
 border-bottom: 1px solid #e3e3e3;
}
.products_item05 {
 float: none;
}
.products_item05 ul {
 margin: 30px 0;
 padding: 0 10% 20px 10%;
 border-bottom: 1px solid #e3e3e3;
}
.products_item05 li {
 float: left;
 margin: 0 2%;
 width: 21%;
}
.products_item05 li span {
 display: block;
 font-size: 12px;
 font-weight: bold;
 margin: 10px 0 0 0;
 text-align: center;
}
p.products_item06 {
 float: none;
}
.products_details {
 float: none;
 border-top: 1px solid #d7d7d7;
 padding-top: 10px;
}
.products_name2 {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
}
p.products_img2 {
 position: absolute;
 right: 0;
 bottom: 0;
}
div.products08 {
 max-width: inherit;
 margin: 0 13px;
 margin-bottom: 30px;
 padding: 0;
}
div.products08 .products_details {
 float: none;
 border-top: none;
 padding-top: 0;
}
p.products_img4 {
 margin-bottom: 20px;
 padding: 0 20% 20px 20%;
 border-bottom: 1px solid #d1d1d1;
}
div.products08_01 {
 border-bottom: 2px solid #f38cc4;
 padding-bottom: 30px;
}
ul.products08_list {
 float: right;
 max-width: 500px;
}
ul.products08_list li {
 margin: 0 0 10px 1.4em;
 text-indent: -1.4em;
}
ul.products08_list li span {
 color: #c992d1;
}
.products08_01 ul.products08_list li span {
 color: #f097c8;
}
p.products08_list_at {
 margin: 30px 0 0 -1.5em;
 font-size: 12px;
 text-indent: 0;
}
p.products_item03_at02 {
 font-size: 12px;
 margin: 20px 0;
 line-height: 2;
 border-top: 1px solid #d1d1d1;
 padding: 20px 0 0 0;
}
.products_item09 {
	float: none;
	max-width: inherit;
}
.products_item09_02 {
	float: left;
	margin: 0 4% 30px 0;
	max-width: 20%;
}
.products_item09_03 {
	float: left;
	width: 76%;
	max-width: inherit;
}
.products_item09_03 li {
	float: left;
	margin: 10px 3% 0 0;
	font-size: 14px;
	border-radius: 6px;
	color: #FFF;
	font-weight: bold;
	width: 30%;
	line-height: 30px;
	text-align: center;
}
.products_item09_03 li:nth-child(1) {
	background-color: #f4b4d0;
}
.products_item09_03 li:nth-child(2) {
	background-color: #a2bce2;
}
.products_item09_03 li:nth-child(3) {
	background-color: #f6ae69;
}
.products_item09_03 li:nth-child(4) {
	background-color: #c0db81;
}
.products_item09_03 li:nth-child(5) {
	background-color: #ef8590;
}
.products_item09 h2 {
	font-size: 15px;
	color: #ee4d83;
	margin: 10px 0 0 0;
}
.products_item09_04 {
	color: #ee4d83;
	font-weight: bold;
	margin: 0 0 0 1.3em;
	font-size: 15px;
}
.products_item09_05 {
	margin: 0 0 0 1.3em;
	padding: 0 0 0 20px;
	font-size: 15px;
}
.products_item09_05 li {
	list-style-type: disc;
}
.products_item09_06 {
	margin: 0 0 0 1.3em;
	font-size: 15px;
}
.products_item09_07 li {
	float: left;
	margin: 0 2%;
	width: 46%;
	text-align: center;
}
.products_item09_07 li img {
	width: 60%;
}
.variation {
 max-width: inherit;
 margin: 0;
 padding: 0;
}
.variation07 {
 max-width: inherit;
 margin: 0 13px;
 padding: 0;
}
.variation h3 {
 text-align: center;
 font-size: 11px;
 margin-bottom: 15px;
 background: url(../images/variation_title.png) repeat-x center center;
}
.variation h3 span {
 background-color: #FFF;
 padding: 0 10px;
}
ul.variation_img {
  margin: 0 13px;
 }
ul.variation_img li {
 float: left;
 margin: 0 4% 20px 4%;
 width: 25%;
}
 ul.variation_img02 li {
 width: 42%;
}
.variation07 ul.variation_img li {
 float: left;
 margin: 0 10% 20px 10%;
 width: 30%;
}
 ul.variation_img li img {
  width: 100%;
 }
ul.variation_img li span {
 display: block;
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 margin: 8px 0 0 0;
 line-height: 1.4;
}
.variation_at {
 background: url(../images/product_icon.png) no-repeat 13px 0;
 background-size: 63px auto;
 padding: 20px 13px 0 13px;
 font-size: 10px;
 margin-bottom: 0;
}

.bottm_navi {
 max-width: inherit;
 margin: 0 13px;
 border-top: none;
 padding: 30px 0;
}
.bottm_navi h2 {
 color: #ee4d83;
 font-size: 13px;
 margin-bottom: 20px;
}
.bottm_navi h2 span {
 font-size: 19px;
}

ul.bottm_navi_list li {
 border-bottom: 1px solid #d1d1d1;
 width: auto;
 float: none;
 font-weight: bold;
 font-size: 12px;
 line-height: 1.3;
 margin: 0;
 margin-bottom: 0;
}
ul.bottm_navi_list li:nth-of-type(2),
ul.bottm_navi_list li:nth-of-type(5),
ul.bottm_navi_list li:nth-of-type(8) {
 margin: 0 0;
}

ul.bottm_navi_list li a {
 display: block;
 padding: 10px 0;
}
ul.bottm_navi_list span {
 display: block;
}
ul.bottm_navi_list span.g_img {
 float: left;
 margin: 0 5px 0 0;
 width: 60px;
 height: auto;
}
ul.bottm_navi_list span.palty {
 font-size: 10px;
 padding: 5px 0;
}

 

.coloringmilk_main span.campaign {
 position: absolute;
 right: 2%;
 left: inherit;
 bottom: 21%;
 width: 41%;
}
.coloringmilk_main li img {
 max-height: inherit;
 max-width: 100%;
}
.coloringmilk_main h1 {
 position: absolute;
 left: 25px;
 bottom: inherit;
 top: 50%;
 z-index: 56;
 width: 215px;
 margin-top: -110px;
}
.coloringmilk_main .bx-pager {
 position: absolute;
 bottom: inherit;
 top: 0;
 left: 0;
 display: flex;
 justify-content: center;
 align-items: flex-start;
 z-index: 56;
}
.bx-pager-item {
 width: 25%;
}
.coloringmilk_main .bx-pager a {
 position: static;
 height: 3px;
 margin: 0;
 width: 100%;
}
.coloringmilk_main .bx-pager .bx-pager-item:nth-child(1) {
 margin-left: 0;
}
.coloringmilk_main .bx-pager a.active {
 height: 6px;
}
.coloringmilk_main2 {
	/*height: 178vw;*/
	height: auto;
	position: relative;
 max-width: inherit;
 margin: 0 auto;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-bg {
	background: #c3bfcd;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 60;
	display: block;
	align-items: center;
	justify-content: center;
}
.coloringmilk_main2 video {
	width: 100%;
	max-height: 100%;
	line-height: 1;
}
.main_coloringmilk_logo {
	position: absolute;
	left: 50%;
	top: 10vw;
	z-index: 59;
	max-width: inherit;
	width: 60vw;
	transform: translateX(-50%);
}
.coloringmilk-mainslider-area {
	margin-top: -18vw;
}
.coloringmilk-mainslider-area li {
	width: 30vw;
}
.main_coloringmilk_iyaku {
	position: absolute;
	left: 17px;
	bottom: 17px;
	max-width: 15vw;
}
.main_coloringmilk_pkg {
 position: absolute;
 bottom: 19vw;
 left: 50%;
 transform: translateX(-50%);
 width: 80vw;
}

.coloringmilk_title {
 text-align: center;
 font-size: 11px;
 font-weight: normal;
 margin: 60px 0 20px 0;
}
.coloringmilk_title span {
 display: block;
 font-size: 32px;
}
	.moodcolorlineup .coloringmilk_title {
		margin: 10px 0 40px 0;
	}
.acosme {
	position: static;
	width: 150px;
	margin: 0 auto;
}
 .coloringmilk_feature_title {
 text-align: center;
 padding-top: 0;
 border-top: none;
 max-width: inherit;
 margin: 60px 0 40px 0;
}

.coloringmilk_products_list {
 display: flex;
 justify-content: center;
 margin: 30px 0 10px 0;
 flex-wrap: wrap;
}
.coloringmilk_products_list li {
 margin: 0 1.5% 20px 1.5%;
 width: 22%;
}
.coloringmilk_products_list.column3 li {
	margin: 0 2% 20px 2%;
}
.coloringmilk_products_list.column3 li:nth-child(1) {
	margin: 0 2% 20px 15%;
}
.coloringmilk_products_list.column3 li:nth-child(2) {
	margin: 0 15% 20px 2%;
}

.coloringmilk_bg01 {
 background: none;
 padding: 0;
 margin: 0 0 20px 0;
}
.coloringmilk_sliderarea {
 max-width: inherit;
 position: relative;
 display: block;
 align-items: center;
 margin: 0 20px;
 border-bottom: 1px solid #d1d1d1;
 padding-bottom: 30px;
}
.coloringmilk_sliderarea01,
.coloringmilk_sliderarea04 {
 display: none;
}
.coloringmilk_sliderarea02 {
 position: relative;
 margin: 0 10% 0 0;
}
.coloringmilk_sliderarea02 .check-btn {
 position: absolute;
 right: -7%;
 bottom: 15px;
 width: 25%;
}
.coloringmilk_sliderarea02 .check-btn span {
	margin: -18px 0 0 -19px;
	font-size: 13px;
	font-weight: bold;
}
.coloringmilk_sliderarea02 .check-btn span img {
	margin: 0 auto 2px auto;
	width: 20px;
}
.coloringmilk_sliderarea03 {
 margin-right: 0;
 padding-top: 20px;
}
.coloringmilk_sliderarea05 {
 width: 80%;
 margin: 0 auto;
}
.coloringmilk_sliderarea05 img {
 width: 100%;
}
.coloringmilk_sliderarea06 {
 font-size: 13px;
 text-align: center;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 15px 0;
 line-height: 1.5;
}
.coloringmilk_sliderarea07 {
 width: 90%;
 margin: 0 auto;
}
.coloringmilk_sliderarea07 img {
 width: 100%;
}
.coloringmilk_sliderarea08 {
 text-align: right;
 font-size: 9px;
 margin-right: 5%;
}
.coloringmilk_slider {
 max-width: 1170px;
 position: relative;
 margin: 0 auto;
}
.coloringmilk_slider .bx-controls a {
	position: absolute;
	top: 20%;
	width: 30px;
	height: 50px;
	margin-top: 0;
	z-index: 56;
	display: block;
	text-indent: -9999px;
}
.coloringmilk_slider .bx-prev {
 left: 12px;
 background: url("../images/left07.png") no-repeat center center;
 background-size: 30px auto;
}
.coloringmilk_slider .bx-next {
 right: 12px;
 background: url("../images/right07.png") no-repeat center center;
 background-size: 30px auto;
}
.color_sample div {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 57;
 display: none;
}
.color_sample div img {
 display: none;
}
.color_sample div.product09_color01 {
 background: rgba(0,0,0,0.6) url("../images/product09_color01.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color02 {
 background: rgba(0,0,0,0.6) url("../images/product09_color02.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color03 {
 background: rgba(0,0,0,0.6) url("../images/product09_color03.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color04 {
 background: rgba(0,0,0,0.6) url("../images/product09_color04.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color05 {
 background: rgba(0,0,0,0.6) url("../images/product09_color05.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color06 {
 background: rgba(0,0,0,0.6) url("../images/product09_color06.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color07 {
 background: rgba(0,0,0,0.6) url("../images/product09_color07.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color08 {
 background: rgba(0,0,0,0.6) url("../images/product09_color08.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color09 {
 background: rgba(0,0,0,0.6) url("../images/product09_color09.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color10 {
 background: rgba(0,0,0,0.6) url("../images/product09_color10.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color11 {
 background: rgba(0,0,0,0.6) url("../images/product09_color11.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color12 {
 background: rgba(0,0,0,0.6) url("../images/product09_color12.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color13 {
 background: rgba(0,0,0,0.6) url("../images/product09_color13.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color14 {
 background: rgba(0,0,0,0.6) url("../images/product09_color14.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color15 {
 background: rgba(0,0,0,0.6) url("../images/product09_color15.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color16 {
 background: rgba(0,0,0,0.6) url("../images/product09_color16.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color17 {
 background: rgba(0,0,0,0.6) url("../images/product09_color17.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color18 {
 background: rgba(0,0,0,0.6) url("../images/product09_color18.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color19 {
 background: rgba(0,0,0,0.6) url("../images/product09_color19.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color20 {
 background: rgba(0,0,0,0.6) url("../images/product09_color20.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color21 {
 background: rgba(0,0,0,0.6) url("../images/product09_color21.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color22 {
 background: rgba(0,0,0,0.6) url("../images/product09_color22.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color23 {
 background: rgba(0,0,0,0.6) url("../images/product09_color23.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color24 {
 background: rgba(0,0,0,0.6) url("../images/product09_color24.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.product09_color25 {
 background: rgba(0,0,0,0.6) url("../images/product09_color25.jpg") no-repeat center center;
 background-size: cover;
}

.product09_color_close {
 position: fixed;
 right: 0;
 top: 0;
 left: inherit;
 z-index: 58;
 cursor: pointer;
 display: none;
 width: 117px;
 height: 60px;
 margin: 0;
 background: url("../images/product09_color_close.png") no-repeat 0 0;
 background-size: 117px auto;
}
.product09_color_close img {
 display: none;
}
.try_your_color {
 position: fixed;
 left: 0;
 top: 50px;
 width: 100%;
 height: calc(100% - 50px);
 background: rgba(255,255,255,0.9);
 z-index: 56;
 padding: 20px;
 box-sizing: border-box;
}
.try_your_color02 {
 height: 100%;
 overflow: auto;
}
.try_your_color02 .coloringmilk_title {
 margin: 40px 0 20px 0;
}
.try_your_color_use {
 text-align: center;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
 padding: 10px 15%;
 margin: 30px 0 15px 0;
}
.try_your_color_title01 {
 text-align: center;
 font-size: 13px;
 margin: 30px 0 20px 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.try_your_color_title01:before,
.try_your_color_title01:after {
 border-top: 1px solid #999999;
 content: "";
 width: 20px;
}
.try_your_color_title01:before {
 margin-right: 1rem;
}
.try_your_color_title01:after {
 margin-left: 1rem;
}
.try_your_color03_2 {
 font-size: 12px;
 margin-bottom: 20px;
}
.try_your_color04_2 {
 margin: 10px 10px 20px 10px;
 font-size: 12px;
}
.try_your_color04_2 h4 {
 font-size: 12px;
 font-weight: normal;
 margin-top: 10px;
}
.product09_color_close2 {
 position: fixed;
 right: 20px;
 top: 70px;
 z-index: 57;
}
.try_your_color_btn {
 display: flex;
 justify-content: space-between;
}
.try_your_color_btn li {
 max-width: 47%;
}
.coloringmilk_bg01_sp {
 background: url("../images/bg02_sp.jpg") no-repeat center center;
 background-size: 100% auto;
}
.coloringmilk_colorchart {
 text-align: center;
 padding-bottom: 0;
 border-bottom: none;
 max-width: inherit;
 margin: 0 20px;
}
.coloringmilk_colorchart h2 {
 font-size: 17px;
 margin-bottom: 20px;
}
.coloringmilk_bg02 {
 background: none;
 padding: 0;
}
.coloringmilk_feature01 {
 text-align: center;
 margin: 0 15% 80px 15%;
}
.coloringmilk_feature02 {
 display: block;
 max-width: inherit;
 margin: 0 20px;
 text-align: center;
}
.coloringmilk_feature02 li {
 max-width: inherit;
 position: relative;
}
.coloringmilk_feature02 li:nth-child(2) {
 margin: 50px 0;
}
.coloringmilk_feature03 {
 text-align: center;
 margin: 0 8%;
}
.coloringmilk_feature03 img {
 width: 100%;
}
.coloringmilk_feature04 {
 font-weight: bold;
 font-size: 12px;
 letter-spacing: 0.2em;
 margin: 10px 0 10px 0;
}
.coloringmilk_feature04 span {
 font-size: 10px;
 vertical-align: top;
}
.coloringmilk_feature05 {
 font-size: 12px;
}
.coloringmilk_feature02 li:nth-child(3) .coloringmilk_feature03 {
 margin: 0 6%;
}
.coloringmilk_feature07 {
	font-size: 12px;
 letter-spacing: 0.2em;
 margin: 10px 0 10px 0;
}
.coloringmilk_feature07 dt {
width: 130px;
}

.coloringmilk_mood {
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 margin: 30px 0;
}
.coming {
 text-align: center;
 margin: 0 20px;
}
.coloringmilk_howto {
 margin-top: 80px;
}
.coloringmilk_howto_list {
 max-width: inherit;
 margin: 0 20px;
 display: block;
}
.coloringmilk_howto_list li {
 display: flex;
 justify-content: space-between;
 margin-bottom: 30px;
}
.coloringmilk_howto_list li:nth-child(2) {
 border-right: none;
	border-bottom: 1px solid #4b4948;
 padding: 0 0 30px 0;
}
.coloringmilk_howto_list li:nth-child(4) {
 border-right: none;
	border-bottom: 1px solid #4b4948;
 padding: 0 0 30px 0;
}

.coloringmilk_howto_list li h3 {
 font-size: 24px;
 margin-bottom: 5px;
}
.coloringmilk_howto02 {
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 0.1em;
 line-height: 1.8;
}
.coloringmilk_howto_list li:nth-child(1) .coloringmilk_howto03 {
 margin: 0 2% 0 0;
 width: 40%;
}
.coloringmilk_howto_list li:nth-child(2) .coloringmilk_howto03 {
 margin: -20px 30% 0 0;
 width: 37%;
}
.coloringmilk_howto_list li:nth-child(3) .coloringmilk_howto03 {
 margin: -20px 2% 0 0;
 width: 55%;
}
.coloringmilk_bg02_sp {
 background: url("../images/bg03_sp.jpg") no-repeat center top;
 background-size: cover;
 padding-bottom: 40px;
}
.coloringmilk_products {
 max-width: inherit;
 margin: 30px 20px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.coloringmilk_products_img {
 width: 40%;
}
.coloringmilk_products01 {
 width: 50%;
}
.coloringmilk_products01 h3 {
 font-size: 14px;
}
 .coloringmilk_products02 {
  margin-bottom: 5px;
 }
.coloringmilk_products02 span {
 font-size: 12px;
 padding: 3px 5px;
 width: 105px;
 display: block;
 text-align: center;
}
.coloringmilk_products02_02 {
 margin: 5px 0 20px 0;
 font-size: 8px;
}

.coloringmilk_youtube_title {
 text-align: center;
 font-size: 12px;
 margin: 50px 0 20px 0;
 letter-spacing: 0.2em;
}
.coloringmilk_youtube_title span.title_left,
.coloringmilk_youtube_title span.title_right {
	display: inline-block;
	width: 1px;
	height: 20px;
	background-color: #333333;
	border-radius: 1px;
	vertical-align: bottom;
}


.youtube {
 position: relative;
 padding-top: 51%;
 text-align: center;
 margin: 0;
}
.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
.coloringmilk_products03 {
 display: block;
 margin: 5px 0 10px 0;
}
.coloringmilk_at {
 max-width: inherit;
 margin: 35px 20px 0 20px;
 font-size: 12px;
 border-top: 1px solid #d1d1d1;
 padding-top: 30px;
}
.coloringmilk_at01 span {
 border: 1px solid #d1d1d1;
 padding: 2px 5px;
 font-size: 12px;
 width: 105px;
 display: block;
 text-align: center;
}

ul.online_store {
 max-width: inherit;
 margin: 0 30px;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
ul.online_store li {
 width: 48%;
 text-align: center;
 margin-bottom: 20px;
}
ul.online_store li a {
 display: block;
 border: 1px solid #d1d1d1;
 line-height: 60px;
 background-color: #FFF;
 padding: 0 10px;
}
ul.online_store li a img {
 vertical-align: middle;
}
ul.online_store li:nth-child(1) img {
 width: 60%;
}
ul.online_store li:nth-child(2) img {
 width: 70%;
}
ul.online_store li:nth-child(3) img {
 width: 80%;
}
ul.online_store li:nth-child(4) img {
 width: 80%;
}


.coloringmilk_present_btn {
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 max-width: inherit;
 margin: 50px 30px 30px 30px;
}
.coloringmilk_present_btn a {
 display: block;
 text-decoration: none;
 border: 1px solid #333333;
 border-radius: 6px;
 line-height: 44px;
 transition: background 0.2s linear;
 position: relative;
}
.coloringmilk_present_btn a::before {
 right: 15%;
 width: 6px;
 height: 6px;
 border-top: 1px solid #2f3a36;
 border-right: 1px solid #2f3a36;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 content: "";
 top: 50%;
 margin-top: -3px;
}

.bottm_navi.coloringmilk h2 {
 color: #333;
}
.bottm_navi.coloringmilk h2 span {
 font-size: 22px;
}

.coloringmilk_mood2 {
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 margin: 20px 0;
}
.coloringmilk_mood2 span.title_left,
.coloringmilk_mood2 span.title_right {
	display: inline-block;
	width: 1px;
	height: 18px;
	background-color: #333333;
	border-radius: 1px;
	vertical-align: bottom;
}
.coloringmilk_mood2 span.title_left {
	transform: rotateZ(135deg);
	margin: 0 10px 0 0;
}
.coloringmilk_mood2 span.title_right {
	transform: rotateZ(45deg);
	margin: 0 0 0 10px;
}
.coloringmilk_mood_list {
 max-width: inherit;
 margin: 20px 0 0 0;
 display: flex;
 flex-wrap: wrap;
}
.coloringmilk_mood_list li {
 cursor: pointer;
 margin:0 0 5px 0;
 width: calc(50% - 2px)
}
.coloringmilk_mood_list li:nth-child(even) {
 margin-left: 4px;
}
.coloringmilk_mood_list li:nth-child(4),
.coloringmilk_mood_list li:nth-child(8),
.coloringmilk_mood_list li:nth-child(10) {
 margin:0 0 10px 4px;
}
.moodcolor_bg {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(255,255,255,0.8);
 opacity: 0;
 z-index: -1;
	transition: opacity 0.2s linear;
}
.moodcolor_box {
 opacity: 0;
}
.moodcolor_box .swiper-container-horizontal {
 width: 225px;
 height: 225px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -112px 0 0 -112px;
 overflow: hidden;
}
.moodcolor_bg.open,
.moodcolor_box.open {
 opacity: 1;
 z-index: 60;
 transition: opacity 0.2s linear;
}
.moodcolor_close {
 position: absolute;
 right: 20px;
 top: 20px;
 width: 75px;
}
.moodcolor_bg .swiper-button-prev {
 left: 12px;
 background: url("../images/left08.png") no-repeat 0 0;
 background-size: 30px auto;
}
.moodcolor_bg .swiper-button-next {
 right: 12px;
 background: url("../images/right08.png") no-repeat 0 0;
 background-size: 30px auto;
}
.moodcolor_bg .swiper-button-next.swiper-button-disabled,
.moodcolor_bg .swiper-button-prev.swiper-button-disabled {
 opacity: 0;
}
 
.moodcolors10_area {
 margin: 30px 0;
}

 .moodcolors10_title span {
  line-height: 1;
  margin-bottom: 10px;
 }
.moodcolors10_slide {
  position: relative;
 }
.moodcolors10 {
 display: block;
 max-width: inherit;
 left:50%;
	margin:0 0 0 -114px;
	position: absolute !important;
}
.moodcolors10_slide .bx-controls a {
	position: absolute;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 10;
	display: block;
	text-indent: -9999px;
}
.moodcolors10_slide .bx-prev {
	z-index: 2;
 left: 0;
 background: url("../images/left08.png") no-repeat center center;
 background-size: 30px auto;
}
.moodcolors10_slide .bx-next {
	z-index: 2;
 right: 0;
 background: url("../images/right08.png") no-repeat center center;
 background-size: 30px auto;
}
.moodcolors10_slide .slide {
 opacity: 0.2;
}
.moodcolors10_slide .active-slide {
 opacity: 1;
}

.moodcolors10 li:nth-child(5),
.moodcolors10 li:nth-child(10) {
 margin-right: 0;
}
.moodcolors10 li:nth-child(1),
.moodcolors10 li:nth-child(2),
.moodcolors10 li:nth-child(3),
.moodcolors10 li:nth-child(4),
.moodcolors10 li:nth-child(5) {
 margin-bottom: 0;
}
.moodcolors10 li span {
 display: block;
 margin: 10px 0 0 0;
}
.coloringmilk_title_catch {
 width: 120px;
 margin: 20px auto 20px auto;
 color: #FFF;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 background-color: #58585a;
 padding: 3px 0;
}
.coloringmilk_black_at {
 display: flex;
 justify-content: center;
 align-items: center;
 border-bottom: 1px solid #d1d1d1;
 padding-bottom: 30px;
 margin: 20px auto 30px auto;
}
.coloringmilk_title_catch {
 width: 100px;
 margin: 0 10px 0 0;
 color: #FFF;
 font-size: 11px;
 text-align: center;
 font-weight: bold;
 background-color: #58585a;
 padding: 3px 0;
}
.coloringmilk_black_at02 {
 font-size: 9px;
}
.coloringmilk_products_list_area {
 display: block;
 justify-content: space-between;
 max-width: 1120px;
 margin: 30px 20px 30px 20px;
}
.coloringmilk_products_list_area h2 {
 text-align: center;
 line-height: 1;
}
.coloringmilk_products_list_area h2 img {
 height: 30px;
 width: auto;
 }
.coloringmilk_products_list_area03 {
 max-width: inherit;
 margin: 30px 20px 0 20px;
}
 .coloringmilk_products_list_area03 h2 img {
 height: 30px;
 width: auto;
 }
.coloringmilk_products_list_area03 .coloringmilk_products_list li {
 margin: 0 0.5% 20px 0.5%;
}
.coloringmilk_serum {
 max-width: inherit;
 margin: 50px 20px 0 20px;
 border: 1px solid #d1d1d1;
 background-color: #FFF;
}
.coloringmilk_serum02 {
 max-width: inherit;
 margin: 0 auto;
 padding: 15px 0 30px 0;
 display: block;
 justify-content: space-between;
}
.coloringmilk_serum03 {
 margin: 20px 7% 0 7%;
}
.coloringmilk_serum03 h3 {
 margin: 0 0 20px 0;
}
.coloringmilk_serum03 h3 img {
 width: 252px;
}
.coloringmilk_seru_img {
 text-align: center;
}
.coloringmilk_seru_img img {
 width: 70%;
}
.coloringmilk_serum03 p {
 margin: 15px 0 0 0;
}
.coloringmilk_cm-title {
	font-size: 22px;
	margin: 70px 0 30px 0;
}
.coloringmilk_cm-list {
	display: block;
	max-width: inherit;
	margin: 0 0 30px 0;
}
.coloringmilk_cm-list li {
	width: auto;
	margin-bottom: 30px;
}
	

.smokytint_title01 {
	font-size: 15px;
	margin: 30px 15px 15px 15px;
}
.smokytint_title01::after {
	height: 1px;
}
.smokytint01 {
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 70px;
	max-width: 1180px;
	margin: 0 auto;
}
.smokytint01 img {
	width: 80%;
}
.smokytint02 {
	display: block;
	margin: 20px 0 0 0;
	text-align: center;
}
.smokytint02 li {
	margin: 20px 0;
}
.smokytint02 li img {
	width: 50%;
}
.smokytint03 {
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 9px;
}
.smokytint04 {
	text-align: center;
	margin: 40px 0 10px 0;
}
.smokytint05 {
	border-bottom: none;
	padding-bottom: 0;
}
.smokytint06 {
	display: inline-block;
	border: 1px solid #CCC;
	padding: 2px 3px 0 3px;
	font-size: 10px;
	margin: 10px 0 0 0;
}
.smokytint07 {
	display: block;
	margin: 10px 0 0 0;
}
.smokytint07 p {
	font-size: 11px;
	margin: 10px 0 0 0;
}
.smokytint07 figure {
	width: 60px;
}
ul.smokytint08 {
	display: flex;
	justify-content: center;
	margin: 40px;
	flex-wrap: wrap;
}

ul.smokytint08 li {
	margin: 0 1.5% 20px 1.5%;
	text-align: center;
	width: 30%
}
ul.smokytint08 li img {
	width: 70%;
}
ul.smokytint08 li span {
 font-size: 9px;
 margin: 5px 0 0 0;
}
.smokytint_item p.products_img {
	float: left;
	margin: 0 5% 0 0;
	width: 45%;
}
.smokytint_item .products_details {
 float: left;
	width: 50%;
	border-top: none;
	padding-top: 0;
}
.color_sample div.smokytint_charcoal {
 background: rgba(0,0,0,0.6) url("../images/smokytint_charcoal.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.smokytint_glassgreen {
 background: rgba(0,0,0,0.6) url("../images/smokytint_glassgreen.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.smokytint_seabedblue {
 background: rgba(0,0,0,0.6) url("../images/smokytint_seabedblue.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.smokytint_pionepurple {
 background: rgba(0,0,0,0.6) url("../images/smokytint_pionepurple.jpg") no-repeat center center;
 background-size: cover;
}
.color_sample div.smokytint_cloudypink {
 background: rgba(0,0,0,0.6) url("../images/smokytint_cloudypink.jpg") no-repeat center center;
 background-size: cover;
}
	
.catch11 {
 background: none;
	border-bottom: 1px solid #d1d1d1;
}
.products_title11 {
	font-weight: normal;
}
.products_title_txt11 {
	margin-bottom: 10px;
}
.slider11 .swiper-button-prev.swiper-button-white {
 top: 23%;
}
.slider11 .swiper-button-next.swiper-button-white {
 top: 23%;
}
.slider11 p.swiper_img {
	margin: 0 11%;
}
.slider11_details {
	margin: 25px 11% 0 11%;
}
.slider11.swiper-container {
	margin-bottom: 0;
}
.thumbs_bg11 #thumbs .swiper-slide {
 min-width: 76px;
}
.thumbs_bg11 #thumbs {
	padding: 0;
	max-width: inherit;
}
.thumbs_bg11 {
	background: url(../images/thumbs_bg11.png) repeat-x 0 0;
}
.milkbleach01 {
 margin: 25px 10% 40px 10%;
}
.milkbleach02 {
 margin: 20px 10px 30px 10px;
}
.milkbleach03 {
	margin: 50px 10px 10px 10px;
}
.milkbleach04 {
	max-width: inherit;
	margin: 0 10px;
	font-size: 10px;
	display: block;
}
.milkbleach04 p:nth-last-child(1) {
	text-align: right;
}
.milkbleach05 {
	max-width: inherit;
	margin: 40px 10px 10px 10px;
	border-radius: 6px;
	padding: 10px 10px 0 10px;
}
.milkbleach05 h3 {
	text-align: center;
	padding: 20px 5% 0 5%;
}
.milkbleach06 {
	max-width: inherit;
	margin: 15px 5% 0 5%;
}
.milkbleach06 p {
	font-size: 11px;
	margin: 10px 0 0 0;
}
.milkbleach06 figure {
	width: 40%;
}
.milkbleach07 {
	text-align: center;
}
.milkbleach08 {
	max-width: inherit;
	margin: 10px;
	font-size: 10px;
}
.milkbleach09 {
	max-width: inherit;
	margin: 0 10px;
}
.milkbleach09 h3 {
	font-size: 14px;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 20px;
}
.milkbleach11 {
	margin-bottom: 30px;
}
	.milkbleach12 {
		width: 35%;
	}
.milkbleach13 {
	width: 60%;
	margin: 0 0 0 10px;
}
.milkbleach13 h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
	.milkbleach11_iyaku {
		width: 60px;
		line-height: 1;
	}
.milkbleach13 h5 {
	font-size: 12px;
	line-height: 20px;
	border-radius: 10px;
	margin: 10px 0;
}
.milkbleach14 {
	margin: 0 5%;
}
.milkbleach13 ul li {
	font-size: 10px;
}
.milkbleach15 {
	margin-top: 30px;
}
.no1 {
	max-width: inherit;
	margin: 50px 0;
}
.no1-img {
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}
.no1-logo {
	margin: 0 auto;
	width: 60%;
}
.no1-logo2 {
	margin: 20px auto 0 auto;
	width: 40%;
}
.no1 p {
	font-size: 9px;
	margin: 15px 0 0 0;
	text-align: center;
}


#YoucamPc .product09_color_close2 {
 right: 20px;
	top: 70px;
}
.YoucamPc-btn01 {
	max-width: 180px;
	text-align: center;
	margin: 20px 0 10px 0;
}
.YoucamPc-btn01 a {
	font-size:14px;
	line-height: 40px;
}
}