/*━━━━━━■ 全体 ■━━━━━━*/

/*━ フォント ━*/
body {
font-family: 'Kosugi Maru', sans-serif;
}

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

/*━ ヘッダー ━*/
.header {
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	
background-image:url(https://forty-diet.com/wp-content/uploads/2020/06/forties-heder-09.png);
}

/*━ フッター ━*/
#footer-menu {
background-image:url(https://forty-diet.com/wp-content/uploads/2020/06/forties-heder-09.png);
}

/*━ ウィジェット ━*/
.widgettitle {
font-family: 'Kosugi Maru', sans-serif;
background-image:url(https://forty-diet.com/wp-content/uploads/2020/06/forties-heder-09.png);
font-size:1em;
}

.widget {
border:1px solid #fff!important;
}

#entry {
border:1px solid #fff!important;
}

/*━ 記事一覧カードタイプ ━*/
.cardtype h2{
color:#000;
font-weight:normal;
}

.cardtype time{
font-weight:normal;
color:#cca1c7;
}

/*━ 記事下 ━*/
.footer-meta ul li a{
font-family: 'Kosugi Maru', sans-serif;
color:#7d4276;
font-size:0.9em;
border:1px solid;
padding:2px 5px;
border-radius:5px;
margin-left:5px;
font-weight:normal;
}


/*━━━━━━■ 目次 ■━━━━━━*/

#toc_container {
border: 3px double #bb9bc4;
box-shadow:none;
}

#toc_container
.toc_list li a, .ez-toc-list li a {
color: #000;
font-weight:normal;
}


/*━━━━━━■ 見出し ■━━━━━━*/

/*━ 記事タイトル ━*/
.single-title, .page-title{
font-weight:normal;
color:#000;
}

/*━ h2 ━*/
.entry-content h2{
font-family: 'Noto Sans JP', sans-serif;
border-top:2px dashed #bb9bc4;
border-bottom:2px dashed #bb9bc4;
padding:7px;
font-size:1.2em;
font-weight:normal;
}

/*━ h3 ━*/
.entry-content h3{
font-family: 'Noto Sans JP', sans-serif;
border-left:5px solid #bb9bc4;
font-weight:normal;
}

/*━━━━━━■ 文字装飾 ■━━━━━━*/

/*━ 太字 ━*/
.moji-b{
font-family: 'Noto Sans JP', sans-serif;
}

.moji-witername{
font-family: 'Noto Sans JP', sans-serif;
font-size:1.3em;
}

/*━━━━━■ 表テーブル ■━━━━━*/

/*━ tile ━*/
table.tile{
border:1px solid #fff!important;
}

tr.tile{
border:1px solid #fff!important;
}

th.tile-1{
border:2px solid #fff!important;
background-color:#c19bcf;
color:#fff;
border-radius:8px;
font-size:0.9em;
}

th.tile-2{
border:2px solid #fff!important;
background-color:#e1d3e6;
border-radius:8px;
font-size:0.9em;
}

td.tile-1{
border:2px solid #fff!important;
background-color:#f6ebfa;
border-radius:8px;
text-align:center;
font-size:0.9em;
font-weight:bold;
}


/*━━━━━■ 箇条書き ■━━━━━*/

/*━ チェックマーク ━*/

ul.check {
border: dashed 2px #f6ebfa!important;
border-radius: 5px;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}

ul.check li {
padding: 0.5em 0;
list-style-type: none!important;
}

ul.check li:before {
font-weight:bold;
font-family: "Font Awesome 5 Free";
content: "\f138";/*アイコンの種類*/
position: absolute;
left : 1em;/*左端からのアイコンまでの距離*/
color: #c19bcf;/*アイコン色*/
}


/*━━━━━■ ボックス ■━━━━━*/

/*━ 画像用囲み枠 ━*/
.box-tensen01{
border:1px solid #ddd1e0;
border-radius:5px;
padding:5px;
}

/*━ カード ━*/
.box-card01{
background-color:#f5e9f3;
border-radius:5px;
overflow: hidden;
width: 90%;
margin:0 auto;
}

.box-card01 .faceicon{
float: left;
}

@media screen and (min-width:0px){
.box-card01 .faceicon{
width:50%;
}
}

@media screen and (min-width:400px){
.box-card01 .faceicon{
width:30%;
}
}


@media screen and (min-width:600px){
.box-card01 .faceicon{
width:20%;
}
}

.box-card01 .faceicon img{
width: 100%;
height: auto;
border:10px solid #f5e9f3;
margin-bottom:0;
border-radius:50%;
}

.box-card01 .text {
width: 100%;
}

.explanation{
display: inline-block;
position: relative;
margin-top:10px;
font-size:0.9em;
line-height:1.5em;
}

@media screen and (min-width:0px){
.explanation{
width:50%;
padding-top: 0.2em;
margin-left:-1em;
}
}

@media screen and (min-width:400px){
.explanation{
width:65%;
}
}


@media screen and (min-width:600px){
.explanation{
padding-top: 0.5em;
width:75%;
}
}

/*━ 付箋 ━*/
.box-fusen01{
display: inline-block;
position: relative;
font-weight:bold;
line-height:1.5em;
background-color:#f5e9f3;
padding:5px 10px;
border-radius:3px;
border-left:8px solid #c276b9;
border-right:1px solid #ded3dc;
border-bottom:1px solid #ded3dc;
}

.box-fusen02{
display: inline-block;
position: relative;
background-color:#fffcff;
line-height:1.5em;
padding:5px 10px;
margin:5px 10px 20px 10px;
border-radius:3px;
border-left:8px solid #e8dfe8;
border-right:1px solid #ded3dc;
border-bottom:1px solid #ded3dc;
}

/*━ 吹き出し風 ━*/
.box-fukidashi01{
display: inline-block;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-size:1.2em;
line-height:1.2em;
background-color:#ffcc75;
padding:5px 10px;
border-radius:3px;
border-right:1px solid #ded3dc;
border-bottom:1px solid #ded3dc;
}

.box-fukidashi01:before {
content: "";
position: absolute;
top: 50%;
left: -25px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #ffcc75;
z-index: 0;
}

/*━ 豆知識 ━*/
.box-mame1{
padding:5px 15px 0px 15px;
border-radius:5px;
border:3px double #ede1ec;
text-align:center;
}

.box-mame2-0{
width: 90px;
height: 90px;
display:inline-block;
border:1px solid #dbd0da;
border-radius: 50%;
}

.box-mame2{
font-family: 'Noto Sans JP', sans-serif;
background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
top:4px;
left:4px;
position:relative;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
}

.box-mame3{
font-family: 'Noto Sans JP', sans-serif;
font-size:0.8em;
text-align:center;
border-bottom:2px dashed #dbd0da;
padding-bottom:5px;
}

.box-mame4{
text-align:left;

margin-top:10px;
margin-bottom:-10px;
line-height:1.4em;
}


/*━━━━━■ 吹き出し ■━━━━━*/

/*━ 画像左 ━*/
.balloon5 {
width: 100%;
overflow: hidden;
}

.balloon5 .faceicon5 {
float: left;
margin-right: -110px;
width: 39%;
}

@media screen and (min-width:500px){
.balloon5 .faceicon5 {
margin-right: -12%;
width: 20%;
}
}

.balloon5 .faceicon5 img{
width: 100%;
height: auto;
padding:1px;
margin-bottom:0;
border-radius:50%;
}

.balloon5 .chatting5 {
width: 100%;
}

.says5 {
display: inline-block;
position: relative; 
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
border-radius: 12px;
border:1px solid gray;
background: linear-gradient(135deg, rgba(255,217,237,1) 0%,rgba(255,255,255,1) 100%);
}

@media screen and (min-width:0px){
.says5 {
margin: 5px 0 0 40%;
width: 45%;
}
}

@media screen and (min-width:500px){
.says5 {
margin: 5px 0 0 15%;
width: 60%;
}
}


.says5:before {
content: "";
display: inline-block;
position: absolute;
top: 8px; 
left: -24px;
border: 12px solid transparent;
border-right: 12px solid gray;
}

.says5:after {
content: "";
display: inline-block;
position: absolute;
top: 8px; 
left: -22px;
border: 12px solid transparent;
border-right: 12px solid #ffd9ed;
}

.says5 p {
margin-bottom: 0.5em;
padding: 0;
line-height:1.4em;
}

/*━ 画像右 ━*/
.balloon6 {
width: 100%;
overflow: hidden;
}

.balloon6 .faceicon6 {
float: right;
width: 25%;
}

@media screen and (min-width:600px){
.balloon6 .faceicon6 {
width: 15%;
}
}

.balloon6 .faceicon6 img{
width: 100%;
height: auto;
border: solid 1px #6d1687!important;
border-radius: 50%;
padding:1px;
margin-bottom:0;
background-color:#faf2fc;
}

.balloon6 .chatting6 {
width: 100%;
}

.says6 {
display: inline-block;
position: relative; 
padding: 10px;
border-radius: 12px;
background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%);
width: 60%;
border:1px solid #6d1687;
font-family: 'Kosugi Maru', sans-serif;
}

@media screen and (min-width:0px){
.says6 {
margin: 5px 0 0 10%;
}
}

@media screen and (min-width:300px){
.says6 {
margin: 5px 0 0 10%;
}
}

@media screen and (min-width:600px){
.says6 {
margin: 5px 0 0 15%;
}
}

.says6:after {
content: "";
display: inline-block;
position: absolute;
top: 8px; 
right: -21px;
border-top: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #f1da36;
}

.says6:before {
content: "";
display: inline-block;
position: absolute;
top: 8px; 
right: -23px;
border-top: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #6d1687;
}

.says6 p {
margin: 0;
padding: 0;
line-height:1.4em;
font-size:0.9em;
}