/*
Theme Name: PORIPU for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.2.6
*/
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{
    background-color: #f0e68c;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.entry-content h2:before{
    background-color: #fff;
    content: '';
    display: block;
    opacity: 0.6;
    transform: rotate(-30deg);
    position: absolute;
    bottom: -160px;
    right: -40px;
    width: 180px;
    height: 180px;
 
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {
	  position: relative;
  margin: 40px -19px 30px;
  padding: 12px 10px;
  border-left: none;
}
.entry-content h3::before, .entry-content H3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  content: "";
}
.entry-content h3::before {
  z-index: 2;
  width: 30%;
  background-color: #f0e68c;
}
.entry-content h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(-45deg, #fffad0, #fff 2px, #8DD9E4 2px, #f0e68c 4px);
  background:         repeating-linear-gradient(-45deg, #fffad0, #fff 2px, #8DD9E4 2px, #f0e68c 4px);
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}

/* 補足ボックス */
.hosoku {
    border: 2px solid #55aaff;
    border-radius: 2px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.hosoku::before {
    background-color: #fff;
    color: #55aaff;
    content: "補足";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* 注意ボックス */
.cyui {
    border: 2px solid #FF80BF;
    border-radius: 2px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.cyui::before {
    background-color: #fff;
    color: #FF80BF;
    content: "注意";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/* 例えボックス */
.ex {
    border: 2px solid #15AAA1;
    border-radius: 2px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.ex::before {
    background-color: #fff;
    color: #15AAA1;
    content: "例えば…";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/* POINT */
.pointbox {
    border: 2px solid #F03E51;
    border-radius: 2px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.pointbox::before {
    background-color: #fff;
    color: #F03E51;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/* 装飾 */
.y-1{
background: linear-gradient(transparent 60%, #ffff99 70%);
}
.p-1{
background: linear-gradient(transparent 60%, #FFCCFF 70%);
}
.hutoaka{
color: red;
}

/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #8AC069;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #8AC069;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #8AC069;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
/*--------------------------------------
吹き出しカスタマイズ
--------------------------------------*/
/* ←左 */
.sc{
	border:solid 2px #d5eddf;
	background:#d5eddf;
}
.sc:before {
 border: 12px solid transparent;
 border-right: 12px solid #d5eddf;/*ふきだしの線の色*/
}
.sc:after {
 display: inline-block;
 position: absolute;
 border: 12px solid transparent;
border-right: 12px solid #d5eddf;/*ふきだしの中の色*/
}
/* →右 */
.right .sc {
	border:solid 2px #ede0d5;
	background: #ede0d5 ;/*ふきだしの中の色*/
}
.right .sc:before,
.right .sc:after {
 right: -23px;
 left: auto;
 border: 12px solid transparent;
 border-left: 12px solid #ede0d5;/*ふきだしの線の色*/
}
.right .sc:after {
 right: -20px;
 border-left-color: #ede0d5 ;/*ふきだしの中の色*/
}
/*--------------------------------------
見出カスタマイズ
--------------------------------------*/
/* 合わせて読みたい */
.box28 .box-title {
background: #f99594;
}
.box28 {
border: solid 3px #f99594
}
.box28 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f0A4";
}

/* ボックス（ステッチ） */
.box15 {
    margin: 2em 10px;
    padding: 1.5em 1em;
    border: dashed 3px #84c5d3;
    border-radius: 8px;
    background: #f9f9f9;
    box-shadow: 0 0 0 10px #f9f9f9;
    color: #565656;
}

/* 淡いオレンジボックス */
.box3 {
    background: #fbeee5;
}
/*--------------------------------------
コンタクトフォームカスタマイズ
--------------------------------------*/
span.wpcf7-list-item {
display: block;
}
/*--------------------------------------
空白行マージンカスタマイズ
--------------------------------------*/
.yohaku {
	margin-top: 100px;
}
/*--------------------------------------
ロゴ大きさカスタマイズ
--------------------------------------*/
#logo img {
    height: 100px;
}