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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* ----------------------------------------------------------------------
全体
---------------------------------------------------------------------- */
html {
scroll-behavior: smooth;
}
.article h3 {
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
}
h3.h3none {
border-left: none;
}
.page .article h2 {
font-weight: normal;
padding: 18px;
margin-bottom: 0;
}
.page > .article-header > h1.entry-title {
font-weight: normal;
}
.doubleline {
border-top: solid 3px #000;
border-bottom: solid 3px #000;
}
a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}
.eng {
font-family: 'Lilita One', cursive;
}
.cat-label {
background-color: #ba2636;
}
.margin15 {
margin: 0px 15px 15px 15px;
}
.btn-m, .btn-wrap.btn-wrap-m > a {
font-family: "Noto Sans JP" ,sans-serif;
font-weight: normal;
}
.video-container {
margin: 0px auto;
}

/* ----------------------------------------------------------------------
サイトタイトル
---------------------------------------------------------------------- */
.logo-text {
padding: 0;
}
.site-name-text {
font-size: 50px;
letter-spacing: 0.4em;
}
@media screen and (max-width: 834px){
#header .site-name-text {
font-size: 32px;
}
}

/* ----------------------------------------------------------------------
グローバルナビメニュー
---------------------------------------------------------------------- */
.sub-caption {
font-size: 0.6em;
}
.slicknav_menu {
background: #0c429b;
}
.slicknav_nav a {
color: #fff;
}

/* ----------------------------------------------------------------------
アピールエリア
---------------------------------------------------------------------- */
.appeal-content {
background-color: rgba(255, 255, 255, 0.5);
}

/* ----------------------------------------------------------------------
トップページカルーセル
---------------------------------------------------------------------- */
.carousel {
margin-top: 0px;
padding: 20px 0;
}

/* ----------------------------------------------------------------------
ページタイトル
---------------------------------------------------------------------- */
.post > .article-header > h1.entry-title {
margin-top: 50px;
margin-bottom: 30px;
font-size: 36px;
}
.main {
padding: 0px 10px;
}

/* ----------------------------------------------------------------------
テーブル調整
---------------------------------------------------------------------- */
.recruit th{
width:22%;
}

/* ----------------------------------------------------------------------
Contact Form 7
---------------------------------------------------------------------- */
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
text-align:left;
font-size:16px;
color:#333;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
font-size:15px;
border:solid 1px #d7d7d7;
background-color: #fff;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
font-size:7px;
padding:5px;
background:#cf2e2e;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*任意の調整*/
.any{
font-size:7px;
padding:5px;
background:#0c429b;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:1em 0;
margin-top:30px;
width:100%;
background:#cf2e2e;
color:#fff;
font-size:18px;
font-weight:bold;	 
border-radius:2px;
border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
background:#d61d45;
color:#fff;
}
.siteContent_after {
display:none
}
table th, table td {
padding: 15px;
}

/* ----------------------------------------------------------------------
サイドバー
---------------------------------------------------------------------- */
#sidebar {
font-size: 13px;
}

/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */
.footer-title {
text-align: center;
letter-spacing: 2px;
}
#footer p {
font-size: 16px;
}

/* ----------------------------------------------------------------------
背景色最大横幅
---------------------------------------------------------------------- */
.back-full {
background: #f0f0f0;
margin: 0 calc((100% - 100vw) / 2);
padding: 0 29px 1em;
}

.back-full > h2 {
margin: 0 calc((100% - 100vw) / 2);
padding: 25px calc((100vw - 1142px) / 2) 15px;
}

.back-full > p,
.back-full > div,
.back-full > h3 {
margin-left: auto;
margin-right: auto;
max-width: 1142px;
}

@media screen and (max-width: 1202px) {
.back-full > h2 {
padding: 25px calc((100vw - 100%) / 2) 15px;
}
}

@media screen and (max-width: 768px) {
.back-full {
padding: 0 10px 1em;
}
.back-full .column-wrap {
text-align: center;
}
}

@media screen and (max-width: 480px) {
.back-full > h2 {
padding: 10px calc((100vw - 100%) / 2) 8px;
}
}

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

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

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