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

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

.box1{
    margin: 2em 0;
    border: solid 3px #38B7AB;
    border-radius: 8px;
}

.box1 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 10px 0px 25px;
    margin: 0 7px;
    color: #38B7AB;
    font-size: 19px;
    line-height: 1.4;
	background: no-repeat url("https://getfreeeshopcodes.com/wp-content/uploads/2022/06/waku1title.jpg") 5px 5px #fff;
	font-weight: 900; 
}

.box-content {
    padding: 0px 15px 25px 0px;
}

.box1 ul{
	margin: 5px 0px 0px 20px;
    padding: 0 10px 0 20px;
    border: none;
    box-shadow: none;
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2022/06/re.jpg);
}

.box1 li{
	list-style-type: none !important;
    padding: 0.5em 0;
    line-height: 1.5;
	padding: 5px 0;
}



.box2 {
    margin: 2em 0;
    padding: 0 15px 10px;
    background: #EDF7F7;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.box2 .box-title {
    margin: 0 -15px 15px;
    padding: 8px 4px;
    background: #38B7AB;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.5;
	font-weight: 900; 
}


.box2 ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
.box2 ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.box2 ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background: #38B7AB;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 10px;
}



.box2_2 {
    margin: 2em 0;
    padding: 0 15px 10px;
    background: #F7EDE1;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.box2_2 .box-title {
    margin: 0 -15px 15px;
    padding: 8px 4px;
    background: #F39A28;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.5;
	font-weight: 900; 
}


.box2_2 ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
.box2_2 ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.box2_2 ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background: #F39A28;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  top: 10px;
}








.box3 .li-check ul {
    position: relative;
    padding: 20px;
    border: solid 2px #ffb03f;
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2022/06/re.jpg);
}
.box3 .li-check li{　
    list-style-type: none !important;
	margin:10px 20px 10px 20px;
    line-height: 1.5;
}


.box4 {
    margin: 2em 0;
    border: solid 2px #F39A28;
}

.box4 .box-title {
    display: inline-block;
    position: relative;
    top: -2px;
    padding: 2px 9px;
    background: #F39A28;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
	font-weight: 900; 
}

.box4 .li-check ul {
    position: relative;
    padding: 20px;
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2022/06/re.jpg);
}

.box4 .li-check li{　
    list-style-type: none !important;
	margin:10px 20px 10px 20px;
    line-height: 1.5;
}


.box5{
    margin: 2em 0;
    border: solid 3px #e53170;
    border-radius: 8px;
}

.box5 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 10px 0px 25px;
    margin: 0 7px;
    color: #e53170;
    font-size: 19px;
    line-height: 1.4;
	background: no-repeat url("/wp-content/uploads/2025/10/waku5title.jpg") 5px 5px #fff;
	font-weight: 900; 
}

.box-content {
    padding: 0px 15px 25px 0px;
}

.box5 ul{
	margin: 5px 0px 0px 20px;
    padding: 0 10px 0 20px;
    border: none;
    box-shadow: none;
	list-style-position: outside;
	list-style-image: url(/wp-content/uploads/2025/10/re5.jpg);
}

.box5 li{
	list-style-type: none !important;
    padding: 0.5em 0;
    line-height: 1.5;
	padding: 5px 0;
}










table {
    border-spacing: 0;
    border-collapse: collapse;
	width: 100%; 
	height: 144px;
	margin: 10px 0;
    border: 2px solid #f2f2f2;
}

th{
	text-align:center;
	background: #38B7AB!important;
	color:#fff;
	font-weight: 900; 
}

.ranking01{
	background: no-repeat url("/wp-content/uploads/2022/07/ranking01-e1657955698588.webp")!important ;
	padding: 0 10px 0px 60px;
	border-bottom:solid 2px #E3BC3F!important;
}
.ranking02{
	background: no-repeat url("/wp-content/uploads/2022/07/ranking02-e1657955858722.webp")!important ;
	padding: 0 10px 0px 60px;
	border-bottom:solid 2px #8195A6!important;
}
.ranking03{
	background: no-repeat url("/wp-content/uploads/2022/07/ranking03-e1657955842475.webp")!important ;
	padding: 0 10px 0px 60px;
	border-bottom:solid 2px #864739!important;
}

.ranking04{
	background: no-repeat url("/wp-content/uploads/2022/07/ranking04.webp")!important ;
	padding: 0 10px 0px 60px;
	border-bottom:solid 2px #864739!important;
}

.ranking05{
	background: no-repeat url("/wp-content/uploads/2022/07/ranking05.webp")!important ;
	padding: 0 10px 0px 60px;
	border-bottom:solid 2px #864739!important;
}


/* 自己紹介  */
.profile_waku{
    width:100%;
    background-color:#fafafa;
    padding:30px;
	background-image: repeating-linear-gradient(-45deg,#f2f3f7 0, #f2f3f7 3px,transparent 3px,transparent 6px);
	margin:0px 0px 50px 0px;
	overflow:hidden;
	display:block;
}
.profile_waku .profile_photo{
	border-radius:50%;
	float:left;
	margin:0px 30px 0px 0px;
}

.profile_waku .profile_degree{
	font-weight: bold;
	margin:0px 0px 0px 0px!important;

}

.profile_waku .profile_name{
	font-weight: bold;	
	margin:0px 0px 0px 0px!important;
	font-size:1.1em;
}

.profile_waku .profile_text{
	margin:20px 0px 0px 0px;
	font-size:0.9em;
	
}

/* ボタン 3つ横並び */
.cm_btn{
}

.cm_btn td a{
    color: #fff;
    padding: 2em 3em;
    display: inline-block;
    position: relative;
    background-color: #70b8f1;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-weight: bold;
    text-decoration: none!important;
    letter-spacing: 2px;
    border-radius: 5px;
}

.cm_btn td a:hover{
    background-color: #FFF;
	border-color;70b8f1;
}

.cm_btn th{
	background-color:#dc143c!important;
	color:#FFF!important;
}
.cm_btn td{
	border:none!important;
	text-align: center;
}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
.cm_btn td a{
	padding:1em 1em;
}
}