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

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

/************************************
■フォント

************************************/
.body{
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",
	"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Meiryo",
    serif;
}
/*　主にフォント　※まとめたらだめでした　*/
.article p{
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
	letter-spacing:1.8px;
}

/************************************
■背景透明化　全体
※ヘッダー等色消す場合はコクーン設定から変更する
※絶対消さない
************************************/
.header-container,.navi,.main,.sidebar,.footer{
	background-color: rgb(255 255 255 / 0%);
}

/************************************
■全体について

************************************/
/*　リンク(a)　下線非表示　*/
a,p{
	text-decoration: none;
}

/*　パンくず　背景　*/
.breadcrumb.sbp-main-before{
	background:transparent;
	font-size:10px;
	padding-left:20px;
}

/*　フレキシブルテーブル　背景透明　*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table.has-fixed-layout,table tr:nth-of-type(2n+1),.wp-block-flexible-table-block-table>table tr td  {
	background:transparent;
	border:solid transparent;
}

/*　コンタクト7　フォーム　背景透明　*/
table.CF7_table tr,.CF7_table th,.CF7_table td{
	border: 4px solid transparent;
	background-color:transparent;
	border-left: 2px solid transparent;
}

.table{
	border:solid 1px transparent;
}

/*　二回タイトルでてくるの削除　*/
.entry-title {
	display: none;
}

#blog-title{
	height:100px;
}

/*　ヘッダー下の余白調整　*/
#main{
	padding-top:0;
	padding-bottom:0;
}

#content {
	margin-top:0;
}

/*　最終これで整えた　*/
.entry-content{
	margin-top: -1px;
}

#post-25{
	margin-bottom:0px;
}

.entry-content.cf{
	margin-bottom:-30px;
}

/*更新のたびに消えてたヘッダーロゴ★モバイル*/
.mobile-menu-buttons .menu-button {
	display:inline-block;
}
.mobile-menu-buttons .menu-button {
  /*display: flex; これが入ってたらモバイルヘッダーロゴどっかいく7796ページぐらい*/
}

/*　ラベル文章　*/
.text-block{
	background: #DB7093;
	padding: 10px;
	margin:  30px;
	display: inline-block;
	color:white;
}

/*　全幅表示指定　*/
.full-wide-screen {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.full-wide-screen img{
    display: block;
    height: auto;
    width: 100%;
}

/*　トップのメイン画像全幅指定※変えない　*/
.full-wide-screen-top{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	height:800px;
}


@media screen and (max-width: 865px){
.full-wide-screen-top{
	height:500px;
	}
}
@media screen and (max-width: 540px){
.full-wide-screen-top{
	height:400px;
	}	
}

/****************************
■見出し

****************************/
/*　見出し　リセット　*/
.article h2,.article h3,.article h4,.article h5{
	background-color:transparent;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:none;
	padding:0px;
}
/*　■見出し2　*/
.article h2 {
	margin-bottom:0;
	letter-spacing:2px;
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
	font-size:85px;/*サイズ元々6.5vw*/
	font-weight:normal;
	color:rgb(162 101 118 / 60%)
}
@media screen and (max-width: 865px){
.article h2{
	font-size:60px;
	}
}
@media screen and (max-width: 480px){
.article h2{
	font-size:40px;
	}
}

/*　■見出し3　*/
.article h3 {
	font-weight:normal;
	letter-spacing:2px;
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
}

@media screen and (max-width: 540px){
.article h3{
	font-size:45px;
	}
}

/************************************
■問い合わせフォーム
　contact-form
************************************/

/*　■全体　*/
.contact-form th,td,tr{
	padding:30px;
	width:100%;
}

/*　■項目　左文字　*/
.contact-form th{
	width:30%;
	text-align:left;
}

/*　「必須」　*/
.CF7_req{
	font-size:1rem;
	padding-left:15px;
	color: #A23576;
}

/*　「任意」　非表示*/
.CF7_unreq{
	color: none;/*siro*/
}

/*　記入欄　枠　*/
.contact-form input,textarea {
	border: 1px solid rgb(223 195 203 / 30%);
	font-family:Yu Mincho,yu gothic,MS Mincho,meiriyo;
	font-size:16px;/*記入する側のサイズ*/
}

/*　記入欄　例文字　*/
.contact-form ::placeholder {
	color:#cac2bc;
	font-size:14px;	
	letter-spacing:1.8px;
	padding-left:10px;
}

@media screen and (max-width: 865px){
.contact-form th,td,tr{
	display: block;
	width: 100%;
	padding:0;
	}

.contact-form th{
	width: 100%;
	font-size:16px;
	}
	
.contact-form tr{
	margin-bottom:30px;
	}	
}

@media screen and (max-width: 540px){
.contact-form th{
	font-size:12px;
	}
	
.contact-form ::placeholder {
	font-size:10px;	
	}
}


/***********************************
■問い合わせ inquiry-table
お電話でのご依頼・お問い合わせはこちら
************************************/
.inquiry-table p{
	font-size:1rem;
	max-width:px;
}

.inquiry-table h3{
font-weight:500;
}

@media screen and (max-width: 540px){
.inquiry-table p{
	max-width:220px;
	font-size:10px;
	}
	
.inquiry-table h3{
	font-size:12px;
	}
}

/*　■ 電話番号 inquiry-tel　*/
.inquiry-tel {
	letter-spacing:1.8px;
	max-width:100%;
	font-size:40px;
	font-weight:450;
	text-align:center;
}

.inquiry-tel a{
	text-decoration:none;
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
	color:#666;
}

.inquiry-tel a:hover{
  	color:#a26576;
}

@media screen and (max-width: 540px) {
.inquiry-tel a{
 font-size:30px;
 max-width:300px; /*スマホで1列 */
	}
}

/***********************************
■問い合わせ　※は必要
　inquiry-txt
************************************/

.inquiry-txt p{
	font-weight:500;
	font-size:1rem;
	padding-left:2.5rem;
	padding-top:2rem;
}

@media screen and (max-width: 865px){
.inquiry-txt p {
	padding-left:2%;
	}
}

@media screen and (max-width: 540px){
.inquiry-txt p {
	font-size:12px;
	padding-left:5%;
	}
}
	
/************************************
■エントリーフォーム　
　entry-form
************************************/

/*　■全体　*/
.entry-form th,td,tr{
	padding:30px;
	width:100%;
}

/*　■項目　左文字　*/
.entry-form th{
	width:30%;
	text-align:left;
}

/*　「必須」　*/
.CF7_req{
	font-size:1rem;
	padding-left:15px;
	color: #A23576;
}

/*　「任意」　非表示*/
.CF7_unreq{
	color: none;/*siro*/
}

/*　記入欄　枠　*/
.entry-form input,textarea {
	border: 1px solid rgb(223 195 203 / 30%);
	font-family:Yu Mincho,yu gothic,MS Mincho,meiriyo;
	font-size:16px;/*記入する側のサイズ*/
}

/*　記入欄　例文字　*/
.entry-form ::placeholder {
	color:#cac2bc;
	font-size:14px;	
	letter-spacing:1.8px;
	padding-left:10px;
}

/*　記入欄　生年月日　*/
.wpcf7-date {
	color:#cac2bc;	
}

@media screen and (max-width: 865px){
.entry-form th,td,tr{
	display: block;
	width: 100%;
	padding:0;
	}

.entry-form th{
	width: 100%;
	font-size:16px;
	}
	
.entry-form tr{
	margin-bottom:30px;
	}	
}

@media screen and (max-width: 540px){
.entry-form th{
	font-size:12px;
	}
	
.entry-form ::placeholder {
	font-size:10px;	
	}
}


/************************************
■エラー表示

************************************/

/*　入力内容に問題があります　*/
.wpcf7-response-output{
	font-size:14px;
	font-family:Yu Mincho,yu gothic,MS Mincho,meiriyo;
}

/*　枠線　非表示　*/
.wpcf7 form.invalid .wpcf7-response-output{
	border-color: rgb(223 195 203 / 0%);
}

/*　未入力　*/
.wpcf7-not-valid-tip{
	color:#A26576;
}

/************************************
■エントリーボタン　募集概要

************************************/

/*　ボタン　全体　*/
.wp-block-buttons {
	background:#333;
	width:30%;
	padding:5px;
	margin:0 auto;
	margin-top:1.8rem;
	transition: all 0.3s;
	border-radius:5px;
}

.wp-block-buttons:hover {
	transform: translateY(2px);
}

@media screen and (max-width: 540px){
.wp-block-buttons{
	width:50%;
	}
}

/*　ボタン　中身　*/
.wp-block-button a{
	font-family:Yu Mincho,yu gothic,MS Mincho,meiriyo;
	letter-spacing:2px;
	background:transparent;
}

.wp-block-button a:hover{
	color:white;
}

/************************************
■ヘッダー
　（上）
************************************/
/*　■メニュー　マウスオーバー　*/
.navi-in > ul .menu-item-has-description > a:hover{
	color:#a26576;
	background:transparent;
}

/*　■メニュー　リンク（ul）　*/
.item-label{
	font-size:16px;
	font-weight:bold;
	letter-spacing:1.8px;
	}

/*　■メニュー　キャプション　*/
.sub-caption{
	font-size:10px;
	letter-spacing:2px;
	color:#a26576;
}

/*　■サイトロゴ　*/
.header-site-logo-image{
	margin:30px;
}

/*　865以下　名前違う　*/
.logo-menu-button a{
	padding:14px;
	margin-right:300px;
}

@media screen and (max-width: 540px){
.logo-menu-button a{
	margin-right:0;
	}
}


/***********************************
■ハンバーガー　メニュー

***********************************/

.mobile-menu-buttons .menu-caption{
	display:none;/*menu文字非表示*/
}

/*　■ハンバーガー　三本線　*/
.mobile-menu-buttons span {
	font-size:30px;
	margin-top:12px;/*位置調整*/
}

@media screen and (max-width: 540px){
.mobile-menu-buttons span {
	font-size:25px;
	margin-top:12px;
	}
}

/*　■モバイルヘッダー　背景色　*/
.mobile-menu-buttons {
	background:rgb(220 214 210 / 40%);
}


/***********************************
■スライドイン　メニュー

***********************************/

body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button{
	display:none;/*青の鉛筆アイコン非表示*/
}

/*　スライド　全体　*/
.navi-menu-content{
	left: auto;
	right: 0;/*右寄せ*/
	background-color: rgba(255,255,255,0.8);
	transform: translateX(101%);/*スライドしまう*/
}

/*　スライド　メニュー　*/
.menu-drawer a{
	color: #333;
	font-size: 14px;
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
	font-weight:500;
	letter-spacing:1.8px;
	border-bottom: solid 0.5px black;
	height: 4.5rem;
	padding-top:2em;/*高さ中央に調整*/
	padding-left:1rem;
}

.menu-drawer a:hover{
	color:#888;
	background:transparent;
}

@media screen and (max-width: 540px){
.menu-drawer a{
	font-size:14px;
	}
}

/*スライドメニューの✖ボタン*/
.fa-times{
	color:#333;
	transition: 0.5s;
}	
.fa-times:hover{
 transform: rotate(180deg);/*　回転　*/	
}


/************************************
■フッター
　（下）
************************************/
/*　■フッター　調整　*/

.footer {
  margin-top: 0px; /*フッターとコンテンツの間に余白追加*/
}

.footer-bottom {
  margin-top: 20px; /*フッター内上部の余白を詰める*/
}

/*　■　全体　*/
.footer-container{
	letter-spacing:1.3px;
	padding-top:50px;
	background:rgb(220 214 210 / 30%);
	font-family:Yu Mincho,Yu Gothic, Verdana, Meiryo,Meiryo UI,Yu Gothic UI,MS PGothic,Yu Gothic,MS Gothic,sans-serif;
}

.footer-title{/*　タイトル　非表示　*/
	display:none;
}

#footer a:hover{/*　マウスオーバー　*/
	color:#a26576;/*　フッター強すぎて全体にかかってしまってる名指しで変更できない　*/
	background:transparent;
}



/*　■　フッター　ナビメニュー　*/
.navi-footer-in a{
	transition: all 0.5s;
	font-size:12px
}

.navi-footer-in a:hover {
	transform: translateY(2px);
}
	
@media screen and (max-width: 545px) {
.navi-footer-in a{
	font-size:10px
}
}

/*　■　フッター　logo　*/
.footer-center img{
	width:50%;
}

@media screen and (max-width: 843px){
.footer-mobile img{
	width:50%;
	transition: all 0.5s;
	}
	
.footer-mobile img:hover{
	transform: scale(1.03);
	}			
}

@media screen and (max-width: 540px){
.footer-mobile img{
	width:70%;
	}
}

/*　■ 電話番号　*/
.footer-tel {
	max-width:100%;
	font-size:40px;
	font-weight:450;
}

.footer-tel a{
	text-decoration:none;
	color:#666;
	font-family:"Yu Mincho",
	"MS Mincho","MS明朝",serif;
}

@media screen and (max-width: 545px) {
.footer-tel {
 font-size:30px;
 max-width:400px; /*スマホで1列*/
	}
}

/*　■ 電話番号 アイコン　*/
.fa-phone{
	font-size:2.1rem;
	transition: all 0.5s;
}

.fa-phone:hover{
	transform: scale(1.1);
}

@media screen and (max-width: 545px) {
.fa-phone {
 font-size:1.5rem;
	}
}

/*　■ 住所　footer-adless　*/
@media screen and (max-width: 545px) {
.footer-adless{
	font-size:10px;
	}
}

/*　■ コピーライト　*/
.source-org.copyright {
	color: #999;
  font-size: 10px;
}

/*　■ メンバー　ナビ　色　*/
.nav-footer-jun a{
	color:#a26576;
	font-weight:400;
}


/***********************************
■プライバシーポリシー　全体

************************************/

.pp h3{
	font-size:1.1rem;
	font-weight:bold;
	border-left:2px solid;
	padding-left:10px;
	margin-top:3rem;
}

.pp h2{
	font-size:2rem;
	margin-bottom:4rem;
	margin-top:1rem;
	text-align:left;
}

/*【概要テーブル★モバイル540】*/
@media screen and (max-width: 540px){
	.pp h2{
		font-size:1.2rem;
	}
}

/***********************************
■会社概要テーブル gaiyo-table 
　フレックステーブル
************************************/
h2.company {
	text-align:left;
	margin-bottom:0;
}

.gaiyo-table{
	width:70%;
	margin:auto;
	position:relative;
	left:-20px;/*全体的に左へ*/
	top:50px;
	font-family:Yu Mincho;
}

/*　テーブル　行間　*/
.gaiyo-table th,td{
	padding:30px;
	background:transparent;
	border:0;
}

/*　左側の文字　*/
.gaiyo-table th{
	letter-spacing:0.5rem;	
	font-size:18px;
}

/*　右側の文字　*/
.gaiyo-table td{
	letter-spacing:2px;
	font-size:18px;
	font-weight:400;
}

@media screen and (max-width: 865px){
.gaiyo-table{
	width:80%;
 }
	
.gaiyo-table th{ /*上*/
	font-size:18px;
	padding-left:0;
 }	

.gaiyo-table td{ /*下*/
	font-size:18px;
 }
}

@media screen and (max-width: 540px){
.gaiyo-table{
	width:100%;
	top:-20px;
	left:0;
	}	
	
.gaiyo-table th{ /*上*/
	padding-left:20px;
	padding-bottom:0px;
	font-size:14px;
 }	

.gaiyo-table td{ /*下*/
	font-size:12px;
	max-width:350px;
	padding-left:20px;
	letter-spacing:0.5px;
 }		
}

/***********************************
■会社概要テーブル 背景　.back
************************************/

/*　背景　ずらす　*/
.back{
	background:rgb(220 214 210 / 20%);
	width:85%;
	height:115%;
	/*自由に動かす（下記で数値指定）*/
	position:absolute;
	top:0;
	/*背面へ*/
	z-index:-1;
}

@media screen and (max-width: 865px){
.back{
	position:absolute;
	width:100%;
	height:103%;/* 背景の長さ調整 */
	}
}

/*【概要テーブル★モバイル540】*/
@media screen and (max-width: 540px){
.back{/*背景*/
	top:-5px;
	/*背景の長さ調整*/
	height:100%;
	padding-bottom:0px;
	
	}

.table-gaiyo div p{/*文字*/
	font-size:12px;
	margin-left:10px;
	}
}	

/***********************************
■ホテルテキスト　.hotel-txt
■ホテルリンク .hotel-table
************************************/

.hotel-txt h2{
	font-size:50px;
	margin-bottom:10px;
}

.hotel-txt p{
	font-size:18px;
}

@media screen and (max-width: 865px){
.hotel-txt h2{
	font-size:40px;
}

.hotel-txt p{
	font-size:14px;
	}
}

@media screen and (max-width:540px){
.hotel-txt h2{
	font-size:20px;
}

.hotel-txt p{
	font-size:10px;
	}
}


.hotel-table a{
		transition: all 0.5s;
}

.hotel-table a:hover{
	color:#777;
	background:transparent;
}

@media screen and (max-width: 865px){
.hotel-table div{
 max-width:300px;
	text-align:center;
	}
}

/***********************************
■グーグルマップ 白黒 gmap
************************************/

/*【グーグマップ全体】*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 50%;
	position: relative;
	left:300px;
	bottom:-40px;
}

/*【グーグマップ】*/
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 90%;
	width: 70%;
}

/*【グーグマップ　色】*/
.gmap iframe,
.gmap object,
.gmap embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/*【グーグマップ全体★モバイル】*/
@media screen and (max-width: 865px){
.gmap {/* 地図位置 */
	height: 500px;
	margin:auto;
	overflow: hidden;
	position: relative;
	left:0px;
	top:60px;
}

.gmap iframe {/* 地図幅これでしかきかない */
	width: 100%;
	}
}

@media screen and (max-width: 540px){
.gmap {/* 地図位置 */
	height:400px;
	top:10px;
	}
}


/***********************************
■グーグルマップ コンテンツ下全体　footer-gmap
************************************/
.footer-gmap {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
	border:0;/* ここから下幅マックス*/
	margin-right:
	calc(50% - 50vw);
	margin-left: calc(50% - 50vw); 
	max-width: none; width: 100vw
}

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


@media screen and (max-width: 540px){
.footer-gmap {/* 地図位置 */
	height: 400px;
	top:10px;
	}
}

/* グーグルコンテンツ下部分隙間埋め */
.body .widget ,.content-bottom {
	margin-bottom:0;
}
/* これもはずさない隙間　*/
.content-top, .content-bottom{
	margin:0;
}



/*********************************
■ホーム　大切なパーティに華を
txtbox1（背景画像とテキスト）
**********************************/

.txtbox{
	margin-top:5rem;
}

.txtbox p{
	max-width:565px;
	font-weight:500;
	letter-spacing:1.5px;
}

.txt-1{
	font-size:30px;
}

/*【txtbox★モバイル865】*/
@media screen and (max-width: 865px){
.txtbox{
		margin:0;
	}	

.txtbox p{
	font-weight:400;
	}

.txt-1{
	font-size:3vw;
	}
}

/*【txtbox★モバイル540】*/
@media screen and (max-width: 540px){
.txtbox h3{
	margin-bottom: 20px;
}
	
.txt-1{
	font-size:16px;
	max-width:200px;
	}	
}

/***********************************
■ホーム レセプタントは接客のプロ
reseptant
************************************/

.reseptant h2{
	letter-spacing: 0.2rem;
	margin-bottom:0;
}

.reseptant{
	margin-top:5rem;
}

.txt-2{
	font-size:30px;
}

@media screen and (max-width: 865px){
.reseptant h2{
	margin:0;
}
	
.txt-2{
	font-size:18px;
	margin-left:0;
	}
}

@media screen and (max-width: 540px){
.reseptant h2{
	max-width:px;
	margin-bottom:0;
	margin-left:0;
}
	
.txt-2{
	font-size:12px;
}
	
.reseptant{
	margin-top:2rem;
	}
}

/***********************************
■ホーム レセプション+アテンダント
txtbox2(画像とテキスト)
************************************/
.txtbox2 {
	margin-left:21rem;
	max-width:100%;
}
	
.txtbox2 p{
	letter-spacing:1px;
	font-weight:500;
}

/*【txtbox2★モバイル865】*/
@media screen and (max-width: 865px){
.txtbox2{
	margin:0;
	}
}
	
/*【txtbox2★モバイル540】*/
@media screen and (max-width: 540px){
.txtbox2 p{
}
}


/*********************************
■ホーム 日本バンケット事業協同組合
txtbox3
**********************************/
/*　バンケット事業協同組合加盟　*/
.txt-3{
	font-size:2.5rem;
	}

@media screen and (max-width: 865px){
.txt-3{
	font-size:1.5rem;
	}
}

@media screen and (max-width: 540px){	
.txtbox3 h4{
	font-size:0.9rem;
	}
	
.txtbox3 h6{
max-width:250px;
	}

.txt-3{
	font-size:1rem;
	}
}

/***********************************
■ホーム service
************************************/
.service{
	margin-top:5rem;
}


.service h2{
	padding-bottom:2rem;
}








/***********************************
■リクルート recruit-text
************************************/

.recruit h3{
	padding-top:20px;
	font-weight:bold;
 }

.recruit img{
	padding:20px;
 }

.recruit-slider{
	max-width:70%;
	padding-bottom:20px;
}

/*【txtbox4★モバイル865】*/
@media screen and (max-width: 865px){
.recruit img{
	padding:0px;
 }
	
.recruit-slider{
	max-width:95%;
	}
}

/*【recruit★モバイル540】*/
@media screen and (max-width: 540px){
.recruit h3{
	font-size:10px;
	}	
	
.recruit p{
	font-size:10px;
	}		

.recruit img{
	padding:0px;
	}
	
.recruit-slider{
	max-width:100%;
	margin-bottom:200px;
	}
}

/***********************************
■投稿一覧　
************************************/

/*　タイトル　*/
.related-entry-card-title, .entry-card-title{
	margin:1.5rem;
	transition: all 0.3s;
}

.related-entry-card-title, .entry-card-title:hover{
	transform: translateY(2px);
}


/*　カテゴリー　ラベル　*/
.cat-label:hover{
	color:#888;
	transition: all 0.3s;
}

/*　画像とタイトル　*/
.list{
	margin:;
	margin-top:1.5rem;
	text-align:center;
}

.list :hover{
	background:transparent;
}

.list h2{
	letter-spacing:1.8px;
	font-family:Yu Mincho;
	font-weight:450;
}

/*　画像　見える範囲　*/
.list img{
	max-width:100%;
	height:;
}

@media screen and (max-width: 835px) {
.list img{
	max-width:%;
	height:px;
	}	
}

@media screen and (max-width: 560px) {
.list h2{
	font-size:16px;
	}
	
.list img{
	height:px;
	}	
}

/***********************************
■投稿記事　recruit-table
************************************/
.recruit-table{
	width:70%;
	margin:auto;
	font-family:Yu Mincho;
}

/*　テーブル　行間　*/
.recruit-table td{
	padding:30px;
}

/*　右側の文字　*/
.recruit-table td:nth-of-type(1n+2){
	letter-spacing:0.2rem;	
}

/*　左側の文字　*/
.recruit-table td:nth-of-type(2n+1){
	font-weight:500;
	letter-spacing:0.8rem;
	max-width:30%;
}

.recruit-table tr,.recruit-table tr:nth-of-type(2n+1){
	border-bottom:solid 2px rgb(223 195 203 / 30%);
}

@media screen and (max-width: 865px){
.recruit-table{
	width:95%;
 }
	
/*　左側の文字　*/
.recruit-table td:nth-of-type(2n+1){
	max-width:100%;
}	
	
.recruit-table td{
	padding:15px;
	}
}

@media screen and (max-width: 540px){
.recruit-table td{
	padding:7px;
	}	

.recruit-table td:nth-of-type(1n+2){
	letter-spacing:0.1rem;
	}	
}


/***********************************
■投稿記事　パンくずリスト
************************************/
/*　パンくず　非表示　
.breadcrumb.sbp-main-before{
	display:none;
}*/

.breadcrumb.sbp-main-before{
	margin-top:30px;
	max-width:57%;
	font-size:13px;
}

.breadcrumb.sbp-main-before:hover{
	color:#333;
}

/* 「ホーム」を消す */
#breadcrumb.breadcrumb .breadcrumb-home a span{
   font-size: 0px;
}
/* 「Home」を挿入 */
#breadcrumb.breadcrumb .breadcrumb-home a span::before{
   font-size: 13px;
   content: "TOP";
}

/* パンくずリストアイコンまとめて非表示(Font Awesome 5)*/
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file
{ display: none; }

@media screen and (max-width: 865px){
.breadcrumb.sbp-main-before{
	max-width:100%;
	}
}


/***********************************
■投稿記事　事務所移転 iten
************************************/
/*　港の中のグーグルマップ指定できた　*/
.gmap-minato>iframe{
	width:100%;
	height:500px;
}

@media screen and (max-width: 865px){
.gmap-minato>iframe{
	height:350px;
	}
	
.iten-text{
	max-width:80%;
	font-size:14px
	}		
}

@media screen and (max-width: 540px){
.gmap-minato>iframe{
	height:200px;
	}
	
.iten-text{
	max-width:100%;
	font-size:10px
	}		
}

/***********************************
■投稿記事　移転テーブル　iten-table
************************************/
.iten-table{
	width:50%;
	margin:auto;
	font-family:Yu Mincho;
}

/*　テーブル　行間　*/
.iten-table td{
	padding:10px;
}

/*　右側の文字　*/
.iten-table td:nth-of-type(1n+2){
	letter-spacing:0.1rem;	
}

/*　左側の文字　*/
.iten-table td:nth-of-type(2n+1){
	font-weight:500;
	letter-spacing:0.3rem;
	max-width:30%;
}

.iten-table tr,.iten-table tr:nth-of-type(2n+1){
	border-bottom:solid px rgb(223 195 203 / 30%);
}

@media screen and (max-width: 865px){
.iten-table{
	font-size:18px;
	width:80%;
}
	
/*　左側の文字　*/
.iten-table td:nth-of-type(2n+1){
	max-width:100%;
}	
	
.iten-table td{
	padding:5px;
	}
}

@media screen and (max-width: 540px){
.iten-table{
	font-size:14px;
	width:100%;
}	
	
.iten-table td{
	padding:1px;
	}	

.iten-table td:nth-of-type(1n+2){
	letter-spacing:1.8px;
	}	
}

/***********************************
■メンバー限定　
パスワード保護ページ
************************************/
.post-4945,.post-5044{
	margin:50px;
}

@media screen and (max-width: 540px){
.post-4945,.post-5044{
	margin:25px;
	}
}

/*　パスワード保護ページ
　　文字全体　　*/
.post-4945,.post-5044{
	padding-bottom:1rem;
}

/*　パスワード保護ページ
　　パス入力欄　　*/
.post-4945 input,.post-5044 input{
	width:150px;
}

/*　パスワード保護ページ
　　確定ボタン　　*/
input[type=submit]{
	width:50px;	
	border-radius: var(--cocoon-basic-border-radius);
}

@media screen and (max-width: 540px){
input[type=submit]{
	padding:8px;
	}
	
	.post-4945 input,.post-5044 input{
	width:100%;
}
	
	
}
/***********************************
■メンバー限定　
table-map
************************************/
.table-map h2{
	padding-top:3rem;
	margin-bottom:10px;
	font-size:1.8rem;
}

.table-map a{
	font-size:1rem;
	color:#333;
}

.table-map a:hover{
	color:#999;
}

/***********************************
■チーフ限定　
table-chief
************************************/
.table-chief h2{
	padding-top:3rem;
	margin-bottom:10px;
	font-size:1.8rem;
}

.table-chief a{
	font-size:1rem;
	color:#333;
}

.table-chief a:hover{
	color:#999;
}

/***********************************
■reCAPTCHAのロゴを非表示
************************************/
.grecaptcha-badge { visibility: hidden; }