/* =================================================================== */
/*
CSS information
 file name  :  css.css
 style Info :  
*/
/* =================================================================== */

@CHARSET "utf-8";

@import url("font.css");

* {
	margin:0;
	padding:0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;	/*iPhoneサファリの初期設定が必要なければ設定して自動で調整しないように。*/
	-ms-text-size-adjust: 100%;
	/*font-size: calc(100% + 0.25vw)*/
}



body {
	/*font-family: 'MyWebFont-1-Regular'!important;*/

	font-family: "MyWebFont-1-Regular" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	font-size: 14px;
	line-height:1.5em;
	margin:0 auto;
	padding:0;
	background: #FFF;
	border: 0px solid #000;
	overflow-x: hidden;
	color: #000;
	overflow:hidden;
}

	@media only screen and (min-width: 1000px) {
		body {
			width: 1000px;
		}
	}

	@media only screen and (max-width: 1000px) {
		body {
			width: 1000px;
		}
	}

	@media only screen and (max-width: 767px) {
		body {
			width: 100%;
		}
	}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio[controls], canvas, video {
	display: inline-block;
	*display: inline;
	zoom: 1;
}


img {
	-ms-interpolation-mode: bicubic;
	width: auto;
}

/*-------------------------*/
/* Anchor */
/*-------------------------*/
a ,
a:link ,
a:visited ,
a:hover ,
a:active {
	/*color:inherit;*/	/*継承*/
	color: #000;
	text-decoration: none;
}


/*-------------------------*/
/*  */
/*-------------------------*/
em  {
	color:#E4007F;
	font-style : normal;
}

/*-------------------------*/
/* wrapper */
/*-------------------------*/
#wrapper {
	margin:0 auto;
	border: 0px solid #F00;
	background:#FFF;
	height: 100%;
	position: relative;
	letter-spacing:0.2em;
}

/* OMOTE */
#wrapper_omote {
	margin:0 auto;
	border: 0px solid #F00;
	/*background:#FFF;*/
	background-color: transparent;
	height: 100%;
	position: relative;
	letter-spacing:0.2em;
}



	@media only screen and (min-width: 1000px) {
		#wrapper {
			width: 1000px;
		}

		#wrapper_omote  {
			width: 1000px;
		}
	}

	@media only screen and (max-width: 767px) {
		#wrapper {
			width: 100%;
		}

		#wrapper_omote {
			width: 100%;
		}
	}


/*-------------------------*/
/* Header */
/*-------------------------*/

header {
	position:fixed;	/* Header固定 */
	background-color:#FFF;
	width:100%;
	margin:0;
	padding:0.5% 0 0 0;
	border: 0px solid #00F;
	text-align: center;
	z-index:9999;
	top: 0;
	letter-spacing:0;
}

	@media only screen and (min-width: 1000px) {
		header {
			width: 1000px;
			margin-bottom:1.5em;
		}
	}

	@media only screen and (max-width: 1000px) {
		header {
			width: 1000px;
		}
	}

	@media only screen and (max-width: 767px) {
		header {
			width: 100%;
		}
	}



header img{
	/*border: 0px solid #0FF;
	margin:0 0 0 0;*/
}


/*-------------------------*/
/* Header */
/* Logo */
/*-------------------------*/
header .logo{
	overflow: hidden;
	border: 0px solid #0FF;
}

header .logo img{
	padding:0;
	width: 30%;
	border: 0px solid #00F;
	text-align: center;
	margin:1% auto 0 auto;
}

	@media only screen and (max-width: 767px) {
		header .logo img {
			width: 40%;
		}
	}

header .logo2{
	overflow: hidden;
	border: 0px solid #0FF;
}

header .logo2 img{
	padding:0;
	width: 50%;
	border: 0px solid #00F;
	text-align: center;
	/*margin:1% auto 0 auto;*/
	margin:1% auto 1% auto;
}

	@media only screen and (max-width: 767px) {
		header .logo2 img {
			width: 50%;
		}
	}


/* Englishアイコン */
.eg-master-box{
	border: 0px solid #0F0;
	position: relative;
}


.eg-box{
  /*width: 50px;*/
  /*height: 50px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*border-radius: 50%;*/
  cursor: pointer;    
  position: absolute;
  top: 55%;
  left: 77%;
	border: 0px solid #F00;
}

	@media only screen and (max-width: 767px) {
		.eg-box {
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  cursor: pointer;    
		  position: absolute;
		  top: 30%;
		  left: 77%;
			border: 0px solid #F00;
		}

		.eg-box a img{
			height: 70%;
		}
	}


.eg-box a {
	border: 0px solid #F00;
}



/* OMOTE Body */
#brand_omote{
	background-image: url("../img/bg.jpg");
	background-repeat: repeat;
	background-position: top center;
	border: 0px solid #F00;
}





/*-------------------------*/
/* メイン */
/*-------------------------*/


#main {
	background-color:#FFF;
	width:100%;
	margin-top:200px;
	margin-bottom:1.5em;
	border: 0px solid #00F;
}

#main_omote {
	/*background-color:#FFF;*/
	width:95%;
	margin-top:200px;
	margin-bottom:1.5em;
	margin : 100px auto 1.5em auto;
	border: 0px solid #00F;
}



	@media only screen and (min-width: 1000px) {
		#main {
			margin-top:14%;
		}
	}

	@media only screen and (max-width: 1000px) {
		#main {
			margin-top:14%;
		}
	}

	@media only screen and (max-width: 767px) {
		#main {
			margin-top:20%;
		}
	}

	@media only screen and (max-width: 500px) {
		#main {
			margin-top:23%;
		}
	}


#contents {
	border: 0px solid #00F;
	margin-top: 2%;
	background-color:#FFF;
}

#contents_omote {
	border: 0px solid #00F;
	margin-top: 2%;
	margin: 2% auto 0 auto;
	/*width:90%;*/
	background-color:#FFF;
}

/* OMOTE 製品ページ上下 */
.omoteitems{
	padding: 1em 0;
}



#nav ul, #nav ol ,
#undernav ul, #undernav ol {
	list-style: none;
}

/* ----------------- */
/* nav 上部メインメニュー */
/* ----------------- */
/* nav 全体 */
/* ----------------- */
#nav {
	font-family: "MyWebFont-1-Bold",sans-serif !important;
	vertical-align: middle;
	font-size: 1.7em;
	font-feature-settings : "palt" 1;	/* プロポーショナルメトリクス */
	background-color:#FFF;
	/*width: 100%;*/
	margin: 0;
	border: 0px solid #F00;
}




#nav ul li.menu {
	vertical-align: middle;
	padding: 0 0.2em;
}



	@media screen and (min-width: 758px) and (max-width: 1000px) {
		#nav ul li.menu {
			/*font-size: calc(100% - 0.7vw);*/
			padding: 0 0.2em;
			letter-spacing: -0.1em;
		}
	}

	@media screen and (max-width:500px) {
		#nav ul li.menu {
			/*font-size: calc(100% - 0.7vw);*/
			font-size: 0.7em;
			padding: 0 0.1em;
			letter-spacing: -0.1em;
		}
		/* OnlineStoreアイコン */
		#nav ul li.menu img{
			width: 100%;
			border: 0px solid #F00;
		}
	}



/*-------------------------*/
/* ドロップメニュー */
/*-------------------------*/

#nav #fade-in {
	/*position: relative;*/
	/*z-index: 5;*/
	margin: 0 0 2% 0;
}

#nav #fade-in li ul{
	opacity: 0;
	visibility: hidden;

	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

/*  Catalog → Brand */

.dropmenu{
	display:table;
	text-align: center;
	margin: 0 auto;
	border: 0px solid #7c8c0e;
	line-height: 0;
}

.itemContent {
	display:table;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #7c8c0e;
	line-height: 0;
}



.dropmenu ul,
.dropmenu li.menuCh ul {
	/*width: 100%;
	list-style-type: none;
	border: 0px solid #F00;*/
}

.dropmenu li,
.menuCh {
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	width: auto;
	border: 0px solid #999;
}


.dropmenu li a img,
.menuCh a img {
	width: auto;
	border: 0px solid #F00;
}

/* Categoly 商品表示 */
#nav #fade-in li:hover ul{
	visibility: visible;
	opacity: 1;
}



/**/
.dropmenu li.menuCh ul{
	background:#FFF;
	margin: 0;
	padding:0 0.5em;
	/*padding:0;*/
	position: absolute;
	left:0px;
	/*width:25%;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;

	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;

	-webkit-align-items: flex-start; /* Safari */
	align-items: flex-start;

	-webkit-align-content: flex-start;
	align-content: flex-start;

  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;

	width: 100%;
	border: 0px solid #00F;
	height: auto;
	/*height: 700px;*/
	max-height: 750px;
	overflow-x: hidden;
	top:130px;
}

	@media only screen and (min-width: 1500px) {
		.dropmenu li.menuCh ul {
			top:140px;
		}
	}

	@media screen and (max-width:757px) {
		.dropmenu li.menuCh ul{
			position: fixed;
		}
	}

	@media screen and (max-height:700px) {
		.dropmenu li.menuCh ul {
			max-height: 400px;
		}
	}

	/* 幅757px以下＆高さ500px以下 */
	@media screen and (max-width:757px) and (min-height:500px) {
		.dropmenu li.menuCh ul {
			max-height: 400px;
		}
	}

/* カタログ画像 */
.dropmenu li.menuCh ul li{
	background: #FFF;
	text-align: center;
	width: 20%;
	border: 0px solid #F00;
	margin: 0 auto;
	display: flex;
	align-items:center;
	flex-basis: auto;
	overflow:hidden;
}

/* Bland分岐メニュー */
.dropmenu li.menuCh ul li.brand{
	background: #FFF;
	text-align: center;
	width: 50%;
	border: 0px solid #00F;
	/*margin: 0 auto;*/
	margin: 0 auto;
	display: flex;
	align-items:center;
	flex-basis: auto;
	overflow:hidden;
}

	@media screen and (max-width:757px) {
		.dropmenu li.menuCh ul {
			/*position: fixed;*/
			position: absolute;
			width: 100%;
			left:0;
			top:100%;
		}

		.dropmenu li.menuCh ul li{
			width: 50%;
		}

		.dropmenu li.menuCh ul li a img {
			width: 60%;
		}

		.dropmenu li.menuCh ul li.brand{
			width: 90%;
			border: 0px solid #00F;
		}

		.dropmenu li.menuCh ul li.brand a img {
			width: 60%;
			border: 0px solid #F00;
		}

	}

.dropmenu li.menuCh ul li a{
	padding: 0;
	border: 0px solid #7c8c0e;
	background: #FFF;
	text-align: center;
	width: 100%;
}

.dropmenu li.menuCh ul li.brand a.capreve{
	/*padding: 0;*/
	padding:0 0 1em 0;
	border: 0px solid #7c8c0e;
	background: #FFF;
	text-align: center;
	/*text-align: left;*/
	width: 100%;
}

.dropmenu li.menuCh ul li.brand a.omote{
	/*padding: 0;*/
	padding:0 0 1em 0;
	border: 0px solid #7c8c0e;
	background: #FFF;
	text-align: center;
	/*text-align: right;*/
	width: 100%;
}

.dropmenu li.menuCh ul li a img {
	border: 0px solid #000;
	margin: 0 auto;
}

.dropmenu li.menuCh ul li.end{
	display: flex;
	width: 100%;
	padding: 1em 0;
	font-size: 0.6em;
	letter-spacing: 0.1em;
	text-align: right;
	height: 1em; /* 高さ１文字分を追加*/
	border: 10px solid #FFF;
	margin: 15px auto;
}

.dropmenu li.menuCh ul li.end p{
	/*border: 20px solid #FFF;*/
	text-align:right;
	margin: 50px auto;
	padding: 1em 0;
	height: 1em; /* 高さ１文字分を追加*/
}


/*-------------------------*/
/* ぱんくず */
/*-------------------------*/
p#pagenavi,
p#pagenavi a {
	letter-spacing:0;
}

/*-------------------------*/
/* フッダー */
/*-------------------------*/
#footer {
	background:#FFF;
	width:100%;
	height:15%;
	float:left;
	text-align: center;
	border: 0px solid #00F;
	/*font-size:0.8em;*/
}

#footer p {
	text-align: right;
}







/*-------------------------*/
/* 汎用 */
/*-------------------------*/
.right {
	width:100%;
	border: 0px solid #00F;
	text-align: right;
	margin: 1% 0;
}

.text,
.company_text {
	width:100%;
	border: 0px solid #00F;
	margin: 0 auto;
	padding: 0 5%;
	/*line-height: 1.5em;*/
	text-align: left;
}

.company_text {
	margin: 1vw auto;
}

.item_detail,
.item_copy,
.item_icon {
	width:100%;
	border: 0px solid #00F;
	margin: 1vw auto;
	padding: 0 3%;
	/*line-height: 1.2em*/
}

.item_soldend {
	width:100%;
	border: 0px solid #00F;
	margin: 1vw auto 0 auto;
	padding: 0 3%;
	text-align: left;
}

.item_detail,
.item_copy,
.item_model {
	text-align: left;
}

.item_icon {
	text-align: center;
}

.item_copy ,
.item_copy_soldend{
	font-weight: bold;
	margin: 1.2em auto 0 0;
}

.item_copy_soldend {
	margin: 0.6em auto 0 0;
}


.item_model {
	width:100%;
	border: 0px solid #00F;
	margin: 1vw auto;
	padding: 0 3%;
	/*line-height: 1.2em*/
}

.item_model p {
	border: 0px solid #00F;
	width:25%;
	text-align: center;
	float: left;
}

.item_model img {
	/*width:15%;*/
	text-align: center;
	width:50%;
}


/*装飾のスタイルは省いています。*/








.item_icon {
}

.item_text {
	/*width:100%;*/
	width:90%;
	margin: 0 auto;
	border: 0px solid #00F;
	/*line-height: 1.5em;*/
	text-align: left;
	word-break: break-all;
}

/* シャンプー＆トリートメントのみ */
/* DIV */
.item_text ul {
	width:95%;
	margin: 0 0 0 auto;
	border: 0px solid #00F;
	/*line-height: 1.5em;*/
	text-align: left;

}


.none {
	display: none;
}

.width_90 {
	margin: 0 auto;
	width:90%;
	border: 0px solid #00F;
}

.margin_1 {
	margin: 1.5em auto;
	border: 0px solid #00F;
}

.text_right {
	text-align: right;
}

/*======================================================*/
/* 商品詳細 */

.use_title_1 {
	font-weight: bold;
	margin: 0.8em 0 0.3em 0;
	border: 0px solid #00F;
}

.use_title_sub {
	margin: 0.8em 0 0 0;
	border: 0px solid #00F;
}

.use_text {
	border: 0px solid #00F;
}

.use_text_padding {
	padding: 0 0 8% 0;
}



.use_img,
.use_img_2 {
	margin: 1.3em auto 0 auto;
	display: block;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	border: 0px solid #00F;
}

	@media screen and (max-width: 767px) {
		.use_img,
		.use_img_2 {
			width:100%;
		}
	}

	@media screen and (max-width: 500px) {
		.use_img_2 {
			width:100%;
		}
	}


ul.use_list {
	border: 0px solid #00F;
	margin: 0 0 0 1.5em;
	list-style-position: outside;
	width:90%;
}

/*ul.liststyle_decimal{
	list-style-type: decimal;
}*/

p.liststyle_1 {
	text-indent: -1em;
	margin-left: 1em;
	width:100%;
	border: 0px solid #00F;
}

p.liststyle_1:before {
	content: '●';
	display: inline-block;
	width: 1em;
	text-indent: 0;
}


/*======================================================*/
/* ご使用方法内画像 */

.img-flex_wrapper {
  text-align: center;
	border: 0px solid #00F;
}

.img-flex_wrapper ul {
	overflow: hidden;
	letter-spacing: -.5em;
	margin:0 auto;
}

.img-flex_wrapper ul.type4 {
	width: 600px;
}

.img-flex_wrapper ul.type3 {
	width: 450px;
}

.img-flex_wrapper ul.type2 {
	width: 500px;
}

.img-flex_wrapper li {
	display: inline-block;
	width: 150px;
	height: 230px;
	vertical-align: middle;
	letter-spacing: 0;
	border: 0px solid #F00;
}

.img-flex_wrapper ul.type2 li {
	display: inline-block;
	width: 250px;
	height: 320px;
	vertical-align: middle;
	letter-spacing: 0;
	border: 0px solid #F00;
}


	@media screen and (max-width: 500px) {
		.img-flex_wrapper ul.type3,
		.img-flex_wrapper ul.type2 {
			width: 100%;
			border: 0px solid #F00;
		}

		.img-flex_wrapper li {
			/*display: block;*/
			/*width: 50%;*/
		}

		/*.img-flex_wrapper li:nth-child(n+2) {
			padding-top: 0px;
			padding-left: 0;
		}*/
	}

	@media screen and (min-width: 400px) and (max-width: 767px) {
		/* 薬用 Cleansing Foam Rosierのみ */
		.img-flex_wrapper ul.type4 {
			width: 300px;
		}

		.img-flex_wrapper ul.type4 li {
			display: inline-block;
			width: 150px;
			height: 230px;
			vertical-align: middle;
			letter-spacing: 0;
		}
	}

/* safari */
/* 薬用 Cleansing Foam Rosierのみ */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 900px) {
	_::-webkit-full-page-media, _:future, :root .img-flex_wrapper ul.type4 {
		width: 300px;
	}

	_::-webkit-full-page-media, _:future, :root .img-flex_wrapper ul.type4 li {
		display: inline-block;
		width: 150px;
		height: 230px;
		vertical-align: middle;
		letter-spacing: 0;
	}
}

/*======================================================*/
/* 無効　(改行とか) */
/*======================================================*/
/* PC表示の場合無効 */
	@media screen and (min-width:1000px),
	screen and (min-width: 758px) and (max-width: 1000px),
	screen and (min-width: 500px) and (max-width: 758px) {
	.br-sp-none {
		display:none;
	}
}







/*-------------------------*/
/* nameリンク先指定した場合の上部メニュー分のズレ補正 */
/*-------------------------*/
div.jumpanchor {
	padding-top: 150px !important; 
	margin-top: -150px !important;
}

	@media screen and (max-width:757px) {
		div.jumpanchor {
			padding-top: 100px !important; 
			margin-top: -100px !important;
		}
	}


h1 > span ,
h1.none > span {
  position: relative;
  /*top: -300px;*/
	top: -200px;
  display: block;
}


/*-------------------------*/
/* Go to Page Top */
/*-------------------------*/
#page-top {
	margin:2em auto 1em auto;
	background:#FFF;
	border: 0px solid #F00;
	width: 100%;
	line-height: 0;
	text-align: right;

}

#page-top img {
	border: 0px solid #000;
}


/*-------------------------*/
/* 下メニュー */
/*-------------------------*/
#undernav {
	/*display: table;*/
	width: 100%;
	background:#F2F2F2;
	padding:0.3em 0;
	border: 0px solid #F00;
}

.navbox {
	/*display: table-cell;*/
	/*width: 50%;*/
	border: 0px solid #00F;
}

.navbox h1 {
	margin:1% 0 1% 5%;
	border: 0px solid #F00;
	font-weight: bold;
}

.navbox h1 p.iconimg{
	width: 50%;
	border: 0px solid #0FF;
	display: inline-block;
	margin:0;
}

.navbox h1 p.iconimg img{
	/*width: 20%;*/
	width: 20px;
	margin:0.5em 0.5em 0 0;
}

.navbox ul {
	margin:0 0 1% 10%;
	border: 0px solid #000;
}
.navbox ul li{
	font-size:0.8em;
	border: 0px solid #000;
}

/* ブランド名 */
.navbox ul li.brandname{
	font-size:1.0em;
	border: 0px solid #000;
	font-weight: bold;
}

.navbox h1 {
	font-size:1.2em;
	letter-spacing:0em;
}





input.accordion {
	display: none;
}

	@media screen and (min-width:1000px),
	screen and (min-width: 758px) and (max-width: 1000px) {
		#undernav {
			display: table;
		}
		.navbox {
			display: table-cell;
			width: 50%;
		}
	}

	@media screen and (max-width:757px) {
		.navbox h1 {
			margin:0;
			padding:0 0 0 3%;
		}
		.navbox ul {
			margin:0;
			padding:0;
			background:#FFF;
			border: 0px solid #F00;
		}

		.navbox ul li {
			margin:0 0 0 8%;
			border: 0px solid #000;
		}

		#undernav li {
			max-height: 0;
			overflow-y: hidden;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}

		/*下向き矢印アイコンを入れる */
		#undernav h1 label{
			content: "";
			display: inline-block;
			width: 100%;
			/*height: 18px;*/
			margin: 0;
			background: url("../img/open_arrow.png") no-repeat;
			background-size: contain;
			vertical-align: middle;
			background-position: center right; 
			border: 0px solid #000;
			background:#F2F2F2;
		}

		/*選択後に表示される上向きの矢印アイコンを入れる */
		#undernav input:checked + h1 label{

			background: url("../img/close_arrow.png") no-repeat;
			background-size: contain;
			background-position: center right; 
		}

		#menu_bar01:checked ~ #navbox_links1 li,
		#menu_bar02:checked ~ #navbox_links2 li {
			background:#F2F2F2;
			max-height: 5%;
			opacity: 1;
		}
	}






/*-------------------------*/
/* TOPページ */
/* 商品スライダー */
/*-------------------------*/
.boxContainer {
	display: table;
	width: 100%;
	background: #FFF;
	border: 0px solid #000;
}

/*IE10以降 CSSハック*/
@media all and (-ms-high-contrast:none) and (max-width: 500px){
		#slide02 li img {
		width: auto;
		height: 100%;
		border: 0px solid #F00;
	}
}


#slider-prev,
#slider-next {
	border: 0px solid #000;
	width:5%;
}

#slider-prev {
	background: url('../img/slideshow/controls/bg.png') no-repeat;
	background-size:95% 100%;
}


#slider-next {
	border: 0px solid #000;
	background: url('../img/slideshow/controls/bg.png') no-repeat;
}

.box{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	/*background: #D21576;*/
	background: #FFF;
	width:100%;
	border: 0px solid #000;
	padding:0;
}

.box + .box {
    border-left: 0px solid #F0F;
}
.box a {
    display: block;
    padding: 15px 0;
    color: #000;
    text-decoration: none;
    font-size: 12px;
}


/*-------------------------*/
/* 汎用アコーディオン */
/* 商品特徴 */
/*-------------------------*/

.subInner {
	display:none;
	width: 95%;
	padding:0.5em 0;
	background:#FFF;

	margin: 0 auto;
	font-weight:normal;
	font-size: 1.0em;
	border:0px solid #00F;

}
.subContent {
	border:0px solid #00F;
}
.subContent h2 {
	font-size: 1.0em;
	margin:0.5em 0 0 0.5em;
	padding:0;
	line-height:2em;
	color:#fff;
	background:#F2F2F2;
	cursor:pointer;
	color:#000;
	font-weight:normal;
	display: inline-block;
	*display: inline;
	zoom: 1;
	border:0px solid #00F;
}


.subContent h2 span {
	position: relative;
}


.subContent h2 span::after {
	/*background:url('../img/open_arrow_s.png') 100% 0% no-repeat;*/
	content: url("../img/open_arrow_s.png");
	margin: 0 0 0 1em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	border: 0px solid #000;
}

.subContent h2 span.open::after {
	/*background:url('../img/close_arrow_s.png') 100% 100% no-repeat;*/
	content: url("../img/close_arrow_s.png");
	margin: 0 0 0 1em;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	border: 0px solid #000;
}


/* For Safari */
_::-webkit-full-page-media, _:future, :root .subContent {
	/* 2020/1/14 */
	border: 0px solid #000;
}




/*-------------------*/
/*.subContent h2.espan {
	width: 70%;
	border: 1px solid #F00;
}

.subContent h2.espan span{
	width: 100%;
	border: 1px solid #000;
}

.subContent h2.espan span::after {
	margin: 0 0 0 50%;
	border: 1px solid #00F;
}
*/

/* Shoplist 店舗名 */
.shoplist h2{
	margin: 1em 0 0 0;
}



/*-------------------------*/
/* MODAL WINDOW */
/* 商品画像 */
/*-------------------------*/



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



.box_wrap {
	width:100%;
	margin : 0 auto 3em auto;
	padding: 0 5%;
	border:0px solid #000;
}

.box_left ,
.box_right{
	margin : 0;
	border:0px solid #F00;
	text-align: center;
}
.box_left ul {
	list-style-type: none;
}

.box_right h2 {
	text-align: left;
	border:0px solid #F00;
}


.catalogslider {
	display: block;
	height: 300px;
	margin: 0;
	padding: 0;
}

.catalogslider img ,
.box_left img {
	border:0px solid #00F;
	width:180px;
	height: 300px;
	margin : 0 auto;
	list-style-type: none;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
	zoom: 1;
}

.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */


	@media screen and (min-width:1000px),
	screen and (min-width: 758px) and (max-width: 1000px) {
		.box_left ,
		.box_right{
			float:left;
		}

		.box_left {
			width:30%;
		}

		.box_right {
			width:70%;
		}

	}

	@media only screen and (max-width: 767px) {
		.box_left ,
		.box_right{
			width:100%;
		}

		.box_left img {
			/*width:auto;*/
		}

		h2 img {
			width:100%;
		}
	}

.item_img {
	width:180px;
	height:300px;
}

.spacer {
	width:123px;
	height:42px;
}

.clear {
	clear: both;
}
/*-------------------------*/
/* Map */
/* Yutube CM */
/*-------------------------*/
.map,
.video {
	margin:2em auto 0 auto;
  position:relative;
  width:90%;
  /*width:100%;*/
  padding-top:56.25%;
	border: 0px solid #F0F;
}

.video2 {
	margin:2em auto 0 auto;
  position:relative;
  width:65%;
  padding-top:50%;
	border: 0px solid #F0F;
}

.map iframe,
.video iframe,
.video2 iframe {
  position:absolute;
  top:0;
  right:0;
  width:100% !important;;
  height:100% !important;;
	border:0;
}

	@media only screen and (max-width: 767px) {
		.map iframe{
		}

		.video2 {
		  width:100%;
		}
	}


/*-------------------------*/
/* Company */
/* Contact */
/* MailForm */
/*-------------------------*/

h1 img {
	width: 100%;
}


h2.campany {
	font-size : 1.2em; 
}

dl {
	width: 90%;
	margin:0.5em auto;
	border: 0px solid #000;
	display: flex;
}

dl.form {
	width: 100%;
	margin:0.5em auto;
	border: 0px solid #000;
	display: flex;
}


dt,dd {
	/*width: 25%;*/
	margin : 0;
	padding: 0;
	border: 0px solid #F00;
}

dt{
	width: 25%;
	border: 0px solid #00F;
}

dl.form dt{
	width: 26%;
	border: 0px solid #00F;
}

#company dt {
	width: 15%;
	border: 0px solid #00F;
}

dd {
	/*margin:0 0 0 1em;*/
	margin:0;
	flex: 1;
}


	@media only screen and (max-width: 767px) {
		#mailform dl,
		#mailform dl.form {
			display: inline; // デフォルト値
		}
		dt,dd {
			width: 100%;
		}
		#mailform dd {
			width: 100%;
			margin:0;
		}
		#company dt {
			width: auto;
			margin: 0 0.5em 0 0;
		}
	}

/*-------------------------*/
	OEM 2022/8/7
/*-------------------------*/
#oem{}

.cellbr{
	display: none;
}

	@media only screen and (max-width: 767px) {
		.cellbr{
			display: block;
		}
	}

h2.oem-txt-1 {
	font-size : 2.0em;
	margin: 0 auto;
	padding: 2.5em 0;
	text-align: center;
	font-weight: normal; 
	line-height: 1.2em;
	border: 0px solid #00F;
}

.oem-text{
	width: 80%
	border: 0px solid #00F;
}

	@media only screen and (max-width: 767px) {
		h2.oem-txt-1 {
			padding: 1.5em 0;
		}

		/*.oem-txt {
			width: 80%
			padding: 1.5em 0;
		}*/
	}

.oem-img-100{
	width:100%;
}


/* 画像横並び　6枚 */
#oem-container {
	display: flex;
	flex-wrap: wrap;	/*折り返しあり*/
	/* gap: 4px; */
	gap: 0px;	/*画像毎の内側の余白サイズ*/
	padding: 0px;
	width:100%
	border: 0px solid #00F;
}

#oem-container img {
	/*width: calc(33.3% - 4px);*/
	width: 33.3%
}

	@media only screen and (max-width: 767px) {
		#oem-container {
			width:90%;
			margin:0 auto;
			border: 0px solid #00F;
		}
	}

	@media only screen and (max-width: 767px) {
		#oem-container img {
			/*width: calc(50% - 2px);*/
			width:50%
		}
	}

/* text & img Box */
.oem-textimgbox,
.oem-textimgbox2 {
	/*max-width: 600px;*/
	width: 100%;
	border: 0px solid #00F;
}

.headline{
	/*line-height: 1.5em*/
	line-height: 1.5em;
	font-weight:normal;
}

/* text & img 交互Box */
.oem-textimgbox li,
.oem-textimgbox2 li {
	display: flex;
	align-items: center;
	background: none;
	/*font-size: 14px;*/
	margin-bottom:0;
	padding: 0;
	align-items: flex-start;
	border: 0px solid #F00;
}

.oem-textimgbox li img,
.oem-textimgbox2 li img{
	width:100%
}

.oem-textimgbox li .photo,
.oem-textimgbox2 li .photo {
	width: 33.3%;
	box-sizing: border-box;
}

.oem-textimgbox li .txt,
.oem-textimgbox2 li .txt {
	width: 66.7%;
	box-sizing: border-box;
	vertical-align: text-top;
	border: 0px solid #00F;
	margin:0;
}

.oem-textimgbox li .txt p,
.oem-textimgbox2 li .txt p {
	/*font-weight: bold;*/
	font-weight:normal;
	font-size : 2.0em;
	/*margin-bottom:3%;*/
	padding:3% 0 3% 0;
	border: 0px solid #F00;
}

.oem-textimgbox li:nth-child(odd) {
	flex-direction: row-reverse;
}

.oem-textimgbox li:nth-child(odd) .txt {
	/*padding-right: 3%;*/
	padding: 0 1%;
}

.oem-textimgbox li:nth-child(even) .txt {
	/*padding-right: 3%;*/
	padding: 0 1%;
}

/* text右 & img左 Box */
.oem-textimgbox2 li .txt {
	border: 0px solid #00F;
	margin: 0 1%;
}


	@media only screen and (max-width: 767px) {
		.oem-textimgbox,
		.oem-textimgbox2 {
			/*max-width: 600px;*/
			width: 70%;
			border: 0px solid #00F;
			margin:0 auto;
		}

		.oem-textimgbox li,
		.oem-textimgbox2 li {
			display: list-item;  /* 縦に並べる */
			list-style-type: none;
			align-items: center;
			background: none;
			margin-bottom:0;
			padding: 0;
			align-items: flex-start;
			border: 0px solid #F00;
		}

		.oem-textimgbox li .photo,
		.oem-textimgbox2 li .photo {
			width: 100%;
			box-sizing: border-box;
		}

		.oem-textimgbox li .txt,
		.oem-textimgbox2 li .txt {
			width: 100%;
			box-sizing: border-box;
			vertical-align: text-top;
			border: 0px solid #00F;
			margin:5% 0 5% 0;
		}

	}




/*お問い合わせリンク*/
.oem-contact{
	font-size : 1.5em;
	margin: 0 auto;
	padding: 2.0em 0;
	text-align: center;
	font-weight: normal; 
	/*background:#FFF;*/
	border: 0px solid #00F;
}
	@media only screen and (max-width: 767px) {
		.oem-contact{
			font-size : 1.2em;
		}
	}

.oem-contact a{
	border: 0px solid #0F04;
	background:#F2F2F2;
	padding: 0 1em;
}

.oem-text{
	margin: 0 auto;
	text-align: left;
	border: 0px solid #00F;
	width: 85%;
	padding: 1.2em 0 0 0;
}

/*よくあるご質問*/
.uselisttxt{
	list-style-type: none;
}

	@media only screen and (max-width: 767px) {
		.uselisttxt{
			margin: 0 2% 0 5%;
		}
	}



/*-------------------------*/
/* Contact */
/*-------------------------*/
#mailform dl {
	/*border: 0px solid #F00;*/
	/*width: 100%;*/
}


/*-------------------------*/
/* Contact Form*/
/*-------------------------*/

input[type="text"],
input[type="text"]:focus,
input[type="email"],
input[type="email"]:focus,
input[type="url"],
input[type="url"]:focus,
input[type="tel"],
input[type="tel"]:focus,
textarea,
textarea:focus {
  property: value;
	background: #F2F2F2;
	width: 100%;
	border: 0px solid #FFF;
	outline: 0;
	width:100%;
	box-sizing:border-box;
	/*font-size:1.5em;*/
	font-family: "MyWebFont-1-Regular" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}



input[type="text"],
input[type="text"]:focus {
	height:25px;
}

textarea,
textarea:focus {
	height:100px;
}

#back ,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	width:auto;
	text-decoration:none;
	text-align:center;
	margin:0 2em;
	padding:0.2em 1em;
	color:#000;
	background: #FFF;
	border:2px solid #F2F2F2;
}

div.button {
	border: 0px solid #000;
	margin:0 auto;
	padding:0;
	text-align: center;
}


div.errormassage {
	border: 0px solid #000;
	margin:1.2em auto;
	padding:0;
	text-align: center;
}

p.ERR {
	color:#E4007F;
	font-style : normal;
	margin:1.2em auto;
}


/*-------------------------*/
/* Shoplest */
/*-------------------------*/

select {
	/* 矢印を消す */
	-webkit-appearance:none;
	-moz-appearance:none;
	text-indent: .01px; /* Firefox用 */
	text-overflow: ""; /* Firefox用 */
	appearance:none;

	/* 背景画像の指定 */
	width:100%;
	/*height:50px;*/
	height:2.5em;
	border:1px solid #000;
	border-radius:5px;	/* 角丸 */
	padding: 0 1em;
	background-color:#FFF;
	background: url("../img/open_arrow_s.png") no-repeat;
	background-size: 1.5em auto;/*背景画像のサイズ*/
	background-position:98% center;
	cursor:pointer;
}

h1 p.prefectures {
	margin:0.3em 0;
	font-size:1.3em;
}



/* IE11,IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.formSample select:not(:target) {
		padding-right:0;
		background-image:none;
}

::-ms-expand {
	display: none;
}

/* for iOS */
select.areaselect {
	font-size: 16px;
	transform: scale(0.8);
}


/*-------------------------*/
/* RSS */
/*-------------------------*/
div#rss1,
div#rss2 {
	margin:0.5em 0 1em 1.5em;
	border:0px solid #000;
}

/*div#rss1 ul.list {
	font-size:0.8em;
	list-style-type: none;
}*/


div#rss1 ul.list li,
div#rss2 ul.list li {
	text-indent: -1em;
	margin-left: 1em;
	/*width:90%;*/
	border: 0px solid #00F;
}

div#rss1 ul.list li:before {
	/*content: '●';*/
	/*display: inline-block;
	width: 1em;
	text-indent: 0;*/
}



/*-------------------------*/
/*-------------------------*/
/*.subInner ul.uselist {
	list-style-position: inside;
	text-indent: -1.3em;
	margin-left: 1.3em;
}*/


/*-------------------------*/
英語サイト用
/*-------------------------*/





/*-------------------------*/
/*-------------------------*/