@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

h1 {
border-bottom: solid 3px #F0E68C;
position: relative;
}

h1:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #F99695;
bottom: -3px;
width: 20%;
}

h3 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #FFB2AE;/*背景色*/
border-left: solid 5px #928484;/*左線（実線 太さ 色）*/
}


h2{
background:#EE817B;
box-shadow: 0px 0px 0px 5px #EE817B;
border: dashed 2px white;
padding: 0.2em 0.5em;
}

img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}



/*--------------------------------------
吹き出しの色を変える（右→）
--------------------------------------*/
.right .sc {
background: #FFEED5;/*吹き出しの中の色*/
color: #000000;/*文字の色*/
}
.right .sc:before,
.right .sc:after {
right: -23px;
left: auto;
border: 12px solid transparent;
border-left: 12px solid #FFEED5;/*吹き出しの線の色*/
}
.right .sc:after {
right: -20px;
border-left-color: #FFEED5;/*吹き出しの中の色*/
}


/*--------------------------------------
  吹き出しの色を変える（←左）
--------------------------------------*/
.sc {
 border: solid 2px #FCECEA;/*吹き出しの線の色*/
 background: #FCECEA;/*吹き出しの中の色*/
  color: #000000;/*文字の色*/
}
.sc:before {
 border: 12px solid transparent;
 border-right: 12px solid #FCECEA;/*吹き出しの線の色*/
 content: "";
}
.sc:after {
 display: inline-block;
 position: absolute;
 border: 12px solid transparent;
border-right: 12px solid #FCECEA;/*吹き出しの中の色*/
content: "";
}

.header {
    background-color: none !important;
}