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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{display: none;}
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
.page-id-2 .article-header .date-tags {display: none;}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info, .author-info{display: none;}
/* サイト名非表示 */
.page-id-2 .content {margin-top: 0px;}
.page-id-2 .logo-text, .page-id-2 .header-in {display: none;}
.page-id-2 .main {padding: 0px 29px;}
/* 固定ページの日付非表示 */
.page .date-tags {display: none;}
/*  */
/*  */
/* Video設定/背景設定 */
body{overflow-x: hidden;background: fixed repeat url(//suncha.net/wp-content/uploads/2026/01/bg02.gif);}
/*  */
/*  */
div.vid_contents {width: 100%;text-align: center;margin: auto;padding: 0;background: transparent;background-attachment:fixed;}
video.vid_main {width: 100%;max-width: 4000px;}
/*
@media screen and (max-width: 834px){
video.vid_main {width: 150%;max-width: 800px;
transform: translateX(-20%);}
}
*/
/*  */
#header-container, #navi, #content-in, #main, #footer {background: transparent;}
/*  */
/* parallax */
.parallax {min-height:450px;margin: 0 calc(50% - 50vw);width: 100vw;background-position: center bottom;background-repeat: no-repeat;
background-attachment:fixed;background-size:cover;}
.parallax.bg-00 {background-image:url(//suncha.net/wp-content/uploads/2026/01/sld02.jpg);}
.parallax.bg-01 {background-image:url(//suncha.net/wp-content/uploads/2026/01/bg022.jpg);}
.parallax.bg-02 {background-image:url(//suncha.net/wp-content/uploads/2026/01/bg03.jpg);}
/*  */
/* 補足 */
.hosoku {margin-left: 10px;padding-left: 10px;margin-bottom: 15px;font-size: .85em;border-left: #ad8fc7 2px solid;line-height: 1.2em;display: block;}
/* 特商法 */
table.toku1:not(.has-border-color) :where(th, td) {border: 1px solid #b3aeae;}
table.toku1 tr:nth-of-type(2n+1) {background-color: #fafbfc54;}/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* 見出し */
/* オーロララグジュアリー */
.article h1 {position: relative;font-size: 2.4em;font-weight: 600;padding: 10px 10px;margin: 40px 0;text-align: center;color: #421949;letter-spacing: 0.1em;}
.article h1::before {content: "";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 250px;height: 4px;background: linear-gradient(90deg, transparent 0%, #ff9a56 20%, #c77dff 50%, #5b1a8c 80%, transparent 100%);box-shadow: 0 0 15px rgba(199, 125, 255, 0.5);}
/*
.article h1::after {
content: "✦";
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
color: #c77dff;
font-size: 0.5em;
filter: drop-shadow(0 0 8px rgba(199, 125, 255, 0.6));
}
*/
.article h2 {background:none;position: relative;font-size: 1.6em;font-weight: 600;padding: 15px 15px 15px 0;margin: 15px 0;color: #421949;letter-spacing: 0.06em;}
.article h2::before {content: "\f185";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 20px;color: #421949;filter: drop-shadow(0 2px 8px rgba(139, 74, 188, 0.3));}
.article h2::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #421949 0%, #694f7c 50%, rgba(199, 125, 255, 0.2) 100%);}
.article h3 {border:none;position: relative;font-size: 1.3em;font-weight: 600;padding: 15px 10px 10px 0;margin: 10px 0;color: #421949;letter-spacing: 0.05em;border-bottom: 2px solid transparent;border-image: linear-gradient(90deg, #421949, rgba(199, 125, 255, 0.3)) 1;}
.article h3::before {content: "\f186";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 15px;color: #421949;font-size: 0.8em;filter: drop-shadow(0 2px 6px rgba(155, 90, 204, 0.4));}
.article h4 {border:none;position: relative;font-size: 1.1em;font-weight: 600;padding: 10px 15px 10px 0;margin: 10px 0;color: #421949;letter-spacing: 0.05em;border-bottom: 2px dotted rgba(139, 74, 188, 0.3);}
.article h4::before {content: "\f1bb";font-family: "Font Awesome 5 Free";font-weight: 600;margin-right: 15px;color: #421949;font-size: 0.7em;}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/* Menu */
.fixed-header {
box-shadow: none;
}
/* Mobile Menu */
/* モバイルヘッダーボタン */
.mobile-header-menu-buttons {display: flex;bottom: auto;top: 0;}
.header-container-in.hlt-top-menu,#navi-in{display:none;}
.mobile-header-menu-buttons {box-shadow:none;background-color:transparent;position:top;z-index:1;}
.search-edit{background-color:transparent;}
.mobile-menu-buttons .menu-button > a {display:none;}
.scrollable-mobile-buttons{margin-top: 0;}
/*ハンバーガーメニューの文字を消す*/
span.navi-menu-caption.menu-caption {display: none;}
span.navi-menu-icon {font-size: 1.6em;}
span.search-menu-icon.menu-icon {font-size: 1.2em;padding-top: 8px;}
.logo-menu-button {font-size: 1.4em;letter-spacing:8px;}
.logo-menu-button.menu-button > a{font-weight:500;/* display:none; */}
/*検索の文字を消す*/
span.search-menu-caption.menu-caption {display: none;}
span.search-menu-icon {font-size: 1.2em;color: #aaa;}
.search-menu-button.menu-button {display:none;}
/* ハンバーガ */
.mobile-menu-buttons .menu-button {height: 70px;}
.fa-bars:before {font-size:1.8em;color:#b38f91;font-weight:600;content:"";content:url(https://suncha.net/wp-content/uploads/2026/01/mb_btn0.png);padding-top:15px;padding-left:5px;}
/* 開いたメニューの調整 */
.menu-content {max-width: 45%;
background: fixed repeat url(//suncha.net/wp-content/uploads/2026/01/bg02.gif);
/* background-image: linear-gradient(90deg, rgba(249, 236, 249, 1), rgba(240, 253, 255, 1)); */
overflow-y: scroll;
/*スクロールバー非表示（IE・Edge）*/
-ms-overflow-style: none;
/*スクロールバー非表示（Firefox）*/
scrollbar-width: none;}
.menu-drawer a {color: #63015f;}
.menu-close-button {font-size: 1.6em;color: #63015f;}
.menu-drawer a:hover {background-color: rgba(240, 253, 255, 1);}
/*  */
/* arrowup */
.go-to-top-button {background-color: #48014b;color: #ffffff;}
/* SNS */
/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
justify-content: center; /*中央に寄せる*/
flex-wrap: wrap; /*折り返す*/
}
/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
width: 40px; /*横幅*/
height: 40px; /*高さ*/
margin-right: 4px; /*右側の余白*/
margin-left: 4px; /*左側の余白*/
border-radius: 50%; /*丸み*/
}
/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
border-radius: 50%; /*丸み*/
}
/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
font-size: 18px; /*アイコンの大きさ*/
}
/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
font-size: 24px; /*アイコンの大きさ*/
}
/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
display: none; /*非表示*/
}
/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
right: -2px; /*右側からの距離*/
bottom: -2px; /*下側からの距離*/
padding: 2px; /*内側の余白*/
font-size: 10px; /*文字の大きさ*/
border: solid 1px; /*線*/
border-radius: 3px; /*丸み*/
background-color: inherit; /*背景色*/
}
/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
padding: 0; /*内側の余白*/
border: 0; /*線*/
}
#container .sns-buttons a{
background-color: transparent; /*背景色*/
color: #63015f; /*文字色*/
border: 0;
}
/*  */
.wpcf7 form.sent .wpcf7-response-output {
    border: 3px double #b44646;
    padding: 8px;
    font-size: 1.2em;
    font-weight: 700;
    color: #b44646;
    background-color: #fef0ff;
}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
.inview.fadeup {
	opacity: 0;
	transition-duration: 1.5s;
	transform: translateY(15px);
}
.inview.fadeup.active {
	opacity: 1;
	transform: translateY(0px);
}
.inview.fadedown {
	opacity: 0;
	transition-duration: 1.5s;
	transform: translateY(-15px);
}
.inview.fadedown.active {
	opacity: 1;
	transform: translateY(0px);
}
.inview.fadeleft {
	opacity: 0;
	transition-duration: 1.5s;
	transform: translateX(-15px);
}
.inview.fadeleft.active {
	opacity: 1;
	transform: translateX(0px);
}
.inview.faderight {
	opacity: 0;
	transition-duration: 1.5s;
	transform: translateX(15px);
}
.inview.faderight.active {
	opacity: 1;
	transform: translateX(0px);
}
.delay01 {
	transition-delay: .5s;
}
.delay02 {
	transition-delay: .6s;
}
.delay03 {
	transition-delay: .9s;
}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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