@charset "utf-8";



/*全体の設定
---------------------------------------------------------------------------*/
body {
  color: #666666; /*全体の文字色*/
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  background-color: #272727;
  background-image: url(../images/bg-2.png);
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
  margin: 0px;
  padding: 0px;
}
ul {
  list-style-type: none;
}
img {
  border: none;
}
input, textarea, select {
  font-size: 1em;
}
form {
  margin: 0px;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}

/* フォント設定
---------------------------------------------------------------------------*/
.font_ShinGoM {
    font-family: "新ゴ M", "Shin Go Medium", sans-serif;
}
.font_MB101 {
    font-family: "ゴシックMB101 B", "Gothic MB101 Bold", sans-serif;
}
.font_MB31 {
    font-family: "見出ゴMB31",	"Midashi Go MB31", sans-serif;
}
.font_UDshingoM {
    font-family: "UD新ゴ M",	"UD Shin Go Medium", sans-serif;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #666; /*リンクテキストの色*/
}
a:hover {
  color: #000; /*マウスオン時の文字色（全体）*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*bodyの直接の子要素のh1タグ設定
---------------------------------------------------------------------------*/
body > h1 {
  font-size: 10px; /*文字サイズ*/
  color: #FFF; /*文字色*/
  background: #000; /*背景色*/
  text-align: right; /*右寄せ*/
}
body > h1 a, body > h1 a:hover {
  color: #FFF;
  text-decoration: none;
}
/*コンテナー（HP最上段のh1タグ以外を囲むボックス）
---------------------------------------------------------------------------*/
#container {
  width: 980px; /*コンテナー幅*/
  margin-right: auto;
  margin-left: auto;
}
#container h1 {
  font-size: 10px; /*文字サイズ*/
  color: #FFF; /*文字色*/
  text-align: right; /*右寄せ*/
}
#container h1 a, #container h1 a:hover {
  color: #FFF;
  text-decoration: none;
}
/*ヘッダー内のh1タグ（サイト名ロゴ）
---------------------------------------------------------------------------*/
header {
  position: relative;
  height: 80px; /*ヘッダーの高さ*/
  width: 100%;
}
/*ロゴ*/
header h1 {
  position: absolute;
  left: 20px; /*ヘッダーブロックに対して左から20pxの位置に配置*/
  top: 0px;
}
/*買い取りバナー*/
header #banner1 {
  position: absolute;
  top: 15px; /*ヘッダーブロックに対して上から15pxの位置に配置*/
  right: 20px; /*ヘッダーブロックに対して右から20pxの位置に配置*/
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
nav#menu ul {
    display: flex;
    gap: 2.5px;
}
nav#menu ul li {
  /*float: left;
  margin-left: 4px;*/
  line-height: 18px;
    
    flex: 1; /* 均等幅(同じサイズ)で横並び配置 */
}
nav#menu ul li a {
  color: #E1D38B; /*文字色*/
  text-decoration: none;
  display: block;
  text-align: center;
  -webkit-transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0.5s; /*同上*/
  background-color: #313131; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#313131)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#494949, #313131); /*同上*/
  background-image: linear-gradient(#494949, #313131); /*同上*/
  border-top: 1px solid #666; /*上の線の幅、線種、色*/
  border-right: 1px solid #666; /*右の線の幅、線種、色*/
  border-left: 1px solid #666; /*左の線の幅、線種、色*/
  /*height: 44px;*/
    height: 50px;
  /*width: 158px;*/
  font-weight: bold; /*文字を太字にする設定*/
  padding-top: 8px;
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
  color: #000; /*文字色*/
  background: #FFFFFF; /*背景色*/
}
/*最初のメニューの設定*/
nav#menu ul > li:first-child {
  margin-left: 0px;
}
/*英語表記の設定*/
nav#menu ul li a span {
  font-size: 9px; /*文字サイズ*/
  display: block;
  font-weight: normal; /*文字を太字でなく標準にする設定*/
}
/*current（現在表示中のページのメニュー）*/
nav#menu ul li#current a {
  color: #000; /*文字色*/
  /*width: 158px;*/
  background-color: #FFFFFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FFFFFF)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#e6e6e6, #FFFFFF); /*同上*/
  background-image: linear-gradient(#e6e6e6, #FFFFFF); /*同上*/
  border-top: 1px solid #FFF; /*上の線の幅、線種、色*/
  border-right: 1px solid #FFF; /*右の線の幅、線種、色*/
  border-left: 1px solid #FFF; /*左の線の幅、線種、色*/
}
/*current2（工事中のページのメニュー）*/
nav#menu ul li#current2 a {
  color: #000; /*文字色*/
  /*width: 158px;*/
  background-color: #666; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-linear-gradient(90deg, rgba(230, 230, 230, 0.50) 0%, rgba(102, 102, 102, 0.60) 100%);
  background-image: -moz-linear-gradient(90deg, rgba(230, 230, 230, 0.50) 0%, rgba(102, 102, 102, 0.60) 100%);
  background-image: -o-linear-gradient(90deg, rgba(230, 230, 230, 0.50) 0%, rgba(102, 102, 102, 0.60) 100%);
  background-image: linear-gradient(0deg, rgba(230, 230, 230, 0.50) 0%, rgba(102, 102, 102, 0.60) 100%); /*同上*/
  border-top: 1px solid #666; /*上の線の幅、線種、色*/
  border-right: 1px solid #666; /*右の線の幅、線種、色*/
  border-left: 1px solid #666; /*左の線の幅、線種、色*/
}


/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
  /*clear: left;*/
  /*width: 960px; /*コンテンツ幅960px*/
    width: 100%;
  background-color: #FFF; /*背景色*/
  padding: 10px; /*コンテンツ内の余白*/
  overflow: hidden;
}
/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
  margin-bottom: 15px;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
  float: left; /*左側に回り込み*/
  width: 600px; /*メインコンテンツ幅*/
}
#main2 {
  width: 100%;
}
/*mainコンテンツのsectionとarticleの直接の子要素のh1タグの設定*/
#main section > h1, #main article > h1, #main2 article > h1 {
  background-color: #313131; /*背景色（古いブラウザだとここの色のみが出ます#313131）*/
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#313131));	/*グラデーション*/
  /*background-image: -webkit-linear-gradient(#494949, #313131);	/*同上*/
  /*background-image: linear-gradient(#494949, #313131);			/*同上*/
  -webkit-box-shadow: 0px 2px 5px #bebebe; /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
  box-shadow: 0px 2px 5px #bebebe; /*同上*/
  font-size: 120%;
  color: #E1D38B; /*文字色*/
  padding: 6px 10px 6px 15px; /*左から、上、右、下、左側への余白*/
  clear: both;
  border-bottom: 4px solid #DD0000; /*下部の線の幅、線種、色*/
  background-image: url(../images/bg-3.png);
  background-repeat: repeat;
  text-align: left;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#main h1 img {
  vertical-align: middle;
}
/*mainコンテンツの段落タグ設定*/
#main p {
  padding: 0.5em 10px 1em; /*左から、上、左右、下への余白*/
}
#main > p {
  background-color: #FFF;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
  float: right; /*右側に回り込み*/
  width: 340px; /*サブコンテンツ幅*/
}
/*subコンテンツ内のh1タグ設定*/
#sub h1 {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  border-radius: 6px 6px 0 0; /*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
  font-size: 100%;
  text-align: center; /*文字をセンタリング*/
  padding: 5px 0px; /*左から、上下、左右への余白*/
  background-color: #b10000; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd0000), to(#b10000)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#dd0000, #b10000); /*同上*/
  background-image: linear-gradient(#dd0000, #b10000); /*同上*/
  color: #FFF;
}
/*subコンテンツの段落タグ設定*/
#sub p {
  padding-right: 10px;
  padding-left: 10px;
}
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul {
  margin-bottom: 1em;
}
/*メニュー１個ごとの設定*/
#sub ul li a {
  text-decoration: none;
  display: block;
  border-right: 1px solid #999; /*右側の線の幅、線種、色*/
  border-bottom: 1px solid #999; /*下側の線の幅、線種、色*/
  border-left: 1px solid #999; /*左側の線の幅、線種、色*/
  /*padding-left: 10px;*/
  -webkit-transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0.5s; /*同上*/
  background-color: #313131; /*背景色*/
  color: #FFFFFF; /*文字色*/
  padding: 0.5em 10px;
  line-height: 1.4;
}
/*マウスオン時の設定*/
#sub ul li a:hover {
  background-color: #000; /*背景色*/
  color: #FFF; /*文字色*/
}
/*サブコンテンツ用　車ボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#sub article.box1 {
  font-size: 11px; /*文字サイズ*/
  width: 338px; /*ボックスの幅*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#FFF, #e3e3e3); /*同上*/
  background-image: linear-gradient(#FFF, #e3e3e3); /*同上*/
  border-bottom: 1px solid #999; /*下の線の幅、線種、色*/
  border-right: 1px solid #999; /*右の線の幅、線種、色*/
  border-left: 1px solid #999; /*左の線の幅、線種、色*/
  line-height: 1.6; /*行間*/
  position: relative;
  overflow: hidden;
}
#sub article.box1 a {
  padding: 5px; /*ボックス内の余白*/
  text-decoration: none;
  display: block;
  overflow: hidden;
  -webkit-transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#sub article.box1 a:hover {
  background-color: #ffea99; /*マウスオン時のボックス色*/
}
/*h1見出しタグ*/
#sub article.box1 h1 {
  margin-left: 90px; /*左の画像とバランスをとって設定する*/
  border: none;
  text-align: left;
  padding: 0;
  background: none;
  color: #dd0000;
  font-size: 14px;
}
/*p段落タグ*/
#sub article.box1 p {
  margin-left: 90px; /*左の画像とバランスをとって設定する*/
  padding: 0px;
  font-size: 12px;
}
/*サムネイル画像設定*/
#sub article.box1 figure {
  float: left; /*左に回り込みさせる設定*/
  padding: 0px;
}
/*サムネイル画像のフチ*/
#sub article.box1 figure img {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  vertical-align: bottom;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFF;
}
footer .pr {
  display: block;
  font-size: 80%;
}
footer a {
  text-decoration: none;
  color: #FFF;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#new {
  background-image: url(../images/bg-3.jpg);
  background-color: #000000;
  display: block;
}
#newinfo_hdr {
  position: relative;
}
#newinfo_hdr .ichiran {
  position: absolute;
  right: 10px;
}
#newinfo_hdr .ichiran a:link {
  font-size: 12px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#newinfo_hdr .ichiran a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f35a';
  margin-right: 0.2em;
}
#new .newinfo {
  background: #FFFFFF;
}
#new .newinfo iframe {
  width: 598px;
  height: 300px;
  overflow: auto;
  border-top: none;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
/*ブロック全体の設定*/
#new dl {
  overflow: auto; /*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
  height: 150px;
  padding-left: 10px;
}
/*日付設定*/
#new dt {
  font-weight: bold; /*太字にする設定。標準がいいならこの行削除。*/
  float: left;
  width: 8em;
}
/*記事設定*/
#new dd {
  border-bottom: 1px solid #d2d2d2; /*下線の幅、線種、色*/
  padding-left: 8em;
}
#new dd img {
  vertical-align: middle;
}
/*list.html内の中古車紹介の各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  margin-bottom: 1em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#FFF, #e3e3e3); /*同上*/
  background-image: linear-gradient(#FFF, #e3e3e3); /*同上*/
  -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 1px 1px #FFF inset; /*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
  box-shadow: 0px 2px 5px #CCC, 0px 0px 1px 1px #FFF inset; /*同上*/
  position: relative;
  overflow: hidden;
}
/*ボックス内の段落タグ設定*/
#main section.list article p {
  padding: 0px;
  margin-left: 220px; /*左の写真とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
#main section.list article figure img {
  float: left; /*画像を左へ回り込み*/
  background-color: #FFF; /*画像の背景色。ここでは枠線と画像の間の色になります。*/
  padding: 5px; /*余白。ここに上の行で設定した背景色が出ます。*/
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  vertical-align: bottom;
}
/*ボックス内のh1タグ設定*/
#main section.list article h1 {
  font-size: 100%;
  border-left: 3px solid #dd0000; /*左側の線の幅、線種、色*/
  margin-bottom: 0.5em;
  color: #000; /*文字色*/
  padding-left: 5px;
  background-color: #000; /*背景色*/
  color: #E1D38B;
}
/*リンクの設定*/
#main section.list article a {
  padding: 10px; /*ボックス内の余白*/
  text-decoration: none;
  display: block;
  overflow: hidden;
  -webkit-transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0.5s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#main section.list article a:hover {
  background-color: #ffea99; /*マウスオン時のボックス色*/
}

/* トップページメインバナー */
#maintenance {
  margin-top: 15px;
  margin-bottom: 15px;
}
#maintenance img {
  width: 100%;
  height: auto;
}
#maintenance a {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#maintenance a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* Ie用 */
}


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
  width: 100%;
}
.ta1, .ta1 td, .ta1 th {
  border: 1px solid #999; /*テーブルの枠線の幅、線種、色*/
  line-height: 2;
}
/*テーブル内の右側*/
.ta1 td {
  width: 457px;
  padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th {
  width: 200px;
  padding: 10px;
  text-align: center;
  background-color: #e2e2e2; /*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
  width: auto;
  text-align: left;
  background-color: #e2e2e2; /*背景色*/
}
/*テーブルのキャプション設定*/
.ta1 caption {
  padding: 10px;
  border-top: 1px solid #999; /*上側の線の幅、線種、色*/
  border-right: 1px solid #999; /*右側の線の幅、線種、色*/
  border-left: 1px solid #999; /*左側の線の幅、線種、色*/
  text-align: left;
  background-color: #b10000; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd0000), to(#b10000)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#dd0000, #b10000); /*同上*/
  background-image: linear-gradient(#dd0000, #b10000); /*同上*/
  color: #FFF;
  font-weight: bold;
}
/*submitボタンの設定*/
input[type="submit"] {
  width: 250px; /*ボタン幅*/
  padding: 10px; /*ボタン内の余白*/
  margin-bottom: 20px;
  border: 1px solid #999; /*枠線の幅、線種、色*/
  border-radius: 30px; /*角丸のサイズ*/
  background-color: #b10000; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd0000), to(#b10000)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#dd0000, #b10000); /*同上*/
  background-image: linear-gradient(#dd0000, #b10000); /*同上*/
  -webkit-box-shadow: 0px 2px 5px #bebebe; /*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
  box-shadow: 0px 2px 5px #bebebe; /*同上*/
  font-size: 14px; /*文字サイズ*/
  color: #FFF;
}
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover {
  background-color: #dd0000; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b10000), to(#dd0000)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#b10000, #dd0000); /*同上*/
  background-image: linear-gradient(#b10000, #dd0000); /*同上*/
  color: #FFF;
}

/* 求人問い合わせ用 */
ul.kakunin {
    margin: 1em auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
ul.kakunin li {
    margin: 0;
    padding: 0 0.5em;
}

/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
  float: left;
  width: 200px;
  height: 40px;
}
/*FAQページの設定
---------------------------------------------------------------------------*/
/*FAQブロック全体*/
dl.faq {
  padding-right: 10px;
  padding-left: 10px;
}
/*質問ブロック*/
dl.faq dt {
  padding-left: 20px;
  font-weight: bold; /*文字を太字にする設定*/
  color: #F00; /*文字色*/
  background-image: url(../images/faq_q.png); /*背景画像の読み込み*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: left 3px; /*背景画像を左側、3pxの場所に配置*/
}
/*回答ブロック*/
dl.faq dd {
  padding-left: 20px;
  background-image: url(../images/faq_a.png); /*背景画像の読み込み*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: left 3px; /*背景画像を左側、3pxの場所に配置*/
}
/* Facebookページ埋め込み
---------------------------------------------------------------------------*/
.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto 1em;
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
  width: 100% !important;
}
/* GoogleMaps
---------------------------------------------------------------------------*/
.maps {
  margin: 0 auto 1em;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #dcdcdc;
}
.mb1em {
  margin-bottom: 1em;
}
.clear {
  clear: both;
}
ul.disc {
  padding: 0em 25px 1em;
  list-style: disc;
}
.color1 {
  color: #F00;
}
.pr {
  font-size: 10px;
}
.btn {
  font-size: 13px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
figcaption {
  font-size: 11px;
}
.sortbox {
  text-align: right;
  margin-bottom: 1em;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
  background: #e5e5e5;
}
.big1 {
  font-size: 130%;
}
/*list.html内のおすすめ表示*/
.osusume {
  font-size: 10px;
  color: #FFF;
  background: #F00;
  text-align: center;
  display: block;
  width: 120px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-transform: rotate(-45deg) translate(37px, 20px);
  -ms-transform: rotate(-45deg) translate(37px, 20px);
  transform: rotate(-45deg) translate(37px, 20px);
}
/*list.html内SOLD OUT表示*/
.sumi {
  font-size: 10px;
  color: #FFF;
  background: #069;
  text-align: center;
  display: block;
  width: 120px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-transform: rotate(-45deg) translate(37px, 20px);
  -ms-transform: rotate(-45deg) translate(37px, 20px);
  transform: rotate(-45deg) translate(37px, 20px);
}
/* 写真装飾 */
.frame {
  display: inline-block;
  position: relative;
  padding: 0px;
  box-shadow: 0 2px 6px #999;
}
.frame:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient( /* ここで光を作っている */
    -120deg, rgba(255, 250, 250, 0.1) 0, rgba(255, 250, 250, 0.5) 70px, rgba(255, 250, 250, 0) 71px);
}
.lazy {
  display: none;
}
.wakuwaku{
	border: 2px solid #ff0000;
	padding: 0.2em;
	margin: 0.5em 0;
}

/* イベント（投稿）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	background-color: #FFF;
	border: 1px solid #ccc;
}
.news-wrap {
    margin: 0 auto;
	padding: 0 5px;
    /*padding-bottom: 50px;*/
}
ul.newsList {
    display: flex;
    
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
}
ul.newsList:last-child {
	border-bottom: none;
}
ul.newsList li {
    display: block;
    margin: 5px 5px;
}
ul.newsList li:nth-child(-n + 3) {
}
ul.newsList li:nth-child(2) {
}
ul.newsList li:nth-child(3) {
    flex-basis: auto;
}
ul.newsList .date {
    white-space: nowrap;
}
ul.newsList .new-txt {
    font-family: "Arial Black", Gadget, sans-serif;
    color: #FFDD00;
    font-size: 12px;
    padding: 5px 10px;
    text-align: center;
    background-color: #D20000;
}

/*現在使用しているテンプレートファイル名を表示*/
.tmp {
  /*display: none;*/
    
  color: #FFF;
  width: 100%;
  text-align: center;
}