/*ヘッダー*/
.header{
background: linear-gradient(135deg, #8cebff 30%,#ffff7a 100%);
box-shadow:none;
}

/*フッター*/
#footer-menu {
background: linear-gradient(135deg, #8cebff 30%,#ffff7a 100%);
}

/*ロゴ*/
#logo img {
height: 80px;
}

/*記事一覧*/
.cardtype h2{
border-bottom:none;
font-weight:normal;
}

/*ウィジェット*/
.widget{
font-size:0.95em;
}

.widget ul li{
font-weight:normal;
font-size:1.1em;
}

.widgettitle{
background: linear-gradient(135deg, #8cebff 30%,#ffff7a 100%);
}

/*sango吹き出し*/
.wp-block-sgb-say{
margin-bottom:50px;
}

.sgb-block-say-avatar{
width:120px;
}

.sgb-block-say-avatar img{
border:none!important;
	border-radius:0%;
}

.sgb-block-say-text__content{
margin-left:20px;
margin-right:20px;
}

/*h2*/
h2{
border-bottom:4px solid;
padding-bottom:10px;
}

/*h3*/
h3{
border-left:none!important;
border-bottom:3px dashed #333!important;
}

/*box-001-ノート-水色*/
.box-001-title{
background-color:#cee7ff;
border:2px solid #cee7ff;
border-radius:5px 5px 0px 0px;
color:#333;
padding:2px 15px;
font-weight:bold;
}

.box-001-title:before {
font-family: "Font Awesome 5 Free";
font-size:1.2em;
font-weight:400;
content: "\f15c";
padding-right : 10px;/*文字との隙間*/
}

.box-001-{
border:2px solid #cee7ff;
border-radius:0px 0px 5px 5px;
color:#333;
padding:15px;
margin-bottom:15px;
font-size:0.99em;
}

.box-001- p{

}

.box-001- a{
font-weight:bold;
}

/*box-002-豆電球-黄色*/
.box-002-title{
background-color:#ffd000;
border:2px solid #ffd000;
border-radius:5px 5px 0px 0px;
color:#333;
padding:2px 15px;
font-weight:bold;
}

.box-002-title:before {
font-family: "Font Awesome 5 Free";
font-size:1.2em;
font-weight:400;
content: "\f0eb";
padding-right : 10px;/*文字との隙間*/
}

.box-002-{
border:2px solid #ffd000;
border-radius:0px 0px 5px 5px;
color:#333;
padding:15px;
line-height:1.6em;
margin-bottom:15px;
font-size:0.99em;
}

.box-002- p{
margin-bottom:5px;
}

/*box-003-メモ-*/
.box-003-title{
background-color:#eaffe0;
border-radius:5px;
color:#333;
padding:15px!important;
margin:10px!important;
}

.box-003-title:before {
font-family: "Font Awesome 5 Free";
font-size:1.2em;
content: "\f303";
padding-right : 10px;/*文字との隙間*/
font-weight:bold;
}

/*box-004-Bad-ぴんく*/
.box-004-title{
background-color:#ffb8b8;
border:2px solid #ffb8b8;
border-radius:5px;
color:#333;
padding:0px 15px;
font-size:1.1em;
font-weight:bold;
}

.box-004-title:before {
font-family: "Font Awesome 5 Free";
font-size:1.5em;
font-weight:400;
content: "\f567";
padding-right : 10px;/*文字との隙間*/
}

/*box-005-豆電球-水色*/
.box-005-title{
background-color:#eeeeee;
border:2px solid #eeeeee;
border-radius:5px 5px 0px 0px;
color:#333;
padding:2px 15px;
font-size:1.1em;
font-weight:bold;
}

.box-005-title:before {
font-family: "Font Awesome 5 Free";
font-size:1.2em;
content: "\f1fb";
padding-right : 10px;/*文字との隙間*/
}

.box-005-{
border:2px solid #eeeeee;
border-radius:0px 0px 5px 5px;
color:#333;
padding:8px 15px;
line-height:1.6em;
margin-bottom:15px;
}

.box-005- p{
margin-bottom:5px;
}

/*★boxタイトルなし-黄色-吹き出しアイコン★*/
.osusume{
background-color:#ffeb38;
font-weight:900;
font-size:0.95em;
border-radius:5px;
margin:10px 0;
padding:10px 10px 10px 45px;
position: relative;
display: block;
border-radius: 8px;
line-height:1.5em;
}


.osusume:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f075";
left:15px;
font-size:1.2em;
}

/*価格一覧表*/
table, th, td {
border-collapse: collapse;
border: 2px solid #fff!important;
line-height: 1.2em;
font-size:0.95em;
}

table.kakaku th{
background-color:#c8e4ff;
}

table.kakaku td{
background-color:#f5faff;
text-align:center;
}

th.otoku{
background-color:#ffa033!important;
}

td.otoku{
background-color:#ffdd87!important;
font-weight:bold;
}
/*★アコーディオン QA用★ */
.ac-box-Q{
width: auto;
margin: 0px auto 5px;
}

.ac-box-Q label{
font-size: 0.95em;
font-weight: bold;
background: #ffeb38;
padding:10px 40px;
line-height: 50px;
position: relative;
display: block;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;
line-height:1.2em;
}

.ac-box-Q input{
display: none;
}

.ac-box-Q label:before{
position: absolute;
color: #333;
content:"Q";
left:15px;
font-size:1.2em;
}

.ac-box-Q label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-Q input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-Q div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-Q input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #ffeb38 solid;
border-radius:10px;
}

.ac-box-Q div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}

/*★アコーディオン 成分用★ */
.ac-box-seibun{
width: auto;
margin: 0px auto 5px;
}

.ac-box-seibun label{
font-size: 0.95em;
font-weight: bold;
background: #eeeeee;
padding:10px 40px;
line-height: 50px;
position: relative;
display: block;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;
line-height:1.2em;
}

.ac-box-seibun input{
display: none;
}

.ac-box-seibun label:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f1fb";
left:15px;
}

.ac-box-seibun label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-seibun input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-seibun div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-seibun input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #eee solid;
border-radius:10px;
}

.ac-box-seibun div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}

/*★アコーディオン 役割用★ */
.ac-box-yakuwari{
width: auto;
margin: 0px auto 5px;
}

.ac-box-yakuwari label{
font-size: 0.95em;
font-weight: bold;
background: #e9f5f3;
padding:10px 40px;
line-height: 50px;
position: relative;
display: block;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;
line-height:1.2em;
}

.ac-box-yakuwari input{
display: none;
}

.ac-box-yakuwari label:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f043";
left:15px;
}

.ac-box-yakuwari label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-yakuwari input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-yakuwari div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-yakuwari input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #e9f5f3 solid;
border-radius:10px;
}

.ac-box-yakuwari div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}

/*★アコーディオン 無添加用★ */
.ac-box-mutenka{
width: auto;
margin: 0px auto 5px;
}

.ac-box-mutenka label{
font-size: 0.95em;
font-weight: bold;
padding:10px 40px 10px 90px;
line-height: 50px;
position: relative;
display: block;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;
line-height:1.2em;
border:1px solid #555;
}

.ac-box-mutenka input{
display: none;
}

.ac-box-mutenka label:before{
position: absolute;
color: #fff;
content:"無添加";
left:15px;
top:5px;
background-color:#555;
padding:5px 10px;
font-size:0.95em;
border-radius:50px;
}

.ac-box-mutenka label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-mutenka input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-mutenka div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-mutenka input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:1px solid #555;
border-radius:10px;
}

.ac-box-mutenka div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}

/*★アコーディオン Goodコメント用★ */
.ac-box-good{
width: auto;
margin: 0px auto 5px;
}

.ac-box-good label{
font-size: 1em;
font-weight: bold;
background: #cbffd4;
margin: auto;
padding:0px 45px;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;	
}

.ac-box-good input{
display: none;
}

.ac-box-good label:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:400;
font-size:1.3em;
content:" \f584";
left:15px;
}

.ac-box-good label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-good input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-good div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-good input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #cbffd4 solid;
border-radius:10px;
}

.ac-box-good div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

/*★箇条書き Goodコメント用★ */
ul.goodcomment{
margin:10px;
border-radius:10px;
border:2px #333 solid;
line-height:1.5em;
position: relative;
}

ul.goodcomment li{
padding: 0.5em 0;
list-style-type: none!important;/*ポチ消す*/
}

ul.goodcomment li:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size:1.2em;
content:" \f004";
left:15px;
}

/*★アコーディオン badコメント用★ */
.ac-box-bad{
width: auto;
margin: 0px auto 5px;
}

.ac-box-bad label{
font-size: 1em;
font-weight: bold;
background: #ffb8b8;
margin: auto;
padding:0px 45px;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;	
}

.ac-box-bad input{
display: none;
}

.ac-box-bad label:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:400;
font-size:1.3em;
content:" \f567";
left:15px;
}

.ac-box-bad label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-bad input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-bad div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-bad input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #ffb8b8 solid;
border-radius:10px;
}

.ac-box-bad div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

/*★箇条書き badコメント用★ */
ul.badcomment{
margin:10px;
border-radius:10px;
border:2px #333 solid;
line-height:1.5em;
position: relative;
}

ul.badcomment li{
padding: 0.5em 0;
list-style-type: none!important;/*ポチ消す*/
}

ul.badcomment li:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size:1.2em;
content:" \f7a9";
left:15px;
}

/*★段落下線-点線★ */
.kasen-tensen{
border-bottom:2px #333 dashed;
padding:10px 15px!important;
margin:5px 10px!important;
font-weight:bold;
font-size:0.9em!important;
line-height:2.5em!important;
}

/*★文字囲み枠-四角-白★ */
.kakomi-00{
border:2px solid #333;
padding:5px 10px;
margin-right:10px;
}

/*★文字囲み枠-黒★ */
.kakomi-01{
background-color:#333;
color:#fff;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-水色★ */
.kakomi-02{
background-color:#adf5ff;
color:#333;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-黄色★ */
.kakomi-03{
background-color:#fff88f;
color:#333;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-緑★ */
.kakomi-04{
background-color:#9aff91;
color:#333;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-ピンク★ */
.kakomi-05{
background-color:#ff8aaf;
color:#333;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-オレンジ★ */
.kakomi-06{
background-color:#ffa770;
color:#333;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}

/*★文字囲み枠-黒★ */
.kakomi-07{
background-color:#555;
color:#fff;
padding:5px 10px;
margin-right:5px;
border-radius:50px;
}


/*--------------------
 吹き出し
--------------------*/
.kaiwa01 {
margin-bottom: 2em;
position: relative;
font-size:0.85em;
}

.kaiwa01:before,.kaiwa01:after {
clear: both;
content: "";
display: block;
}
.kaiwa01 figure {
width: 70px;
}

.kaiwa01-image-right {
float: right;
}

.kaiwa01-image-left {
float: left;
}

.kaiwa01-image-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}

.kaiwa01-text-right {
position: relative;
padding: 8px 15px;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
display: inline-block;
background-color:#b2f17e;
float: right;
}

.kaiwa01-text-left {
position: relative;
padding: 8px 15px;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 120px);
display: inline-block;
background-color:#eeefff;
margin-left:20px;
}

.kaiwa01 p {
margin: 0 0 20px;
line-height:1.5em;
}
.kaiwa01 p:last-child {
margin-bottom: 0;
}

/* 三角部分 */
.kaiwa01-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #b2f17e;
top: 8px;
right: -20px;
}
.kaiwa01-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #b2f17e;
top: 8px;
right: -19px;
}

.kaiwa01-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #eee;
top: 8px;
left: -20px;
}
.kaiwa01-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #eee;
top: 8px;
left: -19px;
}

/*★リンク-左-しおり-青★*/
.link-01{
width: auto;
margin: 5px;
font-size: 0.9em;
font-weight: bold;
padding:0px 30px;
line-height: 50px;
position: relative;
display: block;
height: 1.7em;
color: #333;
}

.link-01:before{
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size:1.2em;
content:" \f02e";
left:5px;
color:#0074e8;
}

.link-01 a{
margin-bottom: 0px;
}

/*★アコーディオン 補足用★ */
.ac-box-hosoku{
width: auto;
margin:5px;
font-size:0.95em;
}

.ac-box-hosoku label{
font-weight: bold;
background:#eeeeee;
margin: auto;
padding:0px 45px 0px 35px;
position: relative;
display: block;
line-height:2em;
border-radius: 8px;
cursor: pointer;
color: #333;
transition: all 0.5s;	
}

.ac-box-hosoku input{
display: none;
}

.ac-box-hosoku label:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:900;
content:" \f105";
left:15px;
}

.ac-box-hosoku label:after{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f067";
right:20px;
}

.ac-box-hosoku input:checked ~ label::after {
color: #333;
font-family: "Font Awesome 5 Free";
content:" \f068";
}

.ac-box-hosoku div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box-hosoku input:checked ~ div{
height: auto;
padding: 5px;
background: #fff;
opacity: 1;
border:2px #eeeeee solid;
border-radius:10px;
}

.ac-box-hosoku div p{
color: #333;
line-height: 1.5em;
font-size: 0.95em;
padding: 20px;
text-align: justify;
}

.ac-small p{
margin-bottom: 0px;
}

/*★箇条書き 補足用★ */
ul.hosoku{
margin:10px;
border-radius:10px;
border:2px #333 solid;
line-height:1.5em;
position: relative;
}

ul.hosoku li{
padding: 5px 0;
list-style-type: none!important;/*ポチ消す*/
}

ul.hosoku li:before{
position: absolute;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight:900;
content:" \f058";
left:15px;
}

/*★SP1列・PC2列のレスポンシブルボックス★ */

.contents {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.item {
width:48%;
margin-bottom: 10px;
text-align: center;
}

@media screen and (max-width:900px){
.item {
width:100%;
	}}