@charset "utf-8";

/* =============================中ページ共通==================================== */

/*ページのフェードイン　js無し*/
body.naka {animation: fadeIn 0.6s ease 0s 0.7 normal;-webkit-animation: fadeIn 0.6s ease 0s 0.7 normal;}
@keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}



/*/////////////　header　//////////////////////////////*/

/*---------　ページ上部の大きな画像　------------*/
body.naka .headerimgs-wrapper{position:relative;padding-top: 210px;}
body.naka #headerimgs{height:330px;background: url(../company/img/topimg.jpg) no-repeat center center;background-size: cover !important;max-width:1400px;overflow: hidden;margin: 0 auto;display: table;width: 100%;}

.headerimgs-inner{position: relative;display:table-cell;vertical-align: middle;padding-left: 9%;animation: headyokoanim 2s forwards;}
@keyframes headyokoanim {
  0% {transform: translateX(0px);}
  100% {transform: translateX(30px);}
}
.headerimgs-rogo{float: left;width: 50px;}
h1{font-size:26px;line-height:1;font-family:'Noto Serif JP', serif;font-weight:400;color:#444;letter-spacing:1em;float: left;margin: 10px 0 0 15px;}		




/*パンくず------------*/
.breadcrumb-box{width: 1090px;margin:3px auto 0 auto;overflow: hidden;position: absolute;right: 0;left: 0;}
#breadcrumb{font-size: 76%;white-space: nowrap;}
#breadcrumb div{display:inline;color:#999;padding-right:10px;}
#breadcrumb div a{color:#444;margin-right:10px;text-decoration:underline;}
#breadcrumb div a:hover{color: #669900;}



/* =============中ページ共通のスタイル================== */
/*見出し----------------*/
h3{font-size:150%;line-height:1.3;color:#6b2547;border-top:1px solid #6b2547;border-bottom:1px dotted #6b2547;text-align:center;padding:12px 0 11px 0;margin-bottom:20px;}

.midashi4{font-size:129%;line-height:1.3;color:#444;font-weight:bold;border-bottom:1px dotted #777;padding:0 0 8px 0;margin-bottom:15px;}

.midashi5{font-size:115%;line-height:1.3;color:#444;font-weight:bold;border-left:4px solid #999;padding:7px 0 6px 20px;margin-bottom:15px;}

.midashi6{font-size:106%;line-height:1.3;color:#fff;font-weight:bold;background-color:#969590;padding:6px 0 5px 15px;margin-bottom:15px;}

.midashi7{position:relative;font-size:106%;line-height:1.3;color:#444;font-weight:bold;margin-bottom:17px;}
.midashi7:after{content: "";display: block;width:50px;height: 1px;background: #666;position: absolute;bottom: -5px;left: 0;}



/* ページの各セクション-------------------*/
body.naka .section:nth-child(2){padding:100px 0 80px 0;}
.section.end{display:none;}


/*色*/
.color1{color:#3155a4;}/*基本色 ブルー*/
.color-red{color:#cc0000;}
.color2{color:#cc3333;}/*注意色*/
.color3{color:#ac1e1e;}/*基本色 赤*/


/*背景色*/
.bg-glay1{background-color:#f9f9f9;}



/*文字サイズ*/
strong{font-weight:bold;}
big{font-size:122%;}

small,
.small{font-size: 76%;line-height: 1.3;}

.font-size8{font-size:51%;line-height:1.2;}
.font-size10{font-size:65%;line-height:1.2;}
.font-size12{font-size:79%;line-height:1.5;}
.font-size13{font-size:86%;line-height:1.5;}
.font-size14{font-size:93%;line-height:1.7;}
.font-size16{font-size:100%;line-height:1.7;}	
.font-size17{font-size:108%;line-height:1.7;}
.font-size19{font-size:122%;line-height:1.7;}
.font-size20{font-size:129%;line-height:1.5;}
.font-size23{font-size:136%;line-height:1.5;}
.font-size24{font-size:143%;line-height:1.4;}
.font-size28{font-size:156%;line-height:1.3;}
.font-size32{font-size:172%;line-height:1.3;}
.font-size36{font-size:184%;line-height:1.3;}
.font-size40{font-size:200%;line-height:1.2;}
.font-size50{font-size:232%;line-height:1.2;}
.font-size60{font-size:250%;line-height:1.2;}

.noaccent{font-weight:normal;}
.accent{font-weight: bold;}

.nowrap{white-space:nowrap;}

.textleft{text-align:left;}

/*字下げ*/
.jisage{padding-left: 1em;text-indent: -1em;}
/*インデント*/
.indent{padding-left: 1em;}

/* 画像 */
.alignnone,
img.alignnone {margin:7px 0 7px 0;}
.alignleft,
img.alignleft {float: left;margin:7px 25px 7px 0;}
.alignright,
img.alignright {float: right;margin:7px 0 7px 25px;}
aligncenter,
img.aligncenter {clear: both;display: block;margin:7px auto 7px auto;}

/*キャプション付き画像*/
/*
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
*/
.wp-caption{display: inline-block;}
.wp-caption.alignnone {margin:5px 0 5px 0;width:auto !important;overflow:hidden;}
.wp-caption.alignleft {float:left;margin:5px 20px 5px 0;width:auto !important;}
.wp-caption.alignright {float:right;margin:5px 0 5px 20px;width:auto !important;}
.wp-caption.aligncenter {margin:5px auto 5px auto;}
.wp-caption img {border: 0 none;margin-bottom:3px;padding: 0;/*max-width: 98.5%;width: auto;height: auto;---この3つを入れると管理者画面の画像編集で画像が変形できなくなる*/}
.wp-caption p.wp-caption-text {font-size:79%;line-height:1.2;color:#555555;margin-top:1px;padding:0;}




/*表テーブル*/
table{border-collapse: collapse;background-color:transparent;margin:10px 0 5px 0;width: 100%;background-color:#fff;max-width: 100%;}
/* Only Chrome  tableにmax-wdthを指定しているにも関わらず適用されないため */
@media screen and (-webkit-min-device-pixel-ratio:0){
.entry-content table{display: table-row;}
}
table caption{text-align: left;font-weight: bold;font-size:108%;line-height: 1.5;margin-bottom: 2px;}
table tr{vertical-align:middle;}

table th,
table tbody th{padding:8px 8px 7px 14px;line-height: 1.5;font-weight:normal;background-color:#f4f3fa;color:#000;vertical-align: middle;border: 1px solid #b3a6d0;text-align: left;}
table thead th{background-color:#e4e0f1;text-align: center;}

table td{padding:8px 12px 7px 14px;line-height:1.5;text-align:center;border:1px solid #b3a6d0;}
table td .alignnone,
table td img.alignnone,
table td .wp-caption.alignnone {margin: 2px -8px 5px 2px;}

table.border-zero{width: auto;margin: 10px auto 5px auto;}
table.border-zero,
table th.border-zero,
table td.border-zero{border:none;text-align:left;vertical-align:top;background-color: transparent;}

table.border-bottom,
table td.border-bottom,
table th.border-bottom,
table.border-bottom th{border-bottom:1px dotted #999;border-top:none;border-left:none;border-right:none;background-color: transparent;}

/*表テーブル スマホ対応用*/
.responsive_table_mask{display:none;}
/*スマホのときだけ表示
.sm-only640{display:none;}
@media screen and (max-width: 640px) {
	.sm-only640{display:block;margin:40px 0 -20px 0;text-align:center;}
}*/
@media screen and (max-width: 640px) {
.scroll-table{overflow: auto;white-space: nowrap;position: relative;}
.scroll-table::-webkit-scrollbar{height: 3px; /* スクロールバーの高さ */}
.scroll-table::-webkit-scrollbar-track{background: #F1F1F1; /* スクロールバーの背景色 */}
.scroll-table::-webkit-scrollbar-thumb {background: #ffa566; /* スクロールバーの色 */}
.scroll-table td,
.scroll-table th{white-space: nowrap;　/* 文字の折返しを禁止 */}
.responsive_table_mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3) url( '../img/icon_swipe.png' ) no-repeat center 30px;background-size: auto 90px;z-index:2;cursor: pointer;display:block;}
}



/*改行しない*/
.white-space{white-space:nowrap;}

/*リスト*/
body.naka .section ol,
body.naka .section ul{margin-left: 20px;}
body.naka .section ol li,
body.naka .section ul li{line-height:1.4;margin-bottom:8px;}
body.naka .section ol li strong,
body.naka .section ul li strong{padding-top:6px;display: inline-block;}



/*iframeのgooglemap用-----*/
#wrapper iframe{border:none;}
.index-map{margin-top:30px;}
.index-map iframe{width:100%;height:350px;}




/*このボタンは、中ページ全ページで使用*/
/*cssだけでつくったボタンの場合*/
/*詳しくはこちら*/
.naka-kuwashii{max-width:300px;margin:35px auto 0 auto;width: 100%;display: table;}
.naka-kuwashii a{position: relative;display: table-cell;background-color:#6e5661;color:#fff;font-family:'Noto Serif JP', serif;font-weight:300;text-decoration:none;line-height: 1.2;text-align: center;padding:10px 0 11px 11px;letter-spacing: 0;}
.naka-kuwashii a:before{content: '';position: absolute;top:48%;display: inline-block;width:15px;height: 1px;background-color: #fff;left:0;transition: 0.8s;}
.naka-kuwashii a:hover{background-color:#9C1843;}
.naka-kuwashii a:hover:before{width:22px;}




/*PDFボタン*/
.btn-pdf{font-size:100%;line-height: 1.1;background:url(../img/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 13px 24px;margin-top:10px;}
/*IE8以上*/
.btn-pdf{padding:2px 0 13px 24px\0;}
.btn-pdf a{text-decoration: underline;color: #1e4d90;}
.btn-pdf a:hover{}


/*xlsボタン*/
.btn-xls{font-size:100%;line-height: 1.1;background:url(../img/icon_xls.gif) no-repeat 0px 0px;padding:0 0 13px 24px;margin-top:10px;}
/*IE8以上*/
.btn-xls{padding:2px 0 13px 24px\0;}
.btn-xls a{text-decoration:underline;}
.btn-xls a:hover{}


/*PDF枠付きボタン*/
.btn-pdf2{display: table;margin:20px auto 0 auto;text-align: center;}
.btn-pdf2 a{text-decoration: none;background:#040429 url(../img/icon_pdf2.png) no-repeat 20px center;padding: 16px 25px 15px 57px;display: inline-block;font-size: 115%;color:#fff;line-height: 1;width: 100%;/*! background-size: 28px; */}
.btn-pdf2 a:hover{opacity:0.6;}

/*xlsボタン
.btn-xls{display: table;border: 1px solid #7fb1da;margin:20px auto 0 auto;text-align: center;border-radius: 5px;}
.btn-xls a{text-decoration: none;background: url(../img/icon_xls.gif) no-repeat 20px center;padding: 12px 25px 11px 45px;display: inline-block;font-size: 115%;line-height: 1;}
.btn-xls a:hover{color:#003399;background-color:#ecf5fb;}
*/


/*グレイ色の枠*/
.waku-glay{padding:12px 15px;background-color:#fafafa;border:1px solid #bbb;}
/*注意色の枠*/
.waku-chuui{padding:12px 15px;background-color:#fbfbdd;border:1px solid #e2dfa8;}




/*--------------------------------
     SNS
---------------------------------*/





/*///////////////////////////////////////////////////////////////////////////////*/
/*                 　中ページのmain                                          */
/*///////////////////////////////////////////////////////////////////////////////*/

/*==========　企業情報--企業理念　company/rinen.html  ==========*/
h2{font-size:173%;line-height:1;font-family:'Noto Serif JP', serif;font-weight:400;color:#444;letter-spacing:0.5em;margin-bottom: 60px;text-align: center;}

.rinen-img{text-align: center;margin:70px auto 0 auto;font-size: 1px;max-width: 800px;}
.rinen-img img{max-width:100%;height:auto;}
.rinen-img p:first-child{/*! display: inline-block; *//*! width: 73.5%; */}
.rinen-img p:last-child{/*! display: inline-block; *//*! width: 26%; */}


.rinen-fukidashi{position: relative;font-size:154%;font-family:'Noto Serif JP', serif;font-weight:500;color: #222;letter-spacing:0.5em;line-height: 1.6;padding:0.2em 1.5em 0.28em 1.5em;display: table;top:0;;font-style: italic;margin:70px auto 0 auto;}
.rinen-fukidashi:before,
.rinen-fukidashi:after {position: absolute;top: 0;content:'';width: 12px;height: 100%;display: inline-block;}
.rinen-fukidashi:before {border-left: solid 1px #777;border-top: solid 1px #777;border-bottom: solid 1px #777;left: 0;}
.rinen-fukidashi:after {content: '';border-top: solid 1px #777;border-right: solid 1px #777;border-bottom: solid 1px #777;right: 0;}


.rinen-dl-box{margin-top:60px;}
dl.rinen-dl{display:table;margin:40px auto 0 auto;width: 100%;}
dl.rinen-dl dt{display:table-cell;vertical-align:middle;width: 12.5%;}
dl.rinen-dl dt p{color:#222;font-size:129%;font-family:'Noto Serif JP', serif;font-weight:400;font-style: italic;letter-spacing: 0;height: 150px;width:155px;display: flex;justify-content: center;align-items: center;line-height: 1;border: 1px solid #aaa;padding-bottom: 8px;}
dl.rinen-dl:first-child dt p{letter-spacing:0.5em;}
dl.rinen-dl dd{display:table-cell;vertical-align:middle;padding-left:3.7%;line-height: 2.1;}





/*==========　企業情報--代表ご挨拶　company/aisatsu.html  ==========*/
.aisatsu-img{background:url(../company/img/aisatsu.jpg) no-repeat right top;max-width:860px;width: 100%;height:260px;margin: 0 auto;display: table;}
.aisatsu-midashi{display:table-cell;vertical-align: middle;padding-left: 9%;font-size:182%;line-height:1.7;font-family:'Noto Serif JP', serif;font-weight:400;text-align: left;}

.sp-only{display:none;}

.aisatsu-com{width:90%;margin:50px auto 0 auto;line-height: 2.2;}
.aisatsu-com2{width:90%;margin:20px auto 0 auto;text-align:right;line-height: 1.6;}
.aisatsu-com2 strong{font-weight:normal;font-size:115%;font-family:'Noto Serif JP', serif;font-weight:300;}




/*==========　企業情報--会社概要・沿革　company/profile.html  ==========*/
/*会社概要*/
table.profile-table{}
table.profile-table th{background-color: transparent;border: 1px solid #aaa;border-left: none;border-right: none;text-align: left;padding: 14px 10px 14px 18px;white-space: nowrap;width: 15% !important;vertical-align: top;}
table.profile-table td{text-align: left;border: 1px dotted #777;border-left: none;border-right: none;padding: 14px 10px 14px 30px;background-color: transparent;}
table.profile-table td span{padding-right:15px;display: inline-block;}

table.profile-table td .kaiin{display:inline-block;margin-right:20px;vertical-align: middle;}
table.profile-table td .jcla-mark{display:inline-block;width:120px;}


/*受賞歴*/
.award-midashi{text-align:center;font-size:143%;font-family:'Noto Serif JP', serif;font-weight:400;color:#990000;letter-spacing:0.2em;line-height:1.3;margin:100px 0 30px 0;}
.award-img{text-align:center;}
.award-com{text-align:center;margin-top:20px;}
.cosmeken-banner{max-width:300px;margin:15px auto 0 auto;text-align:center;font-size:73%;line-height:1.3;letter-spacing: 0;}
.cosmeken-banner a{margin-bottom:5px;display: block;}

/*SDGs J-クレジット*/
ul.japancredit-ul{text-align:center;margin: 0 !important;}
ul.japancredit-ul li{display:inline-block;vertical-align:top;margin:0 15px 30px 15px;width: 218.5px;}
ul.japancredit-ul li:first-child{width:209px}
ul.japancredit-ul li.kansha{width:320px;}
ul.japancredit-ul li.kansha img{margin:47px 0;}
ul.japancredit-ul li span{display:inline-block;white-space:nowrap;margin-top:7px;font-size:93%;}

/*漫画*/
ul.comic-ul{display:none;}

/*沿革*/
table.enkaku-table{background-color: transparent;}
table.enkaku-table th{background-color: transparent;text-align: left;padding: 12px 10px 12px 18px;white-space: nowrap;width: 17% !important;vertical-align: top;border: 1px dotted #777;border-left: none;border-right: none;}
table.enkaku-table td{background-color: transparent;text-align: left;padding: 12px 10px 12px 0px;border: 1px dotted #777;border-left: none;border-right: none;}

table.enkaku-table dl{background-color: #999;border-radius: 0.5em;color: #fff;font-size: 86%;width: 125px;padding-top: 1px;}
table.enkaku-table dl dt{display: inline-block;margin-left: 15px;width: 55px;}
table.enkaku-table dl dd{display: inline-block;width:33px;text-align: right;}
table.enkaku-table ul{list-style:circle;}
table.enkaku-table ul li{margin-bottom: 3px !important;}




/*==========　企業情報--アクセス　company/access.html  ==========*/
.rogo-s-labo{margin: 50px auto 0 auto;max-width: 280px;}
.rogo-shin{margin: 30px auto 0 auto;max-width:180px;}
.rogo-shin img{width:100%;height:auto;}

.access-box{text-align:center;display:table;margin:12px auto 0 auto;}
.access-box .header-tel a{width: 330px;height: 35px;}
.access-box .uketuke-time{font-size: 79%;padding: 6px 0;margin-top: 8px;}
			
.access-zip{line-height: 1.6;margin-top:20px;}

ul.access-ul{width:85%;margin:50px auto 40px auto !important;text-align:center;}
ul.access-ul li{display:inline-block;/*width:45%;margin:0 1%;*/}
ul.access-ul li img{max-width:100%;height:auto;}

/*PCとSPで切り替え*/
.pc-only{}
.sp-only{display:none !important;}




/*==========　[事業案内]化粧品 OEM／ODM事業　product/oem-odm.html  ==========*/
body.naka.product #headerimgs{background: url(../product/img/topimg_oem.jpg) no-repeat center center;} 

.oem-midashi1{text-align:center;font-size:143%;font-family:'Noto Serif JP', serif;font-weight:400;color:#00526c;letter-spacing:0.2em;line-height:1.8;}

.oem-com1{text-align:center;line-height:2.5;margin-top:30px;font-size: 105%;margin-bottom: 60px;}

body.naka.product h3{color: #00536d;border-top: 1px solid #00536d;border-bottom: 1px dotted #00536d;letter-spacing: 0.15em;}

.oem-com2{text-align:center;line-height:1.5;margin-top:30px;font-size:108%;}

.oem-img1{text-align: center;margin:50px auto 0 auto;font-size: 1px;max-width:1100px;}
.oem-img1 img{max-width:100%;height:auto;}
.oem-img1 img:first-child{display: inline-block;width: 49.1%;margin-right:1.8%;}
.oem-img1 img:last-child{display: inline-block;width:49.1%;}

/*商品開発の流れ*/
.oem-midashi2{text-align:center;font-size:158%;font-family:'Noto Serif JP', serif;font-weight:400;color:#00526c;letter-spacing:0.1em;line-height:1.8;}

ul.oem-flow-ul{text-align:center;list-style:none;width:97%;margin:0 auto !important;}
ul.oem-flow-ul li{display:inline-block;vertical-align:top;width:44%;margin:50px 3% 0 2.5% !important;text-align: left;}

dl.oem-flow-dl{}
dl.oem-flow-dl dt{}
dl.oem-flow-dl dt .midashi5{}

dl.oem-flow-dl dd{}
dl.oem-flow-dl dd .oem-flowimg{}
dl.oem-flow-dl dd .oem-flowimg img{max-width: 100%;height: auto;}
dl.oem-flow-dl dd .oem-com3{line-height:1.5;font-size: 93%;margin-top: 7px;}

/*ページ下部のお問合せ*/
.bg-oem-toiawase{background: url(../product/img/bg_oem_toiawase.jpg) no-repeat center top;} 
.oem-toiawase-box{width:95%;margin:0 auto;padding:50px 0 40px 0;text-align:center;background-color:rgba(254,252,250,0.5);border:1px solid #94bfcc;}
.oem-toiawase-box h2{font-size: 180%;color: #00526c;letter-spacing: 0.2em;margin-bottom: 30px;}
.oem-toiawase-box-com{color:#00526c;font-size: 115%;}
.foot-oem-toiawase{width:310px;margin:25px auto 0 auto;}
.foot-oem-toiawase .header-tel a{width:inherit;height: 31px;}



/*==========　[事業案内]自社開発ブランド S-LABO　product/s-labo.html  ==========*/
body.s-labo .oem-com1{margin-bottom:0;}

body.naka .section.s-labo:nth-child(2) {padding: 100px 0 20px 0;}

.container2{position: relative;width:1200px;margin:0 auto;padding:0;line-height:1.9;}

/*マイオーガニー！*/
.section.ricelip{padding: 60px 0 60px 0;}
.banner-ricelip{max-width:900px;margin:0 auto;}
.banner-ricelip img{width:100%;}
.banner-ricelip-cap{text-align:center;line-height:1.3;margin-top:10px;font-size: 108%;letter-spacing: 0.2em;}


/*オールインワンマスクHY--*/
.product-item-box{}

.item-name{display: flex;	align-items: center;}
.item-name span{color:#00526c;font-size:143%;line-height:1;letter-spacing:0.2em;text-indent: 0.2em;text-align: center;}
.item-name span br{display:none;}
.item-name:before,
.item-name:after {content: "";flex-grow: 1;height: 1px;background: #00526c;display: block;}
.item-name:before {margin-right: 1.7em;}
.item-name:after {margin-left: 1.7em;}

dl.product-item-dl{margin-top: 50px;}
dl.product-item-dl > dt{float: left;width: 39%;}
dl.product-item-dl > dd{float: right;width: 57%;line-height: 1.7;border-bottom: 1px solid #ccc;padding-bottom: 15px;}

dl.product-item-dl dt .item-img{text-align: center;}
dl.product-item-dl dt .item-img img{max-width: 460px;width: 100%;}

.item-title-cont{border-bottom:1px solid #ccc;margin-bottom: 15px;}
.item-title-cont .cap{}
.item-title-cont .item-title{font-size: 129%;font-weight: bold;line-height: 1.2;padding: 5px 0 10px 0;}
.item-title-cont .item-title span{color: #f00;font-size: 68%;margin: 0 0 0 10px;display: inline-block;position: relative;top: -2px;}
.item-title-cont .item-title strong{display: block;font-size: 180%;}

.item-midashi1{font-size:122%;line-height:1.3;font-weight:bold;margin-bottom: 7px;}
.item-com1{}

.item-img2{margin: 15px 0 20px 0;}
.item-img2 img{max-width:100%;height:auto;}

.item-img3{margin: 15px 0 20px 0;text-align: center;}
.item-img3 img{max-width:340px;width: 100%;height:auto;}

.item-com2{font-size: 86%;line-height: 1.5;padding-left: 1em;}
.item-com2 strong{display: block;text-indent: -1em;font-weight: normal;}

.item-com3{margin-top: 30px;}
.item-com3 strong{}

.seibun-box{border:1px solid #d6d6d6;padding:15px 15px 5px 20px;margin-top:20px;font-size: 86%;line-height: 1.5;}
dl.seibun-box-dl{}
dl.seibun-box-dl dt{float: left;width: 100px;}
dl.seibun-box-dl dd{display: table;margin-bottom: 5px;}


/*NMNプレミアムケアマスク--*/
.product-item-box.nmn .item-name span{color:#000;}
.product-item-box.nmn .item-name:before,
.product-item-box.nmn .item-name:after {background:#000;}
.product-item-box.nmn dl.product-item-dl dt .item-img img {max-width: 390px;}


/*ビタミンフェイスマスク--*/
.product-item-box.vc100 .item-name span{color:#01705d;}
.product-item-box.vc100 .item-name:before,
.product-item-box.vc100 .item-name:after {background:#01705d;}
.product-item-box.vc100 dl.product-item-dl dt .item-img img {max-width: 330px;}


/*CICAプレミアムケアマスク--*/
.product-item-box.cica .item-name span{color:#007d06;}
.product-item-box.cica .item-name:before,
.product-item-box.cica .item-name:after {background:#007d06;}
.product-item-box.cica dl.product-item-dl dt .item-img img {max-width: 390px;}


/*ガラクトミセス プレミアムケアマスク--*/
.product-item-box.gala .item-name span{color:#cb082f;}
.product-item-box.gala .item-name:before,
.product-item-box.gala .item-name:after {background:#cb082f;}
.product-item-box.gala dl.product-item-dl dt .item-img img {max-width: 360px;}
.product-item-box.gala .item-midashi1{color:#b00527;}


/*VC-100 プレミアムケアマスク--*/
.product-item-box.mdskin-vc100 .item-name span{color:#66461d;}
.product-item-box.mdskin-vc100 .item-name:before,
.product-item-box.mdskin-vc100 .item-name:after {background:#66461d;}
.product-item-box.mdskin-vc100 dl.product-item-dl dt .item-img img {max-width: 390px;}
.product-item-box.mdskin-vc100 .item-midashi1{color:#66461d;}


/*フェイス＆ネックケアマスクCICA--*/
.product-item-box.faceneck2 .item-name span{color:#00771c;}
.product-item-box.faceneck2 .item-name:before,
.product-item-box.faceneck2 .item-name:after {background:#00771c;}
.product-item-box.faceneck2 dl.product-item-dl dt .item-img img {max-width: 370px;}
.product-item-box.faceneck2 .item-midashi1{color:#00771c;}
.product-item-box.faceneck2 dl.product-item-dl > dd {border-bottom:none;}


/*///////////////////  以下の３商品は不要になる　///////////////*/
/*CBDプレミアムケアマスク--*/
.product-item-box.cbd .item-name span{color:#01705d;}
.product-item-box.cbd .item-name:before,
.product-item-box.cbd .item-name:after {background:#01705d;}
.product-item-box.cbd dl.product-item-dl dt .item-img img {max-width: 390px;}

/*オールインワンマスクPL--*/
.product-item-box.pl .item-name span{color: #1e0398;}
.product-item-box.pl .item-name:before,
.product-item-box.pl .item-name:after {background:#1e0398;}


/*フェイス＆ネックケアマスク--*/
.product-item-box.fa .item-name span{color:#fd278b;}
.product-item-box.fa .item-name:before,
.product-item-box.fa .item-name:after {background:#fd278b;}
.product-item-box.fa dl.product-item-dl > dd{border-bottom:none;padding-bottom:50px;}
/*///////////////////  /以下の３商品は不要になる　///////////////*/




/*==========　	[ 生産体制 ] コールドプロセス製法とは　system/coldprocess.html  ==========*/
body.naka.system #headerimgs{background: url(../system/img/topimg_system.jpg) no-repeat center center;} 

.system-midashi1{text-align:center;font-size:143%;font-family:'Noto Serif JP', serif;font-weight:400;color:#6b2546;letter-spacing:0.2em;line-height:1.8;}
				
.system-img1{text-align:center;margin-top:30px;}
.system-com1{line-height:2;margin-top:30px;font-size: 105%;}

/*横に流れる画像*/
/* 初期化完了まで非表示 */
.bxslider {display:none;}
.bx-wrapper .bxslider {display: block;}
.bx-wrapper {box-shadow: none;border: none;background: none;margin:70px 0 20px 0;}
.bx-wrapper .bx-controls-direction a{transition:0s;}

.merit-bg{background:url(../system/img/merit_bg.jpg) no-repeat bottom center;background-size:cover;}


body.naka.system h3{font-size: 170%;}

ul.merit-ul{list-style: none;margin-left: 0 !important;}
ul.merit-ul li{margin: 50px 0 !important;}

dl.merit-flow-dl{}
dl.merit-flow-dl dt{padding:35px 3% 25px 4%;box-shadow: 7px 7px 0 rgba(0,0,0,0.1);position: absolute;width: 56%;float: left;background-color: rgba(243,243,243,0.9);}
dl.merit-flow-dl dt .midashi{font-weight: bold;font-size:136%;line-height: 1.3;color: #6b2546;margin-bottom: 17px;}
dl.merit-flow-dl dt .com{line-height: 1.8;}

dl.merit-flow-dl dd{float: right;margin-top: 40px;}
dl.merit-flow-dl dd .img{}

ul.merit-ul li:nth-child(2) dl.merit-flow-dl dt{float:right;right: 0;}
ul.merit-ul li:nth-child(2) dl.merit-flow-dl dd{float:left;}

.merit-box{padding:35px 3% 25px 3%;background-color: rgba(243,243,243,0.9);margin-top: 30px;}
.merit-box .img{float:right;width:39%;}
.merit-box .img img{max-width:100%;height:auto;}
.merit-box .com{float:left;width:58%;}




/*==========　	[ 生産体制 ] 石けん作り　system/soap.html  ==========*/
body.soap .system-midashi1{margin-top:-20px;}
.system-midashi1 strong{font-size:200%;font-weight:400;display: block;}

body.naka.soap .section:nth-child(2){background:url(../system/img/hand.png) no-repeat center top 100px;}

body.soap .system-img1{margin-top:50px;}

body.naka.system h3.soap1{font-size: 136%;margin-top: 70px;}
dl.soap-dl1{}
dl.soap-dl1 dt{float: left;width: 39%;}
dl.soap-dl1 dt img{max-width: 100%;height: auto;}
dl.soap-dl1 dd{float: right;width: 58%;font-size: 103%;}
.soap-dl1-com{margin-top: 15px;}


body.naka.system h3.soap2{font-size: 150%;}

.soap-com1{font-size: 103%;padding-left: 4%;}
.soap-img3{text-align:center;margin-top:30px;}

.soap-koutei-midashi{background-color:#f7f2f4;border:1px solid #bd91a5;font-family:'Noto Serif JP', serif;font-weight:400;color:#6b2546;font-size:150%;border-radius:1em;max-width:490px;margin:90px auto 0 auto;text-align: center;line-height:39px;height: 44px;}

.midashi4.soap-koutei{font-size: 132%;color: #6b2546;border-bottom: 2px dotted #6b2546;font-family: 'Noto Serif JP', serif;font-weight: 500;margin-top: 40px;}

dl.soap-koutei-dl{margin-bottom: 50px;}
dl.soap-koutei-dl2{}

dl img{max-width: 100%;height: auto;}

dl.block2{}
dl.block2 dt{float:left;width:48%;}
dl.block2 dd{float:right;width:48%;}

dl.block2 .img{float:left;width:42%;}
dl.block2 .midashi{font-weight:bold;font-size:105%;margin-bottom:5px;padding: 5px 0 0 45%;}
dl.block2 .com{padding: 5px 0 0 45%;line-height: 1.7;}

dl.block1 .img{float:left;width:21%;}
dl.block1 .midashi{font-weight:bold;font-size:105%;margin-bottom:5px;padding: 5px 0 0 22%;}
dl.block1 .com{padding: 5px 0 0 22%;line-height: 1.7;}








/*==========　	[ 生産体制 ] フェイスマスクの生産　system/mask.html  ==========*/
body.naka.mask #headerimgs{background: url(../system/img/topimg_mask.jpg) no-repeat center center;}

body.mask .system-midashi1{margin-top:-20px;}

.system-midashi1.mask{text-align:center;font-size:129%;font-family:'Noto Serif JP', serif;font-weight:400;color:#6b2546;letter-spacing:0.2em;line-height:1.8;}
.system-midashi1.mask strong{font-size:200%;font-weight:400;display: block;}

body.naka.mask .section:nth-child(2){background:url(../system/img/mask.png) no-repeat center top 100px;}

body.mask .system-img1{margin-top:50px;}

dl.block2.width310 .img{float:left;width:59%;}
dl.block2.width310 .midashi{font-weight:bold;font-size:105%;margin-bottom:5px;padding: 5px 0 0 62%;}
dl.block2.width310 .com{padding: 5px 0 0 62%;line-height: 1.7;}

dl.block1.width310 .img{float:left;width:28.5%;}
dl.block1.width310 .midashi{font-weight:bold;font-size:105%;margin-bottom:5px;padding: 5px 0 0 22%;}
dl.block1.width310 .com{padding: 5px 0 0 30%;line-height: 1.7;}

dl.soap-koutei-dl.hinshitu{margin-top: 30px;}







/*==========　採用情報　recruit/  ==========*/
body.naka.recruit #headerimgs{background: url(../recruit/img/topimg.jpg) no-repeat center center;}
body.naka.recruit #headerimgs.new{background: url(../recruit/img/topimg2.jpg) no-repeat center center;}

.recruit-img1{text-align:center;}
				
.recruit-com1{color:#ff6600;font-size:143%;font-family:'Noto Serif JP', serif;font-weight:300;line-height:1.5;padding:30px 0;text-align:center;letter-spacing: 0.3em;}
	
.recruit-img2{text-align:center;max-width:800px;margin: 0 auto;}
.recruit-img2 img{width:50%;height:auto;}

.recruit-com2{text-align:center;margin-top:50px;line-height:1.5;font-weight:bold;font-size:115%;letter-spacing: 0.2em;}
.recruit-com2 span{font-weight:bold;}		
	
.recruit-com3{text-align:center;margin-top:15px;line-height:2.5;}
				
.recruit-box{margin-top:50px;border:8px solid #e9dfe4;padding:25px 5% 20px 4%;}
.recruit-box .midashi7 {font-size:115%;}
.recruit-box-com{margin:20px 0 0 20px;line-height:1.6;}

.recruit-midashi1{font-size: 136%;color: #6b2546;font-family: 'Noto Serif JP', serif;font-weight: 500;letter-spacing: 0.3em;margin: 30px 0 -45px 0;}
				
.recruit-box dl{font-size:115%;line-height:1.8;/*! font-weight: bold !important; */}
.recruit-box dl dt{float:left;width:130px;font-weight: bold;}
.recruit-box dl dd{padding:0 0 0 130px;}
.recruit-box dl p{margin-top:1px;font-weight: bold;}
				
				
/*ページ下部のお問合せ*/
.bg-face{background:url(../img/bg_face.jpg) no-repeat center center;background-size:cover;}

.foot-toiawase-box{border:1px solid #b2a7ab;background:rgba(255,255,255,0.5);padding:40px 5% 40px 5%;text-align:center;}
.foot-toiawase-box h2{letter-spacing:0.2em;margin-bottom: 30px;}
.foot-toiawase-box-midashi{font-size:115%;line-height:1.5;font-weight:bold;}
.foot-toiawase-box-com{margin-top:10px;}
					
dl.foot-toiawase-dl{margin-top: 25px;}
dl.foot-toiawase-dl dt{display:inline-block;width:310px;margin-right:40px;}
dl.foot-toiawase-dl dt .header-tel a{width:inherit;height: 31px;}





/*==========　お知らせ　news/  ==========*/
body.naka.news #headerimgs {display: none;}

dl.nakanews-dl{display:table;width:90%;margin:30px auto 0 auto;border-bottom: 1px dotted #999;}

dl.nakanews-dl dd dl.news-dl{text-align:left;border-top: 1px dotted #999;}
dl.nakanews-dl dd dl.news-dl a{color:#555;text-decoration:none;display: block;padding: 18px 10px;}
dl.nakanews-dl dd dl.news-dl a:hover{color: #990000;background:#f9eeee;transition: 0.8s;}
dl.nakanews-dl dd dl.news-dl dt{float:left;width:120px;font-size: 93%;background: url(../img/arrow_glay3-5.png) no-repeat right 9px;line-height: 1.3;}

dl.nakanews-dl dd dl.news-dl a dd{padding:0 0 0 130px;line-height: 1.3;transition: 0.8s;}
dl.nakanews-dl dd dl.news-dl a dd img{margin: 0 0 3px 10px;}
dl.nakanews-dl dd dl.news-dl a:hover dd{padding:0 0 0 135px;transition: 0.8s;}


dl.nakanews-dl dd dl.news-dl.is-hidden {opacity: 0;height: 0;display: none;}
dl.nakanews-dl dd dl.news-dl.is-hidden a {padding:0;}

.news-more{text-align: center;margin: 20px 0 0 0;padding-bottom: 60px;}
.news-more a{font-size: 90%;color:#444;background: url(../img/arrow_glaydown7-4.png) no-repeat left center;padding: 0 0 0 11px;text-decoration: none;display: inline-block;}
.news-more a:hover{text-decoration: underline;}


/*========　お知らせの詳細  news/news20210505.html)　=============*/
body.news.one h2 {margin-bottom: 30px;}
dl.news-single-title-box{background:url(../img/news_bar.png) repeat-x 0 bottom;padding:0px 0 25px 0;margin-bottom:20px;}
dl.news-single-title-box dt{}
dl.news-single-title-box dt .news-single-date{float:left;font-size:86%;line-height:1.0;margin-top:3px;}
dl.news-single-title-box dt .news-single-date img{margin: 0 0 5px 7px;}
dl.news-single-title-box dt .news-single-ichiran{float:right;font-size:86%;}
dl.news-single-title-box dt .news-single-ichiran a{text-decoration:none;background:url(../img/arrow_glay3-5.png) no-repeat left top 11px;padding:5px 0 0 9px;}
dl.news-single-title-box dt .news-single-ichiran a:hover{opacity: 0.7;text-decoration:underline;}

dl.news-single-title-box dd .news-single-title{font-size:122%;line-height:1.5;margin:5px 0 0 0;padding: 0;letter-spacing: 0;border: none;font-family: 'Noto Serif JP', serif;font-weight: 500;}

.news-single-main{}

.whatsnew-com1{line-height:1.8;padding-bottom:10px;}

.news-single-bigimg{display:table;max-width:850px;margin:20px auto 0 auto;font-size:72%;color:#666;line-height:1.2;}
.news-single-bigimg img{padding-bottom:3px;}

ul.news-single-yokoimg{text-align: center;margin:20px auto 0 auto !important;display:table;}
ul.news-single-yokoimg li{display: inline-table;width:100px;text-align:left;margin:0 8px 15px 8px;vertical-align: top;font-size:72%;color:#666;line-height:1.2;}
ul.news-single-yokoimg li img{max-width:300px;max-height:280px;height: 100%;padding-bottom:3px;}

.whatsnew-com2{line-height:1.8;padding:20px 0 10px 0;}

.whatsnew-temp{font-size:95%;line-height: 1.1;background:url(../img/icon_pdf.png) no-repeat 0px 0px;padding:0 0 13px 24px;color:#000;margin-top:10px;}
.whatsnew-temp a{text-decoration:underline;}





/*==========　個人情報取扱い　privacy/  ==========*/
body.naka.privacy #headerimgs {display: none;}

dl.foot-toiawase-dl dt .uketuke-time{font-size: 79%;padding: 5px 0 4px 0;margin-top: 8px;}

dl.foot-toiawase-dl dd{display:inline-block;width:310px;vertical-align:top;}
dl.foot-toiawase-dl dd .naka-kuwashii{max-width: 310px;margin: 3px auto 0 auto;}
dl.foot-toiawase-dl dd .naka-kuwashii a{padding: 20px 0 19px 11px;}

body.naka.privacy h2{letter-spacing: 0em;}

.privacy-date{text-align:right;font-size:86%;line-height: 1.5;margin-bottom: 10px;}
.privacy-com1{text-align:right;font-size:93%;margin-bottom:20px;line-height: 1.4;}
.privacy-com1 strong{font-weight:normal;font-size:115%;font-family:'Noto Serif JP', serif;font-weight:300;}	
.privacy-com2{margin-bottom:50px;}
.privacy-com2 ol{margin: 15px 0 0 30px !important;}




/*==========　404ページ専用のスタイル==========*/
body.notfound h2{letter-spacing:0;}
.error-com1{font-size:109%;line-height: 1.4;}
.error-com2{;margin:20px 0 40px 0;line-height: 1.4;}