@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.footer-right aside {
	position: absolute;
}
.footer-right img {
	width: 80px;
}
.footer-mobile aside.widget {
	margin: 0;
	text-align: center;
}
.footer-mobile img {
	width: 40%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #F3F3F3;
 border-bottom:1px solid #F3F3F3;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #10aba6 !important;
　　　　　　　　background-color:white;
}
#navi ul li a:before{
   background:#10aba6 !important;
}
#navi ul,#navi{
 background-color:white;
}

/*---------------------------------
サイドバーの見出しを修正
--------------------------------*/
#sidebar h3 {
  font-size:20px;
  border-bottom:5px solid #10aba6;
  padding:10px 0;
  text-align: center;
}

/* 見出しを変更 */
 
.article h1 {
 font-weight: 800;
 font-size: 1.8rem;
 line-height: 1.3;
}
 
.article h2 {
 font-size: 23px;
 line-height: 28px;
 padding: 20px 10px 17px 20px;
 background: #10ABA6;
 color: #FFF;
 margin: 25px 0;
 font-weight: 550;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF #7BC8BC #7BC8BC #FFF;
 background: #7BC8BC;
 display: block;
 width: 0;
}
 
.entry h2 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}

.article h3{
    position: relative;
    margin: 1.0em 0 1.0em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #10ABA6;
    font-size: 1.3rem;
    font-weight: bold;
}
 
.article h3:before{
    content: "";
    position: absolute;
    background: #10ABA6;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.article h4{
    margin: 1.5em 0 1.0em;
    padding: 0.6em;
    border-left: 7px solid #10ABA6;
	border-top: 1px dashed #10ABA6;
	border-bottom: 1px dashed #10ABA6;
    font-size: 1.2rem;
    font-weight: bold;
}

.article h5{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #10ABA6;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}
 
.article h6{
 font-size: 1.0rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #10ABA6;
 color: #000;
 margin:35px 5px 20px;
}

/* モバイルスライドインメニューのカスタマイズ */
a#footer-button-prev,a#footer-button-next,a#footer-button-search,a#footer-button-menu,a#footer-button-go-to-top,a#footer-button-sidebar{
   color:#10ABA6;
}

/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
 position: relative;
 width: 80%;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 padding: 11px;
 border-radius: 6px;
 border: 2px solid #999;
 box-shadow: 1px 1px 5px #aaa;
 background-color: #fff;
 z-index: 1;
}
.entry-content .l-fuki {
 margin: 40px 20px 40px 10%;
}
.entry-content .r-fuki {
 margin: 40px 20px 40px 10%;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
 position: absolute;
 content: "";
 top: 16px;
 width: 10px;
 height: 10px;
 border-right: 2px solid #999;
 border-bottom: 2px solid #999;
 background-color: #fff;
 z-index: 2;
}
.entry-content .l-fuki::before {
 right: -7px;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
 left: -7px;
 transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
 position: absolute;
 content: "";
 width: 70px;
 height: 70px;
 top: -10px;
 border-radius: 40px;
 border: 3px solid #dfdfdf;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 box-shadow: 0px 0px 0px #aaa;
}
.entry-content .l-fuki::after {
 right: -85px;
}
.entry-content .r-fuki::after {
 left: -85px;
}
.man-01::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/5b412321b798fab7619d29088a36e5e7.jpg);}
.man-02::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/6c8f8103ee60286e17481d554310ed89.jpg);}
.man-03::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/c2a7535ccdf23810c999e72e440618b9.jpg);}
.woman-01::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/ddda34561a437b9d29f29531732d79dc.jpg);}
.woman-02::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/4dd6da958bddc82719b9c5a77d46da68.jpg);}
.woman-03::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/6920f59323b46b6068926b4f0428f2e5.jpg);}
.photo-man-01::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/508b6c84143f7b4d8bab1bd4f51c3f26.jpg);}
.photo-man-02::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/093fba7904fd9361f694760830a01777.jpg);}
.magao-man-01::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/5bfdff6ea8418e545d05342248a9063a.jpg);}
.magao-man-02::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/e38f6f3b147eb9b7b1d8545e94a87e09.jpg);}
.magao-man-03::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/21eb22769b77ce4fe64ec17ac1308698.jpg);}
.magao-woman-01::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/7daeaf99e8711ad41e761018bb49b36c.jpg);}
.magao-woman-02::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/9e9f0bc0c83a5ce368531ec4c4cd4fa3.jpg);}
.magao-woman-03::after {background-image:url(https://tenshoku-center.com/wp-content/uploads/2018/04/a2049b16dd007b3fe722034bd59d9655.jpg);}

/* 吹き出しのCSS終わり　*/

/* 強調タグのCSS　*/
.article strong {
    color: #ff3333;
}
/* 強調タグのCSS終わり　*/

/* 順序なしリストタグ（サンプル1）のCSS　*/
ul.sample1{
  padding: 10px 10px 20px;
  color: #448ccb;
  background: #ecf3fa;
  border: solid 2px #adcce8;
  border-radius: 5px;
  list-style: none;
}
ul.sample1 li{
  position: relative;
  line-height: 35px;
  padding-left: 20px;
  font-weight: bold;
  border-bottom: dashed 1px #448ccb;
}
ul.sample1 li:before{
  content: "・";
  position: absolute;
  left: 0px;
}
/* 順序なしリストタグ（サンプル1）のCSS終わり　*/

/* 順序なしリストタグ（サンプル2）のCSS　*/
ul.sample2{
  padding: 10px 10px 20px;
  color: #E9546B;
  background: #f9ebeb;
  border: solid 2px #e8a0a0;
  border-radius: 5px;
  list-style: none;
}
ul.sample2 li{
  position: relative;
  line-height: 35px;
  padding-left: 20px;
  font-weight: bold;
  border-bottom: dashed 1px #E9546B;
}
ul.sample2 li:before{
  content: "・";
  position: absolute;
  left: 0px;
}
/* 順序なしリストタグ（サンプル2）のCSS終わり　*/

/* 番号リストタグのCSS　*/
ol.sample1{
  counter-reset:list;
  list-style-type:none;
  padding:1em;
}
ol.sample1 li{
  position:relative;
  margin: 10px 0 10px 0px;
  padding-left:40px;
  font-weight: bold;
  font-size:18px;
  line-height: 30px;
  border: 2px solid #756C67;
  color: #756C67;
}
ol.sample1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #756C67;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* 番号リストタグのCSS終わり　*/

/* 商標用のテーブルタグのCSS　*/
table.company {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
}

table.company th,
table.company td {
	padding: 10px;
}

table.company th {
	background: #3fbbb7;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
}

table.company th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #3fbbb7;
	border-width: 10px;
	margin-top: -10px;
}
/* 商標用のテーブルタグのCSS終わり　*/

/* カスタムテーブルタグのCSS　*/
.table01 {
  border-collapse: collapse;
  border-left: 1px solid #AAAAAA;
  border-top: 1px solid #AAAAAA;
  line-height: 1.5;
  text-align: left;
  table-layout: fixed;
  width: 100%;
}
.table01 th {
  background-color: #37cea1;
  border-bottom: 1px solid #85ada1;
  border-right: 1px solid #85ada1;
  color: #303030;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
  text-align: center;
  vertical-align : middle;
  width: 33%;
}
.table01 thead th {
  background-color: #37cea1;
  border-right: 1px solid #85ada1;
  color: #FFFFFF;
  width: 33%;
}
.table01 thead th:last-child {
  border-right: 1px solid #85ada1;
  width: 33%;
}
.table01 td {
  border-bottom: 1px solid #85ada1;
  border-right: 1px solid #85ada1;
  font-size: 16px;
  padding: 10px;
  vertical-align: top;
  width: 33%;
}
/* カスタムテーブルタグのCSS終わり　*/

/* box-pointタグのCSS　*/
.box-point {
    position: relative;
    margin: 2em 1em;
    padding: 1em 1em;
    border: solid 3px #ff6d6d;
    border-radius: 8px;
}
.box-point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff6d6d;
    font-weight: bold;
}
.box-point p {
    margin: 0; 
    padding: 0;
}
/* box-pointタグのCSS終わり　*/

/* プロフィールタグのCSS　*/
.profile {
    position: relative;
    margin: 50px 30px 20px;
    padding: 5px 10px;
	background: #FFF;
    border: solid 2px #000;
}
.profile p {
    margin: 0 0 5px 0;
    padding: 0;
}

.profile .profile-name {
    margin: 0 0 5px 0;
    padding: 0;
	font-weight: bold;
	color: #e8554e;
}

.profile .profile-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #000;
    color: #ffffff;
    font-weight: normal;
}

.profile-img {
  float:left;
  margin: 10px 10px 5px 0;
  width:90px;
  height:90px;	
}
/* プロフィールタグのCSS終わり　*/

/* アイアキャッチ関連START　*/
.eye-catch {
    text-align: center;
}
/* アイアキャッチ関連END　*/

/* アフィリエイト赤ボタン単一START */
 
.red-btn {
    font-size:18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
	margin-top:1.5em;
	margin-bottom: 2em;
}
 
.red-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#ed254e;
    color: #ffffff;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.red-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
    color: #8c8c8c;
}

/* アフィリエイト赤ボタン単一END */

/* 定義リスト START */
dt{
  float: left;
}

dt::after{
  content: "："
}
/* 定義リスト END */

/* 太字 START */

.my_bold{
  font-weight: bold;
}

/* 太字 END */

/* アフィリエイト黃ボタン単一START */
 
.yellow-btn {
    font-size:18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
	margin-top:1.5em;
	margin-bottom: 2em;
}
 
.yellow-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#edc825;
    color: #ffffff;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.yellow-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
    color: #8c8c8c;
}

/* アフィリエイト黃ボタン単一END */

/* Overlay Button */
#btn_overlay {
    width: 60vw;
    font-size: 4vw;
    position: fixed;
    bottom: 2vw;
    margin-bottom: 50px;
    right: 5vw;
    user-select: none;
    z-index: 99999;
}

.article .box-point ul {
	margin-bottom: 0;
}