#html2 .kokoro-product-block,#html5 .kokoro-product-block{
    display: none !important;
}
#store-device-html2 .front-product-block,#store-device-html1 .front-product-block{
    display:none !important;
}
#store-device-html2 .kokoro-product-block,#store-device-html1 .kokoro-product-block{
    display:block !important;
}
.maindesign{
	font-family: "Noto Sans JP","游ゴシック","Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;
	margin-bottom: 2.5em;
}
.maindesign img{
	vertical-align: bottom;
}


.maindesign .feature-hdg2 span{
	font-size: 0.7em;
	font-weight: normal;
}

.maindesign .haircolor{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .haircolor--images{
	width: 150px;
}
.maindesign .haircolor--images .quasi-drugs{
	text-align: center;
	padding: 5px;
	border: 1px solid #000;
	margin-top: 5px;
}
.maindesign .haircolor--block{
	width: calc(100% - 170px);
}
.maindesign .haircolor--block__table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.maindesign .haircolor--block__table .color-pink{
	background-color: #a04848;
}
.maindesign .haircolor--block__table .color-brown{
	background-color: #784031;
}
.maindesign .haircolor--block__table .color-caramel{
	background-color: #885009;
}
.maindesign .haircolor--block__table .color-ash{
	background-color: #575861;
}
.maindesign .haircolor--block__table .color-warm{
	background-color: #782821;
}
.maindesign .haircolor--block__table .color-basic{
	background-color: #601f00;
}
.maindesign .haircolor--block__table .color-cool{
	background-color: #482811;
}
.maindesign .haircolor--block__table th,.maindesign .haircolor--block__table td{
	border: 1px solid #fff;
}
.maindesign .haircolor--block__table th{
	font-size: 1.0em;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	padding: 10px;
}
.maindesign .haircolor--block__table td{
	background-color: #eee;
}

.maindesign .haircolor--block__table .meian{
	padding: 0;
	width: 47px;
}
.maindesign p.scrolltxt {
	display: none;
}

@media screen and (max-width: 767px){
.maindesign .haircolor--images {
    width: 60px;
}	
.maindesign .haircolor--images .quasi-drugs {
    padding: 3px;
	font-size: 0.9em;
}
.maindesign .haircolor--block {
    width: calc(100% - 70px);
}
.maindesign .haircolor--block {
	overflow: auto;
}
.maindesign .haircolor--block__table{
	width: 870px;
}
.maindesign .haircolor--block__table th{
	font-size: 0.9em;
}
.maindesign .haircolor--block__table .meian {
    width: 35px;
}
.maindesign p.scrolltxt {
    color: #E00012;
    font-weight: bold;
    margin: 15px 0 40px 0;
    text-align: left;
	display: block;
}
.maindesign p.scrolltxt span {
    padding: 8px 6px;
    font-size: 0.95em;
    border: 2px solid #E00012;
    box-sizing: border-box;
    display: inline-block;
}
}

.maindesign .haircolor--block__table.bigen{
	width: 100%;
	max-width: 800px;
	margin: auto;
}
.maindesign .haircolor--block__table.bigen .meian{
	width: 40px;
}
.maindesign .haircolor--block__table.bigen a{
	padding: 0 50px;
	display: block;
}
.maindesign .haircolor--block__table.bigen th{
	padding: 0;
}
.maindesign .haircolor--block__table.bigen td{
	background: none;
	text-align: center;
	border: 1px dashed #333;
	padding: 5px;
	font-size: 0.9em;
}
.maindesign .haircolor--block__table.bigen .border-bottom{
	border-bottom: 1px dashed #333;
	padding-bottom: 5px;
}
.maindesign .haircolor--block__table.bigen .border-right{
	border-right: 1px dashed #333;
	padding-right: 5px;
}

@media screen and (max-width: 767px){
.maindesign .haircolor--block__table.bigen{
	width: 420px;
	margin: auto;
}
.maindesign .haircolor--block__table.bigen a{
	padding: 0 10px;
	display: block;
}
.maindesign .haircolor--block__table.bigen td{
	font-size: 0.8em;
}

}




.maindesign .feature-hdg3 {
	font-size: 1.75rem;
    margin-top: calc(60px - 0.6rem);
    margin-bottom: calc(40px - 0.75rem);
	border-left: 4px solid #f00;
	padding: 0.6rem 1rem 
}
.maindesign .feature-hdg3 span{
	font-size: 0.7em;
	font-weight: normal;
}

.maindesign img{
	width: 100%;
	height: auto;
}
.maindesign.category-inner .haircolor--images{
	width: 100px;
}
.maindesign.category-inner .haircolor--block {
    width: calc(100% - 120px);
}
.maindesign.category-inner .haircolor--block__table .meian{
	width: 35px;
}
.maindesign.category-inner .menu-btn-list{
	margin: 3em auto 1em;
	width: 100%;
	max-width: 560px;
}

@media screen and (max-width: 767px){
.maindesign.category-inner .haircolor--images{
	width: 60px;
}
.maindesign.category-inner .haircolor--block {
    width: calc(100% - 70px);
}

}


.maindesign .kokoro-product-block .haircolor--block__table .meian{
	width: 35px;
}
.maindesign .kokoro-product-block .haircolor--block__table.bigen a {
	padding: 0 40px;
}