@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');

/*
 *Theme Name: orion
 *Theme URI: https://www.orizon.co.jp/
 *Author: ORIZON Systems Co.,Ltd
 *Author URI: https://www.orizon.co.jp/
 *Version: 1.0
*/

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media only screen and (max-width: 487px) {}



table.tb_lm_yellow th{ 
	background-color: #fec10d !important;
	color: #00205b;
}

@media only screen and (max-width: 720px){
	/* table レスポンシブ （バリエーション　Flowmon 青） */
	table.tb_lm_yellow td:nth-of-type(1) {
	background-color: #fec10d; color: #00205b;
	}

	table.tb_lm_yellow td::before::first-child{
	content: attr(data-label);
	color:#00205b !important;
	}

	table.lmt tr+td::before{
	content: attr(data-label);
	color:#00205b !important;
	}

}


/* -----------------------------------------------------------
	loadmaster 基本設定
----------------------------------------------------------- */

body{
	font-family:'Noto Sans JP','Noto Serif JP',Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;　/* ランドスケープ文字サイズ */
	background: #f5f8fc !important;
}

/* アンカー設定 */

.LMsite .block a{
	color : #470a68;
}


/* ヘッダーボタン */
.btn_trial{
		background: #4d4d4d;
}

/* フッター設定 */

footer{
	background : #4d4d4d;
}

.sub-footer{
	background : #2d2d2d !important;
}

header{
	background : rgba(255,255,255,0.95);
	box-shadow: 0px 0px 16px -5px rgba(32, 41, 45, 0.3);
}

/* -----------------------------------------------------------
	ヘッダーボタン
----------------------------------------------------------- */

/*無料トライアル*/

.btn_trial {
}

.btn_trial:hover {
	background: #fec10d;
}

/* -----------------------------------------------------------
	スライダー設定
----------------------------------------------------------- */

#featured .flexslider {

	margin: 0px 0 0px; 
}

/* -----------------------------------------------------------
	ナビ設定
----------------------------------------------------------- */

.navbar-nav{
	/* background : #ff0000; */
	padding-right : 60px; 
}

.navbar-nav li{
	padding-right : 10px; 
}

.nav{
	/* background : ##db7093; */
}

@media screen and (max-width:974px) {
	.navbar-nav{
	/* background : #00ff00; */
	}
	.nav{
	/* background : #ff00ff; */
	}
}

/* pwpw  flowmondefocssの改良　*/

@media (max-width: 768px) {
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}
	.navbar-header {
		margin-top: 20px;
		border-bottom: none;
	}
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}
	header .navbar-nav > li  {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}
	.dropdown-menu {
	  position: absolute;
	  top: 0;
	  left: 40px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-size: 13px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 0;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
}

ul.navbar-nav li a:hover{
	color : #421b66 !important;
}

/* -----------------------------------------------------------
	パンくず設定
----------------------------------------------------------- */

#inner-headline{
	background : #fec10d !important;
	height : 95px;

}

.breadcrumb_f{
	background : #4d4d4d !important;
}

.breadcrumb_f .glyphicon,
.breadcrumb_f .glyphicon-home{
	color : #fff;
	background : #4d4d4d !important;
}

.breadcrumb_f li{
	background : #4d4d4d !important;
	font-size : 14px;
}

@media screen and (max-width: 769px) {
	ul.breadcrumb_f {
	background : #fec10d;
	}
}

/* -----------------------------------------------------------
	下層ページ設定
----------------------------------------------------------- */

/* 見出し設定 */

.LMsite h2{
	font-size : 38px; 
	color : #222 !important;
	border-radius : 8px;
	position: relative;
/*	padding-left : 80px;*/
	letter-spacing : 1px;
	margin-bottom : 60px;
	font-family: 'Source Sans Pro','Noto Sans JP', sans-serif;
/*	font-weight : bold !important;*/
}

.LMsite h2 > span{
	font-size : 80%;
	letter-spacing : 0px;
}

/*
.LMsite h2::before{
	content: '';
	width: 60px;
	height: 5px;
	display: block;
	background-color: #fec10d;
	position: absolute;
	top:50%;
	left:0;
}
*/
@media screen and (max-width: 1200px) {
	.LMsite h2{
	font-size : 28px; 
	}
}
@media screen and (max-width: 991px) {
	.LMsite h2{
	font-size : 24px; 
	}
}

@media screen and (max-width: 767px) {
	.LMsite h2{
	font-size : 18px; 
	}
}

.LMsite h3{
	background-color: #fafafa;
	border-top : 1px solid #4d4d4d;
	border-bottom : 6px solid #4d4d4d;
	margin-bottom : 60px;
}

.LMsite h4{
	position: relative;
	padding-left : 25px;
	font-family: 'Noto Sans JP', sans-serif;
	border-left : none;
}

.LMsite h4::before{
	content: '';
	width: 16px;
	height: 12px;
	display: block;
	background-color: #fec10d;
	position: absolute;
	top:35%;
	left:0;
}

/*-----------------------------------
 *　　　お問い合わせバナー黄色
 *----------------------------------*/

.yellow_price a{
	margin : 0 auto;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	display: block;
	letter-spacing:1px;
	border: 1px solid #DDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #222 !important;
 	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	max-width: 540px;
	min-height :80px;
	padding : 14px 0 14px 140px;
	line-height : 160%;
	background-color: #fec10d !important;
	background-image : 
	url(./images/products/flowmon/arrow.png),
	url(./images/products/flowmon/edge2.png),
	url(./images/products/flowmon/letter.png);
	background-repeat:
   	no-repeat, 
 	no-repeat, 
	no-repeat;
	background-position:
 	center right 10px, 
	center right -20px,
	center left 45px;
}

span.ls_yellow{
	letter-spacing:3.7px;
}

.yellow_price a:hover{
	background-color: #e12b40;
	cursor: pointer;
	color : #fff;
}

@media screen and (max-width:768px) {
	.yellow_price a{
	display : none;
	}
}

@media screen and (max-width:520px) {
	.yellow_price a{
	font-size: 11px;
	padding : 13px 0 13px 14%;
	height : auto;
	letter-spacing:0;
	background-image : 
	url(../images/products/flowmon/arrow.png),
	url(../images/products/flowmon/edge2.png),
	url(../images/products/flowmon/letter.png);

	background-repeat:
   	no-repeat,
   	no-repeat,
	no-repeat;

	background-position:
 	center right 10px,
	center right -10px,
	center left 4px;

	background-size:
	12px,
	55px,
	28px;
	}

	span.ls_yellow{
	letter-spacing:2px;
	}
}

/* お問い合わせエリア （LoadMaster用） */

.contact_loadmaster li.contact2{
	color : #fec10d !important;
}




/* mini ボタン LM黄色*/


.btn_mini_yellow {
	width : auto !important; 
	 padding: 5px 12px;
	color: #000;
	background-color: #fec10d !important;
	font-weight : bold;
}


.btn_mini_yellow a:hover{
	width : auto !important; 
	background: #e2a42d;
}


.lm-gray{
	color : #4d4d4d !important;
}