@charset "utf-8";
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
img { vertical-align: bottom; } .mt00 {	margin-top: 0px !important;}
.mt05 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}
.mt55 {	margin-top: 55px !important;}
.mt60 {	margin-top: 60px !important;}
.mt65 {	margin-top: 65px !important;}
.mt70 {	margin-top: 70px !important;}
.mt75 {	margin-top: 75px !important;}
.mt80 {	margin-top: 80px !important;}
.mt85 {	margin-top: 85px !important;}
.mt90 {	margin-top: 90px !important;}
.mt95 {	margin-top: 95px !important;}
.mt100 {	margin-top: 100px !important;}
.mr00 {	margin-right: 0px !important;}
.mr05 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr35 {	margin-right: 35px !important;}
.mr40 {	margin-right: 40px !important;}
.mr45 {	margin-right: 45px !important;}
.mr50 {	margin-right: 50px !important;}
.mr55 {	margin-right: 55px !important;}
.mr60 {	margin-right: 60px !important;}
.mr65 {	margin-right: 65px !important;}
.mr70 {	margin-right: 70px !important;}
.mr75 {	margin-right: 75px !important;}
.mr80 {	margin-right: 80px !important;}
.mr85 {	margin-right: 85px !important;}
.mr90 {	margin-right: 90px !important;}
.mr95 {	margin-right: 95px !important;}
.mr100 { margin-right: 100px !important;}
.mb00 {	margin-bottom: 0px !important;}
.mb05 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb65 {	margin-bottom: 65px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb75 {	margin-bottom: 75px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb85 {	margin-bottom: 85px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb95 {	margin-bottom: 95px !important;}
.mb100 {	margin-bottom: 100px !important;}
.ml00 {	margin-left: 0px !important;}
.ml05 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml35 {	margin-left: 35px !important;}
.ml40 {	margin-left: 40px !important;}
.ml45 {	margin-left: 45px !important;}
.ml50 {	margin-left: 50px !important;}
.ml55 {	margin-left: 55px !important;}
.ml60 {	margin-left: 60px !important;}
.ml65 {	margin-left: 65px !important;}
.ml70 {	margin-left: 70px !important;}
.ml75 {	margin-left: 75px !important;}
.ml80 {	margin-left: 80px !important;}
.ml85 {	margin-left: 85px !important;}
.ml90 {	margin-left: 90px !important;}
.ml95 {	margin-left: 95px !important;}
.ml100 {	margin-left: 100px !important;}
.ml150 {	margin-left: 150px !important;} .pt00 {
padding-top: 0px !important;
}
.pt05 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pr00 {
padding-right: 0px !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb00 {
padding-bottom: 0px !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pl00 {
padding-left: 0px !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl50 {
padding-left: 50px !important;
}
body {
font-family: 'Hind','Oswald', sans-serif;
font-family: 'Noto Sans JP';
text-align: left;
color:#333;
overflow-x: hidden;
line-height: 1.7;
font-weight: 400;
color: #333;
font-size:16px;
font-display: swap;
background: #fcfaf2;
margin: 0;
padding: 0;
}
@font-face {
font-family: 'Noto Sans JP';
src:url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/notosans_medium.woff) format('woff');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/notosans_regular.woff) format('woff');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/notosans_bold.woff) format('woff');
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/notosans_bold.woff) format('woff');
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'Hind';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/hind_regular.woff) format('woff');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Hind';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/hind_semibold.woff) format('woff');
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'Oswald';
src: url(//site.nol-beauty.com/wp/wp-content/themes/denish_theme/css/font/oswald_regular.woff) format('woff');
font-weight: 300;
font-display: swap;
} 
body .sp-item {
display: none !important; }
body .pc-item {
display: block !important; }
@media screen and (max-width : 600px ){
body {
min-width: inherit;
height:100%;
padding-bottom: 0;
font-size: 16px;
font-weight: 400;
}
body .sp-item {
display: block !important; }
body .pc-item {
display: none !important; }
body .sp-item img {
width:100%;}
}
a.rollover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.rollover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.center {
text-align: center;
}
img {
line-height: 0;
padding: 0;
margin: 0;
}    header {
border-bottom: 1px solid #ccc;
background: #fff;
}
.header_box {
background: #cc9966;
max-width: 100%;
padding: 12px 40px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
box-sizing: border-box;
}
.header_box img{
width: 100%;
}
.logo {
max-width: 201px;
line-height: 1;
}
.toggle{
max-width: 70px;
}
.menu {
max-width: 816px;
margin:0 auto;
line-height: 1;
letter-spacing: 0;
padding: 0 15px;
}
.menu a{
color: #333333;
text-decoration: none;
}
nav{
display: flex;
z-index:1000;
flex-direction: row;
text-align:center;
background-color: #fff;
padding: 13px 0 13px;
width: 100%;
}
nav ul{
width: 950px;
display: flex;
justify-content: space-around;
}
nav ul li{
border-bottom:none;
text-align:center;
font-size:16px;
display:flex;
align-items: center;
font-weight: 500;
justify-content: space-between;
}
@media screen and (max-width : 600px ){
header {
border-bottom: 1px solid #ccc;
background: #fff;
}
.header_box {
max-width: 100%;
padding:5px 3%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
box-sizing: border-box;
}
.header_box img{
width: 100%;
}
.logo {
max-width: 130px;
line-height: 1;
}
.toggle{
max-width: 55px;
}
}
@media screen and (max-width : 600px ){
.menu {
max-width: 816px;
margin:0 auto;
line-height: 1;
letter-spacing: 1px;
padding: 0;
} 
nav{
display: flex;
z-index:1000;
flex-direction: row;
text-align:center;
background-color: #fff;
padding: 2px 0 2px;
width: 100%;	
}
nav ul{
width: 97%;
margin: 0 auto;
display: flex;
justify-content: space-around;
}
nav ul li{
border-bottom:none;
text-align:center;
font-size:3vw;
display:flex;
align-items: center;
font-weight: 500;
justify-content: space-between;
letter-spacing: 0;
}
nav ul li img{
height: 51%;
}	  
}
.main{
padding:0 0 50px;
display: flex;
width: 980px;
margin: 40px auto 0;
align-content: space-between;
}
@media screen and (max-width : 600px ){
.main{
padding:0 0 50px;
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
align-content: space-between;
}	  
}
.contents{
width: 650px;
border: 1px solid #e5e3e3;
padding: 20px 30px;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
box-sizing: border-box;
margin-right: 30px;
}
.contents h1{
font-size: 27px;
font-weight: 600;
line-height: 1.5;
border-bottom: 1px solid #ccc;
padding-bottom: 14px;
margin-bottom: 20px;
}
.contents img{
width: 100%;
margin: 30px 0;
}
.contents h2{
background: #f9f2e8;
font-size: 25px;
font-weight: 500;
line-height: 1.5;
border-left: 6px solid #663333;
padding: 12px 12px;
margin: 40px 0 20px;
box-sizing: border-box;
}
.contents h3{
background: #c8a052;
font-size: 20px;
color: #fff;
font-weight: 500;
line-height: 1.5;
padding: 8px 12px;
margin: 35px 0 12px;
border-radius: 5px;
box-sizing: border-box;
}
.contents h4{
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
strong,.red {
font-weight: 700;
color: #ff0000;
}
.yellow{
background:linear-gradient(transparent 60%, #ff6 60%);
}
.cta{
font-weight: 700;
text-align: center;
margin: 30px 0 10px;
}
.btn {
width: 90%;
margin: 0 auto 40px;
}
.btn img{
margin: 0;
}
@media screen and (max-width : 600px ){
.contents{
width: 100%;
border: none;
padding: 20px 5%;
background: #fff;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
margin-right: 0;
}
.contents h1{
font-size: 23px;
font-weight: 600;
line-height: 1.5;
border-bottom: 1px solid #ccc;
padding-bottom: 14px;
margin-bottom: 20px;
}
.contents img{
width: 100%;
margin: 20px 0;
}
.contents h2{
background: #f9f2e8;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
border-left: 6px solid #663333;
padding: 10px 10px;
margin: 40px 0 20px;
box-sizing: border-box;
}
.contents h3{
background: #c8a052;
font-size: 18px;
color: #fff;
font-weight: 600;
line-height: 1.5;
padding: 8px 12px;
margin: 35px 0 12px;
border-radius: 5px;
box-sizing: border-box;
}
.contents h4{
font-size: 18px;
font-weight: 700;
margin: 0 0 8px;
}
.red {
font-weight: 700;
color: #ff0000;
}
.cta{
font-weight: 700;
text-align: center;
font-size: 3.8vw;
margin: 20px 0 10px;
}
.btn {
width: 96%;
margin: 0 auto 25px;
}
.btn img{
margin: 0;
}
}
.side_ttl{
width: 40%;
margin-bottom: 12px;
}
.side_ttl img{
width: 100%;
}
.side{
width: 290px;
}
.side ul li{
border-bottom:1px dashed #ccc;
font-size:17px;
display:flex;
font-weight: 500;
line-height: 1.5;
padding: 10px 0 10px;
}
.side ul li span{
font-size: 12px;
}
.side ul li img{
width: 49px;
margin-right: 8px;
}
@media screen and (max-width : 600px ){
.side_ttl{
width: 30%;
margin-bottom: 12px;
}
.side_ttl img{
width: 100%;
}
.side{
width: 90%;
margin: 25px auto 0;
}
.side ul li{
border-bottom:1px dashed #ccc;
font-size:18px;
display:flex;
font-weight: 500;
line-height: 1.5;
padding: 10px 0 10px;
}
.side ul li span{
font-size: 14px;
}
.side ul li img{
width: 52px;
margin-right: 8px;
}	
}
footer {
text-align: center;
font-size: 0.7em;
padding: 2em 0 3em;
}
footer a {
color: #999;
text-decoration: none;
}
footer a:hover {
color: #ccc;
text-decoration: none;
}
@media screen and (max-width : 600px ){
footer {
text-align: center;
font-size: 0.7em;
padding: 1em 0 2em;
}
}