@charset "utf-8";
/*************************************************/
/* 2024.11 静的化に伴う調整
/* 現行と同じ見た目となるように調整
/*************************************************/

/*load時にCLSが変わるのをできるだけ元のものに近づける*/
body{background: none;opacity: 0;}
body.modesp,body.modepc{opacity: 1;}
.header_wrapper{text-align: center;background-color: #fff;}
body.modepc{background: url(/theme_user/00032/theme_k01/img/bg.png) repeat-x top left;}
body.modesp .header_wrapper{background-color: #fff;text-align: center;}

@media screen and (min-width: 415px) {
	body:not(.modesp) .header_wrapper{min-height: 112.172px;max-width: none;}
	body:not(.modesp) .gnav_wrapper{min-height: 42px;}
	body:not(.modesp) #main-img_pc{min-height: 342px;}
}


/*contents.css <main>
スマートフォンの際は、mainタグがもともとなかったためリセットする*/
body.modesp main{
	background: initial;
	border-left: initial;
	border-right: initial;
	width: auto;
	margin: initial;
	padding: initial;
	overflow: hidden;
	display: initial;
}

/*SP時にHTML内に直接記述があったもの*/
body.modesp.layout1 div[data-role=content]{
	margin-top: -5px;
}

/*FF プライベートウィンドウの時に「問い合わせ（PCM専用）」が2行になるのを制御 ※元本番環境同様*/
#groval-nav ul li:last-child a.text{white-space: nowrap;}

/*下層グロナビ トップと配置場所が異なるためにjquery&<main>のCSSから外れているのを吸収*/
.ui-navbar li .ui-btn,
.ui-navbar li .ui-btn{
	border-top-width: 0;
  border-bottom-width: 0;
}
.ui-navbar li:last-child .ui-btn,
.ui-navbar li:last-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-b .ui-btn{
	margin-right: -1px;
	border-right-width: 0;
}

body.modepc.layout2 .gnav_wrapper{
	background: #fff;
	border-left: solid 1px #e8e3db;
	border-right: solid 1px #e8e3db;
	width: 930px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	display: block;
}


/*パンくず PCとSPで表示箇所が異なるため調整*/
#crumb,#crumb-list{display: none;}
body.modesp #crumb{display: block;}
body.modepc #crumb-list{display: block;}


/*製品情報 -車両分野　スマートフォンの際にTableではなかったため、幅の調整*/
body.modesp.layout2 .mgr-table{max-width: 100%;border:none; border-collapse:separate;}
body.modesp.layout2 .mgr-table,
body.modesp.layout2 .mgr-table td,
body.modesp.layout2 .mgr-table th{
  border-spacing: 0;
  padding: 0;
	width: 100%;
	box-sizing: border-box;
}
body.modesp.layout2 .mgr-table tr:not(.noflex){display: flex;flex-direction: column;}	/*flexboxでどうしてもはみ出す場合はnoflex*/
body.modesp.layout2 .mgr-table tr.noflex{display: block;width: 100% !important}

/*カネパール等 スマートフォンの際にTableではなく、線無しのDIVのため調整*/
body.modesp.layout2 .mgr-table.mgr-table2{height: auto !important;max-width: 100% !important}
body.modesp.layout2 .mgr-table.mgr-table2 td{border: none;}
body.modesp.layout2 .mgr-table.mgr-table2 tr:nth-child(1){text-align: center;}
body.modesp.layout2 .mgr-table.mgr-table2 tr,
body.modesp.layout2 .mgr-table.mgr-table2 td{width: 100%;background-color: initial;}
body.modesp.layout2 .mgr-table.mgr-table2 .mgr-align-left{text-align: left !important;}


/*パッサーモ等 スマートフォンの際にTableではなく、DIVに変わり、tdにbgcolor属性がついているがdivには反映されず、
結果的に白背景になるのを調整*/
body.modesp.layout2 .mgr-table td{background-color: #fff}

/*制作時との文字コードの違いかタブスペースにより高さが変わってしまうのを防ぐ*/
pre.mgr-ws{white-space: pre-line} /*/eperan-pp.html*/

/*NEWS INFORMATION　スマートフォンの際にh3にあしらいが入ってしまうのを調整*/
body.modesp.cat-topics #main-contents{padding: 1% 0;margin-left: 0;margin-right: 0;width: 100%;}
body.modesp.cat-topics .topic-list-section{padding-top: 11px;box-sizing: border-box;}
body.modesp.cat-topics .topic-list-section > *{box-sizing: border-box;}
body.modesp.cat-topics .thp_topic-list-ul{list-style: none;padding: 0 1%;}
body.modesp.cat-topics #main-contents h3{width: 100%;margin: 0 auto 1em;}
body.modesp.cat-topics #main-contents .topic-title_dt{
	width: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666;
	font-size: 140%;
	background-color: initial;
	border-radius: 0;
	padding: 0;
}
body.modesp.cat-topics #main-contents .topic-title_dt .date{
	font-weight: bold;
	display: block;
	clear: both;
	float: none;
	padding: 0;
	margin: 0 10px 10px 0;
	font-weight: normal;
	font-size: 80%;
}
body.modesp.cat-topics #main-contents .topic-text_dd{
	width: 100%;
	border-bottom: 1px dotted #666;
	font-size: 100%;
	padding: 0 0 17px 0;
	margin: 0 0 20px 0;
}
body.modesp.cat-topics #main-contents .topic-title_dt span{font-weight: bold;}
body.modesp.cat-topics #main-contents .topic-title_dt span:nth-child(2){line-height: 1.45;}

body.modesp.cat-topics .thp_topic-list-ul img{margin: 5px;}

/*物流分野　モバイル時のテーブルの調整 office_aがlogitecsのみで利用*/
body.modesp TABLE.office .office_a{width: 95% !important;height: auto !important;}

/*スマートフォン表示時に画面からはみ出している分を調整（画像に全てpx指定されている） 全体*/
body.modesp img{max-width: 100% !important;height: auto !important;}

/*スマートフォン表示時に画面からはみ出している分を調整 トップ*/
body.cat-top.modesp .ui-li-heading{white-space: normal;display: block;}
body.cat-top.modesp #main-contents .topic-headline-section.content-primary .ui-listview{max-height: 200px;}

/*スマートフォン表示時に画面からはみ出している分を調整 パッサーモ*/
body.modesp #main-contents h4{width: 91% !important;height: auto !important;}

/*スマートフォン表示時に画面からはみ出している分を調整 エペランスライダー*/
body.modesp.layout2 .theme-default .nivoSlider{height: auto !important;width: auto !important;}

/* topicsページがスマートフォン時にPCを継承してしまうのを回避 */
/* body.cat-topics.modesp .topic-list-section{padding-top: 11px;}
body.cat-topics.modesp #main-contents .thp_topic-list-ul{padding-left: 0;}
body.cat-topics.modesp #main-contents .thp_topic-list-ul li{list-style: none;margin-bottom: 5px;}
body.cat-topics.modesp #main-contents h3.topic-title_dt{
	color: initial;
	background-color: initial;
	border-radius: initial;
	padding: 0;
	margin: 0;
	text-shadow: initial;
	line-height: initial;
	list-style: none;

	width: 98%;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666;
	font-size: 140%;
}
body.cat-topics.modesp #main-contents h3.topic-title_dt > .date{
	font-weight: bold;
	display: block;
	clear: both;
	float: none;
	padding: 0;
	margin: 0 10px 10px 0;
	font-weight: normal;
	font-size: 80%;
} */


/*2025.02 会社概要内tel モバイル時にリンク化*/
.cat-organization #main-contents a[href^="tel:"]{
	color: #666;
	text-decoration: none;
	font-weight: normal;
  }
.cat-organization.modepc #main-contents a[href^="tel:"]{
	pointer-events: none;
	color: #333;
}

/*2025.04 utility*/
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}


/*2025.04 privacy*/
body.cat-privacy #main-contents h1{
	padding-left: 0.5em;
	padding: 0.5em 0em 0.5em 0.5em;
	background: linear-gradient(#5587da, #005ca2);
	color: #fff;
	line-height: 1;
}

body.cat-privacy #main-contents h1 > span{
	border-left: 4px solid #fff;
	padding-left: 20px;
}

body.cat-privacy #main-contents h1 .en-title{
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding-top: 0.5em;
}
body.cat-privacy #main-contents > *{box-sizing: border-box;line-height: 2;}
body.cat-privacy #main-contents .headline{margin-bottom: 20px;margin: 30px 3% 20px;}
body.cat-privacy #main-contents .privacy-lists{padding-right: 4%;}
body.cat-privacy #main-contents .privacy-lists > li{margin-bottom: 20px;}
body.cat-privacy #main-contents .privacy-lists .w-circle-list{list-style: none;padding-left: 0;}
body.cat-privacy #main-contents .privacy-lists .w-circle-list li{text-indent: -1em;padding-left: 1em;}