@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 60px;
  height: auto;
  vertical-align: middle;
}
#header-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
/*.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 13px;  ナビ文字大きさ 
  font-weight: bold;
  position: relative;
  color: #fff;  ナビ文字色 
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;  マウスON時の下線色 
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666;  サブメニュー文字色 
  font-size: 12px;  サブメニュー文字の大きさ 
}
.navi-in > ul .sub-menu a:before {
  background: #42d5e7;  サブメニューマウスON時の下線色 
}*/
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
#container {
  padding-top: 90px;
}
[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.yellow {
background: linear-gradient(transparent 60%, #ffd700 60%);
}
.waku {
  padding: 1em; /*段落余白*/
  border: 3px solid #4FB7EB; /*枠線*/
  border-radius: 10px; /*角丸*/
}
/* 見出しのデザインリセット */
/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}
/* 見出しのデザイン設定 */
/* H3 */
.entry-content h3{
color: #000; /* 文字色 */
font-size: 1.1em; /* 文字サイズ */
background-color: #f0f8ff;/* 背景色 */
padding: 10px;
border-left: solid 10px #4FB7EB; /* 左側に実線・色*/
}
/* 見出しセルの文字色・背景色・枠線設定 */
.entry-content th {
	color: #ffffff;
	background-color: #777777;
	border: solid 1px #F5F5F5;
}
/* 見出し以外のセルの枠線設定 */
.entry-content td {
	border: solid 1px #F5F5F5;
}
/* 奇数行の背景色 */
.entry-content tr:nth-child(odd) td {
	background-color: #ffffff;
}
/* 偶数行の背景色 */
.entry-content tr:nth-child(even) td {
	background-color: #F3F6F7;
}
/* ホバー時の色変更 */
.img_wrap{
  border: 0px solid #ddd;
  width: 700px;
  height: 113px;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*資料請求ボタン用*/
.s_button {
    display: block;
    width: 70px;
    height: 80px;
    box-sizing: border-box;
    background: #FF9600;
    opacity: 0.8;
    padding-top: 35px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #fff;
    position: fixed;
    bottom: 0px;
    right: 70px;
    z-index: 10000;
    border-radius: 10px 10px 0px 0px;
    line-height:120%;
}
.s_button::before{
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width:15%;
    height: 15%;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.s_button:hover{
    opacity: 1;
}

@media screen and (max-width: 860px){

.s_button {
    bottom: 0px;
    right: 60px;
    }
    
    }

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

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

/*770px以下*/
@media screen and (max-width: 770px){
  /*必要ならばここにコードを書く*/
#container {
  padding-top: 0px;
}
	
.img_wrap{
  width: 100%;
  height: auto;
}
}

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