#sitemap_list a{
color: #333;
}

.textwidget a{
font-weight:600;
color:#F96F8A;}

h2.wow{
color: #555;
font-size: 1.8em !important;
font-family: Arial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}

.center{
text-align: center;
}

div.header-info.bg a{
background-color: #b3db62
}



@media screen and (max-width: 480px) {
h2.en.gf.wow.fadeInDown.animated{
font-size:1.1em !important;
}
p.ja.wow.fadeInUp.animated{font-size:0.5em !important;
}

.br-pc{
display:none;
}
	
#custom_header{
padding-left: 30%;
margin: 0px;
background-color: #fff;
}

p.btn-wrap.simple.maru.wow.fadeInUp.animated{
margin: 0px !important;
}
p.btn-wrap.simple.maru.wow.fadeInUp.animated a{
font-size: 0.6em !important;
padding: 10px !important;
width: 60% !important;
margin: 10px !important;
}
}

@media screen and (max-width: 400px) {
h2.en.gf.wow.fadeInDown.animated{
font-size:1em !important;
}

#custom_header{
padding-left: 40%;
margin: 0px;
background-color: #fff;
}

p.btn-wrap.simple.maru.wow.fadeInUp.animated{
margin: 0px !important;
}
p.btn-wrap.simple.maru.wow.fadeInUp.animated a{
font-size: 0.4em !important;
padding: 10px !important;
width: 60% !important;
margin: 10px !important;
}
}

/* —– 可愛い蛍光下線（ピンク） —– */.pink { background: linear-gradient(transparent 60%, #ffeddb 30%); padding-bottom: .2em; font-weight:bold; }/* —–可愛い蛍光下線（黄色） —– */.yellow { background: linear-gradient(transparent 40%, #ffff8e 40%); padding-bottom: .2em; font-weight:bold; }/* —–可愛い蛍光下線（青） —– */.blue { background: linear-gradient(transparent 40%, #CBE9F5 40%); padding-bottom: .2em; font-weight:bold; }

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e5d174;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #e5d174;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #e5d174;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #e5d174;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/*リンクボタンの色を変更*/
.btn-wrap.simple a {
border: 1px solid #ea5550;
background: #ea5550;
color: #fff;
}
/*リンクボタンのほば色を変更*/
.btn-wrap.simple a:hover {
background: #ff9999;
color:#fff;
border: 1px solid #ff9999;
}


/* 吹き出しアイコン画像周りの枠線カラーを指定*/
.voice.hkds1 .icon img {
border-color:#e5d174;
}

#sidebar1 .widgettitle {
position: relative;
background: #fff;/* 背景色 */
font-size: 18px;/* 文字の大きさ */
padding: 0 0 0 35px;
color: #333333;/* 文字色 */
border-bottom: double 5px #E5D174;/* 下線の太さや色 */
}
#sidebar1 .widgettitle:before {
font-family: "Font Awesome 5 Free";
content: "\f4d8";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;/* アイコン色 */
background: #E5D174;/* アイコンの背景色 */
width: 30px;/* 背景の大きさ */
height: 30px;/* 背景の大きさ */
text-align: center;
top: 50%;
left: 0px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

.entry-content h2 {
border-left: none;/* 左の縦線を消す */
position: relative;
background-color: #fff;
color: #333333;
border-bottom: solid 3px #e5d174;/* 下線の太さや色 */
padding-left: 3em;/*アイコン分のスペース*/
line-height: 25px;/* 行間 */
}
.entry-content h2:before{ 
font-family: "Font Awesome 5 Free";
content: "\f06C";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.8em;/*アイコンサイズ*/
left: 0;/*アイコンの位置*/
top: 21px;/*アイコンの位置*/
color: #e5d174;/*アイコン色*/
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 2px #e5d174;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

/* リンクカード：ラベルの変更 */
.related_article .ttl:before{
font-family:"FontAwesome";
content:"\f00c "'合わせて読みたい';/* アイコンコード + 文字変更 */
font-size:13px;/* 文字サイズ */
width:auto;
padding:0 10px;
background: #e5d174;/* 色変更 */
border-radius:8px;/* 角を丸く */
}

blockquote{
    position:relative;
    border:1px solid #FFF0F0;
    border-radius:10px;
    padding:20px;
}
blockquote:before{
    position:absolute;
    font-family:'FontAwesome';
    content:'“';
    font-size: 20px;
    color:#FF9C9B;
    top:10px;
    left:10px;
}
blockquote:after{
    position:absolute;
    font-family:'FontAwesome';
    content:'“';
    font-size: 20px;
    color:#FF9C9B;
    right:10px;
    bottom:10px;
}
blockquote cite {
    display: block;
    font-size: 0.8rem;
    text-align: right;
    color: #FFF0F0;
    padding-right:20px;
}

.entry-content ul.list_checkb {
border: solid 2px #e5d174;/*外側の罫線の太さと色*/
padding: 0.3em 1.2em;
position: relative;
}

.entry-content ul.list_checkb li {
line-height: 1em;
padding: 0.2em 0 1em 1.4em;
border-bottom: dashed 1px silver;/*点線の太さと色*/
}

.entry-content ul.list_checkb li:before {
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
font-family: fontawesome;
content:"\f0a9";/*アイコン種類*/
position: absolute;
font-size: 1.5em; /*アイコンのサイズ*/
left: -0.1em; /*左端からのアイコンまで*/
line-height:11px;/*行間*/
color: #ffa8a8; /*アイコンの色*/
}

.entry-content ul.list_checkb li:last-of-type{
border-bottom: none;
padding-bottom: 0;
}

.entry-content ol.list_numb{
border: solid 2px #e5d174;/*外側の罫線の太さと色*/
padding: 0.3em 1.2em;
position: relative;
}

.entry-content ol.list_numb li{
line-height: 1em;
padding: 0.2em 0 1em 1.4em;
border-bottom: dashed 1px silver;/*点線の太さと色*/
}

.entry-content ol.list_numb li:before{
background-color: #ffa8a8; /*数字の色*/
}

.entry-content ol.list_numb li:last-of-type{
border-bottom: none;
padding-bottom: 0;
}

/* フォント変更 */
body {
font-family:
	“游ゴシック”, YuGothic, 
	“ヒラギノ角ゴ Pro W3”, 
	“Hiragino Kaku Gothic Pro”, 
	“メイリオ”, Meiryo, 
	“ＭＳ Ｐゴシック”, “MS PGothic”, 
sans-serif;
}

/* 吹き出し（枠線と背景色変更）マリエ */
.voice.girl .voicecomment{
background-color: #ffe2e4;/*背景*/
border-color:#ffe2e4;/*枠線*/
}

.voice.l.girl .voicecomment:before{
border-right-color: #ffe2e4/*枠線*/
}

.voice.l.girl .voicecomment:after{
border-right-color: #ffe2e4;/*背景*/
}

.voice.r.girl .voicecomment:before{
border-left-color: #ffe2e4;/*枠線*/
}

.voice.r.girl .voicecomment:after{
border-left-color: #ffe2e4;/*背景*/
}

/* --- 吹き出しアイコン（枠線の色） --- */
.voice.girl .icon img {
border-color: #ffe2e4;
}

/* --- 吹き出しアイコン（枠線の太さ） --- */
.voice.girl .icon img {
border-width: 1px;
}

/* 吹き出し（枠線と背景色変更）ダンナ */
.voice.boy .voicecomment{
background-color: #B6EBFB;/*背景*/
border-color:#B6EBFB;/*枠線*/
}

.voice.l.boy .voicecomment:before{
border-right-color: #B6EBFB/*枠線*/
}

.voice.l.boy .voicecomment:after{
border-right-color: #B6EBFB;/*背景*/
}

.voice.r.boy .voicecomment:before{
border-left-color: #B6EBFB;/*枠線*/
}

.voice.r.boy .voicecomment:after{
border-left-color: #B6EBFB;/*背景*/
}

/* --- 吹き出しアイコン（枠線の色） --- */
.voice.boy .icon img {
border-color: #B6EBFB;
}

/* --- 吹き出しアイコン（枠線の太さ） --- */
.voice.boy .icon img {
border-width: 1px;
}

.my-pink {color: #F89174}

/* --- 見出し3の下の余白 --- */
h3 {
margin-bottom: 40px;
}

/* --- 見出し3デザイン --- */
.entry-content h3 {
	border-left: 5px solid #e5d174;
	background: #fffff4;
}


/*赤い太字*/
.hutoaka {
     font-weight: bold;
color:#ea5550;
}

/* 外部リンクアイコンを消す */
 .entry-content a[target="_blank"]:after {
 content:none;
 }

div.np-post{display:none;}


/* --------- 左上タイトル --------- */
.custom-box2 {
    position: relative;
    margin: 2em 0;
    padding: .5em 4% 1.4em;
    background: #fff; /* ボックス背景色 */
    border: solid 2px #ff7f78; /* 外枠の色 */
    border-radius: 8px;
}
.custom-box2-title {
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    top: -30px;
    left: 20px;
    vertical-align: middle;
    border-radius: 5px 5px 0 0;
    background: #ff7f78; /* タイトル背景色 */
    color: #fff; /* タイトル文字色 */
    font-size: 17px;
    font-weight: bold;
}
.custom-box2 p {
    margin-bottom: .8em;
}
.custom-box2 p:last-child {
    margin-bottom: 0;
}