/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

body {
  font-family: 'Trebuchet MS', Arial, 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.2em!important;
}

#widget_wpmemwidget-2 .button_div a{
display: block;
font-size: 0.9rem;
margin-top: 1rem;
}




/*font-weight*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*細い蛍光ペン*/
.na-pink{background: linear-gradient(transparent 70%, #fbd 0%);}/*ピンク*/
.na-blue {background: linear-gradient(transparent 70%, rgba(0, 255, 245, 0.5) 70%);}/* 青色 */
.na-orange{background: linear-gradient(transparent 70%, #f6b37f 70%);}/* オレンジ */
.na-yellow {background: linear-gradient(transparent 70%, #ffff66 70%);}/* 黄色 */
.na-green {background: linear-gradient(transparent 60%, #C7EE60 40%);}/* 緑色 */

/*font-color*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000ff!important; }/*青*/
.blue2{ color: #0f55a6!important; }/*青2*/
.skyblue{ color: #167FA6!important; }/*水色*/
.navy{ color: #1F26A9!important; }/*紺*/
.green{ color: #008000!important; }/*緑*/
.darkgreen{ color: #054d25!important; }/*深緑*/
.yellowishgreen{ color: #00ff00!important; }/*黄緑*/
.olive{ color: #808000!important; }/*オリーブ*/
.yellow{ color: #ffff00!important; }/*黄*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purplishred{ color: #f50057!important; }/*赤紫*/
.purple{ color: #660099!important; }/*紫*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.brown{ color: #6a3906!important; }/*茶色*/


/*蛍光ペン*/

.hl-yellow{ padding:2px;background-color: #ff9!important; }/*黄色*/
.hl-blue{ padding:2px;background-color: #9ff!important; }/*水色*/
.hl-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.hl-red{ padding:2px;background-color: #fcc!important; }/*赤色*/
.hl-green{ padding:2px;background-color: #00ff00!important; }/*緑*/
.hl-olive{ padding:2px;background-color: #bdbd00!important; }/*オリーブ*/
.hl-orange{ padding:2px;background-color: #ff9147!important; }/*橙*/
.hl-pink{ padding:2px;background-color: #f78cf7!important; }/*ピンク*/

/*下線*/

.underline{ text-decoration: underline!important; }

/*打ち消し線*/
.through{ text-decoration: line-through ; }

.through_red{ 
	text-decoration: line-through ; 
	color: red;
}

/*下点線*/
.dashedline{display: inline!important;padding-bottom: 0.3em!important;border-bottom: 1px dashed #7070ba!important;line-height: 2.1em!important;}

/*下破線*/
.dottedline{display: inline!important;padding-bottom: 0.3em!important;border-bottom: 1px dotted #7070ba!important;line-height: 2.1em!important;}

/*font-size*/

.f08{ font-size: 0.8em!important; }
.f09{ font-size: 0.9em!important; }
.f12{ font-size: 1.2em!important; }
.f15{ font-size: 1.5em!important; }
.f18{ font-size: 1.8em!important; }
.f20{ font-size: 2.0em!important; }

/*番号付きリストスタイル１*/

ol.no1{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #ffb107;
  margin: 0 0.2em 1em!important;
}
ol.no1 li{
  position: relative;
  padding: 0.5em 0.5em 0.5em 40px;
  line-height: 1.2em;
}
ol.no1 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/*肌色赤枠BOX*/

.boxpr {
  margin-left:0; 
  margin-right:0; 
  margin-bottom: 20px;
    padding:10px 20px 10px 30px; 
  border:2px solid #ff0000; 
  border-radius:0; 
  box-shadow:none;
  line-height: 2.0em;
  background-color: #fff4c6!important;
}


/*薄目肌色背景BOX*/

.hada-light-box {
  margin-left:0; 
  margin-right:0; 
  margin-bottom: 25px; 
  padding:20px 20px 20px 30px; 
  box-shadow:none;
  line-height: 2.0em;
  background-color: #faf4d9!important;
}
/*薄目緑背景BOX*/

.green-light-box {
  margin-left:0; 
  margin-right:0; 
  margin-bottom: 25px; 
  padding:20px 20px 20px 30px; 
  box-shadow:none;
  line-height: 2.0em;
  background-color: #e5f7e8!important;
}
/*薄目グレー背景BOX*/

.gray-light-box {
  margin-left:0; 
  margin-right:0; 
  margin-bottom: 25px; 
  padding:20px 20px 20px 30px; 
  box-shadow:none;
  line-height: 2.0em;
  background-color: #eaeae0!important;
}