@charset "utf-8";
/* CSS Document */

.sp-none{
	display:none !important;
}
body{
	margin-top:55px !important;
}
#header{
	height:60px;
	position:fixed;
	top:0;
}
#header h1{
	height:60px;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 0 !important;
}
#header .drawer-nav{
	margin-top:60px;
	background-color:#EEEEEE;
}
#header ul{
	float:inherit;
	border-right:0;
	border-left:0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:auto;
	width:100%;
	display:inherit;
}
#header ul li{
	width:100%;
	height:50px;
}
#header ul li + li{
	border-left:0;
	border-top:1px solid #FFFFFF;
}
#header ul li a{
	line-height:40px;
	text-align:left;
	padding:5px 10px;
}
#header ul li.en a{
	color:#000000;
	font-weight:bold;
}



/*shitara追記分--------------------------------*/

/*★TOPページ*/
/* slider Area -------------------------------- */

#mainSlider {
	width: 100% !important;
	height: auto !important;
    padding-bottom: 30px;
}

div#mainSlider:before {
    display: block;
    padding-top: 100%;
    content: "";
}

#mainSlider .main img {
	width: 100% !important;
	height: auto !important;
	margin-top:5px !important;
}

.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 30px;
    bottom: 30px;
    height: 16px;
    right: 30px;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row-reverse;
}

.jquery-slider-page {
    background: #eee;
}
.jquery-slider-page-current {
    background: #000;
}

#contents {
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}



#contents .title {
	font-size: 1.5rem;
	font-family: 'Oswald', sans-serif;
	margin: 20px 0 10px;
	letter-spacing: 0.2rem;
	font-weight: bold;
	text-align: center;
}

#contents .service {
	margin:30px 0 0 0;
}

#contents .service .productBox {
	width: 100%;
	
}

#contents .service .productBox p.catch,
#contents .service .productBoxLast p.catch {
	display: none;
}


#contents .service .productBox div.photo,
#contents .service .productBoxLast div.photo {
	max-width: 100%;
	height:auto;
	margin-bottom: 20px;
	text-align: center;
}


#contents .service .productBox div.photo img,
#contents .service .productBoxLast div.photo img {
	max-width: 100%;
	height: auto;
}

#contents .service .productBox div.photo.sp_001 a:before {
	content: "FRAGRANCE & LIFESTYLE";
}
#contents .service .productBox div.photo.sp_002 a:before {
	content: "COSMETICS";
}
#contents .service .productBox div.photo.sp_003 a:before {
	content: "FITS";
}
#contents .service .productBoxLast div.photo.sp_004 a:before {
	content: "FITS ONLINE STORE";
}
#contents .service .productBox div.photo.sp_001,
#contents .service .productBox div.photo.sp_002,
#contents .service .productBox div.photo.sp_003,
#contents .service .productBoxLast div.photo.sp_004 {
	border-bottom: #373737 1px solid;
	font-size: 1.1rem;
	text-align: left;
	padding: 0 10px;
	margin: 10px;
}



#contents .service .productBox div.photo.sp_001 img,
#contents .service .productBox div.photo.sp_002 img,
#contents .service .productBox div.photo.sp_003 img,
#contents .service .productBoxLast div.photo.sp_004 img {
  display: none;
}


#contents .service .productBox .newData .txt,
#contents .service .productBoxLast .newData .txt {
	line-height: 1.6;
	font-size: 1rem;
	padding: 0 15px;
	min-height: 10px !important;
}


#contents .service .productBox {
	width: 100% !important;
	 padding-right: 0 !important;
	border-right: solid 0 #dadada !important;
}

#contents .service .productBoxLast {
	width: 100% !important;
	padding-right: 0;
	zoom: 1;
}





/* new Report */
#contents .service .productBox div.newData,
#contents .service .productBoxLast div.newData {
	padding-bottom: 0!important;
	border-bottom: solid 0 #dadada !important;
	margin-bottom: 0!important;
}

#contents .service .productBox .newData .ph,
#contents .service .productBoxLast .newData .ph {
	width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
	
}

#contents .service .productBox .newData .img,
#contents .service .productBoxLast .newData .img {
	position: relative;
}

#contents .service .productBox .newData .new,
#contents .service .productBoxLast .newData .new {
	display: none;
}

/* Report */
#contents .service .productBox .reportBox,
#contents .service .productBoxLast .reportBox {
	margin: 10px 5px 10px;
}
#contents .service .productBox .reportBox .ph,
#contents .service .productBoxLast .reportBox .ph {
	float: left;
	width: 20%;
	margin-right: 5px;
	text-align: center;
}
#contents .service .productBox .reportBox .txtBox,
#contents .service .productBoxLast .reportBox .txtBox {
	float: right;
	width: 75%;
}

#contents .service .productBox .reportBox .txtBox .date,
#contents .service .productBoxLast .reportBox .txtBox .date {
	display: none;
}

#contents .service .productBox .reportBox .txtBox .txt,
#contents .service .productBoxLast .reportBox .txtBox .txt {
	min-height: 50px;
	line-height: 1.5;
	margin-top: 0;
	font-size: 1.2em;
}

#contents .service p.sns {
	display: none !important;
}



/* brand List */

.page-template-template-top .brandArea {
	margin-top:20px;
}

.page-template-template-top .brandBox {
    border: 0px solid #dadada !important;
    float: left !important;
    width: 31% !important;
    margin: 5px;
}
.page-template-template-top .brandBox:nth-child(1),
.page-template-template-top .brandBox:nth-child(4),
.page-template-template-top .brandBox:nth-child(7),
.page-template-template-top .brandBox:nth-child(10),
.page-template-template-top .brandBox:nth-child(13),
.page-template-template-top .brandBox:nth-child(16),
.page-template-template-top .brandBox:nth-child(19) {
	margin-left:0px!important;
}
.page-template-template-top .brandBox:nth-child(3n) {
	margin-right:0px!important;
}



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




/* pageTop -------------------------------- */
#pgTop {
	display:none;
}




#footer {
	width: 100% !important;
	min-width: 0 !important;
	background-color: #222222;
	
}
#footer a {
	color: #FFF;
	outline: none;
	text-decoration:none;
}
#footer a:hover{
	color: #999999;
	text-decoration:underline;
}


#footerMenu .fNav1,
#footerMenu .fNav2,
#footerMenu .fNav3,
#footerMenu .fNav4,
#footerMenu .fNav5,
#footerMenu .fNav6,
#footerMenu .fNav7 {
	display: none;
}


#footerMenu {
	margin: 0 auto 20px auto;
}

#footerCopy {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	*
	font-size: 93%;
	text-align:  center;
	color: #fff;
}
#footerCopy .copy {
	color: #fff;
	clear: both;
}



#footerCopy .snsbox {
	display: inline-block;
	width: 10%;
	margin: 20px 10px;
}

#footerCopy .snsbox img{
	width: 100%;
}


/*NEWSページ-------------------------------*/

/* contentsTTL -------------------------------- */
#contentsTTL {
	min-width: 100% !important;
	}

#contentsTTL .ttlIn {
	width: 100% !important;
	height: 60px;
	margin: 0 auto;
	}
#contentsTTL .ttlIn p {
	padding-left: 10px;
	}

/* topicPath -------------------------------- */
#topicPath {
	min-width: 100% !important;
}
#topicPath .topicIn {
	width: 100% !important;
	height: auto !important;
	}
#topicPath .topicIn p {
	padding: 5px;
	line-height: 140%;
	}


/* underBnr -------------------------------- */

.underBnr {
	display: none;
}

/* underBody -------------------------------- */
#underBody,
#underBody02 {
	width: 100% !important;
	margin: 20px auto;
	text-align: left;
}
#underBody .lNav,
#underBody02 .lNav,
#underBody .lNav02,
#underBody02 .lNav02 {
	float: none;
	width: 100%;
	text-align: left;
	font-size: 1rem;
}
#underBody .rContents,
#underBody02 .rContents {
	float: none;
	width: 100%;
	text-align: left;
	font-size: 1rem;
}

#underBody .lNav ul li.current-cat,
#underBody .lNav ul li.select {
	display: none;
}


#underBody .lNav ul.last {
	border-bottom: solid 0px #dadada;
	padding: 0 0 20px;
	text-align: left;
}

/* News List -------------------------------- */
#underBody dl {
	margin: 15px 0 15px 0;
}

#underBody dt {
	font-size: 1rem;
	padding-left: 10px;
}
#underBody dd {
	width: 95.5%;
	padding: 20px 5px 0 0;
	font-size: 1rem;
}

/* pagenavi-------------------------- */

.wp-pagenavi {
    clear: both;
    margin-top: 25px;
    margin-left: 10px;
}

/*★会社概要ページ*/

/* recruit -------------------------------- */
.recruitBnr {
	display: none;
}

#company .organization {
	width: 100%;
	margin: 0 0 30px 0;
}
#company .organization img {
	width: 90%;
	height: auto;
	margin: 10px 0 10px 15px;
}


#company p.map {
	width: 100%;
	margin: 0 auto 20px auto;
}

#company p.map img{
	width: 100%;
	height: auto;
	
}
#company .icn {
	width: 100%;
	margin: 0 auto;
}

#company .access div.details {
	float: left;
	width: 100%;
}

#company .vison {
	width: 100%;
	height: 320px;
	text-align: center;
}
#company .vison p.title {
	width: 95%;
	text-align: center;
	padding-bottom: 0 !important;
}
#company .vison p.title img {
	width: 100%;
	height: auto;
}
#company .vison p.sub {
	width: 95%;
	text-align: center;
	padding-bottom: 0 !important;
}
#company .vison p.sub img {
	width: 100%;
	height: auto;
}

#company .vison p.txt {
	width: 95%;
	text-align: center;
	padding-bottom: 0 !important;
}
#company .vison p.txt  img{
	width: 100%;
	height: auto;
}

#company .enterprise01 {
	padding-bottom: 5px;
	border-bottom: solid 0px #dadada;
	margin-bottom: 5px;
}

#company p.enterprise {
	margin-left: 10px;
	margin-bottom: 0;
}

#company p.enterpriseTxt {
	margin: 10px 10px 20px;
}


#company .enterpriseImg div {
	width: 50%;
	padding: 8px 5px 8px 12px;
	float: left;
	box-sizing:border-box;
}
#company .enterpriseImg div img {
	width: 100%;
	height: auto;
}


#company p.btn {
	padding: 20px 10px 0 10px;
	clear: both !important;
}

#company p img {
	max-width:100%;
	height: auto;
	margin: 10px 0 15px;
}


#company p img.colorbox-1705 {
	width:100%;
	height: auto;
	
}


/*製品ページ-------------------------------*/

#brand div.subttl {
	padding: 10px 10px;
	text-align: left;
}

/* BrandList -------------------------------- */
#brand .brandNav {
/*	display: none;*/
}

#brand .brandArea {
	 border-bottom: solid 0 #dadada;
}

#brand .brandArea .brandBox,
#brand .brandArea02 .brandBox {
	width: 32.2%;
	display: inline-flex;
	float: none;


}


#brand .brandArea .brandBox div.logo,
#brand .brandArea02 .brandBox div.logo {
	border: solid 1px #dadada;
	padding: 10px;
	text-align: center;
}

/*★各製品ページ---------------------------*/
/* Brand Top -------------------------------- */
#brandTop .brandMain {
	width: 100% !important;
	min-height: auto !important;
}
#brandTop .brandMain img {
	width: 100%;
	height: auto;

}
#brandTop .explanation {
	 border-bottom: solid 0 #dadada;
	 margin-bottom: 20px;
	 padding-bottom: 20px;
}

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
	position: absolute;
 	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#brandTop .freeBox {
	overflow:hidden !important;
}
#brandTop .freeBox img.buy{
	width: 100%;
}



#brandTop .itemListBox .itemArea .itemBox {
	float: left !important;
	width: 50% !important;
	box-sizing: border-box !important;
	padding: 20px 10px !important;
}

#brandTop .itemListBox .itemArea .itemBox .ph {
	width: 100% !important;
	min-height: auto;
	text-align: center;
}


#brandDetails .itemDetailsBox p.ttl {
	font-size: 1rem;
}
#brandDetails .itemDetailsBox .itemBox .ph {
	width: 100% !important;
}
#brandDetails .itemDetailsBox .itemBox .ph img{
	float: none;
	width: 100% !important;
	height: auto!important;
}
#brandDetails .itemDetailsBox .itemBox .txtBox {
	float: right;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	height: auto;
}

#brandDetails .itemListBox .itemArea .itemBox {
	float: left !important;
	width: 50% !important;
	box-sizing: border-box !important;
	padding: 20px 10px !important;
	height: auto;
}

#brandDetails .itemListBox .itemArea .itemBox .ph {
	width: 100% !important;
	min-height: auto !important;
	
}

#brandDetails .itemListBox .itemArea .itemBox .ph img{
	width: 100% !important;
	height: auto !important;
}

#Banner table{
	width: 100% !important;
}

#Banner table tbody tr td {
	display:block;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	padding:5px 0;
}

/* Brand Group -------------------------------- */

#brandGroup .grMain {
	width: 100%;
	min-height: auto;
}

#brandGroup .grMain img {
	width: 100%;
	height: auto;
}

#brandGroup .itemListBox p.ttl {
	height: auto;
	padding: 13px 5px 13px 5px;
}

#brandGroup .itemListBox .itemBox .ph {
	width: 100%;
	height:  auto;
}

#brandGroup .itemListBox .itemBox .txtBox {
	width: 95%;
	margin: 10px 10px 0 10px;
}

#brandGroup .itemListBox .itemArea .itemBox {
	float: left !important;
	width: 50% !important;
	box-sizing: border-box !important;
	padding: 20px 10px !important;
	height: auto;
}

#brandGroup .itemListBox .itemArea .itemBox .ph {
	width: 100% !important;
	min-height: auto;
	text-align: center;
}


div#monitorplaza_div_question {
	margin-right: 10px !important;
}
div.monitorplaza_div_container {
    height: 250px !important;
}
div.monitorplaza_div_container p.p_desc {
	padding: 0 10px 0 15px !important;
	font-size: 0.9rem !important;
}

/*GALLERY--------------------------------------*/

div#img_thum {
    margin: 0 10px 10px 0;
	width: 35%;
}
div#img_thum img{
	width: 100% !important;
	height: auto;
}

#underBody02 dt {
	padding-left: 95px;
}

#underBody02 dd {
	width: 50% !important;
}

.foogallery-masonry-hover-zoom-default .item a img{
	width: 100% !important;
}

/*pryvacy------------------------------*/

#pryvacy div.pryvacyData {
	margin: 30px 10px;
}

/*TOPACCORDION-------------------------------*/
#contents .productBox .topaccordion,
#contents .productBoxLast .topaccordion {
	margin: 20px 10px;
}

#contents .productBox .topaccordion .button,
#contents .productBoxLast .topaccordion .button {
    text-align:center;
    padding:0 0 20px;
    color:#fff;
    background:#000;
    width:100%;
	font-size:1rem;
}
#contents .productBox .topaccordion .close,
#contents .productBoxLast .topaccordion .close {
    background:#000;
}

/*ACCORDION-------------------------------*/
div.lNav {
  width: 100%;
}
div.lNav > ul > li > a {
  display: block;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  background-color: #eeeeee;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.lNav > ul > li > a:hover{
  background-color: #e4e2e2;
}
div.lNav > ul > li > a:after, div.lNav > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #000000;
}
div.lNav > ul > li > a:after{
  content: "?";
}
div.lNav > ul > li > a.active:after{
  content: "?";
}
div.lNav > ul > li > ul {
  display: none;
}
div.lNav > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #eeeeee;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.lNav > ul > li > ul > li > a:hover{
  background-color: #e4e2e2;
}


/* Margin 無効------------------------------------------------- */
.mt5px {
	margin-top: 0 !important;
	}
.mt20px {
	margin-top: 0 !important;
	}
.ml10px {
	margin-left: 0 !important;
	}
.ml15px {
	margin-left: 0 !important;
	}
.ml20px {
	margin-left: 0 !important;
	}
.ml29px {
	margin-left: 0 !important;
	}
.mr5px {
	margin-right: 0 !important;
	}
.mr10px {
	margin-right: 0 !important;
	}
.mr15px {
	margin-right: 0 !important;
	}
.mr20px {
	margin-right: 0 !important;
	}
.mr26px {
	margin-right: 0 !important;
	}
.mr40px {
	margin-right: 0 !important;
	}
.mr47px {
	margin-right: 0 !important;
	}
.mb10px {
	margin-bottom: 0 !important;
	}
.mb15px {
	margin-bottom: 0 !important;
	}
.mb20px {
	margin-bottom: 0 !important;
	}
.mb30px {
	margin-bottom: 0 !important;
	}

/* Padding 無効*/
.pl10px {
	padding-left: 0 !important;
	}
.pl15px {
	padding-left: 0 !important;
	}
.pl20px {
	padding-left: 0 !important;
	}
.pr10px {
	padding-right: 0 !important;
	}
.pr15px {
	padding-right: 0 !important;
	}
.pr20px {
	padding-right: 0 !important;
	}
.pr30px {
	padding-right: 0 !important;
	}
.pb10px {
	padding-bottom: 0 !important;
	}
.pb15px {
	padding-bottom: 0 !important;
	}
.pb20px {
	padding-bottom: 0 !important;
	}

/* float 無効 -------------------------------- */

.fr { float: none; }

.fl { float: none; }

@media screen and (max-width: 370px) {
img.active-image{
	display:block;
	margin:10px auto 10px;
}
}

img.campaign-image{
    margin-top:5px;
}
.newsContents{
	display:block;
}
.summer-campaign-area{
    text-align:center !important;
    display:block !important;
}
.summer-campaign-area img.{
    display:block;
    width:100%;
    height:auto;
    margin: 0 auto 30px !important;
}
.button{
    display:block;
    margin:10px auto;
}