@charset "utf-8";
/* top
---------------------------------------------------------- */
.fixed {
    position: fixed !important; 
	top: 0; 
	z-index: 1;
}
.sec-top-01 {
	/*background: url(../common/img/bg_pattern_01.jpg) repeat;*/
}
.sec-top-01 .header-txt {
  padding: 15px 0 15px 0;
  text-align:left;
  text-indent: 42px;
  font-size: 1.1rem;
  line-height: 1;
}
.sec-top-01 .slider {
  padding: 0 10px 49px;
}
.sec-top-01 .slick_slide {
  width: 100%;
  touch-action: pan-y;
}
.sec-top-01 .slick_slide .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 12px;
}
.sec-top-01 .slick_slide .slick-dots li button:before {
  width: 15px;
  height: 15px;
  background: #CACACA;
}
.sec-top-01 .slick_slide .slick-dots li.slick-active button:before, 
.sec-top-01 .slick_slide .slick-dots li:hover button:before {
  background: #ddaeae;
}
.sec-top-01 .slider img.slide_img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 88vh;
  width: 100%;
}
/*.sec-top-01 .slider a img {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.sec-top-01 .slider a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}*/
.sec-top-01 .slider .video_li .video_wrap {
    position: relative
}
.sec-top-01 .slider .video_li .video {
    object-fit: cover;
    height: 88vh;
    width: 100%;
}
.sec-top-01 .slider .video_li .img01 {
    position: absolute;
    left: 67px;
    top: 66px;
}
.sec-top-01 .slider .video_li .img02 {
    position: absolute;
    right: 69px;
    bottom: 26px;
}
.nav-top-in {
	overflow: hidden;
	height: 60px;
	position: relative;
	display:table;
	background-color:#ddaeae;
	width: 100%;
}
.nav-top-in .logo-in {
    padding-top: 16px;
    display:table-cell;
    width: 32%;
}
.nav-top-in .nav-in {
    padding-top: 16px;
    display:table-cell;
    width: 65%;
}
.nav-top-in .nav-in .nav-global {
    width: 100%;
    /*display:table;*/
    text-align:left;
    display: flex;
    justify-content: space-between;
}
/*.nav-top-in .nav-in .nav-global span {
  display:table-cell;
}*/
.nav-top-in .nav-in .nav-global span a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
/*.nav-top-in .nav-in .nav-global .nav01 {
    width: 9%;
    min-width: 108px;
}
.nav-top-in .nav-in .nav-global .nav02 {
    width: 9%;
    min-width: 112px;
}
.nav-top-in .nav-in .nav-global .nav03 {
    width: 8%;
    min-width: 145px;
}
.nav-top-in .nav-in .nav-global .nav04 {
    width: 8%;
    min-width: 105px;
}
.nav-top-in .nav-in .nav-global .nav05 {
    width: 7%;
    min-width: 182px;
}
.nav-top-in .nav-in .nav-global .nav06 {
    width: 16%;
}*/
.ttl-product {
    padding: 0;
    /*border-bottom: dotted 1px #CC9DB9;*/
    margin-bottom: 62px;
}

/*　アドシン追記 20200915　*/
.top_wrap {
    max-width: 1158px;
    margin: 0 auto 70px;
}
.top-bnr {
    padding: 75px 0 0 0;
    margin-bottom: 54px;
}
.top-bnr a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}
.contents-top .contents-top_container .contents-top_box {
    position: relative;
    margin-bottom: 50px;
}
.contents-top .contents-top_container .contents-top_box:last-child {
    margin-bottom: 0;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .ttl-detail {
    font-size: 1.3rem;
    line-height: 1.54;
    text-align: left;
    margin-right: 20px;
    padding-left: 3%;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn {
    min-width: 355px;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn.fiory {
    background-color: #ddaeae;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn.color-uv {
    background-color: #cc9bc2;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn.naturalplus {
    background-color: #9ebfd2;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn a {
    width: 100%;
    font-size: 1.3rem;
    color: #fff;
    display: block;
    padding: 20px 10px;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn a:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("../img/img_top_btn.svg");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 1em;
}
.contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}
.contents-top .contents-movie {
    padding: 50px 0 100px;
}
.contents-top .contents-movie h2 {
    margin-bottom: 20px;
}
.contents-top .contents-movie .video {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
}
.contents-top .contents-movie .video .iframe_area {
    width: 100%;
    padding: 44.4444% 0 0;
    padding: calc(400 / 900 * 100%) 0 0;
    position: relative;
    box-sizing: border-box;
}
.contents-top .contents-movie .video .iframe_area iframe {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* content
---------------------------------------------------------- */
.contents-top {}
.contents-top-main {
	display:table;
	width: 100%;
	min-width: 900px;
}
	.contents-top-main .sec-cmn-content {
		display:table-cell;
		width: 50%;
	}
	.sec-cmn-content.col01 {background-color:#f5e9eb;}
	.sec-cmn-content.col02 {background-color:#fefefe;}
		.sec-cmn-content .ttl-cmn-01 {margin-bottom: 55px;}
			.sec-cmn-content .ttl-cmn-01 img {
				width: 100%;
				height: auto;
			}
			.sec-cmn-content .ttl-cmn-01 a{
				-webkit-transition: all 0.6s;
				transition: all 0.6s;
			}
			.sec-cmn-content .ttl-cmn-01 a:hover {
				filter: alpha(opacity=50);
				-moz-opacity:0.50;
				opacity:0.50;
				-webkit-transition: all 0.6s;
				transition: all 0.6s;
			}
		.sec-cmn-content .ttl-head-top {
			margin: 0 auto 38px;
			max-width: 421px;
		}
			.sec-cmn-content .ttl-head-top img {
				width: 100%;
			}
.list-product-wrap {
	margin-bottom: 7px;
	box-sizing: border-box;
}
	.list-product {
		display: block;
		overflow: hidden;
		*zoom: 1;
	}
		.list-product .box-product {
			margin-bottom: 30px;
			display: block;
			float:left;
			width: 50%;
			box-sizing: border-box;
		}
		.list-product .box-product.p01 {
			padding-left: 23px;
		}
		.list-product .box-product.p02 {
			padding-right: 23px;
		}
		.list-product .box-product:nth-child(3) {
			clear: left;
		}
			.list-product .box-product .box-product-in {
				margin-bottom: 22px;
				display:inline-block;
				position:relative;
			}
				.list-product .box-product .fig-product {
					margin: 0 auto;
					max-width: 269px;
				}
				.list-product .box-product .fig-product.uni {
					padding-top: 64px;
				}
					.list-product .box-product .fig-product a {
						-webkit-transition: all 0.6s;
						transition: all 0.6s;
					}
					.list-product .box-product .fig-product a:hover {
						filter: alpha(opacity=50);
						-moz-opacity:0.50;
						opacity:0.50;
					}
					.list-product .box-product .fig-product img {width: 100%;}
				.list-product .box-product .img-lens {
					position:absolute;
					left: 2px;
					bottom: -13px;
				}
				.list-product .box-product .img-lens.uni {
					position:absolute;
					left: -13px;
					bottom: -13px;
				}
			.list-product .box-product .ttl-name {
				margin-bottom: 21px;
			}
			.list-product .box-product .ttl-detail {
				text-align:left;
				width: 264px;
				margin: 0 auto;
				font-size: 1.2rem;
				line-height: 1.54;
			}
.sec-about {
    text-align:center;
    margin-bottom: 90px !important;
}
.sec-about .sec-about-in {
    padding: 46px 0;
    background: url(../img/img_about.jpg) no-repeat;
    background-size: cover;
    min-width: 900px;
}
.sec-about .sec-about-in .sec-about-item {
    padding-left: 35%;
}
.sec-about .sec-about-in .ttl-about {
    /*padding: 0 0 0 15%;*/
    /*display: inline-block;*/
    text-align:left;
}
.sec-about .sec-about-in .ttl-about .txt-about {
    display:block;
    padding: 16px 0 0 0;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
}
.sec-about .sec-about-in .sec-about-item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    padding-right: 30%;
}
.sec-about .sec-about-in .sec-about-item ul li {
    width: 48%;
}
.sec-about .sec-about-in .sec-about-item ul li img {
    max-width: 100%;
}
	.sec-about .box-link {
		overflow: hidden;
		margin: -163px 0 28px;
	}
		.sec-about .box-link ul {
			display:table;
			float:right;
			padding-right: 103px;
		}
			.sec-about .box-link ul li {
				display: table-cell;
			}
				.sec-about .box-link ul li a { display:block;}
.sec-movie {
	min-width: 900px;
	/*background: url(../common/img/bg_pattern_01.jpg) repeat;*/
	padding: 43px 0;
}
.sec-movie .top_wrap {
    margin-bottom: 0;
}
.sec-movie h2 {
    padding-top: 20px;
    margin-bottom: 26px;
    border-top: dotted 1px #CC9DB9;
}
		.sec-movie .video {
			margin: 0 auto;
			width: 100%;
			max-width: 900px;
		}
			.sec-movie .video img {
				width: 100%;
			}
@media screen and (max-width: 767px) {
    .sec-top-01 {
        /*background: url(../common/img/bg_pattern_01.jpg) repeat;*/
    }
    
/*　アドシン追記　200916　*/
    .top_wrap {
        padding: 0 7px;
        margin-bottom: 40px;
    }
    .top_wrap.top_product {
        padding: 0;
    }
    .contents-top .contents-top_container .contents-top_box {
        padding: 0 7px 35px;
        margin-bottom: 35px;
        border-bottom: dotted 1px #CC9DB9;
    }
    .contents-top .contents-top_container .contents-top_box.fiory {
        padding-bottom: 0;
        margin-bottom: 40px;
        border-bottom: none;
    }
    .contents-top .contents-top_container .contents-top_box:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .contents-top .contents-movie {
        border-bottom: dotted 1px #CC9DB9;
        margin-bottom: 30px;
        padding: 0 0 30px;
    }
    .contents-top .contents-movie h2 {
        margin-bottom: 15px;
    }
    .contents-top .contents-movie .video {
        margin: 0;
    }
    .contents-top .contents-movie .video .iframe_area {
        padding: 47.333% 0 0;
        padding: calc(284 / 640 * 100%) 0 0;
    }

    .sec-top-01 .slider {
      padding: 7px 7px 25px 7px;
    }
    .sec-top-01 .slick_slide .slick-dots {
      bottom: -25px;
      height: 25px;
    }
    .sec-top-01 .slick_slide .slick-dots li {
      width: 8px;
      height: 8px;
      margin: 0 5px;
    }
    .sec-top-01 .slick_slide .slick-dots li button:before {
      width: 8px;
      height: 8px;
    }
    .sec-top-01 .slider img.slide_img {
      /*height: calc(100vh - 115px);*/
      height: calc(100vh - 32vw);
      width: 100%;
    }
    .sec-top-01 .slider .video_li .video {
      /*height: calc(100vh - 115px);*/
      height: calc(100vh - 32vw);
      width: 100%;
    }
    .sec-top-01 .slider .video_li .img01 {
      position: absolute;
      left: 4%;
      top: 3%;
      width: 140px;
    }
    .sec-top-01 .slider .video_li .img02 {
      position: absolute;
      right: 4%;
      bottom: 5%;
      width: 170px;
    }
    .nav-top-in {
        height: 86px;
        position: relative;
        background-color:#ddaeae;
        width: 100%;
        display: block;
    }
    .logo-center {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding: 0 3%;
        /*display: table;*/
        /*overflow: hidden;
        *zoom: 1;*/
    }
    .nav-top-in .logo-in {
    padding-top: 8px;
    display: block;
    width: 30%;
    /*width: 105px;
    float:left;*/
  }
  .nav-top-in .nav-in {
    padding-top: 21px;
    display: block;
    width: 70%;
    /*width: 215px;
    float:left;*/
  }
    .nav-top-in .nav-in .nav-global {
        width: 100%;
        /*display: block;
        text-align:left;
        overflow: visible;*/
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .nav-top-in .nav-in .nav-global span {
        margin-bottom: 7px;
        display: block;
        float: none;
        width: auto;
    }
    .nav-top-in .nav-in .nav-global span img {
        width: auto;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }
    .nav-top-in .nav-in .nav-global .nav01 {
        /*float:left;
        width: 75px;
        min-width: 75px;*/
        width: 22%;
        margin-right: 6%;
    }
    .nav-top-in .nav-in .nav-global .nav02 {
        /*float:left;
        clear: left;
        width: 90px;
        min-width: 90px;
        margin-left: -75px;*/
        width: 22%;
    }
    .nav-top-in .nav-in .nav-global .nav03 {
        /*float: left;
        width: 115px;
        min-width: 115px;*/
        width: 34%;
        margin-right: 5.5%;
    }
    .nav-top-in .nav-in .nav-global .nav04 {
        /*float:left;
        width: 62px;*/
        width: 19%;
        margin-right: 11.5%;
    }
    .nav-top-in .nav-in .nav-global .nav05 {
        /*float:left;
        width: 140px;
        min-width: 140px;*/
        width: 45%;
        margin-right: 5%;
    }
    .nav-top-in .nav-in .nav-global .nav06 {
        width: 22.5%;
        margin-right: 7.5%;
    }
    .ttl-product {
        margin-bottom: 32px;
    }
    .top-bnr {
        padding: 35px 0 0 0;
        margin-bottom: 27px;
    }

/* content
---------------------------------------------------------- */
.contents-top {}
.contents-top-main {
	display: block;
	width: 100%;
	min-width: 100%;
}
	.contents-top-main .sec-cmn-content {
		display: block;
		width: 100%;
	}
	.sec-cmn-content.col01 {background-color:#f5e9eb;}
	.sec-cmn-content.col02 {background-color:#fefefe;}
		.sec-cmn-content .ttl-cmn-01 {margin-bottom: 17px;}
			.sec-cmn-content .ttl-cmn-01 img {
				width: 100%;
				height: auto;
			}
		.sec-cmn-content .ttl-head-top {
			margin: 0 auto 18px;
			max-width: 421px;
		}
		.sec-cmn-content .ttl-head-top.ttl01 {
			max-width: 178px;
		}
		.sec-cmn-content .ttl-head-top.ttl02 {
			max-width: 202px;
		}
			.sec-cmn-content .ttl-head-top img {
				width: 100%;
			}
.list-product-wrap {
	padding: 0 24px 0 30px;
	box-sizing: border-box;
	margin-bottom: 0;
}
	.list-product {
		display: block;
		overflow: hidden;
		*zoom: 1;
	}
		.list-product .box-product {
			margin-bottom: 30px;
			display: block;
			float: none;
			width: 100%;
			box-sizing: border-box;
		}
		.list-product .box-product.p01 {
			padding-left: 0;
		}
		.list-product .box-product.p02 {
			padding-right: 0;
		}
		.list-product .box-product:nth-child(3) {
			clear: left;
		}
			.list-product .box-product .box-product-in {
				margin-bottom: 22px;
				display:inline-block;
				position:relative;
			}
			.list-product .box-product .box-detail-in {
				display:block;
				margin: 0 auto;
				width: 320px;
			}
				.list-product .box-product .fig-product {
					margin: 0 auto;
					max-width: 183px;
				}
					.list-product .box-product .fig-product a {
						display:block;
						-webkit-transition: all 0.6s;
						transition: all 0.6s;
					}
					.list-product .box-product .fig-product a:hover {
						filter: alpha(opacity=50);
						-moz-opacity:0.50;
						opacity:0.50;
					}
					.list-product .box-product .fig-product img {width: 100%;}
				.list-product .box-product .img-lens {
					position:absolute;
					left: -3px;
					bottom: -8px;
				}
				.list-product .box-product .img-lens.uni {
					position:absolute;
					left: -3px;
					bottom: -8px;
				}
			.list-product .box-product .ttl-name {
				vertical-align: top;
				padding-right: 10px;
				padding-top: 5px;
				display:table-cell;
				margin-bottom: 0;
			}
			.list-product .box-product .ttl-detail {
				display:table-cell;
				vertical-align: top;
				font-size: 1.4rem;
			}

/*　アドシン追記　209016　*/
    .sec-about {
        text-align:center;
        margin-bottom: 40px !important;
    }
	.sec-about .sec-about-in {
		padding: 0 0 11px 0px;
		margin-bottom: 0;
		background: url(../img/img_about_sp.jpg) no-repeat;
		background-size: cover;
		min-width: 100%;
	}
    .sec-about .sec-about-in .sec-about-item {
        padding-left: 0;
    }
    .sec-about .sec-about-in .ttl-about {
        padding: 13px 0 0 33%;
        display: inline-block;
        text-align:left;
    }
    .sec-about .sec-about-in .ttl-about .txt-about {
        padding: 12px 0 0 0;
        font-size: 7px;
        line-height: 1.8;
        width: 131px;
    }
	.sec-about .box-link {
        padding: 20px 0;
		margin: 0;
        background-color: #c6dbd6;
	}
    .sec-about .box-link ul {
        width: 100%;
        box-sizing: border-box;
        padding: 0 7px;
        overflow: hidden;
        *zoom: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		}
    .sec-about .box-link ul li {
        box-sizing: border-box;
        width: 48%;
    }
    .sec-about .box-link ul li img {
        width: 100%;
    }
    .sec-about .box-link ul li a {
        display:block;
    }
.sec-movie {
	/*background: url(../common/img/bg_pattern_01.jpg) repeat;*/
	padding: 30px 0 0;
	min-width: 100%;
}
	.sec-movie h2 {
		margin-bottom: 12px;
	}
	.sec-movie .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	}
		.sec-movie .video iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
	}
		.sec-movie .video img {
			width: 100%;
		}
    
/*　アドシン追記　200916　*/
    .contents-top .contents-top_container .contents-top_box .ttl-cms img {
        max-width: 100%;
    }
    .contents-top .contents-top_container .contents-top_box .contents-top_txtbox {
        position: relative;
        display: block;
        margin-top: 20px;
    }
    .contents-top .contents-top_container .contents-top_box .contents-top_txtbox .ttl-detail {
        padding-left: 0;
        margin-right: 0;
    }
    .contents-top .contents-top_container .contents-top_box .contents-top_txtbox .contents-top_btn {
        width: 90%;
        min-width: 90%;
        margin: 20px auto 0;
    }
}
		
/* content
---------------------------------------------------------- */	
.list-product .box-product .ttl-addsp {
				font-size: 1.3rem;
				text-align:left;
			}
	
/* panch追記 160226 スマホ
---------------------------------------------------------- */
.sp_dia {
	margin-bottom:16px;
}