@charset "utf-8";

/*--  b2b_product2026 --*/

/*全体の設定 BtoB_PRODUCT
--------------------------------------------------------------*/
body {
	color: #383838;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ/行間、フォントファミリー*/
}

h1,h2,h3,h4,h5,p,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 5px;
	padding: 5px 10px;
}

ol {
	margin: 5px;
	padding: 5px 10px;
}

li {
	padding: 1em 0em 0em;
	margin-left:10px;	
}



img {
	border: none;
	max-width: 100%;
	height: auto;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #006A9D;	/*リンクテキストの色*/
}

a:hover {
	color: #000;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	margin-right: auto;
	margin-left: auto;
}


/*コンテンツ（main,sub,footerを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	padding-top: 0px;
}


#contents figure {
	max-width:800px;
	margin-right: auto;
	margin-left: auto;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 800px;	/*メインコンテンツ幅 */
	margin-right: auto;
	margin-left: auto;
}

#main section {
	padding: 0em 0em 2em;	
}


/*mainコンテンツのsectionの１階層下のh2タグの設定*/
#main section > h2 {
	background-color: #799388; /*背景色*/
	color: #fff;
	font-size:18px;
	padding: 3px 0px 3px 15px;
	clear: both;
}

#main section  > h3,
#main article  > h3 {
	font-size:16px;
	padding: 3px 0px 3px 15px;
	clear: both;
}


/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 10px 0.5em;
}


#main u {
	color: #0000ff;
}



/*メインコンテンツフッター　豊栄仕様
---------------------------------------------------------------------------*/
#mainfooter {
	float: left;	/*左側に回り込み*/
	width: 380px;	/*メインコンテンツ幅*/
}

/*mainfooterコンテンツの段落タグ設定*/
#mainfooter p {
	padding: 0.5em 10px 1em;
}



/*サブコンテンツフッター　豊栄仕様
---------------------------------------------------------------------------*/
#subfooter {
	float: right;	/*右側に回り込み*/
	width: 380px;	/*サブコンテンツ幅*/
}

/*subfooterコンテンツの段落タグ設定*/
#subfooter p {
	padding: 0.5em 10px 1em;
}


/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding: 0px;
	background-color: #0052a4;
}

footer a {
	text-decoration: none;
}

/*フッターメニューブロック全体の設定*/
footer nav ul {
	list-style-type: none;
}
/*メニュー１個ごとの設定*/
footer nav ul li {
	float: left;
	line-height: 50px;	/*行間追加*/
	color: #fff;		/*文字色追加*/
	margin: 0px;
	padding: 0px;
}
footer nav ul li a {
	line-height: 50px;	/*行間*/
	color: #fff;		/*文字色*/
    	font-size: 14px;
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s;   /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	padding-right: auto;
	padding-left: auto;
	min-width:100px;
}
/*マウスオン時の設定*/
footer nav ul li a:hover {
	color: #aaa;
}


/*トップページのメイン画像
---------------------------------------------------------------------------*/
figure#mainimg img {
	margin-bottom: 10px;
}


/* トップページのメインサブ画像を消す場合 */
figure#smpimg img {
	display: none;
}



/* スマホのときだけ改行したい */
/*PCで無効*/
.pc_hid{
    display: none;
}

/*スマートフォンで有効*/
@media screen and (max-width:480px) {
    .pc_hid{
        display: block;
    }
}

span.nobr {
   display: inline-block; /* 改行調整 */
}


/*　豊栄仕様 追記　2018年2月21日
---------------------------------------------------------------------------*/

/*ボックス内の段落タグ設定*/

.marker-pink {
background: linear-gradient(transparent 75%, #ff99cc 0%);
}

.marker-yellow {
background: linear-gradient(transparent 75%, #ffff00 0%);
}

.marker-yellowb {
background: linear-gradient(transparent 0%, #ffff00 0%);
}

.color-red {
	color: #FF5151;
}

.imageright {
    margin: 14px;
    float:right;
}

.imageleft {
    margin: 14px;
    float:left;
	
}

.center {
    text-align: center;
	
}



/*背景飾り
---------------------------------------------------------------------------*/


.gray {
	background-color: #f0f0f0;
	padding: 20px 0;
}

.black {
	background-color: #000000;
	padding: 0px;
}

.white {
	background-color: #ffffff;
	padding: 20px 0;
}

.blue {
	background-color: #f8f8f8;
}

.copy {  
	clear: both;  
	font-size:11px; 
	color: #fff;	
	padding-top: 30px;
}


/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}

ul.disc {
	padding: 0em 0px 1em;
	list-style: disc;
}

figcaption {
	font-size: 14px;
	text-align: left;
	margin-bottom: 20px;
}


/*特長3分割(画像を3つ横に並べる）　豊栄仕様
---------------------------------------------------------------------------*/
#partimg {
	float: left;	/*左側に回り込み*/
	width: 266px;	/*メインコンテンツ幅 初期値380px*/
}

/*partimgコンテンツの段落タグ設定*/
#partimg p {
	padding: 0.5em 10px 1em;
}

#partimg img {
	width: 95%;
	height: auto;
}



/*リストが横に流れる設定*/

#list ul li {
	float: left;
	line-height: 40px;	/*行間*/
	color: #383838;		/*文字色*/
	font-size:20px; 
	font-weight:bold;
	padding-right: 20px;
	padding-left: 0px;
	margin-left: 20px;
	min-width:200px;

}

/*-------- タイトル文字_画面の大きさで自動調整　------------*/

.topdeco {
	font-weight: bold;
	color: #006875;
	@include fz_vw(13);
	@media screen and (min-width: 800px) {
	    font-size: 50px;
	  }
}

.kakomi {
  color: #ffffff;
  background-color: #23383c;
  border: 1px solid #23383c;
  margin: 0 0.03em;
  display: inline-block;
  width: 1.5em;
  height: 1.3em;
  line-height: 1.5;
}