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

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

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

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

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

/***********カスタム内容**************/


/*まさたかの追記 -start- */

/************************************
** グローバルナビゲーションCSS
************************************/
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration: none;}a:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}
nav ol,nav ul{list-style:none;}
/***********フロントページ専用ナビ設定内容**************/
.home .global{margin:0 auto;padding:1% 5% 1%;background:rgba(0, 0, 0, 0.8)}
.home .global .global__nav li a{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1;border:1px solid #fff;color:#fff;font-weight:700;font-family:"Teko", sans-serif;font-weight:300;font-size:3.0vw;letter-spacing:0.125rem;flex-shrink:0;text-align:center;text-decoration: none;}
/***********ブログページ専用ナビ設定内容**************/
.global{margin:0 auto;padding:1% 5% 1%;background:rgba(0, 0, 0, 0.2)}@media (max-width:400px){.global{display:none}
.global.active{display:flex;width:100%;height:100vh;overflow:scroll;position:fixed;top:0;left:0;background:rgba(153, 153, 153, 0.9);animation:fade-in 0.3s ease-in 0s forwards}}.global .global__nav{display:flex;align-items:center;padding:1.0vw 0}@media (max-width:400px){.global .global__nav{flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;height:100%;padding:1.0rem}}
.global .global__nav li{width:calc(100% / 6 - 1.6vw);margin:0 0.8vw;flex-shrink:0}@media (max-width:400px){.global .global__nav li{width:calc(100% / 2 - 0.9375rem);margin:0.46875rem}}
.global .global__nav li a{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1;border:1px solid #000;color:#000;font-weight:700;font-family:"Teko", sans-serif;font-weight:300;font-size:3.0vw;letter-spacing:0.125rem;flex-shrink:0;text-align:center;text-decoration: none;}.global .global__nav li a:hover{text-decoration:none;background:rgba(255, 255, 255, 0.5);color:#ff6600}.global .global__nav li a:hover .nav-hover{display:block;font-size:0.75rem}.global .global__nav li a:hover .nav-nohover{display:none}.global .global__nav li a .nav-hover{display:none}

/*****
 * メニュー項目数量設定
 * calc(100% / 6 - 1.25rem)
 * 
******/

/*****背景画像iPhoneフルスクリーン対策******/

body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:150vw;
background:url(https://www.yuujinsha.com/blog/wp-content/uploads/2024/05/blog_backimage-scaled.jpg) center no-repeat;
background-size:cover;
}


/*****メニュー透明化******/

#navi.navi.cf {background:rgba(255, 255, 255, 0.5);}

/*****ヘッダー透明化******/
.header-container {
background-color: transparent;
}

/*****記事背景透明化******/

#main.main {background:rgba(255, 255, 255, 0.5)}

/*****サイドバー背景透明化******/

#sidebar.sidebar.nwa.cf {background:rgba(255, 255, 255, 0.3)}

.widget-sidebar-title.widget-title {background:rgba(255, 255, 255, 0.5)}
.widget-sidebar-title.widget-title::before {margin-left:10px;}

/*****blog_work CSS******/

.home .article table{
	margin-bottom: 0.5em;
}


table#b_work{
    width: 100%;
	border:none;
}

table#b_work td, th, tr {
	text-align:left;
}

table#b_work td {
	width:100px;
}

table#b_work th {
}

.b_work{
padding:0;
border:none;
font-weight:normal;
background: transparent;
}

.b_work_title{
background:rgba(0, 0, 0, 0.03);
font-size:1.0em;
font-weight:900;
font-family: serif;
}

.b_work_title_s{
background:rgba(0, 0, 0, 0.03);
font-size:0.9em;
font-weight:900;
font-family: serif;
}

.b_work_text{
	font-size: 1.5vh;
	font-family:sans-serif;
	font-weight:normal;
	padding:0px 0.5em;
	line-height: 1.5;
    background:rgba(0, 0, 0, 0.03);
}

.b_local{
	padding-left:0.5em;
	font-size: 0.6em;
	
}



/****フッターロゴ サイズ指定CSS******/
.footer-bottom-logo img {
    height:auto;
	width:50%;
	vertical-align: baseline;
}

/*****モバイル用ヘッダー透明化 CSS******/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  background-color: transparent;
}

/****投稿ページ用 CSS******/



/****フロントページ用 調整CSS******/

.home h1 {
	font-size:14px;
	font-weight:normal;
	text-align:right;
}

.home .article h2 ::before{
    content: none;
    font-size: 1.1em;
    display: inline-block;
    position: relative;
    font-weight: normal;
    font-family: inherit;
    transform: rotateZ(0);
    background: transparent;
}

/*h2カスタム別にフロントページに追加CSSあり*/


.home .article h3{
	font-size: 1.0em;
	padding:0.3vh;
	border-left:none;
}


.home .article h3::before {
    content: none;
}

.home .article h4{
	font-size: 1.8vh;
	font-family:sans-serif;
	font-weight:normal;
	padding:0px 0.5em;
	line-height: 1.2;
	border-left:none;
}

.home .article h4::before {
    content: none;
}

/*****旅お好きですか？スライドショー部******/

.home .n2-padding {
	padding-bottom:15px;
}


/*****f_about CSS******/

table#f_about{
    width: 100%;
}

table#f_about td, th, tr {
	text-align:right;
	background:rgba(0, 0, 0, 0.03);	
}

table#f_about td {
	width:100px;
}

.home .f_about{
border: 0px;
font-weight:normal;
}

.home .f_about_name{
border: 0px;
font-size:1.1em;
font-weight:900;
color:#000;
text-align:right;
padding-right:1.5vh;
}

.home .name{
	font-size: 0.6em;
}


/*****f_work CSS******/

table#f_work{
    width: 100%;
}

table#f_work td, th, tr {
	text-align:left;
	border: none;
}

table#f_work td {
	width:100px;
}

table#f_work th {
border-color:#fff;
border-width : 10px;
}

.f_work{
padding:0;
font-weight:normal;
}

.f_work_title{
background:rgba(0, 0, 0, 0.03);
font-size:1.1em;
font-weight:900;
font-family: serif;
}

.f_work_title_s{
background:rgba(0, 0, 0, 0.03);
font-size:0.8em;
font-weight:900;
font-family: serif;
}


.f_work_text{
	border: 0px;
    background-color: #fff;
	font-size: 1.8vh;
	font-family:sans-serif;
	font-weight:normal;
	padding:0px 0.5em;
	line-height: 1.2;
	border-left:none;
}

.local{
	padding-left:1em;
	font-size: 0.7em;
}

/*******ヘッダー（タイトル)設定********/

/*フロントページのヘッダー（タイトル)背景色設定*/
.home #header {
    background:rgba(0, 0, 0, 0.8)!important;
}

.home .logo-text {
	padding : 0px;
}

.home .site-name-text {
	color : #fff!important;
}

.home .tagline {
	color : #fff!important;
}


/****固定ページ用 調整CSS******/

/*h3 Class CSS*/

/*834幅以下の場合*/
@media screen and (max-width: 834px){
.page .article h3{
	font-size: 0.5em;
    font-weight:300;
    font-family:"Teko","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	padding: 0;
	margin-bottom: 0.5em
	}
}

.page .article h3{
	font-size: 1.1em;
    font-weight:300;
    font-family:"Teko","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	padding: 0.1vh 0rem;
    margin-left:2vw;
}

.page .article h4{
	font-size: 1em;
    font-weight:300;
    font-family:"Teko","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.page .article h5{
	font-size: 1em;
    font-weight:400;
    font-family:"Teko","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


.page .article_list li{
list-style-type: none;
}



.page .article_list h4{
	padding:0 2rem;	
	margin-left:4vw;
}

.page .article_list h5{
	padding:0 2rem;
	margin-left:1vw;
}

/*ヘッダー（タイトル)文字大きさ*/

/*834幅以下の場合*/
@media screen and (max-width: 834px){
#header .site-name-text {
		font-size:10px;
	}
#header .tagline {
	font-size:10px;
	font-family: serif;
    margin:0 1em;}
}


/*834幅以上の場合*/
.site-name-text {
	font-size:14px;
	    font-family: serif;
}

.tagline {
	font-size:12px;
	font-family: serif;
	margin:0 1em;}


/*ヘッダー（タイトル)高さ調節*/

#header {
	height:6vh;
/*	background:rgba(0, 0, 0, 0.2);*/
}

/*余白設定*/
.logo-text {
	padding : 0px;
}

.content {
	padding:0px 20px;
}

.main {
	padding:30px 20px 0px;
}




/****フロント＆固定ページ用 調整CSS******/


/*固定ページエントリータイトルの表示非表示*/
.page .entry-title {
font-family: serif;
font-size:23px;
	text-align:right;
	margin-top:0px;
	margin-right:20px;
}

/*フロントページエントリータイトルの表示非表示*/
.home .entry-title {
	display:none !important;
}



/*ナビ下余白調整*/
.home.page .content {
	margin-top: 19px;
}

/*ナビ下余白調整*/
.home.page .main {
	padding-top: 0px;
        width: 100%;
    }

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page :root{
  --box-shadow: 0 ;
}

/*フロント固定ページのリンク下線削除*/
.home.page .content a{
	text-decoration: none;
}


/*ナビ下部余白*/

.fz-18px {
    font-size: 18px;
}


/*固定ページのサイドバー非表示*/
.page .sidebar{
  display: none;
}


/*事務所概要流れのテーブルCSS*/
/* TABLE */

table.flow {
    width: 800px;
	table-layout:fixed;
	border-spacing: 0;
	cellspacing: 0;
	cellpadding: 0;
}

.flow th {
    padding: 5px;
	width: 120px;
	text-align: center;
	background-color:#333;
    font-size:13px;
	color:#CCC;
}


.flow th.contents {
	width: 300px;
	text-align: center;
	background-color:#003567;
    font-size:10px;
	color:#CCC;
}

.flow th.pay {
	width: 120px;
	text-align: center;
	background-color:#003567;
    font-size:10px;
	color:#CCC;
}



.flow th.stage {
    padding: 5px;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color:#333;
    font-size:11px;
	color:#CCC;
}

.flow th.green {
    padding: 5px;
	width: 120px;
	text-align: center;
	background-color:#486a00;
    font-size:13px;
	color:#fff;
}

.flow th.st_green {
    padding: 5px;
	width: 50px;
	text-align: center;
	background-color:#486a00;
    font-size:11px;
	color:#fff;
}


.flow th.blue {
    padding: 5px;
	height: 50px;
	width: 120px;
	text-align: center;
	background-color:#556fb5;
    font-size:13px;
	color:#fff;
}

.flow th.st_blue {
    padding: 5px;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color:#556fb5;
    font-size:11px;
	color:#fff;
}

.flow th.red {
    padding: 5px;
	height: 50px;
	width: 120px;
	text-align: center;
	background-color:#b13a31;
    font-size:13px;
	color:#fff;
}

.flow th.st_red {
    padding: 5px;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color:#b13a31;
    font-size:11px;
	color:#fff;
}


.no {
	font-size:16px;
	font-weight:bold;
}

.flow td {
    padding: 3px;
    background-color:#eee;
    text-align: left;
	font-size:12px;
}

.flow td.next {
	padding: 0px;
    text-align: center;
	background-color:#fff;
	font-size:5px;
	border-spacing: 0px;
}

.flow td.cost {
    text-align: center;
	background-color:#fff;
	font-size:12px;
	border-spacing: 0px;
}

.flow td.spc {
	width: 20px;
	background-color:#fff;
	font-size:5px;
	border-spacing: 0px;
}

.flow li {
	list-style-type:square;
	marker-offset: 2em;
	margin: 0px 20px;
	padding: 0;
}

/*まさたかの追記 -end- */