@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
*/

/************************************
** 共通 common
************************************/

/* 初期設定 */
* {
  box-sizing: border-box;
}

html {
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  word-break: break-all;
}
.eye-catch {
  display: block;
  margin: 0 auto;
margin-bottom: 24px;
  max-width: 100%;
}
figure .imagecenter {
  max-width: 100%;
}

@media screen and (max-width: 834px) {
.eye-catch {
margin-bottom: 16px;
}

}
.eye-catch-image {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: bottom;
}
.wp-post-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}


.textwidget,
.custom-html-widget {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  width: auto;
}

/************************************
** 子テーマ用のスタイルを書く
************************************/
.sp_only {
  display: none !important;
}
@media screen and (max-width: 834px) {
.sp_only {
display: block !important;
}
.pc_only {
display: none !important;
}
}



/*ページの投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
  display: none;
}
/*エントリーカードカテゴリー名非表示*/
.cat-label {
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

#container #content, #main {
background: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	letter-spacing: 0.05em;
}
#container {
position: relative;
}
#content {
	margin-bottom: 0 !important;
}
/*1280px以下*/
@media screen and (max-width: 1280px){
  /*必要ならばここにコードを書く*/
#main {
padding: 0 16px;
}
}

.content {
	margin: 0 0;
	margin-top: 0;
	margin-bottom: 24px;
	padding-top: 0;
}
.box_content {
display: block;
	margin: 0 auto;
	margin-bottom: 24px;
}


@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
div table th, div table td {
font-size: 100%;
}
.content {
margin: 0 0;
	margin-top: 0;
	margin-bottom: 16px;
}
.box_content {
	margin-bottom: 16px;
}
}

/************************************
** カラムサイズ指定
************************************/
.entry-card {
  height: auto;
}

.article-header,
.entry-header {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 834px) {
  #breadcrumb {
    display: none;
}
}

img {
  max-width: 100%;
  /* width: 100%; */
}

/************************************
** 級数指定
************************************/

.entry-content,
article,
.top_main,
.top_content,
.sidebar,
.bt_news, .bt_left_arrow,
ul.foot_menu li,
p, ul, ol, dl,
dl.top_news,
dl.top_shinryou,
table.table_timetable,
table {
  line-height: 1.8;
  font-size: 14px;
}
@media screen and (max-width: 1366px) {
  .entry-content,
  article,
  .top_main,
.top_content,
  .sidebar,
  .bt_news, .bt_left_arrow,
ul.foot_menu li,
p, ul, ol, dl,
dl.top_news,
dl.top_shinryou,
table.table_timetable,
table {
    font-size: 1.02vw;
  }
}

@media screen and (max-width: 1280px) {
  .entry-content,
  article,
  .top_main,
.top_content,
  .sidebar,
  .bt_news, .bt_left_arrow,
ul.foot_menu li,
p, ul, ol, dl,
dl.top_news,
dl.top_shinryou,
table.table_timetable,
table {
    font-size: 1.09vw;
  }
}

@media screen and (max-width: 834px) {
  .entry-content,
  article,
  .top_main,
.top_content,
  .sidebar,
  .bt_news, .bt_left_arrow,
ul.foot_menu li,
p, ul, ol, dl,
dl.top_news,
dl.top_shinryou,
table.table_timetable,
table {
    /*font-size:14px; 基準フォント*/
    font-size: 1.68vw;
  }
}
@media screen and (max-width: 430px) {
  .entry-content,
  article,
  .top_main,
  .sidebar,
  .bt_news, .bt_left_arrow,
ul.foot_menu li,
p, ul, ol, dl,
dl.top_news,
dl.top_shinryou,
table.table_timetable,
table {
    line-height: 1.6;
    font-size: 14px;
  }
}


ul.footer_product_menu li {
	font-size: 13px;
}
@media screen and (max-width: 1366px) {
ul.footer_product_menu li {
    font-size: 0.95vw;
}
}
@media screen and (max-width: 1280px) {
ul.footer_product_menu li {
    font-size: 1.02vw;
}
}
@media screen and (max-width: 834px) {
ul.footer_product_menu li {
font-size: 1.56vw;
}
}
@media screen and (max-width: 430px) {
ul.footer_product_menu li {
    font-size: 13px;
}
}



.cs_parts h5,
h4.title_coolspace {
font-size: 24px;
}
@media screen and (max-width: 1366px) {
.cs_parts h5,
h4.title_coolspace {
font-size: 1.76vw;
}
}
@media screen and (max-width: 1280px) {
.cs_parts h5,
h4.title_coolspace {
font-size: 1.88vw;
}
}
@media screen and (max-width: 834px) {
.cs_parts h5,
h4.title_coolspace {
font-size: 2.88vw;
}
}
@media screen and (max-width: 430px) {
.cs_parts h5,
h4.title_coolspace {
font-size: 24px;
}
}

h5.title_coolspace,
h4.title_coolspace:before,
.flex_veilnet_box h5 {
font-size: 22px;
}
@media screen and (max-width: 1366px) {
h5.title_coolspace,
h4.title_coolspace:before,
.flex_veilnet_box h5 {
font-size: 1.61vw;
}
}
@media screen and (max-width: 1280px) {
h5.title_coolspace,
h4.title_coolspace:before,
.flex_veilnet_box h5 {
font-size: 1.72vw;
}
}
@media screen and (max-width: 834px) {
h5.title_coolspace,
h4.title_coolspace:before,
.flex_veilnet_box h5 {
font-size: 2.64vw;
}
}
@media screen and (max-width: 430px) {
h5.title_coolspace,
h4.title_coolspace:before,
.flex_veilnet_box h5 {
font-size: 22px;
}
}


h4.title_mowfilm_size {
font-size: 18px;
}
@media screen and (max-width: 1366px) {
h4.title_mowfilm_size {
font-size: 1.32vw;
}
}
@media screen and (max-width: 1280px) {
h4.title_mowfilm_size {
font-size: 1.41vw;
}
}
@media screen and (max-width: 834px) {
h4.title_mowfilm_size {
font-size: 2.16vw;
}
}
@media screen and (max-width: 430px) {
h4.title_mowfilm_size {
font-size: 18px;
}
}


.navi-in > ul li a,
ul.head_contact li,
.foot_bt_contact a,
ul.foot_menu,
ul.foot_menu li {
font-size: 16px;
}
@media screen and (max-width: 1366px) {
.navi-in > ul li a,
ul.head_contact li,
.foot_bt_contact a,
ul.foot_menu,
ul.foot_menu li {
font-size: 1.17vw;
}
}
@media screen and (max-width: 1280px) {
.navi-in > ul li a,
ul.head_contact li,
.foot_bt_contact a,
ul.foot_menu,
ul.foot_menu li {
font-size: 1.25vw;
}
}
@media screen and (max-width: 834px) {
.navi-in > ul li a,
ul.head_contact li,
.foot_bt_contact a,
ul.foot_menu,
ul.foot_menu li {
font-size: 1.92vw;
}
}
@media screen and (max-width: 430px) {
.navi-in > ul li a,
ul.head_contact li,
.foot_bt_contact a,
ul.foot_menu,
ul.foot_menu li {
font-size: 16px;
}
}

.foot_copyright {
font-size: 12px;
}
@media screen and (max-width: 1366px) {
.foot_copyright {
font-size: 0.88vw;
}
}
@media screen and (max-width: 1280px) {
.foot_copyright {
font-size: 0.94vw;
}
}
@media screen and (max-width: 834px) {
.foot_copyright {
font-size: 1.44vw;
}
}
@media screen and (max-width: 430px) {
.foot_copyright {
font-size: 12px;
}
}

.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 21px;
}
@media screen and (max-width: 1366px) {
.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 1.54vw;
}
}
@media screen and (max-width: 1280px) {
.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 1.64vw;
}
}
@media screen and (max-width: 834px) {
.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 2.52vw;
}
}
@media screen and (max-width: 430px) {
.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 21px;
}
}

.title h2,
.foot_bottom_mail a, .foot_bottom_tel a {
font-size: 25px;
}
@media screen and (max-width: 1366px) {
.title h2,
.foot_bottom_mail a, .foot_bottom_tel a {
font-size: 1.83vw;
}
}
@media screen and (max-width: 1280px) {
.title h2,
.foot_bottom_mail a, .foot_bottom_tel a {
font-size: 1.95vw;
}
}
@media screen and (max-width: 834px) {
.title h2,
.foot_bottom_mail a, .foot_bottom_tel a {
font-size: 2.4vw;
}
}
@media screen and (max-width: 430px) {
.title h2,
.foot_bottom_mail a, .foot_bottom_tel a {
font-size: 18px;
}
}

.foot_bt_tel a {
font-size: 28px;
}
@media screen and (max-width: 1366px) {
.foot_bt_tel a {
font-size: 2.05vw;
}
}
@media screen and (max-width: 1280px) {
.foot_bt_tel a {
font-size: 2.19vw;
}
}
@media screen and (max-width: 834px) {
.foot_bt_tel a {
font-size: 3.36vw;
}
}
@media screen and (max-width: 430px) {
.foot_bt_tel a {
font-size: 28px;
}
}

/*
h2, h3, h4, h5, h6 {
	font-size: 120%;
}
*/

.top_main_txt,
.title p {
font-size: 45px;
}
@media screen and (max-width: 1366px) {
.top_main_txt,
.title p {
font-size: 3.29vw;
}
}
@media screen and (max-width: 1280px) {
.top_main_txt,
.title p {
font-size: 3.52vw;
}
}
@media screen and (max-width: 834px) {
.top_main_txt,
.title p {
font-size: 3.24vw;
}
}
@media screen and (max-width: 430px) {
.top_main_txt,
.title p {
font-size: 27px;
}
}



/*

article h2,
.sidebar h2,
.title h2,
.topmain h2,
.entry-content h2,
h2 {
  font-size: 38px;
}
article h3,
.sidebar h3,
.title h3,
.topmain h3,
.entry-content h3,
h3 {
  font-size: 36px;
}
  h3.entry_title,
  h4.entry_title,
article h4,
.sidebar h4,
.title h4,
.topmain h4,
.entry-content h4,
ul.footerMenulist,
h4 {
  font-size: 24px;
}
article h5,
.sidebar h5,
.title h5,
.topmain h5,
.entry-content h5,
h5 {
  font-size: 20px;
}

@media screen and (max-width: 1366px) {
  article h2,
  .sidebar h2,
  .title h2,
  .topmain h2,
  .entry-content h2,
  h2 {
    font-size: 2.782vw;
  }
  article h3,
  .sidebar h3,
  .title h3,
  .topmain h3,
  .entry-content h3,
  h3 {
    font-size: 2.635vw;
  }
  h3.entry_title,
  h4.entry_title,
  article h4,
  .sidebar h4,
  .title h4,
  .topmain h4,
  .entry-content h4,
ul.footerMenulist,
  h4 {
    font-size: 1.757vw;
  }
  article h5,
  .sidebar h5,
  .title h5,
  .topmain h5,
  .entry-content h5,
  h5 {
    font-size: 1.464vw;
  }
}

@media screen and (max-width: 1280px) {
  article h2,
  .sidebar h2,
  .title h2,
  .topmain h2,
  .entry-content h2,
  h2 {
    font-size: 2.969vw;
  }
  article h3,
  .sidebar h3,
  .title h3,
  .topmain h3,
  .entry-content h3,
  h3 {
    font-size: 2.813vw;
  }
  h3.entry_title,
  h4.entry_title,
  article h4,
  .sidebar h4,
  .title h4,
  .topmain h4,
  .entry-content h4,
ul.footerMenulist,
  h4 {
    font-size: 1.875vw;
  }
  article h5,
  .sidebar h5,
  .title h5,
  .topmain h5,
  .entry-content h5,
  h5 {
    font-size: 1.563vw;
  }
}

@media screen and (max-width: 834px) {
  article h2,
  .sidebar h2,
  .title h2,
  .topmain h2,
  .entry-content h2,
  h2 {
    font-size: 3.237vw;
  }
  article h3,
  .sidebar h3,
  .title h3,
  .topmain h3,
  .entry-content h3,
  h3 {
    font-size: 3.118vw;
  }
  h3.entry_title,
  h4.entry_title,
  article h4,
  .sidebar h4,
  .title h4,
  .topmain h4,
  .entry-content h4,
ul.footerMenulist,
  h4 {
    font-size: 2.398vw;
  }
  article h5,
  .sidebar h5,
  .title h5,
  .topmain h5,
  .entry-content h5,
  h5 {
    font-size: 1.918vw;
  }
}

@media screen and (max-width: 430px) {
  article h2,
  .sidebar h2,
  .title h2,
  .topmain h2,
  .entry-content h2,
  h2 {
    font-size: 27px;
  }
  article h3,
  .sidebar h3,
  .title h3,
  .topmain h3,
  .entry-content h3,
  h3 {
    font-size: 26px;
  }
  h3.entry_title,
  article h4,
  .sidebar h4,
  .title h4,
  .topmain h4,
  .entry-content h4,
ul.footerMenulist,
  h4 {
    font-size: 20px;
  }
  article h5,
  .sidebar h5,
  .title h5,
  .topmain h5,
  .entry-content h5,
  h5 {
    font-size: 16px;
  }
}

*/
/************************************
** テキスト位置
************************************/
.t_center {
  text-align: center !important;
}
.t_center_pc {
  text-align: center !important;
}
@media only screen and (max-width: 834px) {
  .t_center_pc {
    text-align: left !important;
  }
  .t_center_sp {
    text-align: center !important;
  }
}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
}

.right {
  float: right;
}

/************************************
** フォント 太さ 行間
************************************/
.bold {
font-weight: bold;
}
.normal {
font-weight: 400;
}

.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fw800 {
  font-weight: 800 !important;
}
.fw900 {
  font-weight: 900 !important;
}

/************************************
** マージン
************************************/
.md0 {
  margin-bottom: 0;
}
.mb24 {
  margin-bottom: 24px;
}
.mb32 {
  margin-bottom: 32px;
}
.mb40 {
  margin-bottom: 40px;
}

/************************************
** フォントサイズ
************************************/
.f50 {
	font-size: 50%;
}
.f60 {
	font-size: 60%;
}
.f70 {
	font-size: 70%;
}
.f80 {
	font-size: 80%;
}
.f90 {
	font-size: 90%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f130 {
	font-size: 130%;
}
.f140 {
	font-size: 140%;
}
.f150 {
	font-size: 150%;
}
.f160 {
	font-size: 160%;
}
.f170 {
	font-size: 170%;
}
.f180 {
	font-size: 180%;
}
.f190 {
	font-size: 190%;
}
.f200 {
	font-size: 200%;
}

.f10 {
	font-size: 10px;
	line-height: 110%;
}
.f12 {
  font-size: 12px;
	line-height: 100%;
}
.f50 {
	font-size: 50px;
}




/************************************
** カラー
************************************/
.red {
color: #F00;
}
.orange {
color: #F90;
}
.pink {
color: #fc5987;
}
.yellow {
color: #f9d50b;
}
.blue {
color: #06F;
}
.aqua {
color: #48C;
}
.navy {
color: #148;
}
.pink02 {
color: #F9B;
}
.gold {
color: #eee06d;
}
.wine {
color: #B07;
}

/************************************
** ボックス
************************************/
.box_gray {
display: block;
padding: 16px 24px;
background-color: #F5F5F5;
margin-bottom: 24px;
}

.box_shadow {
display: block;
padding: 16px 24px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
margin-bottom: 24px;
}
@media screen and (max-width: 834px){
.box_gray {
margin: 0 auto;
padding: 16px;
margin-bottom: 16px;
}
.box_shadow {
margin: 0 -16px;
padding: 16px;
margin-bottom: 16px;
}
}

/************************************
** ボタン
************************************/
.bn_center {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 16px;
}
a .bn_center {
	display: block;
}
a:hover .bn_center  {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	opacity:0.70;
	background-color: #F00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bt_more, .bt_more_s {
	display: inline-block;
}
.bt_more a, .bt_more_s a {
	display: block;
	padding: 1em 1.5em;
	color: #000;
	background-color: #FFF;
	border: 1px solid #999;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
.bt_more_s a {
	padding: 0.5px 1em;
}
.bt_more a:hover, .bt_more_s a:hover {
	border: 1px solid #999;
background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bt_kuwashiku {
position: relative;
z-index: 10000;
	display: inline-block;
}
.bt_kuwashiku a {
position: relative;
	display: block;
	padding: 20px 60px;
	padding-right: 70px;
	color: #333;
	background-color: #FFF;
	font-size: 120%;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
 border-radius: 30px;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}


.bt_kuwashiku a:after {
    position: absolute;
    right: 10%;
    top: 50%;
	transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
    content: '\f061';
}

.bt_kuwashiku a:hover {
	box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
	background-color: #cb3769;
	color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bt_kuwashiku a:hover:after {
    right: 5%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 834px) {
.bt_kuwashiku a {
	padding: 15px 30px;
	padding-right: 40px;
 border-radius: 30px;
}
}

/************************************
** 画像
************************************/
.imageleft {
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
}
.imageright {
	float: right;
	margin-bottom: 16px;
	margin-left: 16px;
	max-width: 30%;
	height: auto;
}
.imageright_pc {
	float: right;
	margin-bottom: 16px;
	margin-left: 16px;
	max-width: 50%;
}
@media screen and (max-width: 834px){
.imageleft {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}
.imageright {
	margin-bottom: 8px;
	margin-left: 8px;
	max-width: 40%;
}
.imageright_pc {
float: none;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 16px;
}
}
.imagecenter {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 16px;
}
.imagecenter00 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.pic_left_page {
	float: left;
	display: inline-block;
	max-width: 43%;
	margin-right: 5%;
}
.pic_right_page {
	float: right;
	display: inline-block;
	max-width: 43%;
	margin-left: 5%;
}
.pic_right_page img, .pic_left_page img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media only screen and (max-width: 834px) {
.pic_right_page, .pic_left_page {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
}


/************************************
** list-style
************************************/

ul.list_kome {
margin: 0;
padding: 0;
}
ul.list_kome li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-left: 1.2em;
}
ul.list_kome li:before {
position: absolute;
content: "※";
margin-left: -1.2em;
}