/*
Theme Name: arkhe_child
Version:  3.12.0
Template: arkhe
*/

body{
	    font-weight: 400!important;
}

a:visited{
	background:none!important;
}

a:hover{
	background:#f07a1e!important;
	color:#FFFFFF!important;
}

/*　SNS埋め込みの調整　*/
.youtube {
  width: 100%;height: 100%;aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.tictok {
  margin: 2rem auto;
  max-width: 92%;
}
/*　SNS埋め込みの調整　*/


 /*　段落テキストの文字余白　*/
.post-template-default p, .page-template p{line-height: 2;letter-spacing:1.5px;margin-bottom:20px;color:#414d55;}

 /*　ドロワーメニューの最上部に発生する線の削除　*/
ul.c-drawerNav{border:none!important;display:none!important;}
.p-drawer__nav{border:none!important;display:none!important;}

/*　ドロワーメニューの[閉じる]の装飾やホバー　*/
.c-modalClose{
	border:3px solid #f07a1e;
	padding:10px;
	border-radius:50px;	
	margin-top:30px;
}

button.p-drawer__close.c-modalClose.u-flex--aic:hover{
	background:#f07a1e;
}

/*　ドロワーメニューの[閉じる]の装飾やホバー　*/

/*　------------------------------------------------------
 　　スマホ表示　ここから
　------------------------------------------------------*/
@media screen and (max-width:1024px) { 
.pc_recruit, .pc_recruit img{margin-top:0!important;display:none;}

.sp_recruit{margin-top:0px;}	
	
/*　ドロワーメニューの微調整　*/
.w-drawerBottom{margin-top:0!important;}
.p-drawer__inner{margin-top:-20px!important;}
	
/*　ＴＯＰページの全体余白を埋める　*/
.home .l-content__body{padding:0!important;background:#f6e9d8;}

/*　各固定や投稿ページのH2見出し　*/
.post-template-default h2, .page-template h2{font-size: 22px;font-weight: bold;padding: 10px 20px;margin: 20px 0 20px 0!important;border-top: 3px solid #f07a1e;background: #f9a927!important;margin-bottom:20px;}	

/*　テーブル関連　*/
table {
    border-collapse: collapse;
	border: none;
    width: 100%;
	border-color:#f6e9d8!important;
}

td, th{
	border:#f6e9d8;	
	display:block;
	}	

.table_col_title{
	text-align: left;
    color:#f07a1e;
    border-bottom: 2px solid #f07a1e;
	vertical-align: middle;	
	width:100%;
	padding: 1em 0 0.5em;!important;
	}	

.table_col_text{
    width: 100%;
    vertical-align: middle;
	padding: 0.5em 0 1em;!important;
	margin-bottom:20px!important;
	}

/*お問い合わせページ　装飾*/	
.entry-area{
	width:80%;
	text-align:center;
	background:#f7f7f7;
	padding:12px;
	margin:0 auto;
	}

.b-tel{
	font-size:30px;
	font-weight: bold;
    line-height: 1.2;
	
	}	
	
.b-txt{
	display:block;
	font-weight:bold;
	font-size:18px;
	}
.txt-b{
		color:#f07a1e;
	}	
	
/*求人応募　電話ボタン*/
	
.sp-btn a {padding: 1rem 1.5em;
	text-align: center;
    display: block;
    max-width: 250px;
    margin: 0 auto;
	background:#f07a1e;
	color:#FFF;
	text-decoration: none;
	vertical-align:middle;
    border-radius: 8px;
    box-sizing: border-box;
	box-shadow: 0 5px 5px rgb(200, 94, 13, 1); top: 0px;
	animation: move_d 2s infinite;
	}
@keyframes move_d {
    0% {box-shadow: 0 5px 5px rgb(200, 94, 13, 1); top: 0px;}
    10% {box-shadow: 0 0 0 rgb(200, 94, 13, 1); top: 5px;}
    20% {box-shadow: 0 5px 5px rgb(200, 94, 13, 1); top: 0px;}
    30% {box-shadow: 0 0 0 rgb(200, 94, 13, 1); top: 5px;}
    40% {box-shadow: 0 5px 5px rgb(200, 94, 13, 1); top: 0px;}
}

.sp-btn a img{
	width:25px;
	vertical-align:middle;
	margin-right: 5px;	
	}
	
}/*media screen and (max-width:1024px)　終了*/
/*　------------------------------------------------------
 　　スマホ表示　ここまで
　------------------------------------------------------*/


/*　------------------------------------------------------
 　　PC表示　ここから
　------------------------------------------------------*/

@media screen and (min-width:1024px) {
 .sp_recruit, .sp-btn {display:none;}
	
/*　ＴＯＰ以外の全体幅を調整　*/
.page-id-88 .p-breadcrumb, .page-id-88 .l-content__body, .page-id-86 .p-breadcrumb, .page-id-86 .l-content__body, .category-recruit .l-content, .blog .l-container, .error404 .l-content, .category-recruit  .l-content, .category-staff .l-content, .category-notice .l-content, .post-template-default .l-content{width:1200px;margin:0 auto;}
	
/*　ＴＯＰページの全体余白を埋める　*/
.c-postContent.p-front__content{margin-top:0!important;}
.home .l-content__body{padding:0!important;background:#f6e9d8;}

/*　各固定や投稿ページのH2見出し　*/
.post-template-default h2, .page-template h2{font-size: 30px;
  font-weight: bold;padding: 20px 30px;margin: 20px 0 20px 0!important;
  border-top: 3px solid #f07a1e;
background: #f9a927!important;
	margin-bottom:20px;
}

/*　テーブル関連　*/
table {
    border-collapse: collapse;
	border: none;
    width: 100%;
	border-color:#f6e9d8!important;
}

td, th{
	border:#f6e9d8;	
	}	

.table_col_title{
	text-align: left;
    color:#f07a1e;
    border-bottom: 3px solid #f07a1e;
	vertical-align: middle;	
	width:20%;
	padding: 2em 3em 2em 0!important;
	}	

.table_col_text{
    width: 80%;
	color:#414d55!important;
    border-bottom: 1px solid #f9a927;
    vertical-align: middle;
	padding: 2em 2em 2em 3em!important;
	}

/*お問い合わせページ　装飾*/	
.entry-area{
	width:600px;
	text-align:center;
	background:#f7f7f7;
	padding:12px;
	margin:0 auto;
	}

.b-tel{
	font-size:30px;
	font-weight: bold;
    line-height: 1.2;
	
	}	
	
.b-txt{
		font-weight:bold;
	font-size:18px;
	}
.txt-b{
		color:#f07a1e;
	}
	
/*ブログ一覧　余白調整*/	
.blog .l-content__body{
		margin-top:48px; 
		margin-bottom:48px;
	}

/*固定ページ　余白調整*/	
.page-id-88 .l-sidebar, .page-id-88 .l-main, .page-id-86 .l-sidebar, .page-id-86 .l-main{margin-top:48px;}


	
}/*media screen and (min-width:1024px)　終了*/
/*　------------------------------------------------------
 　　PC表示　ここまで
　------------------------------------------------------*/


/* 各記事にMOREがほしい時のためにメモ
li.p-postList__item a:after {
    content: "Hello";
    text-align: right;
    padding: 5px;
    right: 0px;
    position: absolute;
}	

li.p-postList__item a:hover:after{
	background:#000;
	width:100%;
	}
	
.p-postList__item{
		box-shadow: 0 0 8px gray
	}
*/