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

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


#media-bnr:hover{
	opacity:0.8;
}

.card-thumb img{
	width:auto;
}
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background-color: #fff;
}





/*=======================================================
お知らせ
=========================================================*/
.category-news-post h1{
	color: #000;
   text-align: center;
   margin-top: 1em;
   padding-bottom: 10px;
   border-bottom: 1px dotted #ccc;
}
.category-news-post .entry-content{
	background: #f7f7f7;
   padding: 26px 26px 6px 26px;
}



/*=======================================================
バーチャルレストラン
=========================================================*/
.page-id-506 h1{
	color:#000;
	text-align:center;
	font-size: 34px;
}
.page-id-506 h2{
	font-size:30px;
	text-align:center;
	border-top: 3px solid #000 !important;
	border-bottom: 1px solid #6e6e6e !important;
	margin-top: 4em;
}
.kadai_wrap{
	width:80%;
	margin:auto;
	text-align:center;
}
.kadai_wrap figcaption{
	font-size:18px;
}
.reason_wrap{
	background: #ffbf00;
	padding: 0px 26px 20px;
}
.reason_wrap h3{
	font-size:26px;
	margin-bottom:12px;
	padding-top: 20px;
}
#reason01:before {
	content: "01.";
	font-size:36px;
	font-family: Hiragino Kaku Gothic StdN;
}
#reason02:before {
	content: "02.";
	font-size:36px;
	font-family: Hiragino Kaku Gothic StdN;
}
#reason03:before {
	content: "03.";
	font-size:36px;
	font-family: Hiragino Kaku Gothic StdN;
}
#kc-01{
	font-size:50px;
	font-weight:bold;
	text-align:center;
}
#kc-01 span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#sankaku-img img ,
#sarani-img img{
	width:350px;
}
#kc-02{
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
#kc-02 span{
	font-size:70px;
	line-height: 64px;
	background: linear-gradient(transparent 60%, #ff8c66 60%);
}
.merit_wrap .column-left ,
.merit_wrap .column-center ,
.merit_wrap .column-right{
    padding: 20px;
    border: 3px solid #ffbf00;
    border-radius: 10px;
    width: 30%;
    margin: 2% !important;
}
.merit_wrap figcaption{
	font-size: 22px;
	font-weight: bold;
}
.merit_wrap .wp-block-image{
	margin-bottom:0;
}
.shikumi-txt{
    width: 50%;
    margin: auto;
    padding-left: 9%;
}
#post-542 h2{
	text-align:center;
}



/*=======================================================
全体
=========================================================*/
/* 見出し */
.type-page h1.entry-title {
    border-left: none !important;
}
.article h2 {
    border-bottom: 1px solid #e9e9e9;
    border-radius:0;
    background:none;
}
/* 関連記事見出し */
.related-entry-heading{
	color:#000;
}
.related-entry-heading:before{
	color: #000;
}


/*=======================================================
ヘッダー
=========================================================*/
#header-container{
	border-bottom:3px solid #000;
}
#menu-menu .item-label:hover{
	color:#656565;
}


/*=======================================================
サイドバー
=========================================================*/
/* 問い合わせウィジェット */
#side_contact{
    clear: both;
    background: #FDFDFD;
    border: 1px solid #eee;
    padding: 20px 10px;
    margin-bottom: 2em;
    text-align: center;
    line-height: 3em;
}


/*=======================================================
フッター
=========================================================*/
.go-to-top-button{
	background: #000;
}
#footer_link{
	font-size:14px;
}
#footer_link a{
	text-decoration:none;
	margin-right: 10px;
}


/*=======================================================
トップページ
=========================================================*/
/* 日付削除 */
.post-13 .date-tags{
    display:none;
}
/* スライダー */
#metaslider-id-127{
	margin-top:-10px;
}
/* ビジョン */
.vision_more:hover{
	opacity:0.7;
}
/* お知らせ欄 */
.new-entry-cards .display-none{
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.display-none .new-entry-card-post-date{
	display: block;
}
.new-entry-card-update-date {
	display: none;
}
.new-entry-card-thumb{
	display:none;
}
.new-entry-card .new-entry-card-content{
	margin-left:0;
}
.border-partition a:first-of-type  {
    border-top: 1px dotted #aaa;
}
.border-partition a {
    border-bottom: 1px dotted #aaa;
}
/* アピールエリア */
.appeal-content .appeal-button {
    background-color: initial;
    border: 1px solid #44566d;
    color:#44566d;
}
.appeal-content .appeal-button:hover {
    background-color: #337ab7;
    opacity:initial;
}
/* コンタクト */
.top_under_contat{
    clear: both;
    background: #FDFDFD;
    border: 1px solid #eee;
    padding: 20px 10px;
    text-align: center;
}
.vision_ms{
	font-size: 22px;
	font-weight: bold;
}
.font-16{
	font-size:16px;
}
.page-id-13 .new-entry-card-title ,
.page-id-13 .new-entry-card-post-date{
	color:#000;
}
.midashi_wrap{
	text-align: center;
	margin-top:100px;
}
.midashi_wrap h2{
	font-family: "Futura";
	color: #000 !important;
	font-size: 48px;
	border-top: none !important;
	border-bottom: none !important;
	margin: 0;
	padding:0;
	line-height: 1.2em;
	position: relative;
	display: inline-block;
	width:100%;
}
.midashi_wrap h2:before , .midashi_wrap h2:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 40%;
	height: 3px;
	background-color: #000;
}
.midashi_wrap3 h2:before , .midashi_wrap3 h2:after{
	width: 35%;
}
.midashi_wrap h2:before{
	left:0;
}
.midashi_wrap h2:after{
	right: 0;
}
.midashi_wrap .widget-entry-cards .widget-entry-card-content{
	color: #000;
}
.brand_c:hover{
	opacity:0.7;
}
/* 店舗数 */
.tenpo_daimidashi{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 60%;
    margin: 80px auto 0 !important;
    padding: 10px;
    font-weight: bold;
    font-size: 26px;
}
.top_na_wrap{
	padding:2%;
}
.top_na_wrap img{
	border:1px solid #ccc;
}
.top_na_wrap .column-right{
	padding:20px;
}
.top_na_wrap table td{
	background:#fff;
	border:none;
}
.top_na_midashi{
	font-weight:bold;
	border-bottom: 1px dotted #ccc;
}
/* ブランド一覧 */
.brand_wrap{
	width:80%;
	margin:auto;
}
/* インターンバナー */
#top_intern_bnr img:hover{
	opacity:0.7;
}


/*=======================================================
ビジョン
=========================================================*/
.page-id-212 h1{
	text-align:center;
	color: #fff;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2021/11/buildings.jpeg) no-repeat center;
}
.page-id-212 .article h3{
	border-bottom:none;
	font-size: 28px;
	color:#000;
}
.action_wrap .column-left ,
.action_wrap .column-right{
	border:1px solid #000;
	padding:40px 20px;
}
.action_wrap p{
	margin-bottom:1em;
}


/*=======================================================
会社概要
=========================================================*/
.page-id-17 h1{
	text-align:center;
	color: #fff;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2021/11/inside.jpeg) no-repeat center;
}
#about_table{
	width:80%;
	margin:auto;
	line-height:2em;
	font-size:22px;
	border-collapse: inherit;
	padding-bottom: 30px;
}
#about_table tr{
	background:none !important;
	border:none;
}
#about_table #last th ,
#about_table #last td{
	border-bottom:1px solid #ccc;
}
#about_table td{
	border:1px solid #ccc;
	border-left:0;
	border-bottom:0;
}
#about_table th{
	font-weight:bold;
	border:1px solid #ccc;
	border-bottom:0;
}


/*=======================================================
ブランド紹介
=========================================================*/
.page-id-84 h1{
	text-align:center;
	color: #000;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2021/12/img7.jpg) no-repeat center;
}
.tenpo_wrap{
	width:88%;
	margin:auto;
}
.tenpo_midashi{
	font-weight:bold;
	font-size:20px;
	border-bottom:1px dotted #ccc;
	margin-top: 27px !important;
}
.tenpo_wrap table td{
	background:#fff;
	border:none;
	padding:3px 7px;
}


/*=======================================================
海外事業
=========================================================*/
.page-id-58 h1{
	text-align:center;
	color: #fff;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2021/11/architecture.jpeg) no-repeat center;
}


/*=======================================================
お問い合わせ　& 資料請求
=========================================================*/
.page-id-22 form ,
.page-id-542 form{
	padding: 50px;
	background: #efefef;
}
.page-id-22 h1 ,
.page-id-542 h1{
	display:none;
}
#post-22 input[type='submit'] ,
#post-542 input[type='submit']{
	background: #000;
	color: #fff;
}
#post-22 input[type='submit']:hover ,
#post-542 input[type='submit']:hover{
	background: #656565;
}
.btn_wrap{
	margin-top: 5em;
}
.btn_wrap img:hover{
	opacity:0.7;
}
#post-22 h2{
	text-align:center;
}
#tenkai-txt{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	font-family:serif;
}


/*=======================================================
フランチャイズ
=========================================================*/
.page-id-274 h1{
	text-align:center;
	color: #fff;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2021/12/chuubou-min.jpeg) no-repeat center;
}
.page-id-274 .midashi_wrap h2:before , .page-id-274 .midashi_wrap h2:after{
	width: 36%;
}
.page-id-274 h3{
	text-align:center;
}
.page-id-274 h4{
	text-align:center;
	border:none;
}
#fc_table table{
	width:80%;
	margin:auto;
	font-size:26px;
}
.fc_wrap_a{
	color:#000;
}
.fc_wrap_a div{
	display: flex;
	justify-content: center;
	border:1px solid;
	width:30% !important;
}
.fc_wrap_a div p{
	font-size:26px;
	font-weight:bold;
   display: flex;
   justify-content: center;
	align-items: center;
	text-align: center;
}
.fc_wrap_b{
	color:#000;
	justify-content: center;
}
.fc_wrap_b div{
	display: flex;
	justify-content: center;
	border:1px solid;
	width:30%;
	margin: 0 3%;
}
.fc_wrap_b div p{
	font-size: 22px;
   padding: 26px 0px;
	font-weight:bold;
   display: flex;
   justify-content: center;
	align-items: center;
	text-align: center;
}
.fc_midashi{
	margin-top:180px !important;
}
.fc_jisseki{
	width:60%;
	margin:auto;
}
.fc_btn a{
	background-color: #f9c400 !important;
	opacity: 1;
	font-size: 24px;
	padding: 20px 80px;
	color: #4b1711 !important;
	margin-top: 30px;
}


/*=======================================================
海外インターン
=========================================================*/
.page-id-398 h1{
	text-align:center;
	color: #fff;
	height: 320px;
	padding-top: 140px !important;
	background: url(https://rebel-japan.com/wp-content/uploads/2022/07/job-c3.jpg) no-repeat center;
	font-weight: normal;
   font-size: 24px;
}
.page-id-398 .midashi_wrap h2{
	font-size:40px;
}
.page-id-398 .midashi_wrap h2:before , .page-id-398 .midashi_wrap h2:after{
	width: 25%;
}
.page-id-398 .kaigai_h2{
	margin-top:150px;
}
#post-398 input[type='submit']{
	background: #000;
	color: #fff;
}
#post-398 input[type='submit']:hover{
	background: #656565;
}
.syoukai_group{
	padding: 2% 4% 4%;
	background-color: #fff4e6;
}


/*=======================================================
その他
=========================================================*/
/* サービスページの3カラム */
.wp-block-cocoon-blocks-column-3 div{
	padding:10px;
	font-size:16px;
}
/* 固定ページの日付削除 */
.type-page .date-tags{
	display:none;
}
/* 固定ページのタイトル装飾 */
.type-page h1.entry-title{
	padding: 0 0 0 10px;
	border-left: 4px solid #88abda;
}
/* よくある質問 */
.toggle-button{
	background-color:#f1fafc;
}
/* SNSシェアボタン */
.sns-share-message::before,.sns-follow-message::before{
	content:'＼ '
}
.sns-share-message::after,.sns-follow-message::after{
	content:' ／'
}
/* ページトップ */
.page-top a{
	background: #ddd;
	color:#060726;
}
.page-top a:hover{
	background: #656565;
}



/*=======================================================
カラー変更
=========================================================*/
.sidebar h3{
    background: #000;
}
.type-page h1.entry-title {
    border-left: 4px solid #000;
}
.article h2 {
    border-top: 1px solid #000;
}
.article h2, .article h3, .article h4, .article h5, .article h6 , #header .logo a , #archive-title {
    color: #000;
}
.navi-in > ul .sub-menu {
    background: #000;
    color: #000;
}


/*=======================================================
メディアクエリ
=========================================================*/

@media screen and (max-width: 1240px){
#navi .navi-in>ul>li {
    width: 130px;
}
}

@media screen and (max-width: 1100px){
#navi .navi-in>ul>li {
    width: 120px;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.tenpo_midashi{
	margin-top: 10px !important;
	margin-bottom: 4px !important;
}
.fc_wrap_a div p{
	font-size:22px;
}
.fc_wrap_b div p{
	font-size:18px;
}
.mobile-menu-buttons{
	 background: #000;
}
.menu-drawer a{
	 color: #000;
	 border-bottom: 1px dashed #000;
}
.sidebar .widget_recent_entries ul li a:before{
	 color: #000;
}
.widget_recent_entries ul li a{
	color: #000 !important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
#header .logo .site-name-text {
    font-size: 2em;
}
/* -----  見出し  ------ */
.midashi_wrap h2{
	font-size:42px;
}
.midashi_wrap h2:before,
.midashi_wrap h2:after{
	width:22%;
}
/* -----  トップページ  ------ */
.vision_ms {
	font-size: 20px;
}
.tenpo_daimidashi{
    width: 80%;
}
.sbi_item {
    width: 33% !important;
}
.midashi_wrap3 h2:before , .midashi_wrap3 h2:after{
	width: 12%;
}
.page-id-17 h1 ,
.page-id-84 h1 ,
.page-id-58 h1 ,
.page-id-22 h1 ,
.page-id-212 h1{
	background-size:contain;
}
#about_table {
	width: 100%;
	font-size:16px;
}
.page-id-22 form{
    padding: 16px;
}
.side_sns{
	text-align:center;
	display:block;
}
.side_sns img{
	width:98%;
}
.font-16{
	font-size:14px;		
}
.page-id-13 .new-entry-card-title{
	font-size:14px;				
}
.tenpo_wrap{
    width: 100%;
	margin-top:60px;
}
.tenpo_wrap table td{
	min-width:75px;
}
.top_na_wrap .column-right {
	padding: 0;
}
.top_na_wrap table td{
	min-width:100px;
	padding:0.5em;
}
.brand_wrap{
	flex-direction: initial !important;
    width: 100%;
}
.brand_wrap div{
	padding:0;		
}
/* ブランド紹介 */
.page-id-84 h1{
	background-image: url(https://rebel-japan.com/wp-content/uploads/2021/12/img9.jpg);
}
/* フランチャイズ */
.fc_wrap_a{
	margin-bottom:3% !important;		
}
.fc_wrap_a div{
	font-size:22px;
	width:100% !important;
}
.fc_wrap_a div p{
	font-size:22px;
}
.fc_wrap_b div{
	font-size:22px;
	width:100% !important;
	margin: 3% 0;
}
.fc_wrap_b div p{
	font-size:22px;
}
.page-id-274 .midashi_wrap h2:before , .page-id-274 .midashi_wrap h2:after{
	width: 16%;
}
.page-id-274 .vision_ms {
    font-size: 18px;
}
#fc_table table {
    width: 100%;
}
.fc_midashi {
    margin-top: 100px !important;
}
.fc_btn a{
	padding: 5% 8%;
	font-size: 20px;
}
/* 海外インターン */
.page-id-398 .midashi_wrap h2:before , .page-id-398 .midashi_wrap h2:after{
	width: 4%;
}
.page-id-398 .midashi_wrap h2 {
	font-size: 26px;
}
.page-id-398 h1.entry-title{
	font-size:16px;
}
/* バーチャルレストラン */
.page-id-506 h1{
	font-size: 23px;
}
.page-id-506 h2 {
    font-size: 24px;
}
#kc-01 {
    font-size: 38px;
}
#kc-02 span {
    font-size: 49px;
}
.shikumi-txt {
    width: 100%;
    padding-left: 4%;
}
#vr-main-img img{
	width: 100vw;
   margin-left: calc(50% - 50vw);
   margin-right: calc(50% - 50vw);
   max-width: 100vw;
}
#tenkai-txt{
	text-align:center;
	font-size:20px;
}
    .sbi_item {
        width: 100% !important;
    }
}

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