/*
Theme Name: Sankyo-Unyu
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* -------------------- 共通デザイン -------------------- */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

p { /* P内は箱組 */
	text-align: justify !importat;
 	text-justify: inter-ideograph !importat;/*IE対応*/
 }
.txt-link {color:#31b6ea;}
.text-nowrap { /* 改行させない */
    white-space: nowrap!important;
}
.th-width {width:30%;}
.header-top {
    background-color: #efeff4;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.page_top_btn { /*トップスクロールボタン*/
	background: rgba(49,182,234,.8);
	background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
	box-shadow: 0 0 0 1px rgba(255,255,255,.8), 0 0 0 2px rgba(49,182,234,.8);
}
/* ページヘッダー部 */
.page-header {text-shadow: 1px 1px 3px rgba(255,255,255,.9),-1px 1px 3px rgba(255,255,255,.9),1px -1px 3px rgba(255,255,255,.9),-1px -1px 3px rgba(255,255,255,.9);}/*タイトルの光彩*/
.page-header::before {
    background-color: rgba(255,255,255,.5);
}
/* グローバルメニュー */
.global-nav-list>li:last-child a {color:#fff; background:#59bdb6; transition:0.5s;}
.global-nav-list>li:last-child a:hover {background:#419993;}
.veu_postList .postList a { color: #000652;} /*31b6ea ←明るい青*/
.veu_postList .postList a:hover { color: #ff6600;}

/* フッター部 */
.footer-sitemap {}
.footer-sitemap li {list-style: none; color:#ccc;}
.footer-sitemap li a:hover {color:#31b6ea;}

/* -------------------- トップページ -------------------- */

/* 新着情報 */
@media (min-width: 1200px) {
	.home .site-body { padding: .5rem 0 4rem;}
}
.veu_postList .postList_title {
    display: inline-block;
	margin: 0 0 0 1em;
}

/* 三協運輸について */
.home .vk_post_imgOuter {border-radius: 5px;}
/*.card-noborder.vk_post-btn-display .card-body {padding-bottom: 0.8rem;}*/

/* Shortcodes Ultimate 投稿一覧テンプレート改造 */
.su-post {display: flex; margin-bottom: 0.5em !important;}
.thumbnail-img {}
.su-post-thumbnail {float: none !important; max-height: 100px !important; height: auto !important;}
.post-data { width:100%;}
.su-post-title {display: block; border-bottom: 1px solid #ccc; width:100%;}
/*.su-post-title > a {color:#333;}*/
.su-post-meta {display: block;}


/* -------------------- 会社概要 -------------------- */
.company-catch {
	font-size:400% !important;
	line-height:1.3em;
	font-family: 'Pinyon Script', cursive;
	color: #59bdb6;
}
.trans-catch {
	font-size:200% !important;
	line-height:1.3em;
	color: #31b6ea;
	/*text-shadow:1px 1px 1px #999;*/
}

/* -------------------- 募集要項 -------------------- */
.recruitment-template-default .entry-meta-item-updated, .recruitment-template-default .author {display:none;}
.post-type-archive-recruitment .page-header, .single-recruitment .page-header {background: url(/wp2023/wp-content/uploads/2023/09/head_bg_recrui.jpg) no-repeat 50% center;}


/*　--------------------ContactForm7 デザイン調整--------------------　*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*追記分*/
.inquiry {margin-bottom:10px;}
::placeholder {color: #ddd;}

/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
 background:#fff;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#d00;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:.7em 0;
 margin:30px auto 0 auto;
 width:80%;
 background:#dd0000;
 color:#fff;
 font-size:110%;
 font-weight:bold;	 
 border-radius:5px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#f60;
}

/*　--------------------FBデザインの幅調整--------------------　*/
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}