@charset "UTF-8";
/*
    Template: swell
    Theme Name: 中古車相場研究所
    Theme URI: 
    Description: ユーストカードットコム
    Version: 1.0.0
    Author: X DESIGN
    Author URI: https://xdesign.co.jp/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*Menu customize*/
.post h2, .post h3, .post h4, .post h5, .post h6 {
 margin: 0px 0px 0px ;
}
.wp-caption{
 margin: 0px 0px;
}


@media (min-width: 860px) {
.-parallel .l-header__logo {
width: 40%;
}
.l-header.-parallel .w-header {
width: 60%;
}
}


/* サイドバーの横幅 */
@media (min-width: 860px) {
.-sidebar-on #sidebar {
    width: 300px;
	}
}
	
/* メインの横幅 */
@media (min-width: 860px) {
.post_contents {
    width: 100%!important;
	}
}

	
/* 投稿記事の余白 */
.post_content > * {
	margin-bottom: 10px!important;
	margin-top: 0px!important;
	padding: 5px!important;
}

/* カラムの余白 */
.wp-block-column > * {
	margin-bottom: 20px!important;
	margin-top: 0px!important;
	padding: 10px!important;
}
	
/* テーブルスクロールテキストの余白をリセット */
.p-postList__item{
	padding: 5px!important;
	margin-bottom: 5px!important;
	background-color: #fff!important;
}
	
.swell-block-column {
	background-color: #c6e2ff!important; 
	padding: 15px!important;
}
	
.swl-has-mb--s {
	margin-left: 15px!important;
}
	
.swell-block-columns__inner {
	margin-left: -20px!important;
	margin-right: -33px!important;
}
	
/* サイドをリセット */
.c-widget{
	background-color: #fff!important;
}
	
/* サイドをリセット */
.wp-block-search__input{
	background-color: #fff!important;
}

/*Search customize*/
.sidebar .search-box, .search-menu-content .search-box {
  width: 100%;
  margin: 1em 0 2em;
  position: relative;
  display: flex;
  border-radius: 10px; /*全体を囲むボックスの角丸*/
  box-shadow:0px 4px 6px 0px #c4c4c4; /*全体を囲むボックスのシャドウ*/
}
.search-menu-content .search-box {
  box-shadow:0px 4px 6px 0px #333; /*スライドイン表示でのシャドウ*/
}
.sidebar .search-edit, .search-menu-content .search-edit {
  width: 80%; /*入力部分の長さ*/
  background: #fff; /*入力部分の背景色*/
  padding: 0 10px;
  border: none; /*ボーダーを消す*/
  border-radius: 50px 0 0 50px; /*左上、左下のみ角丸*/
  font-size: 16px;
}
.search-submit {
  width: 20%; /*ボタン部分の長さ*/
  background: #444d53; /*ボタン部分の背景色*/
  color: #fff; /*アイコンの色*/
  position: static;
  right: auto;
  top: auto;
  font-size: 20px; /*アイコンの大きさ*/
  cursor: pointer;
  line-height: 40px; /*検索窓の高さ*/
  border: none;
  border-radius: 0 50px 50px 0; /*右上、右下のみ角丸*/
  padding: 0;
}
.search-box input::placeholder {
  color: #bbb; /*プレースホルダーの色*/
}
.search-box input:focus, .search-box button:focus {
  outline: 0; /*フォーカス時の枠線を消す*/
}


/*tab customize*/

.is-style-balloon .c-tabList__button:hover, .is-style-balloon .c-tabList__button[aria-selected=true] {
background-color: #3D8C51;
}
.is-style-balloon .c-tabList__button:before {
border-top: 8px solid #3D8C51;
}


/*update-new customize*/

mple.phpPHP
<?php
$post_time = get_the_time('U');
$days = 10; //New!を表示させる日数
$last = time() - ($days * 24 * 60 * 60);
if ($post_time > $last) {
echo '<span class="new-txt">NEW!</span>';
}
?>
	
	
/*contents margin top customize*/
.p-breadcrumb__list {
    flex-wrap: wrap; //記事名が長い場合は折り返す
}
.p-breadcrumb__text {
    display: block!important; //記事名の表示
}
.p-breadcrumb__item:last-child span {
    opacity: 1; //記事名を半透明にしない
}
	

/*menu-customize*/
.c-gnav>.menu-item>a .ttl {
font-size: 18px;
}
	
.widget_nav_menu {
font-size: 18px;
}
	
.p-postList__title {
font-size:16px!important;
}
	
.p-postList__meta {
font-size:14px!important;
}
	
#content {
padding-top: 20px;
}
	
.p-breadcrumb__text {
    font-size:16px!important;
}