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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
*, *::before, *::after {box-sizing: border-box;}
.date-tags, footer {display:none;}
body {background:#000000;}
#content {padding:0; margin:0; background:#000000; width:70%; float:left; }
#content-in {padding:0; margin:0; background:#000000; width:100%;}

/* ===== 404ページの設定 ===== */
body.error404 #header-container{display:none;}
body.error404 #sidebar{display:none;}
body.error404 #content {width:100%;}
body.error404 #main {margin:1% 20% 5%; padding:5vh; }
body.error404 #main h1 {color:#FFFFFF; font-family: "DotGothic16", sans-serif; font-weight:bold; letter-spacing:0.05em; text-align:center;}
body.error404 #main p {color:#FFFFFF; font-family: "DotGothic16", sans-serif; font-weight:bold; letter-spacing:0.05em; text-align:center;}
body.error404 #main .not-found {width:20%; text-align:center; padding:0; margin:30px auto; display:block;}

/* ===== カラム組み換えとサイドバー固定#F58220 ===== */
#header-container { width: 70%; }
.header-container-in {width:100%; }
#main { border-radius:0; width:100%; margin:0;}
#sidebar {background:#000000; width: 30%; height: 100vh; position: fixed; right: 0; top: 0; overflow: hidden; box-sizing: border-box; border-radius:0; }
.entry-title{padding:0; margin:0;}
/* ===== ここまで ===== */

#header-container {padding:1vh 3.5% 1vh;}
.header-container #header {width:20%;}
.header-container, #navi-in {background:#ededed;}
.header-container #navi-in ul { margin:0; padding:0;}
.header-container #navi-in ul li {padding:0; box-sizing: border-box;  width: calc(100% / 6);}
.header-container #navi-in .sub-menu li {width:100%;}
.header-container #navi-in ul li a{background:#000000; color:#FFFFFF; padding:0; font-size:1.3vw; font-weight:bold; font-family: "DotGothic16";}
.header-container #navi-in ul li a:hover{color:#a8a8a8;}
.header-container #navi-in .has-icon {display:none;}/* アングルダウンを消す */
#header-container #navi-in ul .sub-menu {background:#000000; border:solid 5px #FFFFFF; border-radius: 5px; padding:20px;}
.entry-content {margin:0; padding:0;}
#header-container, #content, #content-in, .main{background:transparent; }
.header-container-in {border:solid 5px #FFFFFF; border-radius:5px; background:#000000; box-shadow:5px 5px 0 #111111;}

.main {padding:0; }/* =====mainの隙間を全て消すpadding0===== */
#main {margin:1vh 5% 1vh; padding:5vh; background:#000000; border: solid 5px #FFFFFF; border-radius:5px;}

/* =====固定ページの共通設定===== */
.page main h1 {font-size: 8vh; background:transparent; font-family: "Reggae One"; text-align:center;}

/* =====投稿ページの共通設定===== */
body.single-post #main{background:#FFFFFF; color:#2E2E2E; }
body.single-post #main h1 {color:#1F2A44; padding:0; margin:0 0 50px 0; font-family: "RocknRoll One"; font-size:34px;}
body.single-post #main h2 {color:#7A2E1C; text-shadow:4px 4px #FFFFFF; padding:0; margin:50px 0 15px 0; border:none; background:transparent; font-size:26px;}
body.single-post #main h3 {color:#374151; text-shadow:3px 3px #FFFFFF; padding:0; margin:50px 0 15px 0; border:none; background:transparent; font-size:24px;}
body.single-post #main p {color:#2E2E2E; padding:0; margin:0 0 15px 0;}



/* =====サイドバーの設定===== */
#sidebar{padding:1vh; font-family: "DotGothic16"; font-weight:bold; box-sizing: border-box;}
#sidebar a{text-decoration:none; color:#FFFFFF; font-size:3.5vh;}
#sidebar li a{ position: relative; display: inline-block; padding-left: 1.2em;}
#sidebar li a::before{ content: "▶"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0;}
#sidebar li a:hover::before{ opacity: 1; animation: blink 0.7s steps(2, end) infinite; }
@keyframes blink{ 50%{ opacity: 0; } }

/* サービスボックス */ 
.yoko_service_box {height:38vh; padding:2vh 0 2vh 0.5vh; margin:0; margin-bottom:1vh; border: solid 5px #FFFFFF; border-radius:5px; box-sizing: border-box;}
.yoko_service_box ul {list-style:none; padding:0; margin:0;}
.yoko_service_box ul li {height:8.5vh; }

/* ネタ広場 */ 
.yoko_neta_box {height:38vh; padding:0; margin:0; margin-bottom:1vh; border: solid 5px #FFFFFF; border-radius:5px; box-sizing: border-box;}
.yoko_neta_box_header {height: 100%; width:20%; float:left; display: flex; justify-content: center; align-items: center; padding:0; margin:0; box-sizing: border-box;}
.yoko_neta_box_header span {writing-mode: vertical-rl; color:#FFFFFF; letter-spacing:0.1em; }
.yoko_neta_box_list {height: 100%; width:80%; float:right; padding:0; margin:0; border-left:dashed 2px #FFFFFF; }
.yoko_neta_box_list ul {list-style:none; padding:0; }
.yoko_neta_box_list ul li {height:9.0vh; border-bottom:dashed 2px #FFFFFF; padding-left:0.5vh; }
.yoko_neta_box_list ul li:last-child { border-bottom:none;}
.yoko_neta_box_list ul li a {line-height:9.0vh; color:#FFFFFF; }

/* サイドバーのメニュー */ 
.yoko_menu_box {height:20vh; background:#000000; border: solid 5px #FFFFFF; padding:2vh 0 2vh 4vh; border-radius:5px; padding:2vh;}
.yoko_menu_box ul {list-style:none; padding:0; }
.yoko_menu_box ul li {width:50%; float:left; height:8vh; }


/* =====トップページの設定===== */
.home #main {padding:0; border:none;}
/* トップページだけ黒色の背景にする設定 */
body.home {background-image:none; background:#000000;　}

/* トップページのバトルフィールド画像 */
.battle_field {display:flex; align-items: flex-end; width:100%; text-align:center; padding:10% 10% 3% 10%; position: relative;}
.battle_field_monster {float:left; width:23%; margin-right:2%;}
.battle_field_monster:last-child {margin-right:0;}
.battle_field_monster:last-child img{width:100%;}

/* モンスター画像を消す設定 */
.battle_field_monster:nth-child(1) { animation: blinkAndHide 1s linear 7s forwards; }
.battle_field_monster:nth-child(2) { animation: blinkAndHide 1s linear 1s forwards; }
.battle_field_monster:nth-child(3) { animation: blinkAndHide 1s linear 5s forwards; }
.battle_field_monster:nth-child(4) { animation: blinkAndHide 1s linear 3s forwards; }

/* 点滅2回 → 非表示 */
@keyframes blinkAndHide { 0%{ opacity: 1; } 12.5%{ opacity: 0; }  25%{ opacity: 1; } 37.5%{ opacity: 0; }  50%{ opacity: 1; } 100%{ opacity: 0; }}
/* モンスター消滅後のメッセージ */
.battle_field_message{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; visibility: hidden; color:#FFFFFF; font-size:3.5vh; font-weight:bold; font-family: "DotGothic16"; width:100%;
animation: battleMessage 5s ease forwards; animation-delay: 8.5s;}
@keyframes battleMessage {0%{opacity: 0; visibility: visible;} 10%{opacity: 1;} 90%{opacity: 1;} 100%{opacity: 0; visibility: hidden;}}
/* モンスター消滅後のメッセージその2 */
.battle_field_message_2{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; visibility: hidden; color:#FFFFFF; font-size:3.5vh; font-weight:bold; font-family: "DotGothic16"; width:100%;
animation: battleMessage_02 50s ease forwards; animation-delay: 13.5s;}
@keyframes battleMessage_02 {0%{opacity: 0; visibility: visible;} 10%{opacity: 1;} 90%{opacity: 1;} 100%{opacity: 0; visibility: hidden;}}

/* カセットの設定 */
.cassette_box_oowaku {vertical-align:top;}
a .cassette_box {text-decoration:none; box-sizing: border-box;}
.cassette_box {height:33vh; width:32.0%; margin-right:2%; float:left; margin-top:0; margin-bottom:2vh; }
a:nth-of-type(3n) .cassette_box {margin-right:0;}
.cassette_box_color {height:28vh;  padding:2.5vh 6% 4.0vh 6%; box-shadow:5px 5px 0 #000000; border:solid 5px #FFFFFF; border-radius:5px; box-sizing: border-box;}
.cassette_header {font-size:3.5vh; line-height:3.5vh; margin-bottom:1.0vh; font-weight:bold; font-family: "DotGothic16"; color:#FFFFFF; text-shadow:3px 3px 0 #000; }
.cassette_box_inner {background: #FFFFFF; width:100%; padding:2vh; height:17vh; border-radius:5px; }
.cassette_gazou {width:30%; height:13vh; padding-right:10px; float:left;}
.cassette_gazou img {width:100%; height:auto; display:block;}
.cassette_text {width:70%; height:13vh; padding-top:1vh; float:right; line-height:1.2; font-size:2.5vh; font-family: "DotGothic16"; color:#000000;}
.cassette_kubomi {height:5vh; margin:0 6% 0; box-shadow:5px 5px 0 #000000; position: relative; top: -5px; border:solid 5px #FFFFFF; border-top:none; border-radius:5px;}
/* カセットの設定（5番目のメッセージボックス） */
.cassette_box:nth-child(5) {height:33vh; width:66.0%; margin-right:0%; float:right; }
.cassette_box:nth-child(5) .cassette_box_color {height:33vh; padding:1.5vh 6% 0 6%; border:solid 5px #FEFEFE; border-radius:5px; background: #000000; color:#FFFFFF; overflow-y: auto; font-family: "DotGothic16", sans-serif; font-weight:bold; letter-spacing:0.05em;}

/* カセットのカラー設定2カ所まとめて設定している */
a:nth-of-type(1) .cassette_box_color, a:nth-of-type(1) .cassette_kubomi { background: #000000; }
a:nth-of-type(2) .cassette_box_color, a:nth-of-type(2) .cassette_kubomi { background: #000000; }
a:nth-of-type(3) .cassette_box_color, a:nth-of-type(3) .cassette_kubomi { background: #000000; }
a:nth-of-type(4) .cassette_box_color, a:nth-of-type(4) .cassette_kubomi { background: #000000; }

/* カセットを押すと下がる設定（5番目のメッセージボックス） */
.cassette_box_color { transition: transform 10ms ease;}
.cassette_box_color:active { transform: translateY(10px);}
.cassette_box:nth-child(5) .cassette_box_color { transition: none; }/* 5番目は下がらない設定 */
.cassette_box:nth-child(5) .cassette_box_color { transform: none; }/* 5番目は下がらない設定 */

/* ===トップページの設定はここまで=== */


/* =====ウミガメ問題ページの設定===== */
.postid-557 .date-tags {display:none;}
body.single-post.postid-557 {font-family: "RocknRoll One"; font-weight:normal; background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://parallelworker.com/wp-content/uploads/2026/01/field_bg.webp"); background-position: top; background-size: 100% auto; background-repeat: repeat-y; }
body.single-post.postid-557 #main {background:#000000;}
body.single-post.postid-557 #main .umigame_caution {background:#FFEDB3; padding:5%; margin-bottom:5vh;}
body.single-post.postid-557 #main .umigame_caution_header {margin-bottom:2vh; color:#FF0000; text-align:center; font-size:3.5vh;}
body.single-post.postid-557 #main .umigame_caution span { color:#008000; }
body.single-post.postid-557 #main .umigame_caution p {padding:0; margin:0;}
body.single-post.postid-557 #main .ue_gazo_umigameh2 {padding:0; margin:0; width:20%; height:auto; margin-left:5%;}

body.single-post.postid-557 #main .umigame_box {background:#FFFFFF; color:#000000; box-shadow: 10px 10px 0 #898989; padding:50px 50px 40px 50px; margin:0 10% 50px 10%;}
body.single-post.postid-557 #main h1{background:#000000; text-align:center; color:#FFFFFF; font-size:34px; font-family: "RocknRoll One"; font-weight:normal; margin-bottom:5vh;}
body.single-post.postid-557 #main h2 {margin:0 0 5vh 0; padding:1vh 0 1vh 1vh; border: solid 5px #FFFFFF; background:#000000; color:#FFFFFF; border-radius:5px; text-shadow:none; font-size:32px;}
body.single-post.postid-557 #main h3 {color:#000000; border-radius:5px; text-shadow:none; margin:10px 0 30px 0; font-size:30px; text-align:center;}
body.single-post.postid-557 #main h3.umigame_number span {display:block; }
body.single-post.postid-557 #main p {color:#000000; margin:0; padding:0;}
body.single-post.postid-557 #main .umigame_mondaibun {font-weight:bold; margin-bottom:30px;}
body.single-post.postid-557 #main .umigame_explanation p {color:#FFFFFF;}
body.single-post.postid-557 #main .umigame_explanation blockquote p {color:#000000;}
body.single-post.postid-557 #main .umigame_explanation  blockquote {background:#FFEDB3; margin-top:30px;}
body.single-post.postid-557 #main .umigame_explanation p {color:#FFFFFF;}

/*【ウミガメ問題】ヒントと回答ボタンの開閉*/
.umigame_kotae_hidden_box { margin: 2em 0; padding: 0;}
.umigame_kotae_hidden_box label { padding: 15px; margin:0 auto; font-weight: bold; border: solid 2px black; cursor :pointer; display:block; text-align:center; width:50%; box-shadow: 5px 5px 0 #898989;}
.umigame_kotae_hidden_box label:hover { background: #efefef;}
.umigame_kotae_hidden_box input {display: none;}
.umigame_kotae_hidden_box .umigame_kotae_hidden_show {height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
.umigame_kotae_hidden_box input:checked ~ .umigame_kotae_hidden_show {padding: 30px 0 10px; height: auto; opacity: 1;}
.umigame_kotae_hidden_box label::after { content: "▼"; margin-left: 3px; }
.umigame_kotae_hidden_box:has(input:checked) label::after { content: "▲"; }
/* ===ここまで=== */

/* =====クイズ・謎解き制作ページの設定===== */
body.page-id-447 {background:#000000;}
.page-id-447 #main {padding:5vh 10vh; background: radial-gradient(circle at center, #fdf6cb 0%, #d5bd9b 100%);}
.page-id-447 #main h1 {color:#6a5c4f; margin-bottom:5vw; text-shadow:0.5vh 0.5vh 0 #FFFFFF;}
.quiz_sakusei_uegazo {width:30%; text-align:center; margin:0 auto 10vh;  filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.6));}
.quiz_sakusei_topbox {border-top:solid 5px #6a5c4f; border-bottom:solid 5px #6a5c4f; padding:2vh 5vh; margin:0 0 5vh 0; border-radius:5px;}
.quiz_sakusei_topbox p{margin:0; padding:0; color:#6a5c4f; font-weight:bold;}
.quiz_sakusei_youtobox {background:#FEFEFE; padding:0; margin:0 0 10vh 0; border:solid 5px #6a5c4f; border-radius:5px;}
.quiz_sakusei_youtobox ul {margin:2vh 0; font-weight:bold; color:#6a5c4f;}
h2.quiz_sakusei_youtobox_header {background:#6a5c4f; color:#fae984; margin:0; padding:0; padding:1vh 0 1vh 2vh; border-radius:0;}
h2.quiz_sakusei_merit {background:#6a5c4f; color:#fae984; margin:0 0 2vh 0; padding:1vh 0 1vh 3vh; border-radius:20px;}
.quiz_sakusei_merit_box {padding:2vh 5vh;}
/* ===ここまで=== */

/* =====ホームページ＆オウンドメディア制作ページの設定===== */
body.page-id-444 {background:#000000; font-family: serif;}
.page-id-444 #main {background-image: url("https://parallelworker.com/wp-content/uploads/2026/01/webseisaku_main_bg.webp"), url("https://parallelworker.com/wp-content/uploads/2026/01/webseisaku_main_bg_sita.webp"); background-repeat: no-repeat, no-repeat; background-size: 100% auto, 100% auto; background-position: center top, center bottom;}
.page-id-444 #main h1 {color:#FFFFFF; margin:50px 20% 50px; filter: drop-shadow(0px 0px 5px #FFFFFF);}
.webseisaku_topbox {padding:30px 10%; margin:0 0 50px 0;}
.webseisaku_topbox p {color:#FFFFFF; margin:0; padding:0; font-weight:bold;}
h2.webseisaku_nouki {margin:0; border-radius:0; color:#FFFFFF; background:transparent; padding:15px 0 15px 0; text-align:center; margin:0 10%; border:none;}
.webseisaku_nouki { background: linear-gradient(90deg,#081934,#1d3c80,#081934); color:#FFFFFF; border: solid 1px #b8a579; padding:50px; margin:0 10% 30px;}
.webseisaku_hiyou {background:radial-gradient(circle at center, #c09f54 0%, #b8974e 100%); color:#FFFFFF; padding:50px; margin:0 10% 50px;}
.webseisaku_hiyou h2 {background:transparent; color:#2B2B2B; margin:0 0 30px; padding:0; border-radius:0; text-align:center; font-size:3vw; text-shadow:1px 1px 0 #FFFFFF;}
.webseisaku_hiyou h3 {background:transparent; color:#FFFFFF; margin:0 0 30px; padding:0; border-radius:0; text-align:center; border:none;}
.webseisaku_kinou {color:#FFFFFF; border: 1px solid #0c3057; background-color: rgba(12,48,87,0.4); padding:50px; margin:0 10% 30px;}
h2.webseisaku_kinou {margin:0; border-radius:0; color:#FFFFFF; background:#0c3057; padding:15px 0 15px 15px; margin:0 10%;}
.webseisaku_okotowari {color:#FFFFFF; border: 1px solid #FF0000; background-color: rgba(255,0,0,0.2); padding:50px; margin:0 10% 30px;}
h2.webseisaku_okotowari {margin:0; border-radius:0; color:#FFFFFF; background:transparent; padding:15px 0 15px 0; text-align:center; margin:0 10%; border:none;}
.webseisaku_okigaruni {color:#FFFFFF; background-color: rgba(0, 0, 0, 0.5); padding:50px; margin:0 10% 50px; text-shadow: 0px 0px 5px #000000;}
.webseisaku_okigaruni h2 {background:transparent; color:#FFFFFF; margin:0 0 30px; padding:0; border-radius:0; text-align:center;}
/* ===ここまで=== */

/* =====TikTok運用代行ページの設定===== */
body.page-id-361 {background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://parallelworker.com/wp-content/uploads/2026/01/field_bg.webp"); background-position: top; background-size: 100% auto; background-repeat: repeat-y;}
.page-id-361 #main {background:transparent; border:none; padding:10px 0 10px;}
.page-id-361 main h1 {margin:0 auto 0 auto; border:solid 5px #FFFFFF; font-size:3.5vw; line-height:5.5vw; height:5.5vw padding:0; transform:translateY(50%); position: relative; z-index: 2; text-align:center; width:80%; background-color:#000000; font-family: "DotGothic16"; color:#FFFFFF;  border-radius:5px;}
.tiktok_top_gazo {display:flex; border:solid 5px #FFFFFF; padding:0; margin:0 0 100px 0; border-radius:5px; box-shadow:10px 10px 0 #111111;}
.tiktok_top_gazo img{width:100%; height:auto;}
.tiktok_intro_area {background-color:#ede3a9; border:solid 5px #735c17; color:#211d18; font-weight:bold; padding:50px; margin:0 0 100px; border-radius:5px;}
.tiktok_intro_area p {margin:0; padding:0; }
.tiktok_use_box {background-color: rgba(0, 0, 0, 0.9); padding:50px; margin:0 0 100px 0; border:solid 5px #FFFFFF; border-radius:5px;}
h2.tiktok_use_box_title {padding:0; margin:0 0 30px 0; color:#FE2C55; font-family: "Reggae One"; background:transparent; text-align:center; font-size:4vw; text-shadow:1px 1px  #FFFFFF; font-weight:normal;}
h3.tiktok_use_box_list_header {padding:0; margin:0 0 20px 0; color:	#25F4EE; font-family: "Reggae One"; background:transparent; font-size:2vw; text-shadow:1px 1px  #FFFFFF; border:none;}
.tiktok_use_box_gazo {width:30%; text-align:center; margin:0 auto 50px;  filter: drop-shadow(0 10px 0 rgba(0,0,0,0.45));}
.tiktok_use_box p {color:#FFFFFF;}
.tiktok_merit_box {padding:80px 10%; margin:0 0 100px 0; background-image: url("https://parallelworker.com/wp-content/uploads/2026/01/tiktok_youhisi.webp");
background-size: contain; background-size: 100% 100%; background-position: top center; background-repeat: no-repeat;}
h2.tiktok_merit_box_title {padding:0; margin:0 0 50px 0; color:#1F2A44; font-family: "Reggae One"; background:transparent; text-align:center; font-size:2.6vw; text-shadow:3px 3px #FFFFFF;}
h3.tiktok_merit_box_list_header {padding:0; margin:30px 0 15px 0; color:#7A2E1C; font-family: "Reggae One"; background:transparent; font-size:2.0vw; text-shadow:1px 1px  #FFFFFF; border:none;}
.tiktok_merit_box p {color:#3B2A1A; margin:0; padding:0;}
.tiktok_service_box {background:#FFFFFF; border:solid 5px #000000; padding:50px; margin:0 0 100px 0; border-radius:5px;}
h2.tiktok_service_box_title {padding:1vw 0; margin:0 0 50px 0; color:#FFFFFF; background:#967923; text-align:center; font-size:2.5vw; line-height:3vw; border:solid 1px #b4a76b; border-radius:5px;}
h3.tiktok_service_box_list_header {padding:0; margin:0 0 10px 0; color:#080808; background:transparent; font-size:2vw; border:none;}
.tiktok_service_box p{color:#353535;}
.tiktok_pr_box {background: radial-gradient(circle at center, rgb(195, 74, 77) 0%, rgb(69, 23, 23) 100%); border:solid 5px #caa94b; padding:50px; margin:0 0 100px 0; border-radius:5px;}
h2.tiktok_pr_box_title {padding:0; margin:0 0 50px 0; color:#FFE27A; font-family: "Reggae One"; background:transparent; text-align:center; font-size:2.6vw; text-shadow:3px 3px #000000; font-weight:normal;}
.tiktok_pr_box_gazo {width:15%; text-align:center; margin:0 auto 50px; filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.5));}
.tiktok_pr_box p {color:#FFF6E0;}
.tiktok_keiyaku_box {background: linear-gradient(to right, #f5f0e6 0%, #f0ebe4 50%, #f5f0e6 100%); border:solid 5px #caa94b; padding:50px; margin:0 0 100px ; border-radius:5px;}
h2.tiktok_keiyaku_box_title{background: linear-gradient(to right, #04739e 0%, #097faf 50%, #04739e 100%);padding:1vw 0; margin:0 0 50px 0; color:#FFFFFF; text-align:center; font-size:2vw; line-height:3vw; border:solid 1px #135d8e; border-radius:5px;}
h3.tiktok_keiyaku_box_list_header {padding:0; margin:0 0 10px 0; color:#080808; background:transparent; font-size:1.7vw; color:#3c3831; border:none;}
/* ===TikTokここまで=== */

/* =====お問い合わせフォームの設定の設定===== */
.page-id-15 main h1 {font-family:serif; color:#FFFFFF; margin-bottom:50px;}
.page-id-15 p {font-family:serif; color:#FFFFFF; margin:0 0 15px 0; padding:0;}
.otoiawase_form {margin:0; padding:0; }
.otoiawase_form iframe {width:100%; height:700px; }
.to_otoiawase a{border:solid 5px; border-radius:5px; padding:5px; color:#FFFFFF; background:#FF0000; display:block; width:80%; margin:5px auto; text-decoration:none; text-align:center; font-family: "DotGothic16"; font-weight:bold; font-size:5vh; box-shadow: 5px 5px 0#898989;}/* ボタン */
body.single-post .to_otoiawase a{box-shadow: 5px 0 0 #898989, -5px 0 0 #898989, 0 5px 0 #898989, 0 -5px 0 #898989; }


/* ===ここまで=== */

/* =====プロフィールの設定===== */
body.page-id-42 {background:#000000;}
.page-id-42 #header-container {display:none;}
.page-id-42 #main { padding:0; border:none;}
.page-id-42 #main h1 {margin:0 0 50px 0; padding:50px; font-size:5vh; line-height:1.4; color:#FFFFFF; font-family: "DotGothic16"; font-weight:normal; width:100%; border:solid 5px #FFFFFF; text-align:left; border-radius:5px;}
.profile_pic {width:30%; text-align:center; margin:0 auto 50px;}
.profile_keireki {padding:50px; font-size:5vh; line-height:1.4; color:#FFFFFF; font-family: "DotGothic16"; width:100%; border:solid 5px #FFFFFF; text-align:left; border-radius:5px;}
.profile_keireki p {margin:0; padding:0;}
.profile_pic { transform-origin: bottom center; transform: translateY(50px) rotateX(90deg); opacity: 0; animation: riseUp 0.8s ease-out forwards; animation-delay: 0.7s; }/* 起き上がる設定 */
@keyframes riseUp { to { transform: translateY(0) rotateX(0deg); opacity: 1;} }/* 起き上がる設定 */
/* ===ここまで=== */

/* =====実績紹介WORKSの設定===== */
.page-id-681 #main { padding:0; border:none;}
body.page-id-681 {background:#000000;}
.page-id-681 #main h1 {margin:50px auto 30px auto; padding:10px; font-size:5vh; line-height:1.4; color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold; width:60%; border:solid 5px #FFFFFF; text-align:center; border-radius:5px;}
.works_box {padding:30px 30px; font-size:5vh; line-height:1.4; color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold; width:100%; border:solid 5px #FFFFFF; text-align:left; border-radius:5px;}
.works_box ul li {font-family: "DotGothic16"; font-weight:bold;}
.works_box ul {margin:0; }
/* ===ここまで=== */

/* =====動画の企画・脚本の設定===== */
.page-id-441 #main {background: radial-gradient(ellipse at center, #F3E3B3 0%, #E2C98A 45%, #C7A35D 70%, #8F6B2D 100%);
border: 5px solid; border-image: linear-gradient(to bottom, #4A2E14 0%, #7A4B1F 20%, #C9A45A 50%, #7A4B1F 80%, #3A220F 100%) 1;}
.page-id-441 #main .kikaku_ul_box {padding:10px 10px 10px 5px; margin:0 0 50px 0; background: #fbf4e3; border: 2px solid #c9b487;　box-shadow:inset 0 0 0 1px #efe4c9, inset 0 0 6px rgba(0,0,0,0.08); } 
.page-id-441 #main .kikaku_pr .kikaku_ul_box {margin-top:30px; margin-bottom:15px;}
.page-id-441 #main .kikaku_service .kikaku_ul_box { margin-bottom:15px;}

.page-id-441 #main ul {margin:0; }
.page-id-441 #main ul li{color:#3b2a12; margin:0; font-weight:bold;}
.page-id-441 #main p {margin:0; padding:0; color:#3b2a12;}
.page-id-441 main h1 {margin:0 0 50px 0; padding: 20px 32px; text-align: center; font-size: 28px; font-weight: bold; letter-spacing: 0.1em; color: #f5e6b8;　background: linear-gradient(to bottom, #7a2e1c 0%, #8f3a22 45%, #6b2416 100% ); border: 4px solid #c8a45d; border-radius: 6px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.3),  0 4px 8px rgba(0, 0, 0, 0.4); background:linear-gradient(#7b1f1a,#4c0f0c);}
.page-id-441 #main .kikaku_toptext {font-weight:bold;}
.kikaku_toptext, .kikaku_service, .kikaku_nayami, .kikaku_pr, .kikaku_who {margin:0 0 100px 0; padding:0 10% 50px 10%; background:#f3e6c8; border:3px solid #7b5a2e; border-radius:8px; box-shadow:inset 0 0 0 2px #d6c29a,inset 0 0 12px rgba(0,0,0,0.15); } 
.kikaku_toptext {padding:30px;}
.kikaku_service h2, .kikaku_nayami h2, .kikaku_pr h2, .kikaku_who h2 {position: relative; transform: translateY(-50%); display:flex;  border:3px solid #7b5a2e; border-radius:10px; box-shadow:0 2px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25); color:#f6e6b8; font-weight:700; letter-spacing:.06em; text-shadow:0 2px 0 rgba(0,0,0,.45); margin-bottom:30px; padding:0.65em; text-align:center; justify-content:center; gap:.6em; }
.kikaku_service h2 {background:linear-gradient(180deg,#2b4f7a 0%,#1a3352 100%); background-color:#1a3352;}
.kikaku_nayami h2 {background:linear-gradient(180deg,#2f6b3f 0%,#1f4d2c 100%); background-color:#2f6b3f;}
.kikaku_pr h2 {background:linear-gradient(#7b1f1a,#4c0f0c);}
.kikaku_who h2 {background:linear-gradient(180deg,#6a4c8c 0%,#4a2f66 50%,#2e1b3f 100%); background-color:#3b2a4a;}
/* ===ここまで=== */

/* =====ブログ投稿ページの設定===== */
body.blog #main {border:none; padding:0;}
body.blog .main::before{ content: "ブログ"; font-size: 4.0vw; line-height:5.5vw; display: block; width: 50%; margin: 30px auto 30px; border-radius:5px; color: #fff; font-family: "DotGothic16"; font-weight: bold; text-align: center; box-sizing: border-box; }
a.entry-card-wrap:hover {background-color: initial;  color: initial;}
#list .entry-card-wrap {padding:3%; border:solid 5px #FFFFFF; border-radius:5px;}
#list .entry-card-wrap h2.entry-card-title {color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold; }
#list .entry-card-wrap .entry-card-snippet {color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold;}
#list .entry-card-wrap .post-date {color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold; }
#list .entry-card-wrap .cat-label {display:none;}
#list .entry-card-wrap .entry-card-thumb { width: 250px;}
#list .entry-card-wrap .entry-card-content { margin-left: 260px;}
/* ===ここまで=== */


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
#content {padding:0; margin:0; width:100%; float:left; }
#content-in {padding:0; margin:0; }
#sidebar a{font-size:3.0vh; }	
/* ===== カラム組み換えとサイドバー固定#F58220 ===== */
#header-container { width: 100%; padding:1vh; }
.header-container-in { box-shadow:none;}
#main{ margin: 1vh; width: calc(100% - 2vh); padding:5vh 3vh 5vh;}
#sidebar {width: 100%; height:auto; position: static; border-left:0; margin:0; padding:1vh;}
/* ===== ここまで ===== */

#header-container-in {padding:6px 0; }
#header-container .logo a { width:auto;	display: inline-block; padding:0;}
header h1 .site-name-text {background:#000000;}
.logo-header img.site-logo-image { display: none;}
	
/* ===== 404ページの設定 ===== */
body.error404 #content {width:100%;}
body.error404 #main {margin:1% 3% 5%; padding:15px; }
body.error404 #main .not-found {width:20%; text-align:center; padding:0; margin:30px auto; display:block;}

/* ロゴリンクをテキスト表示用に調整 */
.logo-header .site-name-text { display: inline-block; font-size: 28px; font-weight: bold; color: #FFF; line-height: 1.2; font-family: "DotGothic16";}
.logo-header .site-name-text::before { content: "ゆうすけ"; }

#header-container #navi-in {background:#000000; }
#header-container .navi-in > ul{ display: flex !important; text-align: left; justify-content: flex-start; text-align: left; }
#header-container #header {width:100%;}

#header-container #navi-in ul li {padding:0; box-sizing: border-box; width:50%; height:9vw; margin-bottom:3px;}
#header-container #navi-in ul .sub-menu {width:80vw; margin:20px 0 0 5vw; background:#000000; border:solid 5px #FFFFFF; border-radius: 5px; padding:20px 10px;}
#header-container #navi-in ul .sub-menu li{width:100%; margin-bottom:5px; }
#header-container #navi-in ul li a{ font-size:5vw; line-height:5vw; display: flex; align-items: center; margin:0; width: auto;}
#header-container #navi-in ul li a:hover{ color:#FF0000; }

#header-container #navi-in ul a{ position: relative; display: inline-block; padding-left: 1.2em;}
#header-container #navi-in ul a::before{ content: "▶"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0;}
#header-container #navi-in ul a:hover::before{ opacity: 1; animation: blink 0.7s steps(2, end) infinite; }
@keyframes blink{ 50%{ opacity: 0; } }
#header-container #navi-in ul li:nth-child(5) a::before{content: none;}

/* =====投稿ページの共通設定===== */
body.single-post #main {margin: 1vh auto; padding:5vh 4vw 5vh; border-radius:30px;}
body.single-post #main h1 {padding:0; margin:0 0 50px 0; font-size:26px;}
body.single-post #main h2 {padding:0; margin:50px 0 15px 0; font-size:22px;}
body.single-post #main h3 {padding:0; margin:50px 0 15px 0; font-size:19px;}
body.single-post #main p {padding:0; margin:0 0 15px 0;}
body.single-post #content {background:#FFFFFF; border-radius:30px; margin-top:15px;}


/* ===== トップページの設定 ===== */
.battle_field_message{ font-size:3.2vh; }
.battle_field {padding:10% 2% 3% 2%; }
	
.cassette_box_oowaku {display: flex; flex-direction: column; box-sizing: border-box;}
.cassette_box_oowaku > .cassette_box:nth-child(5) {order: -4; float:left:; width:100%; margin-bottom:20px;}
.cassette_box {width:49%; margin-bottom:10px; }
a:nth-of-type(1n) .cassette_box {margin-right:2%;}
a:nth-of-type(3n) .cassette_box {margin-right:2%;}
a:nth-of-type(2n) .cassette_box {margin-right:0;}
a:nth-of-type(4n) .cassette_box {margin-right:0;}
/* =====トップページの設定はここまで===== */
	
/*【ウミガメ問題】*/
body.single-post.postid-557 #main {margin: 1vh; padding:5vh 3vh 5vh; border-radius:5px;}
body.single-post.postid-557 #main .umigame_box {box-shadow: 5px 5px 0 #898989; padding:20px 20px 10px 20px; margin:0 0 50px 0;}
body.single-post.postid-557 #main h1{ font-size:7.8vw; margin:0 0 5vh 0; padding:0;}
body.single-post.postid-557 #main h2 {margin:0 0 5vh 0; padding:1vh 0 1vh 1vh; font-size:7.7vw;}
body.single-post.postid-557 #main h3 {margin:10px 0 30px 0; font-size:7.6vw; line-height:1.0;}
body.single-post.postid-557 #main h3 span{margin:10px 0 30px 0; font-size:7.0vw; line-height:1.0;}
body.single-post.postid-557 #content {background:transparent; border-radius:0; margin-top:0;}
/* ===ここまで=== */

	
/* =====クイズ・謎解き制作ページの設定===== */
.page-id-447 #main {padding:5vh 3vh; background: radial-gradient(circle at center, #fdf6cb 0%, #d5bd9b 100%);}
.page-id-447 #main h1 {font-size:5vh; margin-bottom:7vw; text-shadow:0.5vh 0.5vh 0 #FFFFFF;}
.quiz_sakusei_uegazo {margin:0 auto 7vh; }
.quiz_sakusei_topbox {padding:2vh 3vh; margin:0 0 7vh 0; }
.quiz_sakusei_merit_box {padding:2vh 3vh;}
/* ===ここまで=== */

/* =====ホームページ＆オウンドメディア制作ページの設定===== */
.page-id-444 #main h1 {margin:10px 10% 25px;}
.webseisaku_topbox {padding:30px 2%; margin:0 0 20px 0;}
.webseisaku_nouki {padding:10px 15px; margin:0 2% 30px;}
.webseisaku_hiyou {padding:10px 15px; margin:0 2% 30px;}
.webseisaku_kinou {padding:10px 15px; margin:0 2% 30px;}
.webseisaku_okotowari {padding:10px 15px; margin:0 2% 30px;}
.webseisaku_okigaruni {padding:10px 15px; margin:0 2% 30px;}
h2.webseisaku_kinou {padding:10px 0 10px 15px; margin:0 2%;}
.webseisaku_hiyou h2 {margin:0 0 30px; padding:30px 0 0 0; font-size:6.5vw;}
/* ===ここまで=== */	

/* =====TikTok運用代行ページの設定===== */
.page-id-361 main h1 {font-size:7vw; line-height:7vw; padding:3vw 0;}
.tiktok_top_gazo {margin:0 0 50px 0; }
.tiktok_intro_area {padding:30px 6%; margin:0 0 50px 0; }
.tiktok_use_box {padding:30px 5%; margin:0 0 50px 0; }
h2.tiktok_use_box_title {font-size:8vw; }
h3.tiktok_use_box_list_header {font-size:6vw; margin:0 0 15px 0;}
.tiktok_use_box_gazo {width:30%; margin:0 auto 30px;}
.tiktok_merit_box {padding:50px 7%; margin:0 0 50px 0;}
h2.tiktok_merit_box_title {font-size:8vw; margin:0 0 40px 0;}
h3.tiktok_merit_box_list_header {padding:0; font-size:6.0vw; margin:30px 0 15px 0;}
.tiktok_service_box {padding:30px 5%; margin:0 0 50px 0; }
h2.tiktok_service_box_title {padding:1vw 0; margin:0 0 30px 0; font-size:6.5vw; line-height:8.5vw;}
h3.tiktok_service_box_list_header {font-size:5.5vw; border:none;}
.tiktok_pr_box {padding:30px 5%; margin:0 0 50px 0; }
.tiktok_pr_box_gazo {width:15%; text-align:center; margin:0 auto 30px; }
h2.tiktok_pr_box_title {font-size:6.5vw; margin:0 0 30px 0; }
.tiktok_keiyaku_box {padding:30px 5%; margin:0 0 50px 0; }
h2.tiktok_keiyaku_box_title{ font-size:6.5vw; line-height:6.5vw; line-height:8.5vw;}
h3.tiktok_keiyaku_box_list_header {font-size:5.5vw; }
/* ===ここまで=== */

/* =====プロフィールの設定===== */
.page-id-42 #main h1 {margin:0 0 50px 0; padding:20px; font-size:3vh; line-height:1.4; font-weight:bold; }
.profile_pic {width:40%; text-align:center; margin:0 auto 50px;}
.profile_keireki {padding:20px; font-size:3vh; font-weight:bold; line-height:1.5; }
/* ===ここまで=== */

/* =====実績紹介WORKSの設定===== */
.page-id-681 #main h1 {margin:50px auto 20px auto; padding:5px; font-size:7vw; line-height:1.4; color:#FFFFFF; font-family: "DotGothic16"; font-weight:bold; width:60%; border:solid 5px #FFFFFF; text-align:center; border-radius:5px;}
.works_box {padding:10px 10px; font-size:5.5vw; line-height:1.4; }


/* =====お問い合わせフォームの設定の設定===== */
.page-id-15 main h1 {font-family:serif; color:#FFFFFF; margin-bottom:30px; font-size:5vh;}
.otoiawase_form iframe {width:100%; height:800px; }
.to_otoiawase a{padding:3px; width:90%; margin:10px auto; font-size:4vh; }/* ボタン */
	
/* =====動画の企画・脚本の設定===== */
.page-id-441 #main {padding:5vh 3% 5vh;}
.page-id-441 main h1 {font-size:7vw;}
.page-id-441 #main .kikaku_ul_box {padding:10px 10px 10px 5px; margin:0 0 30px 0;}
.kikaku_toptext, .kikaku_service, .kikaku_nayami, .kikaku_pr, .kikaku_who {margin:0 0 100px 0; padding:0 6% 30px 6%; } 
.kikaku_toptext {padding:30px;}
.page-id-441 #main .kikaku_pr h2 {margin-bottom:0;}
.page-id-441 #main .kikaku_pr .kikaku_ul_box {margin-top:15px; margin-bottom:15px;}
.kikaku_service h2, .kikaku_nayami h2, .kikaku_pr h2, .kikaku_who h2 {margin-bottom:10px; font-size:5.6vw;}
	
/* =====ブログ投稿ページの設定===== */
body.blog .main::before{ font-size: 8.0vw; line-height:1.0; margin: 30px auto 30px; }
#list .entry-card-wrap .entry-card-thumb { width: 90px;}
#list .entry-card-wrap .entry-card-content { margin-left: 100px;}
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.cassette_box {width:100%; margin-right:0; margin-bottom:10px; }

}

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