@charset "utf-8";
/*
Theme Name: Hakuma Template v6.2
Theme URI: http://www.hakuma.co.jp
Description: 
Author: JC Studios Inc.
Author URI: http:/jcstudios.jp
Version: 6.2
License: GNU General Public License
License URI: license.txt
Tags: white,red,blue,black,green,orange
Text Domain: JC Studios Original
*/

/* default.css */
#site-title{width:700px!important;margin-right:auto!important;margin-left:auto!important;}

#site-title a img{max-height:100px;width:auto!important;}


.business-calendar .today {background:#fff!important;font-weight:bold;}
.business-calendar .attr0{background: #FFCCCC!important;}

.business-calendar-box{width: 100%!important;display: inline-block!important;clear: both!important;}
#slideshow img{height:400px!important;}
#slideshow .size-hairstyleinfosize{height:358px!important;width:250px;}
/*#hairstyle-photo .pics{width:350px!important;}*/
#MainBnr{display:none;}

#topPr p a {display:none !important;}/* CLICK HERE非表示 */

.sp-only {display:none;}

#content form input[type=email] {
	position: relative;
    overflow: hidden;
    padding: 5px 10px;
    margin: 5px 5px 5px 0px;
    width: 90%;
}
input[type="email"] {
	    background: #eaedf2;
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 12px;
}
.sp-only {display:none;}
.text-center {text-align:center;}
.flex-box {display:flex;flex-wrap:wrap;justify-content:space-around;}
.flex-item-15 {width:13%;}
.flex-item-60 {width:58%;}
.flex-item-50 {width:46%;}
.flex-item-40 {width:38%;}
.flex-item-30 {width:32%;}

/*  TOP PAGE CONCEPT */
#top-concept {text-align: center;width: 80%;margin: 40px auto 80px;}
#top-concept p {font-size: 1.5em;font-weight: lighter;line-height: 1.8;font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif　!important;}
 

/* CONCEPT */
.concept-contents {text-align:center;}
.concept-contents .contents-text {font-size:1.2em;line-height:1.6 !important; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.promise-block {background:#FDFCF8;padding: 2em 2em 1em 3em;font-weight: bold;font-size: 1.2em;border:1px solid #ccc;}

    
/* OIL IN SERUM */
.oilinserum-contents {font-size:1.2em;}
.oilinserum-contents h3 {text-align:left !important; border-bottom: 1px solid #ccc;padding-bottom:8px; margin: 24px 0px 16px !important;font-size: 1.3em !important;}
.text-box-black {background: #333;color: #fff;padding: 4px;text-align:center; font-size:1.2em;}
.oilinserum-contents .item-mokuren {background:rgba(238,209,237,0.2); padding:1em;}
.oilinserum-contents .item-mokuren h3 {padding: 0.5em;background: #EED1ED;border-bottom:none;margin-top:0 !important;}
.oilinserum-contents .item-kinmokusei {background:rgba(247,230,207,0.2); padding:1em;}
.oilinserum-contents .item-kinmokusei h3 {padding: 0.5em;background: #F7E6CF;border-bottom:none;margin-top:0 !important;}
.oilinserum-contents .item-pure {background:rgba(249,246,207,0.4); padding:1em;}
.oilinserum-contents .item-pure h3 {padding: 0.5em;background: #F9F6CF;border-bottom:none;margin-top:0 !important;}
.oilinserum-contents .item-purekin {background:rgba(253,247,236,0.4); padding:1em;}
.oilinserum-contents .item-purekin h3 {padding: 0.5em;background: #f9edcf;border-bottom:none;margin-top:0 !important;}
.text-fragrance {color:#777; text-align:center; display:block;}
.oilinserum-contents table th {width:30%;}
.point-box {border: 1px solid #ccc;padding:1em;background: #f1f1f1;}
.oilinserum-contents ul li { list-style-type: disc !important;margin-left: 2em !important;}

/* OEM */
.oem-contents ul li { list-style-type: disc !important;margin-left: 2em !important;}
.oem-contents ol {margin:0 !important;}
.oem-contents ol li { list-style: decimal !important;margin-left: 2em !important;}
.oem-contents h2 {background: #fcf9f7;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;padding: 12px 16px 8px !important;font-size:2em !important;}
.oem-contents h3 {text-align:left !important; border-bottom: 1px dotted #ccc;padding-bottom:8px; margin: 32px 0px 16px !important;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;letter-spacing: 0.02em;}
.oem-contents h3:first-letter {font-size: 1.5em;color: #c7c0a9;}
.oem-contents　.btn,a.btn {color: #fff;background-color: #eb6100;font-size: 1.2em;}
.oem-contents　.btn:hover,a.btn:hover {opacity:0.7;}

@media (max-width: 740px) and (min-width: 320px) {
	#site-title img{height:40px!important;}
	#header #site-title {text-align: right !important;}
	#header #site-title a img {max-width:100%;}
	#headerInner {display: flex;justify-content: space-between;flex-direction: row-reverse;padding: 16px 0 0;}
	#topMainBnrFrame {margin-top:90px !important;}
	#gMenu {position:relative !important; padding: 10px 0 0 !important;background:none !important;}
	#main #container #content {margin-top: 140px !important;}
	#topMainBnr + #main #container div#content {margin-top: 0px !important;}
	#topMainBnr {height:auto !important;}
	.sp-only {display:block;}
	.flex-item-60,.flex-item-50,.flex-item-40 {width:100%;}
	.flex-item-15 {width:29%;}
	.oilinserum-contents h3 {margin-top:16px;}
	.sp-only {display:block;}
}

@media (max-width: 660px) {
#site-title{width:100%!important;}
#site-title img{height:60px;}
#footerInfo img{height:50px;}
}

@media (min-width: 970px) {
#main #container div#content {margin-bottom: 0 !important;margin-top: 175px !important;}
	#topMainBnr + #main #container div#content {margin-top: 80px !important;}
}