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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ▼言語ごとフォント設定 */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
.en-US {
font-family:"Nunito", sans-serif;
/* font-family:"Open Sans","Helvetica","Arial",sans-serif; */
}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
.ko-KR {
font-family:"Nanum Gothic","Helvetica","Arial",sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
.zh-CN {
font-family:"Noto Sans SC",sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
.zh-TW {
font-family:"Noto Sans TC",sans-serif;
}
/* ▲言語ごとフォント設定 */

body {
font-feature-settings: "palt"1;
}

/* ブログカテゴリー用記事タイトル */
.categoryid-4 header.article-header.entry-header,
.categoryid-65 header.article-header.entry-header,
.categoryid-62 header.article-header.entry-header,
.categoryid-63 header.article-header.entry-header,
.categoryid-64 header.article-header.entry-header {
position: static;
color: #333;
text-shadow: none;
margin: 15% 0 2em;
}

/* ブログカテゴリーでサイドバー表示 */
.sidebar {
padding-top: 100px;
}

/*ヘッダーナビゲーション設定*/
#header-container{
position: fixed;
top: 35px;
width: 100%;
z-index: 999;
}

.content {
margin-top: 0;
}

/*1024px以上*/
@media screen and (min-width: 1024px){
.s43-header-scroll{
opacity: 0.7;
box-shadow: 1px 1px 3px #aaa;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
#header-container{
display:none;
}
}

/*1023px以下ヘッダーメニューバーの位置調整*/
@media screen and (max-width: 1023px){
.mobile-header-menu-buttons {
top: 35px;
}
}

.s43-header-scroll:hover {
opacity: 1;
}

.navi-menu-caption {
display:none !important;
}

/*pc用bookボタン*/
#menu-item-1706,
#menu-item-1705,
#menu-item-1704,
#menu-item-1703 {
background:#ff0000;
border-radius:4px;
box-shadow: 1px 1px 3px #aaa;
margin-left: 1em;
}

#menu-item-1706 .item-label,
#menu-item-1705 .item-label,
#menu-item-1704 .item-label,
#menu-item-1703 .item-label {
color:#fff;
}

/*pc用ヘッダーナビ下向き矢印*/
.navi-in .has-icon {
font-size: 20px;
}

.fa-angle-down:before {
content: "\f0d7" !important;
}

/*pc用ヘッダーナビ　サブメニュー矢印*/
.navi-in .sub-menu .item-label:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-size: 20px;
margin-right: 0.2em;
font-weight: bold;
vertical-align: top;
}

/*サブメニューの縦スクロール調整*/
.navi-in > ul .sub-menu {
overflow: auto;
max-height: 70vh;
}

/*サブメニューのテキスト行間調整*/
.sub-menu .caption-wrap{
line-height:120%!important;
font-weight: normal;
}

.navi-in > ul .sub-menu li {
height: auto;
padding: 0.4em 0;
}

/*スマホ用ヘッダーナビ　サブメニュー矢印*/
@media screen and (max-width: 1023px){
.sub-menu .menu-item a:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
/* content: "00"; */
font-size: 20px;
margin-right: .2em;
font-weight: 900;
}
}

/*スマホロゴ*/
.logo-menu-button img {
max-height: 36px;
}

/*スマホ用メニュー閉じるボタン位置調整*/
.menu-close-button {
margin-top: 40px;
}

/*スマホ用BOOKボタン*/
li#menu-item-8557,
li#menu-item-8556,
li#menu-item-8555,
li#menu-item-8554 {
background: #ff0000;
margin: 6px;
border-radius: 6px;
}

li#menu-item-8557 span,
li#menu-item-8556 span,
li#menu-item-8555 span,
li#menu-item-8554 span {
color: #fff;
font-weight: bold;
}

/*旧スマホ用BOOKボタン*/
li#menu-item-502,
li#menu-item-523,
li#menu-item-526,
li#menu-item-561 {
background: #ff0000;
margin: 6px;
border-radius: 6px;
}

li#menu-item-502 span,
li#menu-item-523 span,
li#menu-item-526 span,
li#menu-item-561 span {
color: #fff;
font-weight: bold;
}

/*言語ナビ*/
.s43-langnavi {
position: fixed;
z-index: 9999;
top: 0;
width: 100%;
height: 35px;
background: #333;
}

.s43-langnavi ul {
display: flex;
justify-content: flex-end;
list-style: none;
margin: 0 auto;
padding: 0;
max-width: 1256px;
font-size: 0.8rem;
align-items: center;
height: 100%;
padding: 0 5px;
}

.s43-langnavi ul li {
margin: 0 0 0 1em;
line-height: 240%;
}

.s43-langnavi ul li a {
color: #fff;
text-decoration: none;
}

.s43-langnavi .ja {
display:none;
}

/*フッターナビ*/
.footer-bottom-logo .logo-image {
max-width: 120px;
}

.footer-bottom-logo img {
height: auto!important;
}

@media screen and (max-width: 834px){
.navi-footer-in>.menu-footer li.menu-item {
    width: auto;
}
}

@media screen and (max-width: 480px){
.navi-footer-in>.menu-footer li.menu-item {
    width: auto;
}
}

/*googleマップレスポンシブ設定*/
.s43-gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}

.s43-gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*タイムラインの左ボーダーカラー*/
.timeline-item-content {
border-left: 3px #fccae2 solid;
}

@media screen and (max-width: 480px) {
.timeline-item-content {
border-left: none;
}
	
.timeline>li.timeline-item {
border-left: 3px #fccae2 solid;
}
}

/*トップメインイメージの設定*/
.s43-img-main {
margin: 0 calc((100% - 100vw)/2)!important;
width: 100vw;
position: absolute;
top: 0;
left: 0;
text-align:center;
}

.s43-img-main img {
width: 100%!important;
height: 100vh;
object-fit: cover;
}

.s43-img-main video {
width: 100%!important;
height: 100vh;
object-fit: cover;
}

/*メイン画像下の高さ調整*/
.s43-img-main-height:before {
content: "";
display: block;
padding-bottom: 100vh;
}

/*
.post-template-default .article-header{
position: absolute;
z-index: 9999;
margin-top: 30%;
color: #fff;
text-shadow: 1px 1px 4px #333;
}
*/

/* 英語トップページのメイン画像位置調整 カメのトリミング位置を調整するため */
/*834px以下*/
@media screen and (max-width: 1300px){
.en-US .s43-img-main img {
object-position: 83% 0%;
}
}

.article-header{
position: absolute;
z-index: 9999;
margin-top: 30%;
color: #fff;
text-shadow: 1px 1px 4px #333;
}

.article-header .entry-title{
font-size:1.8em;
}

@media screen and (max-width: 834px){
.post-template-default .article-header{
margin-top: 60%;
}
}

/*お知らせカテゴリの記事タイトル*/
/* ポリラングテスト時の設定のため、コメントアウト
.categoryid-13 header.article-header.entry-header,
.categoryid-44 header.article-header.entry-header,
.categoryid-47 header.article-header.entry-header,
.categoryid-49 header.article-header.entry-header,
*/
.categoryid-4 header.article-header.entry-header,
.categoryid-38 header.article-header.entry-header,
/*.categoryid-99 header.article-header.entry-header,*/
.ai1ec_event-template-default header.article-header.entry-header {
position: static;
color: #333;
text-shadow: none;
margin: 15% 0 2em;
}
/* ポリラングテスト時の設定のため、コメントアウト
.categoryid-13 .entry-title,
.categoryid-44 .entry-title,
.categoryid-47 .entry-title,
.categoryid-49 .entry-title,
*/
.categoryid-53 .entry-title,
.categoryid-99 .entry-title,
.ai1ec_event-template-defaul .entry-title {
padding:0;
}

/*見出しのスタイル*/

.article h2 {
position: relative;
font-size: 36px;
text-align: center;
margin: 2em 0;
padding: 10px!important;
line-height: 150%;
padding: 25px;
border-radius: 2px;
background:none;
}

.article h2:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -10px;
margin: auto;
width: 25%;
height: 8px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

@media screen and (max-width: 480px){
.article h2 {
font-size: 28px;
}
}

.article h3 {
text-align: center;
border:none;
font-size: 32px;
margin: 32px!important;
padding: 0!important;
line-height: 150%;
}

.article h3:before {
font-family: "Font Awesome 5 Free";
content: "\f578";
color: #e4007f;
margin-right: 10px;
font-size: 32px;
}

@media screen and (max-width: 480px){
.article h3 {
font-size: 24px;
margin: 24px 0!important;
}
}

/*横幅いっぱい画像の設定*/
.s43-img-wide {
margin: 0 calc((100% - 100vw)/2);
width: 100vw!important;
height: auto;
}

.s43-img-wide img {
/*max-width: 2000px !important;*/
width: 100% !important;
/*height: 480px;*/
height: 100vh;
object-fit: cover;
}

/*834px以下*/
@media screen and (max-width: 834px){
.s43-img-wide img {
/*min-width: 100% !important;
width: 100vw !important;
max-height: 100%;
height: 70vw;
height: 100vh;
object-fit: cover;*/
}
}

@media screen and (max-width: 480px){
.wp-block-cover.s43-img-wide img {
display: none;
}
.wp-block-cover.s43-img-wide {
background: url(https://www.berry7.com/lang/wp/wp-content/uploads/2021/10/main-sp.jpg) top center fixed no-repeat;
/* background-size: contain; */
background-size: cover;
}
}

/* 背景色横幅いっぱいの設定 */
.s43-back-wide {
margin: 0 calc((100% - 100vw) / 2);
padding: 2em 10px !important;
width: auto !important;
}

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

/* スライダーを横幅いっぱいの設定 */
/*.metaslider {
margin: 0 calc((100% - 100vw) / 2);
padding: 2em 10px!important;
width: auto!important;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
overflow: hidden;
}*/

/*メディアと文章*/
.wp-block-media-text__content {
padding: 0 0 0 1em !important;
}

@media screen and (max-width: 480px){
.wp-block-media-text__content {
padding: 0 !important;
}
}

figure.wp-block-media-text__media {
margin-bottom: 1em !important;
}

/*表組み*/
@media screen and (min-width: 481px){
.s43-table-sp tr td:first-child {
width: 30%;
}
}

@media screen and (max-width: 834px) {
table th, table td {
font-size: 1em;
}
}

@media screen and (max-width: 480px){
.s43-table-sp tr {
background:#fff !important;
}

.s43-table-sp td {
display: block;
width: 100%;
}

.s43-table-sp td:first-child {
background: #f0f0f0;
}

.s43-table-sp td:nth-child(2) {
margin-bottom: 1em;
}
}


/*ボート紹介ページ*/
/*ボート写真のレイアウト*/
@media screen and (min-width: 600px){
.s43-boat-img .column-left {
width: 75% !important;
}
}

@media screen and (max-width: 599px){
.s43-boat-img .column-left {
margin-bottom: 0;
line-height: 0;
}
}

.s43-boat-img .column-right p{
line-height:0;
}

.s43-boat-img .column-right img{
height: calc(100% / 3) !important
}

@media screen and (max-width: 599px){
.s43-boat-img .column-right img{
width: calc(100% / 3) !important
}
}

/*フッター*/
/*SNSボタン設定*/

.s43-sns {
color: pink;
margin: 1em 0 0 0;
}

.s43-sns i {
margin-right: 0.3em;
}

.s43-sns i a{
margin-right: 0.3em;
}

/************　シーサーwp2のカスタマイズcssのコピーここから　************/

/*フロント固定ページのタイトルを非表示
.home.page .entry-title{
display: none;
}
*/
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .date-tags{
display: none;
margin-bottom: 1em;
}
/*投稿者名を非表示*/
.author-info{
display: none;
}

#header {
	padding:6px 3px;
}

/*
#header p {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0;
	line-height:150%;
}

@media screen and (min-width: 768px) {
#header {
	display:flex;
	max-width:1500px;
	margin:0 auto;
	padding:0 20px;
	align-items: center;
}

#header p {
	font-size:18px;
	margin:0 10px;
}

.header-in {
	line-height:100%;
}
}
*/

/*ロゴ画像の位置調整*/
/*pcヘッダーメニューのロゴを中央配置
.header-container-in.hlt-top-menu .site-name-text {
display: flex;
align-items: center;
justify-content: center;
}
*/

/*モバイルヘッダーメニューのロゴを中央配置*/
.logo-menu-button {
display: flex;
align-items: center;
justify-content: center;
padding:0 4px;
}

/*モバイルヘッダーメニューのボタンを中央配置*/
.mobile-header-menu-buttons .menu-button {
display: flex;
justify-content: center;
align-items: center;
}

@media screen and (max-width: 1023px){
.mobile-header-menu-buttons {
z-index: 1;
}
}

.mobile-menu-buttons .logo-menu-button {
display: flex;
justify-content: flex-start;
align-items: center;
}

.mobile-footer-menu-buttons .menu-button {
display: flex;
justify-content: center;
align-items: center;
}


/*PCグローバルナビを太字*/
.menu-header {
font-weight:bold;
}

.highlight{
font-weight:bold;
background-color:Yellow;
}

/*ボタン横並びレイアウト*/
/* 編集画面用 フレックスボタンの崩れ対策 */
.s43-btn-flex4 .block-editor-block-list__block {
width:100%;
}

.s43-btn-flex4 .wp-block-group__inner-container,
.s43-btn-flex5 .wp-block-group__inner-container {
display: flex;
flex-wrap: wrap;
/*justify-content: space-around;*/
}

.s43-btn-flex4 .wp-block-cocoon-blocks-button-1 {
margin-bottom: 1em;
width: calc(100% / 4);
}

.s43-btn-flex5 .wp-block-cocoon-blocks-button-1 {
margin-bottom: 1em;
width: calc(98% / 5);
}

/*834px以下*/
@media screen and (max-width: 834px){
.s43-btn-flex4 .wp-block-cocoon-blocks-button-1,
.s43-btn-flex5 .wp-block-cocoon-blocks-button-1 {
margin-bottom: 0.5em;
width: calc(96% / 2);
}
}

/*ボタン横並びレイアウト*/
.s43-btn-flex4s {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.s43-btn-flex4s .button-block {
margin-bottom: 1em;
width: calc(98% / 4);
}

/*834px以下*/
@media screen and (max-width: 834px){
.s43-btn-flex4s .button-block {
margin-bottom: 0.5em;
width: calc(96% / 2);
}
}

/*スマホでボタンを2カラムにする*/
.s43-sp-colmun2  {
justify-content: space-between!important;
}

.s43-sp-colmun2 .wp-block-column {
width: calc(95% / 2)!important;
flex-basis: auto!important;
flex-grow: 0;
}

/*スマホでボタンを3カラムにする*/
.s43-sp-colmun3  {
justify-content: space-between!important;
}

.s43-sp-colmun3 .wp-block-column {
width: calc(95% / 3)!important;
flex-basis: auto!important;
flex-grow: 0;
}

.s43-sp-colmun3 .btn-m, .btn-wrap.btn-wrap-m > a {
padding: 10px 0;
font-size: 16px;
width: 100%;
}

figcaption {
text-align: center;
}

/* ボタン横並び3列（グループ化が必要） */
.s43-btn-3mini .wp-block-group__inner-container {
display: flex;
justify-content: space-between;
}

.s43-btn-3mini .wp-block-cocoon-blocks-button-1.button-block {
width: calc(95% / 3) !important;
}

/* ギャラリーブロックでセンターに表示する */
@media screen and (min-width: 600px){
.s43-gallery-center,
.s43-gallery-center .blocks-gallery-grid {
justify-content: center;
}
}

/*youtube埋め込み用*/
.s43-youtube {
position: relative;
overflow: hidden;
}

.s43-youtube .video-container {
max-width:60%;
margin:0 auto;
}

/*834px以下*/
@media screen and (max-width: 834px){
.s43-youtube .video-container {
max-width:100%;
}
}
.video-container .video {
margin-top: 0;
}

.video-container, .instagram-container, .facebook-container {
margin: 0; 
}

.s43-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ギャラリー奇数の場合、最後を左寄せ */
/*480px以下*/
@media screen and (max-width: 480px){
.blocks-gallery-grid, .wp-block-gallery {
justify-content: space-between;
}

.blocks-gallery-grid .blocks-gallery-item {
margin: 0 0 1em 0!important;
flex-grow: unset!important;
flex-direction: unset!important;
width: calc(96% / 2)!important;
}
}


.s43-gallery-circle .blocks-gallery-item {
height: 30%;
border-radius: 50%;
overflow: hidden;
}

@media (min-width: 600px){
.s43-gallery-circle .blocks-gallery-item {
height: 75%;
border-radius: 50%;
overflow: hidden;
}
}

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

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

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