@charset "utf-8";
/*
	Theme Name: RE:DIVER-CHILD
	Template: rediver
	Description:  re:Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

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

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

div.textwidget ol.sga-ranking{
	list-style:none;
}

div.mh-meta.entry-meta{
	background-color:#f9bdc3;
	color:#51003b;
}
/*
h1.entry-title{
	position: relative;
	padding: 10px 20px;
	font-size:20px;
	text-align:center;
	border-top: solid 2px #d7000f;
	border-bottom: solid 2px #d7000f;
}
h1.entry-title:before,
h1.entry-title:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: calc(100% + 20px);
	background-color: #d7000f;
}
h1.entry-title::before{left: 10px;}
h1.entry-title::after{right: 10px;}

h2.attention {
position: relative;
background: #FADCE9;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h2.attention:before {
font-family: FontAwesome;
content: "\f071";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h2.modeltype {
position: relative;
background: #FADCE9;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h2.modeltype:before {
font-family: FontAwesome;
content: "\f2c2";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.55em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
*/

h3.attention {
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff0000;/*文字色*/
}
 
h3.attention:before{ 
	font-family: FontAwesome;/*忘れずに*/
content: "\f05a";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #ff938b; /*アイコン色*/
}
ul.normal {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
}

ul.normal li.normal {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

ul.normal li.normal:before {
  font-family: "FontAwesome";
  /*content: "\f138";*//*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

ul.normal li.normal:last-of-type{
  border-bottom: none;
}

ul.modeltype {
  padding: 0;
  position: relative;
}
ul.modeltype li.modeltype {
  color: white;
  background: #004391;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed white;
  list-style-type: none!important;
}
ul.modeltype li.modeltype:before {/*疑似要素*/
  font-family: "FontAwesome";
	/*content: "\f044";*/
  position: absolute;
	left : 0.5em;
  color: white;/*アイコン色*/
}
ul.modeltype li.modeltype:last-of-type{
  border-bottom: none;/*最後のliの線だけ消す*/
}

ul.modeltype {
  padding: 0;
  position: relative;
}
ul.modeltype li.swimsuitapprove {
  color: #9F004A;
  background: #FFD700;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed white;
  list-style-type: none!important;
}
ul.modeltype li.swimsuitapprove:before {/*疑似要素*/
  font-family: "FontAwesome";
	/*content: "\f091";*/
  position: absolute;
	left : 0.5em;
  color: #9F004A;/*アイコン色*/
}
ul.modeltype li.swimsuitapprove:last-of-type{
  border-bottom: none;/*最後のliの線だけ消す*/
}

ul.uniform {
  padding: 0;
  position: relative;
}
ul.uniform li.uniform {
  color: white;
  background: #ff70c1;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed white;
  list-style-type: none!important;
}
ul.uniform li.uniform:before {/*疑似要素*/
  font-family: "FontAwesome";
  /*content: "\f565";*/
  position: absolute;
  left : 0.5em/*左端からのアイコンまでの距離*/;
  color: white;/*アイコン色*/
}
ul.uniform li.uniform:last-of-type{
  border-bottom: none;/*最後のliの線だけ消す*/
}

li.second_uniform {
  color: white;
  background: #001A43;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed white;
  list-style-type: none!important;
}
li.second_uniform:before {/*疑似要素*/
  font-family: "FontAwesome";
  /*content: "\f565";*/
  position: absolute;
  left : 0.5em/*左端からのアイコンまでの距離*/;
  color: white;/*アイコン色*/
}
li.second_uniform:last-of-type{
  border-bottom: none;/*最後のliの線だけ消す*/
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
font-family: 'FontAwesome', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
position: relative;
padding: 0.5em;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border-radius: 0.3em;
}
.cp_qa dt {
margin: 0 3em 1em 3em;
background: #fb6974;
}
.cp_qa dd {
margin: 0 3em 3em 3em;
background: #fadce9;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
position: absolute;
z-index: 99;
top: 0.5em;
display: inline-block;
width: 0;
height: 0;
content: '';
border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
left: -0.5em;
border-width: 5px 8.7px 5px 0;
border-color: transparent #fb6974 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
right: -0.5em;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #fadce9;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
font-size: 1.2em;
position: absolute;
top: 0;
color: #ffffff;
border-radius: 50%;
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
left: -2.5em;
margin: 0 0.5em 0 0;
padding: 0.2em 0.4em;
content: '\f128';
background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
right: -2.5em;
margin: 0 0 0 0.5em;
padding: 0.2em 0.55em;
content: '\f164';
background: #0097a7;
}

/************************************
** GoogleAnalytics
************************************/
ol.sga-ranking {
	counter-reset: pupular-ranking;
}
 
li.sga-ranking-list {
	position: relative;
	padding: 0px 0px 5px 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #2098a8;
    border-right: 1px solid #2098a8;
    border-radius: 5px;
}

li.sga-ranking-list:before {
	background: none repeat scroll 0 0 #00a23f;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	border-radius: 5px;
}

div.gapv {
	color: #555;
	font-family: 'nico';
	text-align : right;
}

ol.sga-ranking{
	list-style:none;
}

ul.normal {
  border: double 4px #21b384;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ul.normal li.normal {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}
ul.normal li.normal:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #21b384; /*アイコン色*/
}

span.ybold{
	background: #ffff00;
	color: #ff0000;
	font-weight: bold;
}

h2.normal {
position: relative;
background: #FADCE9;
color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h2.normal:before {
font-family: FontAwesome;
content: "\f182";
position: absolute;
padding: 0em;
color: #333333;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.use-suits {
position: relative;
background: #FADCE9;
color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h3.use-suits:before {
font-family: FontAwesome;
content: "\f234";
position: absolute;
padding: 0em;
color: #333333;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.howtoenjoy {
position: relative;
background: #FADCE9;
	color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h3.howtoenjoy:before {
font-family: FontAwesome;
content: "\f1c5";
position: absolute;
padding: 0em;
color: #333333;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.howtobuy {
position: relative;
background: #FADCE9;
	color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h3.howtobuy:before {
font-family: FontAwesome;
content: "\f0ed";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.file-infomation {
position: relative;
background: #FADCE9;
	color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #f15183;
}

h3.file-infomation:before {
font-family: FontAwesome;
content: "\f1c8";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.point-tw {
position: relative;
background: #FADCE9;
	color :#ffffff;
padding: 0.25em 0.5em;
border-left: solid 2em #82A9DA;
}

h3.point-tw:before {
font-family: FontAwesome;
content: "\f099";
position: absolute;
padding: 0em;
color: #333333;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.point-Instagram {
position: relative;
background: #FADCE9;
	color :#333333;
padding: 0.25em 0.5em;
border-left: solid 2em #82A9DA;
}

h3.point-Instagram:before {
font-family: FontAwesome;
content: "\f16d";
position: absolute;
padding: 0em;
color: #333333;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h3.point-web {
position: relative;
background: #144384;
	color :#ffffff;
padding: 0.25em 0.5em;
border-left: solid 2em #82A9DA;
}

h3.point-web:before {
font-family: FontAwesome;
content: "\f109";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ===============================
   Tips ポップアップスタイル
   =============================== */

.type-with-tips {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* アイコンボタン */
.tips-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.tips-icon .material-icon {
  font-family: "Material Symbols Outlined";
  font-size: 1.1em;
  vertical-align: middle;
}

/* ポップアップウィンドウ */
.tips-popup {
  display: none;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 12px;
  width: 220px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-size: 0.85rem;
  line-height: 1.4;
  z-index: 10;
}

/* 表示時 */
.tips-popup.active {
  display: block;
}

/* 矢印 */
.tips-popup::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #fff;
}

/* レイヤー干渉対策 */
.dbp-dl-item__inner {
  position: relative;
  z-index: 1;
}