@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');




:root {
--point-color-red: #BD111A;
--point-color-blue: #345E9E;
--txt-color: #000;
--head-color: rgba(255,255,255,1);
--content-padding: 120px 0;
--base-color: #9DC3C3;
}


/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	color: var(--txt-color);


	font-size: 14px;
	font-weight: 500;
	line-height: 160%;

	font-family: 'Noto Sans JP',YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-feature-settings: "palt";
	
	
	height: 100%;
	

}



p{
	line-height:160%;
	letter-spacing:0px;
	margin-bottom: 10px
}
p.caption{
	font-size: 12px;
}

a,a:hover,a:visited,a:active{
	color:#271821
}
img{
  vertical-align:bottom;
}

h1 {
	margin-bottom: 40px;
}



#wrap{
	width: 100%;
	height: 100%;
	background: #ff3eb5 url("../../images/teaser_bg_pc.jpg?v=0002") no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}





.overlay{
    width:100%;
    height:100%;
    background:rgba(255,255,255,.6);
    position:fixed;
    z-index:9999;
	top:0;
	left: 0;
}
.modalImg{
	display: block;
	width:85%;
	
	position: absolute;
	left: 50%;
	top:50%;
	
	transform: translate(-50%,-50%);
	
	box-shadow: 0 0 40px rgba(0,0,0,.4);
	
}
.modalImg img{
	width:100%;
	height: auto;
}
.btn_area{
	
	width:35px;
	height: 35px;
    position:absolute;
    top:-20px;
    right:-20px;
    z-index:2;
	display: inline-block;
}
.btn_area p{
    padding:15px;
}
.btn_area button{
    display:block;
	border-radius: 30px;
	width:35px;
	height: 35px;
    background-color:rgba(0,0,0,1);
	padding: 0;
	color: #fff;
	border: none;
}


@media all and (min-width: 768px) {
	.modalImg{
		display: block;
		width:600px;

		position: absolute;
		left: 50%;
		top:50%;

		transform: translate(-50%,-50%)

	}
	.modalImg img{
		width:100%;
		height: auto;
	}

}




.teaserLogo{
	height: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-95%,-5%);
	
	animation-name:teaserLogo;
	animation-duration:.5s;
	animation-delay: 1.7s;
	animation-fill-mode:forwards;
	opacity:0;
}
.teaserLogo img{
	height: 100%;
	width: auto;

}



.opening{
	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	
	background-color: #FF3EB5;
	overflow: hidden;
	
	z-index: 2020;
	pointer-events: none;
	
	opacity: 1;


	animation-name:openingBgAni;
	animation-duration:.8s;
	animation-delay: 1.4s;
	animation-fill-mode:forwards;


}
.opening img{
	width: 200px;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}



@keyframes teaserLogo {
  0% {
	  opacity:0;
	transform: translate(-95%,-5%);
	}
  100% {
	  opacity:1;
	transform: translate(-95%,0%);
	}
}

@keyframes openingBgAni {
  0% {
	  opacity:1;
	}
  100% {
	  opacity:0;
	}
}


.fs-preview-header { display: none; }

header{
	display: flex;
	padding: 20px 0 20px;
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	
	transition: .3s all ease-in-out;
	background: rgba(255,255,255,.6)
}
body.scrollOn header{
	background: rgba(255,255,255,.9)
}
header section{
	width:100%;
	padding: 0 30px;
	margin: 0 auto;
}

header #hlogo{
	width:152px;
	height: 36px;
	transition: .2s all ease-in-out;
	opacity: 1;
	z-index: 1040;
	position: relative;
}
header #hlogo a{
	width:152px;
	height: 36px;
	display: block;
	background: url("../../images/logo_p.png?v=0001") no-repeat 0 0;
	background-size: 100% auto;
	transition: .2s all ease-in-out;
}




header .hIconmenu{
	display: none;
	/*display: flex;*/
	flex-wrap: wrap;

	position: absolute;
	width:92px;
	height: 36px;
	margin: 0 0 0;
	top:18px;
	right:80px;
	
	z-index: 1030;
}
header .hIconmenu.active{
	display: flex;
}

header .hIconmenu li{
	width: 36px;
	margin: 0 20px 0 0;
}
header .hIconmenu li:nth-last-of-type(1){
	margin: 0;
}
header .hIconmenu li a{
	display: block;
}

header .hIconmenu li a img{
	width: 36px;
	height: auto;
}



#panel{
	display: flex;
	flex-direction:column-reverse;
	width: calc(100% - 112px);
	transition: all .2s ease-in-out ;
	z-index: 1039;
	
}




/*ハンバーガーメニュー*/
#panel-btn {
	display: inline-block;
	position: absolute;
	width:42px;
	height: 34px;
	margin: 0 0 0;
	top:15px;
	right:15px;
	cursor:pointer;
	z-index:9999;

}


#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 5px;
	margin: 0 0 0 -21px;
	background: #000;
	overflow: visible;
	transition: .3s;
	border-radius: 3px;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 5px;
	background: #000;
	transition: .3s;
	border-radius: 3px;
}
#panel-btn-icon:before{
	width: 42px;
	margin-left: -21px;
	margin-top: -15px;
}
#panel-btn-icon:after {
	width: 42px;
	margin-left: -21px;
	margin-top: 11px;
}

.scrollOn #panel-btn-icon,.scrollOn #panel-btn-icon:before, .scrollOn #panel-btn-icon:after {
	background: #000;
}

#panel-btn .close {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: -1px;
	background: #000;
}
#panel-btn .close:before {
	width: 42px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left: -21px;
}
#panel-btn .close:after {
	width: 42px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-left: -21px;
}

#panel{
	position: fixed;
	top:0;
	right: 0;
	z-index: 1020;
	width: 400px;
	height: 100vh;
	transition: all .5s ease-in-out;
	opacity: 0;
	pointer-events: none;
	background: #fff;
	display: block;
	box-shadow: 0 0 30px rgba(0,0,0,.1)
}
#panel.openmenu{
	right: 0;
	opacity: 1;
	pointer-events:visible;
}
#panelBg{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100vh;
	background: rgba(0,0,0,.4);	
	box-shadow: 0 0 40px rgba(0,0,0,.5);
	z-index: 100;
	display: none;
}


#panel ul#gnavi{
	position: relative;
	z-index: 1001;
	margin:0 auto;
	padding: 100px 0 0 0 ;
	width: 100%;
}
#panel ul#gnavi li{
	margin: 0 0 0 24px;
	transition: all .2s ease-in-out ;
	text-align: left;
	opacity: 1;
	vertical-align: top;
}


#panel ul#gnavi li a{
	text-decoration: none;
	color: #333;
	display: block;
	padding: 15px 0 15px;
	font-size: 36px;
	font-weight: bold;
	line-height: 100%;	
	
	vertical-align: top;
	transition: all .2s ease-in-out ;
	position: relative;
	cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-style: italic;

}
#panel ul#gnavi li a::before{
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	background: #EEF162;
	border-radius: 50%;
	margin-right: 15px;

}

#panel ul li a:hover{
	opacity: .8;
}







/*intro*/



#intro{
	padding: 80px 0;
	background: url("../../images/read_bg.jpg") no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 60vw;
	
	position: relative;
}
#intro .introCatch{
	position: absolute;
	
	top: 5vw;
	left: 5vw;
}

#intro .introCatch img{
	width:50vw;
	height: auto;
}


#intro .readBtn{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translate(-50%,0)
}
#intro .readBtn a{
	display: block;
	border: 1px solid #000;
	padding: 15px 100px 15px 80px;
	background: #fff url("../../images/arrow_down.png") no-repeat right 80px center;
	background-size: 12px auto;
	border-radius: 40px;
	color: #000;
	text-decoration: none;

	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
}





/*point*/

#point{
	padding: 0 0;
	width: 100%;
	overflow: hidden;
}



.pointBoxs{
	display: flex;
	flex-wrap: wrap;
	
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
}
.pointBoxs.point1{
	background: #FF3EB5 url("../../images/point1_bg.png") no-repeat center top;
	background-size: 100% auto;
	flex-direction: row-reverse;
}
.pointBoxs.point2{
	background: #EEF162 url("../../images/point2_bg.png") no-repeat center top;
	background-size: 100% auto;
	padding-left: 8%;
}
.pointBoxs.point3{
	background: #FF7600 url("../../images/point3_bg.png") no-repeat center top;
	background-size: 100% auto;
	flex-direction: row-reverse;
}

.pointTxts{
	width:47%;
}

.pointTitle{
	font-size: 24px;
	margin-bottom: 25px;
	padding: 0 0 0 60px;
	line-height: 140%;
	position: relative;
}

.point1 .pointTitle::before{
	content: "";
	width: 105px;
	height: 98px;
	background: url("../../images/point1_icon.png") no-repeat 0 0;
	background-size: 100% auto;
	position: absolute;
	bottom: -10px;
	left: -50px;
}
.point2 .pointTitle::before{
	content: "";
	width: 105px;
	height: 98px;
	background: url("../../images/point2_icon.png") no-repeat 0 0;
	background-size: 100% auto;
	position: absolute;
	bottom: -10px;
	left: -50px;
}
.point3 .pointTitle::before{
	content: "";
	width: 105px;
	height: 98px;
	background: url("../../images/point3_icon.png") no-repeat 0 0;
	background-size: 100% auto;
	position: absolute;
	bottom: -10px;
	left: -50px;
}


p.pointTxt{
	font-size: 16px;
}

ul.pointList {
	margin-bottom: 10px;
}

ul.pointList li{
	padding-left: 20px;
	background: url("../../images/point_check.png") no-repeat 0 center;
	background-size: 14px auto;
	font-size: 16px;
	margin-bottom: 10px;
}


.pointImg{
	width:45%;
}
.pointImg img{
	width: 100%;
	height: auto;
}

.point2 .pointImg img{
	width: 50%;
	height: auto;
	display: block;
	
	margin: -70px 0 0;
}



/*PRODUCTS*/

#products{
	padding: 100px 0;
}


#products .h2Title{
	font-size: 70px;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
	
	margin-bottom: 0;
	line-height: 100%;
}



section.contSec .h2Title{
	font-size: 70px;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
	
	margin-bottom: 40px;
	line-height: 100%;
}




.pdtBox{
	position: relative;
	transition: all .2s ease-in-out;
}
.pdtBox.product1{
}
.pdtBox.product2{
	position: relative;
}

.pdtBox.product1 .pdtImg{
	background: url("../../images/color_01_bg.jpg") no-repeat center top 6vw;
	background-size: 100% auto;
	width: 100%;
	margin: 0 auto;
	padding:15% 7% 9%;
}
.pdtBox.product2 .pdtImg{
	background: url("../../images/color_02_bg.jpg") no-repeat center top 6vw;
	background-size: 100% auto;
	width: 100%;
	margin: 0 auto;
	padding:15% 7% 9%;
}
.pdtBox.product3 .pdtImg{
	background: url("../../images/color_03_bg.jpg") no-repeat center top 6vw;
	background-size: 100% auto;
	width: 100%;
	margin: 0 auto;
	padding:15% 7% 9%;
}
.pdtBox .pdtImg img{
	width: 100%;
	height: auto;
}

.pdtBox .pdtItem{
	position: absolute;
	bottom: 0%;
	right: 7%;
	width: 13%;
}
.pdtBox .pdtItem img{
	width: 100%;
	height: auto;
}


.pdtBox .pdtName{
	position: absolute;
	bottom: 8%;
	left: 11%;
	width: 15%;
}
.pdtBox .pdtName img{
	width: 100%;
	height: auto;
}
.pdtBox .pdtBtn{
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translate(-50%,0)
}
.pdtBox .pdtBtn a{
	border: 1px solid #000;
	display: block;
	padding: 15px 80px 15px 60px;
	background: #fff url("../../images/arrow_plus.png") no-repeat right 50px center;
	background-size: 14px auto;
	border-radius: 40px;
	color: #000;
	text-decoration: none;

	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
	
	font-size: 18px;

	animation: buyBtn 2s 2s ease-in infinite;
}


@keyframes buyBtn{
  0%{
	background: #fff url("../../images/arrow_plus.png") no-repeat right 50px center;
	background-size: 14px auto;
	border: 1px solid #000;
 	color: #000;
 }
  50%{
	background: #FF3EB5 url("../../images/arrow_plus.png") no-repeat right 50px center;
	background-size: 14px auto;
	border: 1px solid #FF3EB5;
	color: #000;
  }
  100%{
	background: #fff url("../../images/arrow_plus.png") no-repeat right 50px center;
	background-size: 14px auto;
	border: 1px solid #000;
	color: #000;
  }
}



.pdtBox img {
  height: auto;
  transform: scale(.95);
  transition: transform .5s;
  width: 100%;
}
/* 中央のスライド */
.productsSlide .slick-center img {
  transform: scale(1.1);
}
.productsSlide {
	position: relative;
}

.slide-arrow{
	position: absolute;
	z-index: 10;
}
.prev-arrow{
	top: 10%;
	left: 35%;
}
.next-arrow{
	top: 10%;
	right: 35%;
}

img.prev-arrow ,
img.next-arrow {
	width:45px;
	height: auto;
	display: block;
}

.slick-dots{
	bottom: inherit!important;
	top: 10% !important;
}
.slick-dots li {
	width: 32px !important;
	height: 32px !important;
	margin: 0 15px!important;
}
.slick-dots li button{
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #ddd !important;
	text-align: center;
	padding: 0 !important;
}
.slick-dots li button:before{
	font-size: 14px !important;
	font-weight: bold;
	line-height: 32px !important;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	width: 32px !important;
	height: 32px !important;
	opacity: 1 !important;
}
.slick-dots li:nth-of-type(1) button{
	background: #EEF162 !important;
}
.slick-dots li:nth-of-type(2) button{
	background: #FF00EB !important;
}
.slick-dots li:nth-of-type(3) button{
	background: #FF7600 !important;
}
.slick-dots li:nth-of-type(1) button:before{
	content: "1";
}
.slick-dots li:nth-of-type(2) button:before{
	content: "2";
}
.slick-dots li:nth-of-type(3) button:before{
	content: "3";
}




.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
 
.md-contents{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: auto;
  overflow: visible;
  transform: translate(-50%,-50%);
  z-index: 10000;
}
 
 
.md-inner{
  padding: 0;
  background: #fff;
  height: auto;
}
 
 
 
.md-xmark{
  position: absolute;
  top: -25px;
  right: -25px;
  width: 70px;
  height: 70px;
  z-index: 9999;
  cursor: pointer;
}
 
.md-xmark span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
 
.md-xmark span:nth-of-type(1) {
  top: 50%;
  transform: translateY(0) rotate(-45deg);
}
 
 
.md-xmark span:nth-of-type(2) {
  top: 50%;
  transform: translateY(0) rotate(45deg);
}






.comp-overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
 
.comp-contents{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  overflow: hidden;
  transform: translate(-50%,-50%);
  z-index: 10000;
}
 
 
.comp-inner{
  padding: 50px 30px 30px;
  background: #fff;
  height: auto;
}
.comp-inner p{
	font-size: 16px;
}
.comp-inner p span{
	font-weight: bold;
}

.comp-xmark{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  z-index: 9999;
  cursor: pointer;
}
 
.comp-xmark span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
 
.comp-xmark span:nth-of-type(1) {
  top: 50%;
  transform: translateY(0) rotate(-45deg);
}
 
 
.comp-xmark span:nth-of-type(2) {
  top: 50%;
  transform: translateY(0) rotate(45deg);
}





.productBoxs{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}

.productsImg{
	width: 39%;
	position: relative;
}
.productsImg img{
	width: 100%;
	height: auto;
}
.productsImg.pdtColor1::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	width: 158px;
	height: 50px;
	background: url("../../images/color_01_name.png") no-repeat 0 0;
	background-size: 158px 50px;
	
}
.productsImg.pdtColor2::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	width: 158px;
	height: 50px;
	background: url("../../images/color_02_name.png") no-repeat 0 0;
	background-size: 158px 50px;
	
}

.productsImg.pdtColor3::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 20px;
	width: 158px;
	height: 50px;
	background: url("../../images/color_03_name.png") no-repeat 0 0;
	background-size: 158px 50px;
	
}

.productsTxts{
	width: 61%;
}
.productsTxts p{
	letter-spacing: .1em;
}
.productTitle{
	padding-left: 50px;
	margin-bottom: 20px;
	font-size: 38px;
	font-weight: bold;
}
.productCatch{
	padding-left: 50px;
	margin-bottom: 10px;
	font-size: 28px;
	line-height: 100%;
}
.productCatch span{
	font-size: 13px;
	display: inline-block;
	padding-left: 10px;
	line-height: 100%;
}
.productCatch2{
	padding-left: 50px;
	margin-bottom: 20px;
	font-size: 22px;
}
.productRead{
	padding-left: 50px;
	margin-bottom: 20px;
	font-size: 18px;
}
.productPrice{
	padding-left: 50px;
	margin-bottom: 20px;
	font-size: 28px;
}
.productPrice span{
	font-size: 13px;
	display: inline-block;
	padding-left: 5px;
}

.productBtns{
	text-align: center;
}
.productBtns form{
	display: inline;
}
.productBtns a,
.productBtns input[type=submit]{
	display: inline-block;
	border: 1px solid #000;
	padding: 20px 80px 20px 60px;
	background: #fff;
	border-radius: 40px;
	color: #000;
	text-decoration: none;
	margin: 0 20px;
	font-family: 'Lato', sans-serif;
	font-style: italic;
}

.productBtns a.btnCart{
	pointer-events: none;
	opacity: .2;
	background: #fff url("../../images/icon_cart2.png") no-repeat right 30px center;
	background-size: 28px 23px;
}
.productBtns input[type=submit]{
	background: #fff url("../../images/icon_cart2.png") no-repeat right 30px center;
	background-size: 28px 23px;
	cursor: pointer;
}
.productBtns a.comp-btn{
	background: #fff url("../../images/icon_comp2.png") no-repeat right 30px center;
	background-size: 28px 23px;
}

.productBtns input[type=submit]:hover,
.productBtns a.comp-btn:hover{
	border: 1px solid #999;
}


.productSaledate{
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
}
.productSaledate span{
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ccc;
}


/*CONCEPT*/

#concept{
	padding: 100px 0 ;
	background: #EFEFEF url("../../images/concept_bg_pc.png") no-repeat 0 0;
	background-size: 100% auto;
	width: 100%;
	
}
#concept.homeconceptNew{
	padding: 100px 0 ;
	background: #ebf9fc url("../../images/home/concept/concept_bg.jpg") no-repeat center top 0px;
	background-size: 2400px auto;
	width: 100%;
}

#concept .h2Title{
	font-size: 70px;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
	
	margin-bottom: 80px;
	margin-top: -130px;
	line-height: 100%;
}

.conceptRead{
	font-size: 40px;
	text-align: center;
	margin-bottom: 80px;
	font-weight: bold;
	letter-spacing: .1em;
}
.conceptBoxs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px;
	
	width: 100%;
	overflow: hidden;
	
}
.conceptBoxs.conceptR{
	flex-direction: row-reverse;
}
.conceptTxt{
	width: 40%;
}
.conceptTxt p{
	font-size: 20px;
	line-height: 170%;
	text-align: center;
}

.conceptImg{
	width: 60%;
}
.conceptImg img{
	width: 100%;
	height: auto;
}


.conceptSign{
	text-align: center;
	margin-top: 80px;
}
.conceptSign img{
	width: 212px;
}



.homeconcept{
	position: relative;
}
.homeconceptNew{
	position: relative;
}
.homeconcept::before{
	content: "";
	width:300px;
	height: 202px;
	
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-154%,-50%);
	
	background: url("../../images/home/concept_logo.png") no-repeat 0 0;
	background-size: 100% auto;
}

.homeconcept::after{
	content: "";
	width:300px;
	height: 202px;
	
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(66%,-50%);
	
	background: url("../../images/home/concept_logo2.png") no-repeat 0 0;
	background-size: 100% auto;
}



.conceptSignNew{
	text-align: center;
	margin-top: 50px;
}
.conceptSignNew img{
	width: 172px;
}




.conceptRead2{
	font-size: 40px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: .1em;
	font-style: italic;
}
.conceptRead2 .conceptRead21{
	color: #333;
}
.conceptRead2 .conceptRead22{
	color: #ff008a;
}

.conceptRead2 p{
	display: inline-block;
	font-weight: bold;
	position: relative;
}
.conceptRead2 p::after{
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 6px;
	background: rgba(255,0,138,.2);
	border-radius: 5px;
}

.conceptNewBox{
	width: 100%;
}
.conceptNewBox > div{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	width: 100%;
}

.conceptNewTxt p{
	font-size: 20px;
	line-height: 180%;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	padding: 0 5px;
}

.conceptNewTxt p span{
	font-size: 23px;
}
.conceptNewTxt p .conceptTxts{
	font-size: 28px;
	letter-spacing: .0em;
}

.conceptNewTxt p .conceptTxt1{
	color: #ff008a;
}
.conceptNewTxt p .conceptTxt2{
	color: #16b4a8;
}


.conceptNewBox.conSec01{
	background: url("../../images/home/concept/concept_img01_line.png") no-repeat center top 0px;
	min-height: 1060px;
	position: relative;
	margin-top: -200px;
	z-index: 1;
}
.conceptNewBox.conSec01 .concept01parts1{
	background: url("../../images/home/concept/concept_img01_parts01.png") no-repeat center top 0px;
	min-height: 1060px;
}
.conceptNewBox.conSec01 .concept01main{
	background: url("../../images/home/concept/concept_img01_main_shadow.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec01 .concept01main2{
	background: url("../../images/home/concept/concept_img01_main.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec01 .concept01parts2{
	background: url("../../images/home/concept/concept_img01_parts02.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec01 div.conceptNewTxt{
	top: 50%;
	left: 30%;
	transform: translate(-75%,-50%);
	width: auto;
}





.conceptNewBox.conSec02{
	background: url("../../images/home/concept/concept_img02_line.png") no-repeat center top 0px;
	min-height: 1060px;
	position: relative;
	margin-top: -120px;
	z-index: 2;
}
.conceptNewBox.conSec02 .concept02parts1{
	background: url("../../images/home/concept/concept_img02_parts01.png") no-repeat center top 0px;
	min-height: 1060px;
}
.conceptNewBox.conSec02 .concept02main{
	background: url("../../images/home/concept/concept_img02_main_shadow.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec02 .concept02main2{
	background: url("../../images/home/concept/concept_img02_main.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec02 .concept02parts2{
	background: url("../../images/home/concept/concept_img02_parts02.png") no-repeat center top 0px;
	min-height: 1060px;
}

.conceptNewBox.conSec02 div.conceptNewTxt{
	top: 47%;
	left: 75%;
	transform: translate(-75%,-50%);
	width: auto;
}




.conceptNewBox.conSec03{
	background: url("../../images/home/concept/concept_img03_line.png") no-repeat center top 0px;
	min-height: 1215px;
	position: relative;
	margin-top: -200px;
	z-index: 3;
}
.conceptNewBox.conSec03 .concept03parts1{
	background: url("../../images/home/concept/concept_img03_parts01.png") no-repeat center top 0px;
	min-height: 1215px;
}
.conceptNewBox.conSec03 .concept03main{
	background: url("../../images/home/concept/concept_img03_main_shadow.png") no-repeat center top 0px;
	min-height: 1215px;
}

.conceptNewBox.conSec03 .concept03main2{
	background: url("../../images/home/concept/concept_img03_main.png?v=0003") no-repeat center top 0px;
	min-height: 1215px;
}

.conceptNewBox.conSec03 .concept03parts2{
	background: url("../../images/home/concept/concept_img03_parts02.png") no-repeat center top 0px;
	min-height: 1215px;
}

.conceptNewBox.conSec03 div.conceptNewTxt{
	top: 45%;
	left: 30%;
	transform: translate(-75%,-50%);
	width: auto;
}


.text-animation {
  display: inline-block;
}
.text-animation span {
  opacity: 0;
}



/**/

.main-cont{
	width:1070px;
	margin: 0 auto 0;
	padding: 0 0 100px;
}
.main-cont.contLP{
	width:100%;
	margin: 0 auto 0;
	padding: 100px 0 100px;
}



/*pageTitle*/
article#pageTitleArea{
	padding: 100px 0 40px;
	position: relative;
}

article#pageTitleArea section{
	width:100%;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
}
.pageTitle{
	width: 100%;
	font-weight: 400 !important;
	color: #000;
	font-size: 32px;
	line-height: 100%;
	white-space: nowrap;
	letter-spacing: .1em;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
}

/*pageTitle*/
article#pageRead{
	padding: 20px 0 100px;
	position: relative;
}

article#pageRead .pageReadTxt{
	font-size: 18px;
	line-height: 160%;
	letter-spacing: .1em;
	color: #707070;
	text-align: center;
	font-weight: bold;
}





/*contactChart*/

.contactChart{
	margin-bottom: 60px;
}

.contactChart dl{
	display: flex;
	flex-wrap: wrap;
}
.contactChart dl dt,
.contactChart dl dd{
	padding: 30px 0;
	font-size: 16px;
}
.contactChart dl dt{
	width:23%;
	border-bottom: 1px solid #000;
}
.contactChart dl dt.hissu::after{
	content: "*";
	font-size: 16px;
	color: #ff0000;
}
.contactChart dl dd{
	width:77%;
	border-bottom: 1px solid #000;
}
.contactChart dl dt:nth-of-type(1){
	border-top: 1px solid #000;
}
.contactChart dl dd:nth-of-type(1){
	border-top: 1px solid #000;
}
.contactChart dl dd input[type=text]{
	width: 40%;
	padding: 15px;
	border: 1px solid #ccc;
}
.contactChart dl dd input[type=email]{
	width: 40%;
	padding: 15px;
	border: 1px solid #ccc;
}
.contactChart dl dd textarea{
	width: 100%;
	height: 300px;
	padding: 15px;
	border: 1px solid #ccc;
}


.submitArea{
	text-align: center;
}



.submitArea input[type=submit]{
	border: none;
	background: #fff;
	padding: 20px 80px;
	border: 1px solid #FF3EB5;
	color: #000;
	font-size: 18px;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
.submitArea input[type=submit]:hover{
	background: #fff;
}


.backTop{
	text-align: center;
	margin-top: 120px;
}

.backTop a{
	display: inline-block;
	border: none;
	background: #000;
	padding: 20px 80px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	text-decoration: none;
}





/*NEWS*/


/*pageTitle*/
article#pageBody{
	padding: 20px 0 100px;
	position: relative;
}

.newsLists{
	width:100%;
	margin:0 auto;
}
.newsLists .newsList{
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	line-height: 160%;
	padding: 30px 0 ;
	border-top: 1px solid #ccc;
	margin:0 auto;
}
.newsLists .newsList:nth-last-of-type(1){
	border-bottom: 1px solid #ccc;
}
.newsListDate{
	width: 20%;
}
.newsListTxt{
	width: 80%;
}

.newsArticle{
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.newsTitle{
	margin-bottom: 20px;
	font-size: 32px;
	text-align: center;
	line-height: 140%;
}
.newsTitleimg{
	margin-bottom: 20px;
}
.newsTitleimg img{
	width: 100%;
	height: auto;
}

.newsDate{
	font-size: 12px;
	text-align: right;
	margin-bottom: 40px;
}

.newsBody{
	font-size: 16px;
	line-height: 160%;
	font-weight: normal;

}

.newsBody h3{
	background: #FF39A2;
	padding: 10px 14px;
	color: #fff;
	margin-bottom: 20px;
}

.newsBody p{
	margin-bottom: 20px;
	
}
.newsBack{
	text-align: center;
	
}
.newsBack a{
	display: inline-block;
    background: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out;
	text-decoration: none;
	
	
	
	border: 1px solid #000;
    padding: 15px 60px 15px 60px;
    border-radius: 40px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    text-align: center;
    font-size: 18px;
}


article#pageBody.pageLP{
	padding: 0 0 100px;
	position: relative;
}

article#pageBody.pageLP section{
	width:800px;
	margin: 0 auto 0;
	padding: 100px 0;
}


.pageLP .lpImg{
	
}

.pageLP .lpImg img{
	
	width: 100%;
	height: auto;
}



/*SNS*/

#sns{
	padding: 100px 0 ;
}

.snsBoxs{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.snsBox{
	margin: 0 0;
	padding: 0 20px;
}
.snsBox:nth-of-type(1){
	border-right: 1px solid #888;
}
.snsTitle{
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}
.snsIcons a{
	display: inline-block;
	margin: 0 20px;
}


.snsIcons img{
	width: 60px;
	height: auto;
}



footer{
	padding: 100px 0;
	background: #000;
}

footer.newfooter{
	padding: 100px 0;
	background: #FF3EB5;
}

footer ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}
footer ul li{
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 100%;
}
footer ul li:nth-last-of-type(1){
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
footer ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
}
footer a, footer a:hover, footer a:visited, footer a:active {
    color: #fff;
}
.footLogo{
	text-align: center;
}
.footLogo img{
	width: 130px;
	height: auto;
}











/*inview設定*/


.inviewR{
	transition: 0.3s ease-in-out;
	transition-delay:0.4s;
	opacity: 0;
	transform: translateX(-90px);
	-webkit-transform: translateX(-90px);
}
.inviewROn{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.inviewL{
	transition: 0.3s ease-in-out;
	transition-delay:0.4s;
	opacity: 0;
	transform: translateX(90px);
	-webkit-transform: translateX(90px);
}
.inviewLOn{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}


.inviewR2{
	transition: 0.4s ease-in-out;
	transition-delay:0.6s;
	opacity: 0;
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
}
.inviewR2On{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.inviewL2{
	transition: 0.4s ease-in-out;
	transition-delay:0.6s;
	opacity: 0;
	transform: translateX(40px);
	-webkit-transform: translateX(40px);
}
.inviewL2On{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}



.inviewOP{
	transition: 0.4s ease-in-out;
	transition-delay:0.7s;
	opacity: 0;
}
.inviewOPOn{
	opacity: 1;
}



.inviewCon1{
	transition: 0.4s ease-in-out;
	transition-delay:0s;
	opacity: 0;
}
.inviewCon1On{
	opacity: 1;
}


.inviewCon2{
	transition: 0.6s ease-in-out;
	transition-delay:1s;
	opacity: 0;
	transform: translate(-50%,20px) !important;
	-webkit-transform: translate(-50%,20px) !important;
}
.inviewCon2On{
	opacity: 1;
	transform: translate(-50%,0) !important;
	-webkit-transform: translate(-50%,0) !important;
}


.inviewCon3{
	transition: 0.6s ease-in-out;
	transition-delay:1.4s;
	opacity: 0;
	transform: translate(-50%,20px) !important;
	-webkit-transform: translate(-50%,20px) !important;
}
.inviewCon3On{
	opacity: 1;
	transform: translate(-50%,0) !important;
	-webkit-transform: translate(-50%,0) !important;
}







.inviewPdtBana a{
	transition: 0.4s ease-in-out;
	transition-delay:0;
	
	background-size: 100% auto !important;
}
.inviewPdtBana a .pdtBanaTxt{
	transition: 0.4s ease-in-out;
	transition-delay:0.7s;
	opacity: 1;
}
.inviewPdtBanaOn a{
	background-size: 110% auto !important;
}
.inviewPdtBanaOn a .pdtBanaTxt{
	opacity: 1 !important;
}







.sp{
	display: none;
}
.pc{
	display: block;
}


@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}

	
	body {
		font-size: 14px;
	}
	



	.opening{
		width: 100%;
		height: 100%;

		position: fixed;
		top: 0;
		left: 0;

		background-color: #FF3EB5;
		overflow: hidden;

		z-index: 2020;
		pointer-events: none;

		opacity: 1;


		animation-name:openingBgAni;
		animation-duration:.8s;
		animation-delay: 1.4s;
		animation-fill-mode:forwards;


	}
	.opening img{
		width: 120px;
		height: auto;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}



	
	

	#wrap{
		width: 100%;
		height: 100%;
		background: #ff3eb5 url("../../images/teaser_bg_sp.jpg?v=0001") no-repeat center center;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}


	.teaserLogo{
		height: 33%;
		position: absolute;
		top: inherit;
		bottom: 5%;
		left: 50%;

		transform: translate(-50%,-10%);

	}
	.teaserLogo img{
		height: 100%;
		width: auto;

	}


	@keyframes teaserLogo {
	  0% {
		  opacity:0;
		transform: translate(-50%,-10%);
		}
	  100% {
		  opacity:1;
		transform: translate(-50%,0%);
		}
	}
	
	
	



	header{
		display: flex;
		padding: 15px 0 15px;
	}

	header section{
		padding: 0 15px;
	}

	header #hlogo{
		width:126px;
		height: 30px;
		z-index: 1030;
	}
	header #hlogo a{
		width:126px;
		height: 30px;
	}




	header .hIconmenu{
		flex-wrap: wrap;

		position: absolute;
		width:70px;
		height: 30px;
		margin: 0 0 0;
		top:10px;
		right:70px;

		z-index: 1030;
	}
	header .hIconmenu li{
		width: 30px;
		margin: 0 10px 0 0;
	}
	header .hIconmenu li:nth-last-of-type(1){
		margin: 0;
	}
	header .hIconmenu li a{
		display: block;
	}

	header .hIconmenu li a img{
		width: 30px;
		height: auto;
	}



	#panel{
		display: flex;
		flex-direction:column-reverse;
		transition: all .2s ease-in-out ;
		


	}




	/*ハンバーガーメニュー*/
	#panel-btn {
		display: inline-block;
		position: absolute;
		width:28px;
		height: 22px;
		margin: 0 0 0;
		top:12px;
		right:15px;
		cursor:pointer;
		z-index:9999;

	}


	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 28px;
		height: 3px;
		margin: 0 0 0 -14px;
		background: #000;
		overflow: visible;
		transition: .3s;
		border-radius: 3px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		height: 3px;
		background: #000;
		transition: .3s;
		border-radius: 3px;
	}
	#panel-btn-icon:before{
		width: 28px;
		margin-left: -14px;
		margin-top: -10px;
	}
	#panel-btn-icon:after {
		width: 28px;
		margin-left: -14px;
		margin-top: 7px;
	}

	.scrollOn #panel-btn-icon,.scrollOn #panel-btn-icon:before, .scrollOn #panel-btn-icon:after {
		background: #000;
	}

	#panel-btn .close {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: -1px;
		background: #000;
	}
	#panel-btn .close:before {
		width: 28px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		margin-left: -14px;
	}
	#panel-btn .close:after {
		width: 28px;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		margin-left: -14px;
	}

	#panel{
		position: fixed;
		top:0;
		right: 0;
		z-index: 1020;
		width: 100%;
		height: inherit;
		transition: all .5s ease-in-out;
		opacity: 0;
		pointer-events: none;
		background: #fff;
		display: block;
		box-shadow: 0 0 30px rgba(0,0,0,.1)
	}
	#panel.openmenu{
		right: 0;
		opacity: 1;
		pointer-events:visible;
	}
	#panelBg{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100vh;
		background: rgba(0,0,0,.4);	
		box-shadow: 0 0 40px rgba(0,0,0,.5);
		z-index: 100;
		display: none;
	}


	#panel ul#gnavi{
		position: relative;
		z-index: 1001;
		margin:60px auto;
		padding: 40px 0 0 0 ;
		width: 90%;
		
		border-top: 2px solid rgba(0,0,0,.7);
	}
	#panel ul#gnavi li{
		margin: 0 0 0 0;
		transition: all .2s ease-in-out ;
		text-align: left;
		opacity: 1;
		vertical-align: top;
	}


	#panel ul#gnavi li a{
		text-decoration: none;
		color: #333;
		display: block;
		padding: 15px 0 15px;
		font-size: 24px;
		font-weight: bold;
		line-height: 100%;	

		vertical-align: top;
		transition: all .2s ease-in-out ;
		position: relative;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		font-style: italic;
	}
	#panel ul#gnavi li a::before{
		content: "";
		width: 15px;
		height: 15px;
		display: inline-block;
		background: #EEF162;
		border-radius: 50%;
		margin-right: 15px;

	}

	#panel ul li a:hover{
		opacity: .8;
	}







	/*intro*/



	#intro{
		padding: 80px 0;
		background: url("../../images/read_bg_sp.jpg") no-repeat right top;
		background-size: cover;
		width: 100%;
		height: 100vw;

		position: relative;
	}
	#intro .introCatch{
		position: absolute;

		top: 6vw;
		left: 3vw;
	}

	#intro .introCatch img{
		width:65vw;
		height: auto;
	}


	#intro .readBtn{
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%,0)
	}
	#intro .readBtn a{
		display: block;
		border: 1px solid #000;
		padding: 10px 60px 10px 40px;
		background: #fff url("../../images/arrow_down.png") no-repeat right 40px center;
		background-size: 8px auto;
		border-radius: 40px;
		color: #000;
		text-decoration: none;
		font-size: 12px;
		line-height: 100%;
	}




	/*point*/

	#point{
		padding: 0 0;
	}



	.pointBoxs{
		display: block;
		flex-wrap: wrap;

		justify-content: space-between;
		align-items: center;
		padding: 40px 0 0;
	}
	.pointBoxs.point1{
		background: #FF3EB5 url("../../images/point1_bg.png") no-repeat center top;
		background-size: 100% auto;
		flex-direction: row-reverse;
	}
	.pointBoxs.point2{
		background: #EEF162 url("../../images/point2_bg.png") no-repeat center top;
		background-size: 100% auto;
		padding-left: 0%;
	}
	.pointBoxs.point3{
		background: #FF7600 url("../../images/point3_bg.png") no-repeat center top;
		background-size: 100% auto;
		flex-direction: row-reverse;
	}

	.pointTxts{
		width:80%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.pointTitle{
		font-size: 16px;
		margin-bottom: 15px;
		padding: 0 0 0 60px;
		line-height: 140%;
		position: relative;
	}
	.pointTitle ruby[data-ruby] {
	  position:relative;
	}
	.pointTitle ruby[data-ruby]::before {
	  content: attr(data-ruby);
	  position:absolute;
	  left:-2em;
	  top:-1.1em;
	  right:-2em;
	  text-align:center;
	  font-size:.5em;
	}
	.pointTitle rt{
		display: none;
	}
	.point1 .pointTitle::before{
		content: "";
		width: 75px;
		height: 70px;
		background: url("../../images/point1_icon.png") no-repeat 0 0;
		background-size: 100% auto;
		position: absolute;
		bottom: -5px;
		left: -20px;
	}
	.point2 .pointTitle::before{
		content: "";
		width: 75px;
		height: 70px;
		background: url("../../images/point2_icon.png") no-repeat 0 0;
		background-size: 100% auto;
		position: absolute;
		bottom: -5px;
		left: -20px;
	}
	.point3 .pointTitle::before{
		content: "";
		width: 75px;
		height: 70px;
		background: url("../../images/point3_icon.png") no-repeat 0 0;
		background-size: 100% auto;
		position: absolute;
		bottom: -5px;
		left: -20px;
	}


	p.pointTxt{
		font-size: 12px;
	}

	.pointTxts p{
		font-size: 12px;
	}


	ul.pointList {
		margin-bottom: 10px;
		display: flex;
		flex-wrap: wrap;
	}

	ul.pointList li{
		width: 50%;
		padding-left: 16px;
		background: url("../../images/point_check.png") no-repeat 0 center;
		background-size: 11px auto;
		font-size: 12px;
		margin-bottom: 6px;
	}

	.pointImg{
		width:100%;
	}
	.pointImg img{
		width: 100%;
		height: auto;
	}

	.point2 .pointImg {
		padding: 0 0 20px ;

	}
	
	.point2 .pointImg img{
		width: 50%;
		height: auto;
		display: block;

		margin: 0 auto 0;
	}







	/*PRODUCTS*/

	#products{
		padding: 50px 0;
		width: 100vw;
		overflow: hidden;
	}


	#products .h2Title{
		font-size: 40px;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 100%;
	}
	section.contSec .h2Title{
		font-size: 40px;
		margin-top: 0;
		margin-bottom: 20px;
		line-height: 100%;
	}

	.pdtBox{
		position: relative;
		transition: all .2s ease-in-out;
	}
	.pdtBox.product1{
	}
	.pdtBox.product2{
		position: relative;
	}

	.pdtBox.product1 .pdtImg{
		background: url("../../images/color_01_bg_sp.jpg") no-repeat center top 21.5vw;
		background-size: 100% auto;
		width: 100%;
		margin: 0 auto;
		padding:26vw 4% 15vw;
	}
	.pdtBox.product2 .pdtImg{
		background: url("../../images/color_02_bg_sp.jpg") no-repeat center top 21.5vw;
		background-size: 100% auto;
		width: 100%;
		margin: 0 auto;
		padding:26vw 4% 15vw;
	}
	.pdtBox.product3 .pdtImg{
		background: url("../../images/color_03_bg_sp.jpg") no-repeat center top 21.5vw;
		background-size: 100% auto;
		width: 100%;
		margin: 0 auto;
		padding:26vw 4% 15vw;
	}
	

	
	
	.pdtBox .pdtImg img{
		width: 100%;
		height: auto;
	}

	.pdtBox .pdtItem{
		position: absolute;
		bottom: 4vw;
		right:-1%;
		width: 20%;
	}
	.pdtBox .pdtItem img{
		width: 100%;
		height: auto;
	}


	.pdtBox .pdtName{
		position: absolute;
		bottom: inherit;
		top: 21vw;
		left: 11%;
		width: 30%;
	}
	.pdtBox .pdtName img{
		width: 100%;
		height: auto;
	}
	.pdtBox .pdtBtn{
		position: absolute;
		bottom: 12vw;
		left: 50%;
		transform: translate(-50%,0)
	}
	.pdtBox .pdtBtn a{
		display: block;
		border: 1px solid #000;
		padding: 7px 40px 7px 30px;
		background: #fff url("../../images/arrow_plus.png") no-repeat right 25px center;
		background-size: 8px auto;
		border-radius: 40px;
		color: #000;
		text-decoration: none;
		line-height: 100%;
		font-size: 16px;
		animation: buyBtn 2s 2s ease-in infinite;
	}

	@keyframes buyBtn{
	  0%{
		background: #fff url("../../images/arrow_plus.png") no-repeat right 25px center;
		background-size: 8px auto;
		border: 1px solid #000;
		color: #000;
	 }
	  50%{
		background: #FF3EB5 url("../../images/arrow_plus.png") no-repeat right 25px center;
		background-size: 8px auto;
		border: 1px solid #FF3EB5;
		color: #000;
	  }
	  100%{
		background: #fff url("../../images/arrow_plus.png") no-repeat right 25px center;
		background-size: 8px auto;
		border: 1px solid #000;
		color: #000;
	  }
	}
	.slick-list{
		overflow: visible !important;
	}

	.pdtBox img {
	  height: auto;
	  transform: scale(1);
	  transition: transform .5s;
	  width: 100%;
	}
	/* 中央のスライド */
	.productsSlide .slick-center img {
	  transform: scale(1);
	}
	.productsSlide {
		position: relative;
		margin-bottom: 0 !important;
	}

	.slide-arrow{
		position: absolute;
		z-index: 10;
	}
	.prev-arrow{
		top: 5%;
		left: 10px;
	}
	.next-arrow{
		top: 5%;
		right: 10px;
	}

	img.prev-arrow ,
	img.next-arrow {
		width:30px;
		height: auto;
		display: block;
	}

	.slick-dots{
		top: 6% !important;
	}
	.slick-dots li {
		width: 28px !important;
		height: 28px !important;
		margin: 0 9px!important;
	}
	.slick-dots li button{
		width: 28px !important;
		height: 28px !important;
		border-radius: 50% !important;
		background: #ddd !important;
		text-align: center;
		padding: 0 !important;
	}
	.slick-dots li button:before{
		font-size: 12px !important;
		font-weight: bold;
		line-height: 28px !important;
		color: #000;
		font-family: 'Lato', sans-serif;
		font-style: italic;
		width: 28px !important;
		height: 28px !important;
		opacity: 1 !important;
	}
	.slick-dots li:nth-of-type(1) button{
		background: #EEF162 !important;
	}
	.slick-dots li:nth-of-type(2) button{
		background: #FF00EB !important;
	}
	.slick-dots li:nth-of-type(3) button{
		background: #FF7600 !important;
	}
	.slick-dots li:nth-of-type(1) button:before{
		content: "1";
	}
	.slick-dots li:nth-of-type(2) button:before{
		content: "2";
	}
	.slick-dots li:nth-of-type(3) button:before{
		content: "3";
	}



	.md-overlay{
	  display: none;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: .7;
	  z-index: 9999;
	}

	.md-contents{
	  display: none;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  width: 90%;
	  height: auto;
	  overflow: visible;
	  transform: translate(-50%,-50%);
	  z-index: 10000;
	}


	.md-inner{
	  padding: 0;
	  background: #fff;
	  height: auto;
	}



	.md-xmark{
	  position: absolute;
	  top: -20px;
	  right: -20px;
	  width: 60px;
	  height: 60px;
	  z-index: 9999;
	  cursor: pointer;
	}

	.md-xmark span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  border-radius: 4px;
	}

	.md-xmark span:nth-of-type(1) {
	  top: 50%;
	  transform: translateY(0) rotate(-45deg);
	}


	.md-xmark span:nth-of-type(2) {
	  top: 50%;
	  transform: translateY(0) rotate(45deg);
	}






	.comp-overlay{
	  display: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: .7;
	  z-index: 9999;
	}

	.comp-contents{
	  display: none;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 80vw;
	  height: auto;
	  overflow: hidden;
	  transform: translate(-50%,-50%);
	  z-index: 10000;
	}


	.comp-inner{
	  padding: 30px 15px 20px;
	  background: #fff;
	  height: auto;
	}
	.comp-inner p{
		font-size: 11px;
	}
	.comp-inner p span{
		font-weight: bold;
	}

	.comp-xmark{
	  position: absolute;
	  top: 5px;
	  right: 5px;
	  width: 30px;
	  height: 30px;
	  z-index: 9999;
	  cursor: pointer;
	}

	.comp-xmark span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  border-radius: 4px;
	}

	.comp-xmark span:nth-of-type(1) {
	  top: 50%;
	  transform: translateY(0) rotate(-45deg);
	}


	.comp-xmark span:nth-of-type(2) {
	  top: 50%;
	  transform: translateY(0) rotate(45deg);
	}





	.productBoxs{
		display: block;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
	}

	.productsImg{
		width: 100%;
		position: relative;
	}
	.productsImg img{
		width: 100%;
		height: auto;
	}

	
	.productsImg.pdtColor1::before{
		content: "";
		position: absolute;
		top: 10px;
		left: 20px;
		width: 104px;
		height: 33px;
		background: url("../../images/color_01_name.png") no-repeat 0 0;
		background-size: 104px 33px;

	}
	.productsImg.pdtColor2::before{
		content: "";
		position: absolute;
		top: 10px;
		left: 20px;
		width: 104px;
		height: 33px;
		background: url("../../images/color_02_name.png") no-repeat 0 0;
		background-size: 104px 33px;

	}

	.productsImg.pdtColor3::before{
		content: "";
		position: absolute;
		top: 10px;
		left: 20px;
		width: 104px;
		height: 33px;
		background: url("../../images/color_03_name.png") no-repeat 0 0;
		background-size: 104px 33px;

	}

	
	
	
	.productsTxts{
		width: 100%;
		padding: 15px 0 20px;
	}
	.productsTxts p{
		letter-spacing: .1em;
		text-align: center;
	}
	.productTitle{
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
	}
	.productCatch{
		padding-left: 0;
		margin-bottom: 5px;
		font-size: 16px;
		line-height: 100%;
	}
	.productCatch span{
		font-size: 10px;
		display: inline-block;
		padding-left: 10px;
		line-height: 100%;
	}
	.productCatch2{
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.productRead{
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.productPrice{
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.productPrice span{
		font-size: 10px;
		display: inline-block;
		padding-left: 5px;
	}

	.productBtns{
		text-align: center;
	}
	.productBtns a,
	.productBtns input[type=submit]{
		display: inline-block;
		border: 1px solid #000;
		padding: 7px 45px 7px 35px;
		background: #fff;
		border-radius: 40px;
		color: #000;
		text-decoration: none;
		margin: 0 4px;
		font-family: 'Lato', sans-serif;
		font-style: italic;
		font-size: 10px;
		line-height: 100%;
	}

	.productBtns a.btnCart{
		background: #fff url("../../images/icon_cart2.png") no-repeat right 10px center;
		background-size: 17px auto;
	}
	.productBtns input[type=submit]{
		background: #fff url("../../images/icon_cart2.png") no-repeat right 10px center;
		background-size: 17px auto;
	}
	.productBtns a.comp-btn{
		background: #fff url("../../images/icon_comp2.png") no-repeat right 10px center;
		background-size: 17px auto;
	}


	.productSaledate{
		text-align: center;
		font-weight: 400;
		margin-top: 10px;
	}
	.productSaledate span{
		display: inline-block;
		padding: 5px 10px;
		border: 1px solid #ccc;
		font-size: 12px;
		
	}



	/*CONCEPT*/

	#concept{
		padding: 30px 0 ;
		background: #EFEFEF url("../../images/concept_bg_sp.png") no-repeat 0 0;
		background-size: 100% auto;

	}
	#concept.homeconceptNew{
		padding: 30px 0 100px;
		background: #ebf9fc url("../../images/home/concept/concept_bg_sp.jpg") no-repeat center top 0px;
		background-size: 100% auto;
		width: 100%;
	}


	#concept .h2Title{
		font-size: 40px;

		margin-bottom: 50px;
		margin-top: -50px;
		line-height: 100%;
	}

	.conceptRead{
		font-size: 25px;
		text-align: center;
		margin-bottom: 20px;
		font-weight: bold;
		letter-spacing: .1em;
	}
	.conceptBoxs{
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;

	}
	.conceptBoxs.conceptR{
		flex-direction:row;
	}
	.conceptTxt{
		width: 100%;
		padding: 20px 0 40px 0;
	}
	.conceptTxt p{
		font-size: 14px;
		text-align: center;
	}

	.conceptImg{
		width: 100%;
		text-align: right;
	}
	.conceptBoxs.conceptR .conceptImg{
		width: 100%;
		text-align: left;
	}
	.conceptImg img{
		width: 90%;
		height: auto;
	}


	.conceptSign{
		text-align: center;
		margin-top: 40px;
	}
	.conceptSign img{
		width: 150px;
		height: auto;
	}


	.homeconcept{
		position: relative;
	}
	.homeconcept::before{
		content: "";
		width:28vw;
		height: 19vw;

		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-178%,-50%) rotate(5deg);

		background: url("../../images/home/concept_logo.png") no-repeat 0 0;
		background-size: 100% auto;
	}

	.homeconcept::after{
		content: "";
		width:26.5vw;
		height: 19vw;

		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(89%,-53%);

		background: url("../../images/home/concept_logo2.png") no-repeat 0 0;
		background-size: auto 100%;
	}



	
	



	.conceptSignNew{
		text-align: center;
		margin-top: 10px;
	}
	.conceptSignNew img{
		width: 172px;
	}




	.conceptRead2{
		font-size: 28px;
		text-align: center;
		margin-bottom: 30px;
		font-weight: bold;
		letter-spacing: .1em;
	}

	.conceptNewBox{
		width: 100%;
	}
	.conceptNewBox > div{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
		width: 100%;
	}

	.conceptNewTxt p{
		font-size: 18px;
		line-height: 180%;
		text-align: center;
		font-style: italic;
		font-weight: bold;
		padding: 0 5px;
	}

	.conceptNewTxt p span{
		font-size: 22px;
	}
	.conceptNewTxt p .conceptTxts{
		font-size: 22px;
		letter-spacing: .0em;
	}

	.conceptNewTxt p .conceptTxt1{
		color: #ff008a;
	}
	.conceptNewTxt p .conceptTxt2{
		color: #16b4a8;
	}


	.conceptNewBox.conSec01{
		background: url("../../images/home/concept/concept_img01_line_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 188.4vw;
		position: relative;
		margin-top: 0;
		z-index: 1;
	}
	.conceptNewBox.conSec01 .concept01parts1{
		background: url("../../images/home/concept/concept_img01_parts01_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 188.4vw;
	}
	.conceptNewBox.conSec01 .concept01main{
		background: url("../../images/home/concept/concept_img01_main_shadow_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 188.4vw;
	}

	.conceptNewBox.conSec01 .concept01main2{
		background: url("../../images/home/concept/concept_img01_main_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 188.4vw;
	}

	.conceptNewBox.conSec01 .concept01parts2{
		background: url("../../images/home/concept/concept_img01_parts02_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 188.4vw;
	}

	.conceptNewBox.conSec01 div.conceptNewTxt{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0,0);
		width: auto;
	}





	.conceptNewBox.conSec02{
		background: url("../../images/home/concept/concept_img02_line_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 192.6vw;
		position: relative;
		margin-top: 0px;
		z-index: 2;
	}
	.conceptNewBox.conSec02 .concept02parts1{
		background: url("../../images/home/concept/concept_img02_parts01_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 192.6vw;
	}
	.conceptNewBox.conSec02 .concept02main{
		background: url("../../images/home/concept/concept_img02_main_shadow_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 192.6vw;
	}

	.conceptNewBox.conSec02 .concept02main2{
		background: url("../../images/home/concept/concept_img02_main_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 192.6vw;
	}

	.conceptNewBox.conSec02 .concept02parts2{
		background: url("../../images/home/concept/concept_img02_parts02_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 192.6vw;
	}

	.conceptNewBox.conSec02 div.conceptNewTxt{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0,0);
		width: auto;
	}




	.conceptNewBox.conSec03{
		background: url("../../images/home/concept/concept_img03_line_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 220.8vw;
		position: relative;
		margin-top: 0;
		z-index: 3;
	}
	.conceptNewBox.conSec03 .concept03parts1{
		background: url("../../images/home/concept/concept_img03_parts01_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 220.8vw;
	}
	.conceptNewBox.conSec03 .concept03main{
		background: url("../../images/home/concept/concept_img03_main_shadow_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 220.8vw;
	}

	.conceptNewBox.conSec03 .concept03main2{
		background: url("../../images/home/concept/concept_img03_main_sp.png?v=0003") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 220.8vw;
	}

	.conceptNewBox.conSec03 .concept03parts2{
		background: url("../../images/home/concept/concept_img03_parts02_sp.png") no-repeat center top 0px;
		background-size: 100% auto;
		min-height: 220.8vw;
	}

	.conceptNewBox.conSec03 div.conceptNewTxt{
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0,0);
		width: auto;
	}








	/*SNS*/

	#sns{
		padding: 40px 0 ;
	}

	.snsBoxs{
		display: flex;
		justify-content: center;
	}
	.snsBox{
		margin: 0 0;
		padding: 0 10px;
	}
	.snsBox:nth-of-type(1){
		border-right: 1px solid #888;
	}
	.snsTitle{
		text-align: center;
		margin-bottom: 9px;
		font-weight: bold;
	}
	.snsIcons a{
		display: inline-block;
		margin: 0 10px;
	}


	.snsIcons img{
		width: 43px;
		height: auto;
	}



	footer{
		padding: 100px 0;
		background: #000;
	}

	footer ul{
		display: block;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 40px;
	}
	footer ul li{
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		line-height: 100%;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	footer ul li:nth-last-of-type(1){
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	footer ul li a{
		color: #fff;
		text-decoration: none;
		font-size: 12px;
		line-height: 100%;
	}
	.footLogo{
		text-align: center;
	}
	.footLogo img{
		width: 103px;
		height: auto;
	}


	
	/*main-cont*/
	.main-cont{
		width: 94%;
		max-width: 1200px;
		margin: 0 auto 60px;
	}

	.main-cont.contLP{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 60px;
		padding: 60px 0 60px;
	}

	/*pageTitle*/
	article#pageTitleArea{
		padding: 80px 0 40px;
		position: relative;
	}

	.pageTitle{
		width: 100%;
		font-weight: 400 !important;
		color: #000;
		font-size: 24px;
		margin-bottom: 30px;
	}

	/*pageTitle*/
	article#pageRead{
		padding: 10px 0 60px;

	}

	article#pageRead .pageReadTxt{
		font-size: 14px;

	}

	/*contactChart*/

	.contactChart{
		margin-bottom: 60px;
	}

	.contactChart dl{
		display: flex;
		flex-wrap: wrap;
	}
	.contactChart dl dt{
		padding: 12px 0 0;
		font-size: 4vw;
	}
	.contactChart dl dd{
		padding: 5px 0 12px;
		font-size: 4vw;
	}
	.contactChart dl dt{
		width:100%;
		border-bottom: none;
	}
	.contactChart dl dt.hissu::after{
		content: "*";
		font-size: 16px;
		color: #ff0000;
	}
	.contactChart dl dd{
		width:100%;
		border-bottom: 1px solid #000;
	}
	.contactChart dl dt:nth-of-type(1){
		border-top: 1px solid #000;
	}
	.contactChart dl dd:nth-of-type(1){
		border-top: none;
	}
	.contactChart dl dd input[type=text]{
		width: 100%;
		padding: 7px;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	.contactChart dl dd input[type=email]{
		width: 100%;
		padding: 7px;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	.contactChart dl dd textarea{
		width: 100%;
		height: 150px;
		padding: 7px;
		border: 1px solid #ccc;
	}


	.submitArea{
		text-align: center;
	}



	.submitArea input[type=submit]{

		
		

		padding: 15px 60px;
		font-size: 4vw;
		cursor: pointer;
		transition: all .2s ease-in-out;
	}
	.submitArea input[type=submit]:hover{
		background: #666666;
	}


	.backTop{
		text-align: center;
		margin-top: 80px;
	}

	.backTop a{
		display: inline-block;
		border: none;
		background: #000;
		padding: 15px 60px;
		color: #fff;
		font-size: 4vw;
		cursor: pointer;
		transition: all .2s ease-in-out;
		text-decoration: none;
	}



	/*NEWS*/


	/*pageTitle*/
	article#pageBody{
		padding: 0 0 0;
	}

	.newsLists .newsList{
		display: flex;
		flex-wrap: wrap;
		font-size: 14px;
		padding: 12px 0 ;
	}
	.newsListDate{
		width: 100%;
		padding-bottom: 2px;
	}
	.newsListTxt{
		width: 100%;
	}

	.newsArticle{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.newsTitle{
		margin-bottom: 10px;
		font-size: 16px;
		text-align: center;
	}


	.newsDate{
		font-size: 12px;
		text-align: right;
		margin-bottom: 20px;
	}

	.newsBody{
		font-size: 12px;
		line-height: 160%;
		font-weight: normal;

	}


	.newsBack{
		text-align: center;

	}
	.newsBack a{
		display: inline-block;
		background: #fff;
		padding: 5px 40px;
		border: 1px solid #000;
		color: #000;
		font-size: 12px;
		cursor: pointer;
		transition: all .2s ease-in-out;
		text-decoration: none;

	
	
    border-radius: 40px;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    text-align: center;

	
	}


	article#pageBody.pageLP{
		padding: 0 0 40px;
		position: relative;
	}

	article#pageBody.pageLP section{
		width:90%;
		margin: 0 auto 0;
		padding: 60px 0 0;
	}


	.pageLP .lpImg{

	}

	.pageLP .lpImg img{

		width: 100%;
		height: auto;
	}

	
}









.sdgsbana{
	padding: 60px 0 0;
	text-align: center;
	width: 100%;
}
.sdgsbana img{
	width:310px;
	height: auto;
}
@media screen and (max-width: 768px) {
	.sdgsbana{
		padding: 50px 0 0;
		text-align: center;
	}
	.sdgsbana img{
		width:180px;
		height: auto;
	}
}













/*新レイアウト*/




/*蝠?刀繝壹?繧ｸ繧ｿ繧､繝医Ν*/
.fs-c-productPrice__main__label{
	display: none;
}
.fs-c-productPrice__main__price span{
	font-size: 22px !important;
	color: #333;
}
.fs-c-productPrice__addon{
	font-size: 11px !important;
	color: #333;
}
.fs-c-productPointDisplay{
	display: none;
}
.fs-c-productSalesPeriod{
	display: none;
}

.fs-c-productPrices--productDetail{
	text-align: center;
}
.fs-c-productPrice{
	justify-content: center;
}





/* */

.fs-c-variationAndActions{
	margin-bottom: 15px;
}
#main #item-page section.item-text select.fs-c-dropdown__menu,
#main #item-page section.item-text .fs-c-quantity select{
	height: 40px;
	line-height: 1.5;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	padding: 10px 20px;
	background: #eeeeee;
	display: block;
}

#main #item-page section.item-text .fs-c-quantity::after,
#main #item-page section.item-text .fs-c-dropdown::after {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	width: 1em;
	background: #f2f2f2;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: content-box;
	color: #333333;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\e90f";
	font-family: 'fs-icon' !important;
	font-size: 1.8rem;
	line-height: 1;
	padding: 8px;
	pointer-events: none;
}

.fs-c-productQuantityAndWishlist__wishlist{
	display: none;
}

.fs-c-productQuantityAndWishlist {
	display: block;
}
#main #item-page section.item-text .fs-c-quantity{
	width:100%;
	max-width: 100%;
	position: relative;
}

.fs-c-stockSignLegend{
	display: none;
}
.fs-c-productActionButton{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0;
}
main #item-page section.item-text .fs-c-productActionButton button {
	background: none;
	border: none;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding: 0;
	box-shadow: none;
	min-width: 100%;
}
main #item-page section.item-text .fs-c-productActionButton button .fs-c-button__label {
	margin-top: 10px;
	position: relative;
	display: inline-block;
	padding: 15px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: .3s;
	font-size: 15px;
	z-index: 1;
	background: #fe9398;
	
	font-style: italic
}

#main #item-page section.item-text #cart p select {
	height: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5
}
#main #item-page section.item-text #cart p.buyButton {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%
}

/*  //  */



#cartbox{
	display: flex;
	padding: 10px 0 0 0;
	gap: 0 0.5%;
	flex-wrap: wrap;

	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: none;
	z-index: 1;
	justify-content: flex-start;
}

#cartbox .fs-c-productChooseVariation{
	width: 70%;
	position: relative;
}
#cartbox .fs-c-productQuantityAndWishlist{
	width: 29%;

}
#cartbox .fs-c-productQuantityAndWishlist::before{
	content: "\6570\91CF";
	display: block;
	font-size: 12px;
	color: #777;
	text-align: left;
}

#cartbox .fs-c-productActionButton{
		width: 100%;
		display: block !important;

}
	#cartbox .fs-c-productChooseVariation::before{
		content: "\30AB\30E9\30FC";
		display: block;
		font-size: 12px;
		color: #777;
		text-align: left;
	}



#main #item-page2 #cartbox{
	width: 100%;
	left: 0;
}


#main #item-page2 #cartbox.fixed{
	position: fixed;
	padding: 10px 20vw;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	width: 100%;
	justify-content: center;
}
#main #item-page2 #cartbox.fixed .fs-c-productChooseVariation{
	width: 45%;
}
#main #item-page2 #cartbox.fixed .fs-c-productQuantityAndWishlist{
	width: 15%;

}
#main #item-page2 #cartbox.fixed .fs-c-productActionButton{
	width: 39%;

}






#cartbox .fs-c-variationAndActions{
	margin-bottom: 0;
}
#cartbox .fs-c-productChooseVariation__variation ,
#cartbox .fs-c-productQuantityAndWishlist__quantity {
	position: relative;
	overflow:visible;
	overflow-wrap: normal;
	display: block;
	max-width: 100%;
	border: 1px solid #000;
	border-radius: 50px;
}
#cartbox .fs-c-productChooseVariation__variation select.fs-c-dropdown__menu,
#cartbox .fs-c-productQuantityAndWishlist__quantity select.fs-system-quantity-list{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: #333333;
	width: 100%;


	height: 48px;
	line-height: 1.5;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	padding: 15px 20px;
	background: transparent;
	border: none;
	display: block;
	
	font-size: 12px;


}

#cartbox .fs-c-productChooseVariation__variation::after,
#cartbox .fs-c-productQuantityAndWishlist__quantity::after{
	content: "";
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	width: 1em;
	background: transparent;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: content-box;
	color: #888;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\e90f";
	font-family: 'fs-icon' !important;
	font-size: 1.8rem;
	line-height: 1;
	padding: 8px;
	pointer-events: none;
	z-index: 2;
}


#cartbox .fs-c-productQuantityAndWishlist__quantity select option:first-child{
background:red;
color:#ff0000;
}


#main #item-page section.item-text #cartbox  dl {
	margin-bottom: 0;
}
dl.custom-select {
	position:relative;
	width:100%;
	height: inherit;
	font-size: 12px;
	text-align: left;
	background: #fff;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
	padding: 0 0;
}
dl.custom-select dt{
	padding: 0;
}
dl.custom-select dt a{
	padding: 15px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

dl.custom-select dd{
	width: 100%;
}
dl.custom-select a{
	display: block;
}


.fs-c-variationPanelList__label {
}
.fs-c-variationPanelList__label span{
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 12px;
	border-radius: 50px;
}
.fs-c-variationPanelList__list{
	position: absolute;
	bottom: 56px;
	left: -1px;
	width: 100%;
	gap:0;

	display: none;

	grid-template-columns:auto;
}
.fs-c-variationPanelList__list li{
	display: block;
	background: #fff;
	border: none;
	padding: 0 ;

	width: 100%;
}

.fs-c-variationPanelList__panel{
	border-radius: 0;
	border: 1px solid #ddd;
	position: relative;
}
.fs-c-variationPanelList__panel__image{
	height: 50px;
	max-height: 70px;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 70px;
}
.fs-c-variationPanelList__panel__image img{
	width: auto;
	max-height: 100%;
}
.fs-c-variationPanelList__panel__content{
	flex-wrap: wrap;
	background: 000;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
	min-height: 56px;
	padding: 0;
	width: 100%;
}
.fs-c-variationPanelList__panel__label{
	font-size: 12px;
	width: calc(100% - 72px);
}
.fs-c-variationPanelList__panel__stock{
	display: block;
	position: absolute;
	top: 34px;
	left: 73px;
	font-size: 12px;
}

.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel:where(:not(.fs-c-variationPanelList__panel--outOfStock)){
	border: 1px solid #000;
}
.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content{
	background: #fff;
	color: #333;
}

#cartbox .fs-c-productActionButton {
	padding: 10px 0 0 0;
}
#cartbox.fixed .fs-c-productActionButton {
	padding: 18px 0 0 0;
}
.fs-c-productActionButton button{
	width: 100%;
	padding: 15px 20px;
	line-height: 1.5;
	border: none;
	font-size: 16px;
	min-width: 100%;
	background: #FF3EB5 url("../../images/product/icon_cart.png") no-repeat right 30% center;
	background-size: 22px 18px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
}
.fs-c-productActionButton button .fs-c-button__label {

	font-style: italic;
}


#main #item-page2 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	max-width: 1110px;
	width: 100%;
	margin: 110px auto 80px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}


#main #item-page2 .fs-c-productSalesPeriod{
	display: block;
}
#main #item-page2 .item-img {
	margin-bottom: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 650px;
	flex: 0 1 650px
}
#main #item-page2 .item-img .slick-slider {
	margin-bottom: 40px;
	max-width: 650px
}
#main #item-page2 .item-img .slick-slider .slick-list {
	max-width: 650px;
	margin: 0
}
#main #item-page2 .item-img .slick-slider .slick-list .slick-slide {
	max-width: 650px;
	margin: 0
}
#main #item-page2 .item-img .item-slick-nav {
	margin-bottom: 0
}
#main #item-page2 .item-img .item-slick-nav .slick-slide {
	width: calc((100% - 20px) / 3)
}
#main #item-page2 section.item-text {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 400px;
	flex: 0 1 400px;
	position: relative;
	padding-bottom: 155px;
}




#main #item-page2 .pdtDetailTop{
	display: flex;
	flex-wrap: wrap;

	padding-bottom: 14px;
	border-top: 1px solid #000;
	padding-top: 14px;
	border-bottom:none;
	margin-bottom: 0;
	margin-top: 10px;
}
#main #item-page2 .pdtDetailTop dt{
	width: 24%;
	font-weight: bold;
	font-size: 14px;
}
#main #item-page2 .pdtDetailTop dd{
	width: 76%;
	font-size: 14px;
}
#main #item-page2 .pdtDetailTop.topBorder{
	padding-top: 14px;
	margin-top: 14px;
	border-top: 1px solid #ddd;
}

#main #item-page2 .cartbtmbana{
	padding: 20px 0 0 0;
}

#main #item-page2 .cartbtmbana img{
	width:100%;
	height: auto;
}



#main #item-page2 .cartBtnBtm2{
	border: 1px solid #F87DFF;
	padding: 10px 0;
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

#main #item-page2 .cartBtnBtmBana{
	margin-top: 20px;
}
#main #item-page2 .cartBtnBtmBana a{
	display: block;
}
#main #item-page2 .cartBtnBtmBana a img{
	width: 100%;
}



#main #item-page2 section h1 {
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 10px;
	line-height: 1;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.15em;
	border-bottom: none;
	padding: 0 0 0 0;
	display: inline-block;
	color: #333;
}
#main #item-page2 section .fs-c-productPrices--productDetail {
	text-align: left;
}
#main #item-page2 section .fs-c-productPrice {
	justify-content: left;
	width: 100%;
}
#main #item-page2 section .fs-c-productPrices{
	padding-bottom: 0;
	margin-bottom: 20px;
	border-bottom: none;
}
#main #item-page2 section.item-text span.fs-c-price__value {
	font-size: 22px !important;
	margin-bottom: 0;
	line-height: 100%;
	margin-top: 0;
}

#main #item-page2 section .fs-c-productPrices{
	padding-bottom: 0;
	margin-bottom: 20px;
	border-bottom: none;
}
#main #item-page2 section.item-text .fs-c-productNotice  {
	font-size: 12px;

}



#product_lp{
	background: #FFE6F6 url("../../images/product/pdt_bg.jpg") no-repeat center top;
	background-size: 100% 100%;
	padding: 60px 0;
	margin-bottom: 0;
}

.product_lp_cont{
	width: 580px;
	margin: 0 auto;
}




.fs-l-productLayout {
    display: grid;
    grid-row-gap: 0;
}


#main #item-page2 {
	width:100%;
}


#main #item-page2 dl.pdtDetailAco{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 6px;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 10px;
	background: #fff;
}


#main #item-page2 dl.pdtDetailAco dt{
	padding: 14px 0 12px;
	position: relative;
	cursor: pointer;
	line-height: 100%;
	font-size: 14px;
	font-weight: bold;
}


#main #item-page2 dl.pdtDetailAco dd{
	padding: 14px 0;
	font-size: 14px;
}

#main #item-page2 dl.pdtDetailAco dt::after{
	position: absolute;
	content: "";
	width:14px;
	height: 14px;
	top: 13px;
	right: 10px;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
	transform: rotate(45deg);
	transition: .2s all ease-in-out;
}
#main #item-page2 dl.pdtDetailAco dt.open::after{
	transform: rotate(225deg);
}



@media screen and (max-width: 768px) {


	/* */

	.fs-c-variationAndActions{
		margin-bottom: 15px;
	}
	#main #item-page section.item-text select.fs-c-dropdown__menu,
	#main #item-page section.item-text .fs-c-quantity select{
		height: 40px;
		line-height: 1.5;
		font-size: 16px;
		line-height: 1.5;
		text-align: left;
		width: 100%;
		padding: 10px 20px;
		background: #eeeeee;
		display: block;
	}

	#main #item-page section.item-text .fs-c-quantity::after,
	#main #item-page section.item-text .fs-c-dropdown::after {
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		width: 1em;
		background: #f2f2f2;
		border-left: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		box-sizing: content-box;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		content: "\e90f";
		font-family: 'fs-icon' !important;
		font-size: 1.8rem;
		line-height: 1;
		padding: 8px;
		pointer-events: none;
	}

	.fs-c-productQuantityAndWishlist__wishlist{
		display: none;
	}

	.fs-c-productQuantityAndWishlist {
		display: block;
	}
	#main #item-page section.item-text .fs-c-quantity{
		width:100%;
		max-width: 100%;
		position: relative;
	}

	.fs-c-stockSignLegend{
		display: none;
	}
	.fs-c-productActionButton{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 0;
	}
	main #item-page section.item-text .fs-c-productActionButton button {
		background: none;
		border: none;
		border-radius: 0px;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1;
		text-decoration: none;
		text-align: center;
		padding: 0;
		box-shadow: none;
		min-width: 100%;
	}
	main #item-page section.item-text .fs-c-productActionButton button .fs-c-button__label {
		margin-top: 10px;
		position: relative;
		display: inline-block;
		padding: 15px;
		width: 100%;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		transition: .3s;
		font-size: 15px;
		z-index: 1;
		background: #fe9398;
	}

	#main #item-page section.item-text #cart p select {
		height: 40px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5
	}
	#main #item-page section.item-text #cart p.buyButton {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%
	}

	/*  //  */


	#cartbox{
		display: flex;
		padding: 0;
		gap: 0 0.5%;
		flex-wrap: wrap;

		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: none;
		z-index: 1;

		justify-content:flex-start;
	}


	#cartbox .fs-c-productChooseVariation{
		width: 80%;
	}
	#cartbox .fs-c-productQuantityAndWishlist{
		width: 19%;

	}
	#cartbox .fs-c-productQuantityAndWishlist::before{
		content: "\6570\91CF";
		display: block;
		font-size: 12px;
		color: #777;
		text-align: left;
	}

	#cartbox .fs-c-productActionButton{
		width: 100%;
		display: block !important;
	}
	#cartbox .fs-c-productChooseVariation::before{
		content: "\30AB\30E9\30FC";
		display: block;
		font-size: 12px;
		color: #777;
		text-align: left;
	}



	#cartbox .fs-c-variationAndActions{
		margin-bottom: 0;
	}
	#cartbox .fs-c-productChooseVariation__variation ,
	#cartbox .fs-c-productQuantityAndWishlist__quantity {
		position: relative;
		overflow:visible;
		overflow-wrap: normal;
		display: block;
		max-width: 100%;
		border: 1px solid #000;
	}
	#cartbox .fs-c-variationSelect__select select.fs-c-dropdown__menu,
	#cartbox .fs-c-productQuantityAndWishlist__quantity select.fs-system-quantity-list{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		vertical-align: middle;
		color: #333333;
		width: 100%;


		height: 34px;
		line-height: 1.5;
		font-size: 10px;
		line-height: 100%;
		text-align: left;
		width: 100%;
		padding: 10px 12px;
		background: transparent;
		display: block;


	}
	#cartbox.fixed .fs-c-variationSelect__select select.fs-c-dropdown__menu,
	#cartbox.fixed .fs-c-productQuantityAndWishlist__quantity select.fs-system-quantity-list{
		height: 28px;
	}
	#cartbox .fs-c-productChooseVariation__variation::after,
	#cartbox .fs-c-productQuantityAndWishlist__quantity::after{
		content: "";
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		width: 1em;
		background: transparent;
		border-left: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		box-sizing: content-box;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		content: "\e90f";
		font-family: 'fs-icon' !important;
		font-size: 10px;
		line-height: 1;
		padding: 8px;
		pointer-events: none;
		z-index: 2;
	}


	#cartbox .fs-c-productQuantityAndWishlist__quantity select option:first-child{
		background:red;
		color:#ff0000;
	}


	#main #item-page section.item-text #cartbox  dl {
		margin-bottom: 0;
	}


	#cartbox .cartBtnBtm{
		width: 100%;
		padding-top: 5px;
	}


	#cartbox .cartBtnBtm .saleDate{
		width: 100%;
		padding: 6px;
		font-size: 12px;
	}
	#cartbox .cartBtnBtm .saleDate span{
		color: #f57777;
		font-weight: bold;
		}

	#cartbox.fixed .cartBtnBtm .saleDate br{
		display: none;
	}

	dl.custom-select {
		position:relative;
		width:100%;
		height: inherit;
		font-size: 12px;
		text-align: left;
		background: #fff;
		font-size: 12px;
		line-height: 1.5;
		text-align: left;
		width: 100%;
		padding: 0 0;
	}
	dl.custom-select dt{
		padding: 0;
	}
	dl.custom-select dt a{
		padding: 10px 12px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	dl.custom-select dd{
		width: 100%;
	}
	dl.custom-select a{
		display: block;
	}
	#variationSelect{
		position: absolute;
		bottom: 3em;
		left: -1px;
		width: 220%;
	}
	#variationSelect li{
		display: block;
		background: #fff;
		border: 1px solid #ddd;
		padding: 0 ;


	}
	#variationSelect li{
		padding: 25px 0 25px 60px ;
	}




	.fs-c-variationPanelList__label {
	}
	.fs-c-variationPanelList__label span{
		display: block;
		height: 34px;
		line-height: 34px;
		padding: 0 0 0 10px;
		text-align: left;
		font-size: 10px;
	}
	#cartbox.fixed .fs-c-variationPanelList__label span{
		height: 28px;
		line-height: 28px;
	}
	.fs-c-variationPanelList__list{
		position: absolute;
		bottom: 40px;
		left: -1px;
		width: 100%;
		max-height: 350px;
		overflow-y: scroll;
		gap:0;

		grid-template-columns:auto;
		display: none;
		padding-bottom: 0;
	}
	#cartbox.fixed .fs-c-variationPanelList__list{
		width: 200%;
	}
	.fs-c-variationPanelList__list li{
		display: block;
		background: #fff;
		border: none;
		padding: 0 ;

		width: 100%;
		position: relative;
	}

	.fs-c-variationPanelList__panel{
		border-radius: 0;
		border: 1px solid #ddd;
	}
	.fs-c-variationPanelList__panel__image{
		height: 50px;
		max-height: 70px;
		margin-bottom: 0;
		padding-bottom: 0;
		width: 70px;
	}
	.fs-c-variationPanelList__panel__image img{
		width: auto;
		max-height: 100%;
	}
	.fs-c-variationPanelList__panel__content{
		flex-wrap: wrap;
		background: 000;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 2px;
		min-height: 56px;
		padding: 0;
		width: 100%;
	}
	.fs-c-variationPanelList__panel__label{
		width: calc(100% - 72px);
		font-size: 12px;
	}
	.fs-c-variationPanelList__panel__stock{
		display: block;
		position: absolute;
		top: 34px;
		left: 73px;
	}

	.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel:where(:not(.fs-c-variationPanelList__panel--outOfStock)){
		border: 1px solid #000;
	}
	.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content{
		background: #fff;
		color: #333;
	}



	.fs-c-productActionButton {
		padding: 5px 0 0 0;
	}
	#cartbox.fixed .fs-c-productActionButton {
		padding: 11px 0 0 0;
	}

	.fs-c-productActionButton button{
		width: 100%;
		padding: 13px 12px;
		line-height: 1.5;
		border: none;
		font-size: 12px;
		min-width: 100%;
		background: #FF3EB5 url("../../images/product/icon_cart.png") no-repeat right 22% center;
		background-size: 16px 14px;
	}
	#cartbox.fixed .fs-c-productActionButton button{
		padding: 8px 20px 8px 5px;
	}
    .fs-c-productActionButton button .fs-c-button__label {
        font-size: 12px;
		font-style: italic;
    }
	
	
	#main #item-page2 {
		width: 100vw;

		margin: 60px auto 30px;

		position: relative;
	}
	#main #item-page2 #cartbox{
		position: absolute;
		bottom: 0;
		left: 0%;
		width: 100%;
	}
	#main #item-page2 #cartposition{
		position: absolute;
		bottom: 0;
		left: 0;
	}


	#main #item-page2 #cartbox.fixed{
		position: fixed;
		padding: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		width: 100%;
		bottom: 0;
		left: 0%;

		justify-content: center;
	}
	#cartbox.fixed .fs-c-productChooseVariation{
		width: 40%;
	}
	#cartbox.fixed .fs-c-productQuantityAndWishlist{
		width: 20%;

	}
	#cartbox.fixed .fs-c-productActionButton{
		width: 39%;

	}



	#main #item-page2 .item-img {

		margin-bottom: 40px;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}

	#main #item-page2 .item-img .item-slick {
		margin: 0 0 10px
	}
	#main #item-page2 .item-img .item-slick-nav li {
		margin: 0 10px 0 0;
		width: 100vw !important;
	}
	#main #item-page2 .item-img .item-slick-nav li:last-child {
		margin: 0
	}

	#main #item-page2 .item-img .slick-slider .slick-list {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden !important;
	}
	#main #item-page2 .item-img .slick-slider .slick-list .slick-slide {
		max-width: 100%;
		margin: 0 auto 10px
	}
	#main #item-page2 .item-img .slick-slider .slick-list .slick-slide img {
		max-width: 100%;
		max-height: 100%
	}
	#main #item-page2 .item-img .item-slick-nav .slick-slide {
		padding: 0 10px
	}


	#main #item-page2 .slick-dots {
		margin: 10px auto 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex !important;
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-flow: row nowrap !important;
		flex-flow: row nowrap !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: block;
		list-style: outside none none;
		padding: 0;
	}
	#main #item-page2 .slick-dots li {
		cursor: pointer;
		margin: 0 0 0 5px;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	#main #item-page2 .slick-dots li:first-of-type {
		margin: 0;
		overflow: hidden;
	}
	#main #item-page2 .slick-dots li button {
		background: transparent none repeat scroll 0 0;
		border: none;
		color: transparent;
		cursor: pointer;
		display: block;
		font-size: 0px;
		font-size: 0rem;
		line-height: 1.5;
		line-height: 0;
		outline: medium none;
		padding: 6px
	}
	#main #item-page2 .slick-dots li button::before {
		color: #000;
		content: "";
		font-size: 10px;
		font-size: 1rem;
		line-height: 1.5;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: transparent;
		line-height: 1rem;
		opacity: 0.25;
		text-align: center;
	}
	#main #item-page2 .slick-dots li button:hover, .slick-dots li button:focus {
		outline: medium none
	}
	#main #item-page2 .slick-dots li button:hover::before, .slick-dots li button:focus::before {
		opacity: 1
	}
	#main #item-page2 .slick-dots li.slick-active button::before {
		opacity: 1
	}


	#main #item-page2 section.item-text {
		padding-bottom: 115px;
		width: 92%;
		margin: 0 auto;
		position: relative;
		flex: 0 1 auto;
	}

	#main #item-page2 section.item-text .fs-l-productLayout{
		grid-row-gap: 0;
	}

	#main #item-page2 .fs-c-productSalesPeriod{
		display: block;
		border: none;
		border-width: 0 0;
		line-height: 100%;
		background: #eee;
		padding: 10px;
		text-align: center;
		margin-bottom: 5px;
	}
	#main #item-page2 .fs-c-productSalesPeriod{
		padding: 10px 10px 10px 10px;
	}
	#main #item-page2 .fs-c-productSalesPeriod:nth-last-of-type(1){
		padding: 10px 10px 10px 10px;
	}

	#main #item-page2 .pdtDetailTop{
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
		margin-bottom: 14px;
		border-bottom: none;
		line-height: 140%;
	}
	#main #item-page2 .pdtDetailTop dt{
		width: 24%;
		font-weight: bold;
		font-size: 12px;
	}
	#main #item-page2 .pdtDetailTop dd{
		width: 76%;
		font-size: 12px;
	}
	#main #item-page2 .pdtDetailTop.topBorder{
		padding-top: 14px;
		margin-top: 14px;
		border-top: 1px solid #ddd;
	}

	#main #item-page2 .cartbtmbana{
		padding: 20px 0 0 0;
		width: 92%;
		margin: 0 auto;
	}

	#main #item-page2 .cartbtmbana img{
		width:100%;
		height: auto;
	}

	


	#main #item-page2 .cartBtnBtm2{
		border: 1px solid #F87DFF;
		padding: 10px 0;
		text-align: center;
		width: 92%;
		margin: 20px auto 0;
		
	}
	#main #item-page2 .cartBtnBtmBana{
		padding: 0 0;
		width: 92%;
		margin: 20px auto 0;
	}
	#main #item-page2 .cartBtnBtmBana a{
		display: block;
	}
	#main #item-page2 .cartBtnBtmBana a img{
		width: 100%;
	}


	
	

	#main #item-page2 section h1 {
		font-size: 22px;
		line-height: 1.2;
		margin-bottom: 5px;
		line-height: 1;
		text-align: left;
		font-weight: bold;
		letter-spacing: 0.15em;
		border-bottom: none;
		padding: 0 0 0 0;
		display: inline-block;
		color: #333;
	}
	#main #item-page2 section .fs-c-productPrices--productDetail {
		text-align: left;
	}
	#main #item-page2 section .fs-c-productPrice {
		justify-content: left;
		width: 100%;
	}
	#main #item-page2 section .fs-c-productPrices{
		padding-bottom: 0;
		margin-bottom: 20px;
		border-bottom: none;
	}
	#main #item-page2 section.item-text span.fs-c-price__value {
		font-size: 24px !important;
		margin-bottom: 0;
		line-height: 100%;
		margin-top: 0;
	}


	#product_lp{
		background: #F5F5F5;
		margin-bottom: 40px;

	}

	.product_lp_cont{
		background: #fff;
		width: 100%;
	}

	.product_lp_cont .lp_cont_01.pad20{
		padding: 20px 0;
	}


	#main #item-page2 {
		width:100%;
	}


	#main #item-page2 dl.pdtDetailAco{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 14px;
	}


	#main #item-page2 dl.pdtDetailAco dt{
		padding: 14px 0 12px;
		border-top: none;
		position: relative;
		cursor: pointer;
		line-height: 100%;
		font-size: 12px;
		font-weight: bold;
	}


	#main #item-page2 dl.pdtDetailAco dd{
		padding: 14px 0;
		font-size: 12px;
	}

	#main #item-page2 dl.pdtDetailAco dt::after{
		position: absolute;
		content: "";
		width:10px;
		height: 10px;
		top: 13px;
		right: 10px;
		border-right: 1px solid #888;
		border-bottom: 1px solid #888;
		transform: rotate(45deg);
		transition: .2s all ease-in-out;
	}
	#main #item-page2 dl.pdtDetailAco dt.open::after{
		transform: rotate(225deg);
	}




}




/*新レイアウト*/


/*promotion*/


#promotion{
	width: 100%;
	height: 100svh;
}

#promotion .slider{
	width: 100%;
	height: 100%;
}
.slick-list,.slick-track{
	width: 100%;
	height: 100%;
}


#promotion .slider .slide{
	width: 100%;
	height: 100%;
	background: #eee;
}
#promotion .slider .slide a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
#promotion .slick-dots{
	bottom: 20px !important;
	top: inherit !important;
}
#promotion .slick-dots li {
	width: 20px !important;
	height: 20px !important;
}
#promotion .slick-dots li button{
	width: 20px !important;
	height: 20px !important;
}
#promotion .slick-dots li:nth-of-type(1) button{
	background: #ddd !important;
}
#promotion .slick-dots li:nth-of-type(2) button{
	background: #ddd !important;
}
#promotion .slick-dots li:nth-of-type(3) button{
	background: #ddd !important;
}
#promotion .slick-dots li:nth-of-type(1) button:before{
	content: none;
}
#promotion .slick-dots li:nth-of-type(2) button:before{
	content: none;
}
#promotion .slick-dots li:nth-of-type(3) button:before{
	content: none;
}
#promotion .slick-dots li:nth-of-type(4) button:before{
	content: none;
}
#promotion .slick-dots li:nth-of-type(5) button:before{
	content: none;
}

#promotion .slick-dots li.slick-active button{
	background: #FF00EB !important;
}
#promotion .slick-prev{
	left: 30px;
	top: 95%;	
	z-index: 1;
}
#promotion .slick-next{
	right: 30px;
	top: 95%;
	z-index: 1;
}
#promotion .slick-next:before {
    content: "" !important;
	background: none !important;
}

#promotion .slick-prev:before {
    content: "" !important;
	background: none !important;
}
#promotion .slick-next:before {
	display: block;
	width: 30px;
	height: 30px;
	border-right: 4px solid #555;
	border-bottom: 4px solid #555;
	transform: rotate(-45deg);
}
#promotion .slick-prev:before{
	display: block;
	width: 30px;
	height: 30px;
	border-right: 4px solid #555;
	border-bottom: 4px solid #555;
	transform: rotate(135deg);
}


/* slide */
/* flashbae */
#promotion .slider .flashbae{
	background: url("../../images/promotion/flashbae/bg.jpg?v=0001") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .flashbae .promoTxt{
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	overflow: hidden
}
#promotion .slider .flashbae .promoTxt img{
	width:40%;
	height: auto;
	margin-left: -4%;
}


/* agemore */
#promotion .slider .agemore{
	background: url("../../images/promotion/agemore/bg.jpg?v=0001") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .agemore .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .agemore .promoTxt img{
	width:33%;
	height: auto;
}


/* agemore */
#promotion .slider .agemore101{
	background: url("../../images/promotion/agemore101/bg.jpg?v=0002") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .agemore101 .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .agemore101 .promoTxt img{
	width:33%;
	height: auto;
}

/* agemore */
#promotion .slider .agemore1012{
	background: url("../../images/promotion/agemore101/bg2.jpg?v=0007") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .agemore1012 .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .agemore1012 .promoTxt img{
	width:33%;
	height: auto;
}

/* agemore */
#promotion .slider .newyear2025{
	background: url("../../images/promotion/newyear2025/bg.jpg?v=0011") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .newyear2025 .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .newyear2025 .promoTxt img{
	width:33%;
	height: auto;
}



/* slide */
/* flashbae101 */
#promotion .slider .flashbae101{
	background: url("../../images/promotion/flashbae101/promo_flashbae101_pc.jpg?v=0028") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .flashbae101 .promoTxt{
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	overflow: hidden
}
#promotion .slider .flashbae101 .promoTxt img{
	width:40%;
	height: auto;
	margin-left: -4%;
}



/* slide */
/* flashbae101 */
#promotion .slider .hanamichi{
	background: url("../../images/promotion/hanamichi3d/promo_hanamichi_pc.jpg?v=0032") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .hanamichi .promoTxt{
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	overflow: hidden
}
#promotion .slider .hanamichi .promoTxt img{
	width:40%;
	height: auto;
	margin-left: -4%;
}




/* slide */
/* flashbae101 */
#promotion .slider .hanamichi_2{
	background: url("../../images/promotion/hanamichi3d/promo_hanamichi_pc2.jpg?v=0032") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .hanamichi_2 .promoTxt{
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	overflow: hidden
}
#promotion .slider .hanamichi_2 .promoTxt img{
	width:40%;
	height: auto;
	margin-left: -4%;
}



/* slide */
/* flashbae101 */
#promotion .slider .flashbae101_2{
	background: url("../../images/promotion/flashbae101/promo_flashbae101_pc2.jpg?v=0028") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .flashbae101_2 .promoTxt{
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	overflow: hidden
}
#promotion .slider .flashbae101_2 .promoTxt img{
	width:40%;
	height: auto;
	margin-left: -4%;
}



/* agemore */
#promotion .slider .agemore101_2{
	background: url("../../images/promotion/agemore101/promo_agemore101_pc2.jpg?v=00035") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .agemore101_2 .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .agemore101_2 .promoTxt img{
	width:33%;
	height: auto;
}





/* agemore */
#promotion .slider .flashbae_2{
	background: url("../../images/promotion/flashbae/promo_flashbae_pc2.jpg?v=0002") no-repeat center center;
	background-size: cover;
	position: relative;
}

#promotion .slider .flashbae_2 .promoTxt{
	position: absolute;
	bottom: 12%;
	left: 6%;
	width: 100%;
}
#promotion .slider .flashbae_2 .promoTxt img{
	width:33%;
	height: auto;
}





article.contWrap{
	background: url("../../images/home/home_bg.jpg") no-repeat center top;
	background-size: 100% auto;
}




/*homeProducts*/

#homeBana{
	padding: 50px 0 20px;
	width: 1050px;
	margin: 0 auto;
}
#homeBana a{
	display: block;
}
#homeBana a img{
	display: block;
	width: 100%;
	height: auto;
}




/*homeProducts*/

#homeProducts{
	padding: 100px 0;
}

.homePdtList{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:0 5%
}
.homePdtBox{
	width: 25%;
}
.homePdtBox.newItem{
	position: relative;
}
.homePdtBox.newItem::before{
	content: "";
	position: absolute;
	width: 86px;
	height: 61px;
	background: url("../../images/home/pdt_newicon.png") no-repeat 0 0;
	background-size: 100% 100%;
	top: 30px;
	left: 30px;
}

.homePdtBox .pdtImg{
	margin-bottom: 4px;
}
.homePdtBox .pdtImg img{
	width: 100%;
	height: auto;
}

.homePdtBox .pdtTitle{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: bold;
}

.moreBtn1.btnCs{
	pointer-events: none;
	opacity: .4;
}

.moreBtn1{
	width: 100%;
	text-align: center;
}
.moreBtn1 a{
	display: inline-block;
	border: 1px solid #000;
	padding: 15px 100px 15px 80px;
	background: #fff url("../../images/arrow_go.png") no-repeat right 80px center;
	background-size: 12px auto;
	border-radius: 40px;
	color: #000;
	text-decoration: none;

	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
	transition: all .2s ease-in-out;
}
.moreBtn1 a:hover{
	background: #fff url("../../images/arrow_go.png") no-repeat right 70px center;
	background-size: 12px auto;

}





/*homeProductBanas*/

#homeProductBanas{
	padding: 100px 0;
	min-height: 1000px
}

.homePdtBanas{
	width: 1050px;
	margin: 0 auto;
}
.homePdtBana{
	width: 100%;
	height: 470px;
	margin-bottom: 50px;
}
.homePdtBana a{
	width:100%;
	height: 100%;
	display: block;
	position: relative;

	transition: 0.4s ease-in-out;
	transition-delay:0;
	
	background-size: 100% auto !important;
}

.homePdtBana a .pdtBanaTxt{
	transition: 0.4s ease-in-out;
	transition-delay:0.7s;
	opacity: 1;
}



.homePdtBana a.comingsoon{
	pointer-events: none;
}
.homePdtBana a.comingsoon::before{
	content: "COMING SOON";
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 18px;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: italic;
}
.pdtTag{
	position: absolute;
	
	top: -30px;
	right: 40px;
	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	
	display: block;
	padding: 30px 15px;
	line-height: 100%;
	background: #FF3EB5;
	border-left: 6px solid #EEF162;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	letter-spacing: .1em;
	font-size: 18px;
	
	pointer-events: none;
}

.pdtTag2{
	position: absolute;
	
	top: -30px;
	right: 40px;
	
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	
	display: block;
	padding: 30px 15px;
	line-height: 100%;
	background: #3AD0CD;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	letter-spacing: .1em;
	font-size: 18px;
	
	pointer-events: none;
}
.homePdtBana:nth-of-type(2n) .pdtTag2{
	top: -30px;
	right: auto;
	left: 40px;

}


/* flashbae */
.homePdtBana.flashbae a{
	background: #ddd url("../../images/home/pdt_bana_bg_flashbae.jpg?v=0001") no-repeat center center;
	background-size: 100% auto;
}
.homePdtBana.flashbae a .pdtBanaTxt{
	position: absolute;
	top: 50%;
	left: 2%;
	width:50%;
	transform: translate(0,-50%);
	pointer-events: none;
}
.homePdtBana.flashbae a .pdtBanaTxt img{
	width: 100%;
	height: auto;
}

/* agemore */
.homePdtBana.agemore a{
	background: #ddd url("../../images/home/pdt_bana_bg_agemore.jpg?v=0001") no-repeat center center;
	background-size: 100% auto;
}
.homePdtBana.agemore a .pdtBanaTxt{
	position: absolute;
	top: 10%;
	left: 2%;
	width:50%;
	pointer-events: none;
}
.homePdtBana.agemore a .pdtBanaTxt img{
	width: 100%;
	height: auto;
}




/* agemore */
.homePdtBana.agemore101 a{
	background: #ddd url("../../images/home/pdt_bana_bg_agemore101.jpg?v=0001") no-repeat center center;
	background-size: 100% auto;
}
.homePdtBana.agemore101 a .pdtBanaTxt{
	position: absolute;
	top: 21%;
	right: 10%;
	width:43%;
	pointer-events: none;
}
.homePdtBana.agemore101 a .pdtBanaTxt img{
	width: 100%;
	height: auto;
}





/* agemore */
.homePdtBana.flashbae101 a{
	background: #ddd url("../../images/home/pdt_bana_bg_flashbae101.jpg?v=0002") no-repeat center center;
	background-size: 100% auto;
}
.homePdtBana.flashbae101 a .pdtBanaTxt{
	position: absolute;
	top: 11%;
	left: 6%;
	width:40%;
	pointer-events: none;
}
.homePdtBana.flashbae101 a .pdtBanaTxt img{
	width: 100%;
	height: auto;
}





.homePdtBana.pdtBanaImg{
	width: 100%;
	height: auto;
}


.homePdtBana.pdtBanaImg a .pdtBanaTxt img{
	width: 100%;
	height: auto;
}



.homePdtBana a:hover{
	transition-delay: 0 !important;
	transform: scale(1.05);
	cursor: pointer;

}



/*homeNews*/

#homeNews{
	padding: 100px 0;

}

#homeNews .newsLists{
	width: 560px;
	margin: 0 auto 40px;
}






/*homeInsta*/

#homeInsta{
	padding: 100px 0;
	background: #F5F5F5;
	overflow: hidden;
}

#homeInsta iframe{
	width: 1050px;
	margin: 0 auto;
	display: block;
}


.instaHead{
	margin: 0 auto;
	width: 1050px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}
.instaHead .instaIcon{
	width: 61px;
	height: 61px;
}
.instaHead .instaIcon img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.instaHead .instaName{
	line-height: 61px;
	width: calc(100% - 81px);
	margin-left: 20px;
	font-size: 14px;
}


/* -- 商品ページ -- */



.item-img .slick-dots{
	bottom: -30px !important;
	top: inherit !important;
}
.item-img .slick-dots li {
	width: 15px !important;
	height: 15px !important;
}
.item-img .slick-dots li button{
	width: 15px !important;
	height: 15px !important;
}
.item-img .slick-dots li button:before{
	content: none;
}

.item-img .slick-dots li:nth-of-type(1) button{
	background: #ddd !important;
}
.item-img .slick-dots li:nth-of-type(2) button{
	background: #ddd !important;
}
.item-img .slick-dots li:nth-of-type(3) button{
	background: #ddd !important;
}
.item-img .slick-dots li:nth-of-type(1) button:before{
	content: none;
}
.item-img .slick-dots li:nth-of-type(2) button:before{
	content: none;
}
.item-img .slick-dots li:nth-of-type(3) button:before{
	content: none;
}

.item-img .slick-dots li.slick-active button{
	background: #FF00EB !important;
}
.item-img .item-slick2 .slick-prev{
	left: 0;
	top: calc(100% + 20px);	
	z-index: 1;
	width: 15px;
	height: 15px;
	transform: rotate(135deg);
}
.item-img .item-slick2 .slick-next{
	right: 0;
	top: calc(100% + 20px);	
	z-index: 1;
	width: 15px;
	height: 15px;
	transform: rotate(-45deg);
}
.item-img .slick-next:before {
    content: "" !important;
	background: none !important;
}

.item-img .slick-prev:before {
    content: "" !important;
	background: none !important;
}
.item-img .slick-next:before {
	display: block;
	width: 15px;
	height: 15px;
	border-right: 2px solid #111;
	border-bottom: 2px solid #111;
}
.item-img .slick-prev:before{
	display: block;
	width: 15px;
	height: 15px;
	border-right: 2px solid #111;
	border-bottom: 2px solid #111;
}









@media screen and (max-width: 768px) {

	
	


	/*新レイアウト*/


	/*promotion*/


	#promotion{
		width: 100%;
		height: 100svh;
		overflow: hidden;
	}

	#promotion .slider{
		width: 100%;
		height: 100%;
	}
	.slick-list,.slick-track{
		width: 100%;
		height: 100%;
	}


	#promotion .slider .slide{
		width: 100%;
		height: 100%;
		background: #eee;
	}
	#promotion .slider .slide a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	#promotion .slick-dots{
		bottom: 15px !important;
		top: inherit !important;
	}
	#promotion .slick-dots li {
		width: 13px !important;
		height: 13px !important;
	}
	#promotion .slick-dots li button{
		width: 13px !important;
		height: 13px !important;
	}
	#promotion .slick-dots li:nth-of-type(1) button{
		background: #ddd !important;
	}
	#promotion .slick-dots li:nth-of-type(2) button{
		background: #ddd !important;
	}
	#promotion .slick-dots li:nth-of-type(3) button{
		background: #ddd !important;
	}
	#promotion .slick-dots li:nth-of-type(1) button:before{
		content: none;
	}
	#promotion .slick-dots li:nth-of-type(2) button:before{
		content: none;
	}
	#promotion .slick-dots li:nth-of-type(3) button:before{
		content: none;
	}

	#promotion .slick-dots li.slick-active button{
		background: #FF00EB !important;
	}
	#promotion .slick-prev{
		left: 18px;
		top: 96%;	
		z-index: 1;
	}
	#promotion .slick-next{
		right: 18px;
		top: 96%;
		z-index: 1;
	}
	#promotion .slick-next:before {
		content: "" !important;
		background: none !important;
	}

	#promotion .slick-prev:before {
		content: "" !important;
		background: none !important;
	}
	#promotion .slick-next:before {
		display: block;
		width: 18px;
		height: 18px;
		border-right: 3px solid #555;
		border-bottom: 3px solid #555;
		transform: rotate(-45deg);
	}
	#promotion .slick-prev:before{
		display: block;
		width: 18px;
		height: 18px;
		border-right: 3px solid #555;
		border-bottom: 3px solid #555;
		transform: rotate(135deg);
	}


	/* slide */
	/* flashbae */
	#promotion .slider .flashbae{
		background: url("../../images/promotion/flashbae/bg_sp.jpg?v=0008") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .flashbae .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .flashbae .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}


	/* agemore */
	#promotion .slider .agemore{
		background: url("../../images/promotion/agemore/bg_sp.jpg?v=0002") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .agemore .promoTxt{
		position: absolute;
		bottom: 9%;
		left: 39%;
		width: 58%;
	}
	#promotion .slider .agemore .promoTxt img{
		width:100%;
		height: auto;
	}



	/* agemore */
	#promotion .slider .agemore101{
		background: url("../../images/promotion/agemore101/bg_sp.jpg?v=0003") no-repeat center top;
		background-size: 100% auto;
		position: relative;
	}

	#promotion .slider .agemore101 .promoTxt{
		position: absolute;
		bottom: 9%;
		left: 39%;
		width: 58%;
	}
	#promotion .slider .agemore101 .promoTxt img{
		width:100%;
		height: auto;
	}


	/* agemore */
	#promotion .slider .agemore1012{
		background: url("../../images/promotion/agemore101/bg2_sp.jpg?v=0007") no-repeat center top;
		background-size: 100% auto;
		position: relative;
	}

	#promotion .slider .agemore1012 .promoTxt{
		position: absolute;
		bottom: 9%;
		left: 39%;
		width: 58%;
	}
	#promotion .slider .agemore1012 .promoTxt img{
		width:100%;
		height: auto;
	}


	/* agemore */
	#promotion .slider .newyear2025{
		background: url("../../images/promotion/newyear2025/bg_sp.jpg?v=0011") no-repeat center top;
		background-size: 100% auto;
		position: relative;
	}

	#promotion .slider .newyear2025 .promoTxt{
		position: absolute;
		bottom: 9%;
		left: 39%;
		width: 58%;
	}
	#promotion .slider .newyear2025 .promoTxt img{
		width:100%;
		height: auto;
	}



	/* flashbae */
	#promotion .slider .flashbae101{
		background: url("../../images/promotion/flashbae101/promo_flashbae101_sp.jpg?v=0028") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .flashbae101 .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .flashbae101 .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}


	/* flashbae */
	#promotion .slider .hanamichi{
		background: url("../../images/promotion/hanamichi3d/promo_hanamichi_sp.jpg?v=0032") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .hanamichi .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .hanamichi .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}



	/* flashbae */
	#promotion .slider .hanamichi_2{
		background: url("../../images/promotion/hanamichi3d/promo_hanamichi_sp2.jpg?v=0032") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .hanamichi_2 .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .hanamichi_2 .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}



	/* flashbae */
	#promotion .slider .flashbae101_2{
		background: url("../../images/promotion/flashbae101/promo_flashbae101_sp2.jpg?v=0032") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .flashbae101_2 .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .flashbae101_2 .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}



	/* flashbae */
	#promotion .slider .agemore101_2{
		background: url("../../images/promotion/agemore101/promo_agemore101_sp2.jpg?v=0035") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .agemore1012_2 .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .agemore1012_2 .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}



	/* flashbae */
	#promotion .slider .flashbae_2{
		background: url("../../images/promotion/flashbae/promo_flashbae_sp2.jpg?v=0032") no-repeat center top;
		background-size: cover;
		position: relative;
	}

	#promotion .slider .flashbae_2 .promoTxt{
		position: absolute;
		top: 42%;
		left: 0%;
		transform: translateY(-50%);
		width: 100%;
		overflow: hidden
	}
	#promotion .slider .flashbae_2 .promoTxt img{
		width:80%;
		height: auto;
		margin-left: -8%;
	}




	article.contWrap{
		background: url("../../images/home/home_bg.jpg") no-repeat center top;
		background-size: 100% auto;
	}


	/*homeProducts*/

	#homeBana{
		padding: 0 0 40px;
		width: 90vw;
		margin: 0 auto;
	}
	#homeBana a{
		display: block;
	}
	#homeBana a img{
		display: block;
		width: 100%;
		height: auto;
	}


	
	
	/*homeProducts*/

	#homeProducts{
		padding: 50px 0;
	}

	.homePdtList{
		width: 94%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap:0 0.5%
	}
	.homePdtBox{
		width: 49%;
		margin-bottom: 4vw;
	}
	.homePdtBox.newItem{
		position: relative;
	}
	.homePdtBox.newItem::before{
		content: "";
		position: absolute;
		width: 49px;
		height: 34px;
		background: url("../../images/home/pdt_newicon.png") no-repeat 0 0;
		background-size: 100% 100%;
		top: 5px;
		left: 5px;
	}

	.homePdtBox .pdtImg{
		margin-bottom: 0;
	}
	.homePdtBox .pdtImg a{
		margin: 0;
		display: block;
	}
	.homePdtBox .pdtImg img{
		width: 100%;
		height: auto;
	}

	.homePdtBox .pdtTitle{
		text-align: center;
		font-size: 12px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.moreBtn1.btnCs{
		pointer-events: none;
		opacity: .4;
	}

	.moreBtn1{
		width: 100%;
		text-align: center;
	}
	.moreBtn1 a{
		display: inline-block;
		border: 1px solid #000;
		padding: 8px 23px 8px 17px;
		background: #fff url("../../images/arrow_go.png") no-repeat right 12px center;
		background-size: 7px auto;
		border-radius: 40px;
		color: #000;
		text-decoration: none;

		font-family: 'Lato', sans-serif;
		font-style: italic;
		text-align: center;
		transition: all .2s ease-in-out;
		font-size: 9px;
		line-height: 100%;
	}
	.moreBtn1 a:hover{
		background: #fff url("../../images/arrow_go.png") no-repeat right 12px center;
		background-size: 7px auto;

	}




	/*homeProductBanas*/

	#homeProductBanas{
		padding: 0 0 60px;
		min-height: inherit
	}

	.homePdtBanas{
		width: 90%;
		margin: 0 auto;
	}
	.homePdtBana{
		width: 90vw;
		height: 92vw;
		margin-bottom: 50px;
		padding: 0 0 0 20px;
	}
	.homePdtBana:nth-of-type(2n){
		padding: 0 20px 0 0;
	}
	.homePdtBana a{
		width:100%;
		height: 100%;
		display: block;
		position: relative;
	}


	
	.pdtTag{
		position: absolute;

		top: 20px;
		right: auto;
		left: -20px;
		

		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;

		display: block;
		padding: 10px 15px;
		line-height: 100%;
		background: #FF3EB5;
		border-left: 6px solid #EEF162;
		color: #fff;
		font-family: "Lato", sans-serif;
		font-weight: 900;
		letter-spacing: .1em;
		font-size: 12px;
	}
	.homePdtBana:nth-of-type(2n) .pdtTag{
		top: 20px;
		right: -20px;
		left: auto;
	}
	
	.pdtTag2{
		position: absolute;

		top: 20px;
		right: auto;
		left: -20px;
		

		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;

		display: block;
		padding: 7px 10px;
		line-height: 100%;
		background: #3AD0CD;
		color: #fff;
		font-family: "Lato", sans-serif;
		font-weight: 900;
		letter-spacing: .1em;
		font-size: 11px;
	}
	.homePdtBana:nth-of-type(2n) .pdtTag2{
		top: 20px;
		right: -20px;
		left: auto;
	}

	
	




	/* flashbae */
	.homePdtBana.flashbae a{
		background: #ddd url("../../images/home/pdt_bana_bg_flashbae_sp.jpg?v=0001") no-repeat center center;
		background-size: 110% auto;
	}
	.homePdtBana.flashbae a .pdtBanaTxt{
		position: absolute;
		top: auto;
		left: 0%;
		bottom: 4vw;
		width:90%;
		transform: translate(0,0%);
		text-align: center;
	}
	.homePdtBana.flashbae a .pdtBanaTxt img{
		width: 90%;
		height: auto;
	}

	/* agemore */
	.homePdtBana.agemore a{
		background: #ddd url("../../images/home/pdt_bana_bg_agemore_sp.jpg?v=0001") no-repeat center center;
		background-size: 110% auto;
	}
	.homePdtBana.agemore a .pdtBanaTxt{
		position: absolute;
		top: auto;
		left: 0%;
		bottom: 4vw;
		width:90%;
		text-align: center;
	}
	.homePdtBana.agemore a .pdtBanaTxt img{
		width: 90%;
		height: auto;
	}



	/* agemore */
	.homePdtBana.agemore101 a{
		background: #ddd url("../../images/home/pdt_bana_bg_agemore101_sp.jpg?v=0001") no-repeat center center;
		background-size: 110% auto;
	}
	.homePdtBana.agemore101 a .pdtBanaTxt{
		position: absolute;
		top: auto;
		left: 5%;
		bottom: 4vw;
		width:90%;
		text-align: center;
	}
	.homePdtBana.agemore101 a .pdtBanaTxt img{
		width: 90%;
		height: auto;
	}



	/* agemore */
	.homePdtBana.flashbae101 a{
		background: #ddd url("../../images/home/pdt_bana_bg_flashbae101_sp.jpg?v=0002") no-repeat center center;
		background-size: 110% auto;
	}
	.homePdtBana.flashbae101 a .pdtBanaTxt{
		position: absolute;
		top: auto;
		left: 0%;
		bottom: 2vw;
		width:100%;
		text-align: center;
	}
	.homePdtBana.flashbae101 a .pdtBanaTxt img{
		width: 90%;
		height: auto;
	}




	/*homeNews*/

	#homeNews{
		padding: 60px 0;

	}

	#homeNews .newsLists{
		width: 90%;
		margin: 0 auto 20px;
	}






	/*homeInsta*/

	#homeInsta{
		padding: 60px 4% 40px;
		background: #F5F5F5;
	}


	#homeInsta iframe{
		width: 100%;
	}


	/* -- 商品ページ -- */



	.item-img .slick-dots{
		bottom: -18px !important;
		top: inherit !important;
	}
	.item-img .slick-dots li {
		width: 15px !important;
		height: 15px !important;
	}
	.item-img .slick-dots li button{
		width: 15px !important;
		height: 15px !important;
	}
	.item-img .slick-dots li:nth-of-type(1) button{
		background: #ddd !important;
	}
	.item-img .slick-dots li:nth-of-type(2) button{
		background: #ddd !important;
	}
	.item-img .slick-dots li:nth-of-type(3) button{
		background: #ddd !important;
	}
	.item-img .slick-dots li:nth-of-type(1) button:before{
		content: none;
	}
	.item-img .slick-dots li:nth-of-type(2) button:before{
		content: none;
	}
	.item-img .slick-dots li:nth-of-type(3) button:before{
		content: none;
	}

	.item-img .slick-dots li.slick-active button{
		background: #FF00EB !important;
	}
	.item-img .slick-dots li button:before{
		font-size: 0 !important;
		font-weight: bold;
		line-height: 15px !important;
		color: #000;
		font-family: 'Lato', sans-serif;
		font-style: italic;
		width: 15px !important;
		height: 15px !important;
		opacity: 1 !important;
	}

	
	.item-img .item-slick2 .slick-prev{
		left: 10px;
		top: calc(100% + 4px);	
		z-index: 1;
		width: 12px;
		height: 12px;
		transform: rotate(135deg);
	}
	.item-img .item-slick2 .slick-next{
		right: 10px;
		top: calc(100% + 4px);	
		z-index: 1;
		width: 12px;
		height: 12px;
		transform: rotate(-45deg);
	}
	.item-img .slick-next:before {
		content: "" !important;
		background: none !important;
	}

	.item-img .slick-prev:before {
		content: "" !important;
		background: none !important;
	}
	.item-img .slick-next:before {
		display: block;
		width: 12px;
		height: 12px;
		border-right: 2px solid #111;
		border-bottom: 2px solid #111;
	}
	.item-img .slick-prev:before{
		display: block;
		width: 12px;
		height: 12px;
		border-right: 2px solid #111;
		border-bottom: 2px solid #111;
	}






}