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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* モバイル版のメニューを右から表示する 2024.07.18 et add */
.navi-menu-content {
  transform: translateX(105%);
  left: auto;
  right: 0;
}
/* フッターの色設定 2024.07.23 et add */
.navi-footer-in a,
.footer {
	background-color: #000000;
	color: #ffffff;
}
/* フッターの縦線削除 */
.navi-footer-in > .menu-footer li {
  border-left: none;
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: none;
}

/* フッターのリンクのマウスオーバー設定 2024.07.18 et add */
.navi-footer-in a:hover,
.menu-footer a:hover {
	opacity: 1;
	background-color: #000000;
	transition: all 0.3s ease-in-out;
	color: #00afcc;	/* ターコイズブルー */
}

/* グローバルメニューの高さ設定 2024.07.23 et add */
#navi .navi-in > ul li {
	height:40px;
	line-height: 40px;
	background-color: #ffffff;
}
.navi-in > ul li {
	/* サブメニューの左を少し空ける */
	padding-left: 15px; 
}
.navi-in > ul .sub-menu > li > .sub-menu {
	/* サブメニューのサブメニューの左を戻す */
	margin-left: -15px;
}
#menu-item-631, #menu-item-779, #menu-item-8183, #menu-item-8592, #menu-item-8646, #menu-item-8260 { /* Business partnersがずれるので個別に調整 */
	position: absolute;
	top: 20px;
}
/* グローバルメニューのマウスオーバー設定 2024.07.23 et add */
#navi .navi-in a:hover {
	opacity: 1;
	transition: all 0.3s ease-in-out;
	color: #2ca9e1;	/* 天色 */
}

/* ページごとに背景を設定する 2024.07.20 et add */
.mblt-header-mobile-buttons {
	margin-top: 0;
}
.main, .entry-content {
	margin-top: 50;
	position: relative;
}
/* 背景を透過させる */
.main, 
.sidebar
{ background-color: rgba(255, 255, 255, 0.7); }

/* Top Page */
body.page-id-469::before, body.page-id-8184::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_hawaii_03.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* About Us */
body.page-id-15::before, body.page-id-8149::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sky_01.jpg); 
	background-position: left center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100%;
	height:100vh;
	z-index: -1;
}
/* What we do */
body.page-id-17::before, body.page-id-8227::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_hawaii_02.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* CEO */
body.page-id-19::before, body.page-id-8216::before {
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sea_02.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* Business Partners */
body.page-id-627::before, body.page-id-8256::before {
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sea_01.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* Our Commitments */
body.page-id-21::before, body.page-id-8203::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sunset_01.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* Our Services */
body.page-id-23::before, body.page-id-8195::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_hawaii_01.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* Our Products */
body.page-id-8560::before, body.page-id-8906::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sunset_02.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}
/* UchiuSOH */
body.page-id-11034::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2025/12/IMG_3210.jpg); 
	background-position: left center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
    content: "";
	width: 100%;
	height:100vh;
	z-index: -1;
}
/* Careers */
body.page-id-25::before, body.page-id-8153::before { 
	background-image: url(https://www.stagegatejapan.com/wp-content/uploads/2024/07/img_sunset_05.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	position: fixed;
	display: block;
	content: "";
	width: 100vw;
	height:100vh;
	z-index: -1;
}

/* サイドバーのマウスオーバー時設定 */
/*
.widget_nav_menu ul li a:hover,
.widget_block ul li a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  transition: all 0.1s ease-in-out;
}
*/

/* パンくずリストのマージン変更 2024.07.24 et add */
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before .breadcrumb .sp {
  margin: 0 0 0 0; 
}
/* パンくずリストの表示設定 2024.07.24 et add */
.breadcrumb { color: #2ca9e1; }
.breadcrumb-home a { color: #2ca9e1; }
.breadcrumb-home .breadcrumb-caption {
	display: none; /* ホームのテキスト非表示 */
}
.material-symbols-rounded {
  font-size: 16px;
  vertical-align: middle;
  font-variation-settings:
  'FILL' 1,
  'wght' 700,
  'GRAD' 0,
  'opsz' 24 
}

.breadcrumb-item{ color: #333333; vertical-align: middle; }

/* フッターのマージン変更 2024.07.24 et add */
/* フッターを下に固定する */
html {
  min-height: 100%;
  position: relative;
}
body {
  margin-bottom: 8em;
}
footer {
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
}

/* モバイルスライドインメニューのカスタマイズ 2024.07.24 et add */
.navi-menu-content {
  background-color: rgba(230, 230, 230);
}
.menu-drawer > .menu-item {
  border-top: 1.25px solid #ffffff;
}
.navi-menu-close-button {
  color: rgba(125, 125, 125);
  margin-top: 10px;
  margin-bottom: 15px;
}
.menu-drawer a {
  color: #000000;
  font-size: 1.1em;
  font-weight: 900;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.menu-drawer a:hover {
  background-color: rgba(0, 175, 204, 0.3);
}
/* サブメニューのフォントサイズ設定 */
.menu-drawer .sub-menu li {
  font-size: 0.85em;
}

/* 固定ページのメインメッセージのフォントサイズ */
.main-theme-newstage { /* Top Page */
  font-size: 32px;
}
.whatwedo-theme { /* What We Do */
  font-size: 32px;
}

/* 言語切替スイッチ(Bogo)のカスタマイズ 2024.10.20 et add */
.bogo-language-switcher {
    list-style: none;
    display: flex;
    width: 130px;
    height: 40px;
    margin-left: auto;  margin-right: auto; margin-top: auto;   margin-bottom: auto;
    padding: 0.3em;
    gap: 0.5em;
    background: rgba(0, 0, 0, 0.2);
}

.bogo-language-switcher .current a {
    background: white;
    padding: 0.1em;
    border-radius: 0.8em;
    color: black;
    font-weight: bold;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* 1023px以上のときに適用（PC用) */
@media screen and (min-width: 1023px) {
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/* モバイルメニューのアイコン下テキストを削除する 2024.07.24 et add */
	.mobile-menu-buttons .menu-caption{
		display: none;
	}
	/* ページとパンくずリストの開始位置を指定(背景画像はトップにしているため) */
	.main {
		top: 50px;
	}
	.breadcrumb.sbp-main-before,
	.breadcrumb.sbp-footer-before,
	.breadcrumb.pbp-main-before,
	.breadcrumb.pbp-footer-before /*.breadcrumb .sp*/ {
		margin-top: 50px;
	}
	.content, .content-in {
		min-height: 100vh;
		position: relative;
	}
	.footer {
		position: absolute;
		bottom: 0px;
		margin-bottom: -130px;
	}
	.bogo-language-switcher {
        margin-left: auto;  margin-right: auto; margin-top: -0.9em;   margin-bottom: 0.3em;
        border: none;
    }
    .bogo-language-switcher .current a {
        background: white;
        padding: 0.2em;
        border-radius: 0.5em;
        color: black;
        font-weight: bold;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #header .tagline {
    font-size: 14px;
  }
  /* モバイル用のヘッダーロゴの幅を設定 */
  img.site-logo-image{
	width: 180px;
  }
  /* トップページのフォント変更 */
  .main-theme-newstage {
	  font-size: 18px;
  }
  .whatwedo-theme { /* What We Do */
    font-size: 18px;
  }
}

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