@charset "UTF-8";
 h1 {
}
h1.page-title ,
h1.entry-title,
h1.search_result-title ,
h4.category-title {
font-family : var(--font-family02);
font-weight : 300;
font-size:  32px; line-height : 40px;
border-bottom: solid 3px; padding-bottom:  10px; margin: 0 0 50px 0; position:  relative; }
h1.page-title::before ,
h1.entry-title::before,
h1.search_result-title::before ,
h4.category-title::before {
content:  ''; width: 25%; height: 3px; background-color: #f69696; display:  block; position:  absolute; left:  0; bottom: -3px; } .home h2 ,
.entry-content h2 ,
body.mceContentBody h2 {
clear : both;
display : inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
margin : 50px 0 40px 0;
padding : 0 0 5px 0;
font-family : var(--font-family02);
font-weight : 700;
font-size : 30px;
line-height : 45px;
color : var(--color-02);
border-bottom : 4px solid var(--color-02);
text-align : left;
}
.home h2::after ,
.entry-content h2::after ,
body.mceContentBody h2::after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1px;
line-height : 0;
}
.entry-content h3 ,
body.mceContentBody h3 {
margin : 30px 0 20px 0;
padding : 0 0 5px 0;
font-family : var(--font-family02);
font-weight : 500;
font-size : 24px;
line-height : 36px;
border-bottom : 2px solid #666;
}
h3.ingredients ,
h3.process ,
h3.point {
margin : 30px 0 20px 0;
padding : 0;
font-family : var(--font-family02);
font-weight : 500;
font-size : 24px;
line-height : 50px;
color : #000;
border : none;
}
h3.ingredients::before ,
h3.process::before ,
h3.point::before {
content : "";
font-family : fontawesome;
float : left;
display : flex;
justify-content : center;
align-items : center;
font-size : 30px;
color : #fff;
width : 50px;
height : 50px;
line-height : 50px;
border-radius : 25px;
text-align : center;
margin : 0 10px 0 0;
}
h3.ingredients { }
h3.ingredients::before {
content : "\e4c6";
background-color: #ff9595;
}
h3.process::before {
content : "\f2e7";
background-color: #e595ff;
}
h3.point::before {
content : "\f164";
background-color: #95c1ff;
}
.entry-content h4 ,
body.mceContentBody h4 {
margin : 20px 0;
padding : 5px 30px;
display : inline-block;
font-family : var(--font-family02);
font-weight : 500;
font-size : 18px;
line-height : 30px;
color : #000;
border : 1px solid #666;
border-radius : 20px;
}
h5 {
}
h6 {
}
h7 {
}
@media screen and (min-width: 1000px) {
h1.page-title ,
h1.search_result-title ,
h4.category-title {
text-align : center;
}
h2 {
text-align : center;
}
} .standard_button {
}
.standard_button button,
.standard_button input[type="submit"],
.standard_button a {
display : inline-block;
padding : 10px 40px;
margin : 20px 0;
border : 1px solid #666;
border-radius : 2px;
background : #fff;
color : #000;
font-size : var(--font-size);
line-height : calc( var(--font-size) * 1.5);
font-weight : normal;
}
.standard_button button:hover,
.standard_button input:hover[type="submit"],
.standard_button a:hover {
background : #efefef;
}
p.oblong_button {
}
p.oblong_button button,
p.oblong_button a {
display : inline-block;
padding : 1em 2em;
margin : 20px 0;
border-radius : 1.5em;
background : var(--color-02);
color : #fff!important;
font-size : 1em;
line-height : 1em;
font-weight : normal;
box-shadow : rgba(0,0,0,0.15) 5px 5px 4px;
}
p.oblong_button button:hover,
p.oblong_button a:hover {
background : var(--color-04);
color : #fff!important;
} div.question {
clear : both;
margin : 30px 0;
padding : 0 0 0 50px;
font-weight : bold;
}
div.question::before {
content : "Q";
float : left;
display : flex;
justify-content : center;
align-items : center;
font-size : 30px;
color : #fff;
width : 40px;
height : 40px;
line-height : 40px;
border-radius : 20px;
text-align : center;
margin : -10px 0 10px -50px;
background : #c00;
}
div.answer {
clear : both;
margin : 30px 0;
padding : 0 0 0 50px;
}
div.answer::before {
content : "A";
float : left;
display : flex;
justify-content : center;
align-items : center;
font-size : 30px;
color : #fff;
width : 40px;
height : 40px;
line-height : 40px;
border-radius : 20px;
text-align : center;
margin : -10px 0 50px -50px;
background : #00c;
}