@charset "UTF-8";
/*
Theme Name:レントオール小山
Description:レントオール小山様専用テーマです
Author:株式会社コアネット
Author URI:http://www.coa2.co.jp
Version:0.9
*/

/*
 *--------------------------------
 * 共通
 *--------------------------------
 */

h2.title {
	border-bottom: 3px #CE1225 solid;
	line-height: 125%;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

h3.title {
	background: url(images/icon-02.gif) no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin: 10px 0;
}

h3.title-line {
	background: url(images/icon-02.gif) no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
}
h3.title-line span {
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: #fff;
	padding-right: 1rem;
}
h3.title-line::after {
	position: absolute;
	top: 50%;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #212529;
	z-index: 1;
}

h3.category-title {
	background: url(images/icon-02.gif) no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 10px;
}

h3.widget-title {
	background: url(images/icon-02.gif) no-repeat;
	background-position: 3px 3px;
	border-bottom: 3px #0057A4 solid;
	font-size: 1rem;
	padding-left: 24px;
	padding-bottom: 8px;
	/* margin-bottom: 10px; */
	margin-bottom: 0px;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.search-field, .search-submit {
	border: 1px #ccc solid;
}
.search-submit {
	/* background-color: #CE1225; */
	background-color: #0057A4;
	color: #fff;
}

.thead-default th {
	text-align: center;
}

.vertical th {
	background-color: #eed;
	color: #495057;
	text-align: center;
	vertical-align: middle;
}

.section {
	margin-bottom: 40px;
}

.notes {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.red {
	color: #f00;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/*
 *--------------------------------
 * ヘッダー
 *--------------------------------
 */
#header .headline {
	font-size: 0.8rem;
	color: #868e96;
	margin-top: 0;
}

@media (max-width: 576px) {
	#top-slider {
		display: none;
	}
}

.navbar-search {
	padding-top: 20px;
	padding-bottom: 10px;
}

.navbar-search .search-field {
	border: 1px #fff solid;
}
.navbar-search .search-submit {
	/* background-color: #CE1225; */
	background-color: #0057A4;
	border: 1px #fff solid;
	color: #fff;
}

/*
 *--------------------------------
 * コンテンツ
 *--------------------------------
 */
.content {
	margin-bottom: 40px;
}

#totop {
	margin: 40px 0 20px 0;
	text-align: right;
}
#totop a {
	background-image: url(images/icon-03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
}

#toback {
	margin-top: 40px;
}

a.arrow {
	background-image: url(images/icon-04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
}



.item-image {
	text-align: center;
	border: 1px #ccc solid;
	padding: 5px;
}
/*
.item-image img {
	width: auto;
	height: auto;
	max-width: 350px;
	max-height: 350px;
}
*/

/* トップページ */
.home .content {
	margin-top: 20px;
}

/* 一覧ページ */
#item-list .item-grid {
	margin-bottom: 40px;
}

#item-list .item-title {
	border-bottom: 3px #CE1225 solid;
	margin-bottom: 10px;
	padding: 10px 0;
}

#item-list .item-price {
	color: #CE1225;
	font-size: 0.9rem;
	/* text-align: right; */
}
/*
#item-list .item-image img {
	width: 100%;
	height: 170px;
	object-fit: contain;
}
*/
/* 詳細ページ */
#post-detail {
	margin-bottom: 20px;
}
#post-detail .post-title {
	background: url(images/icon-02.gif) no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 10px;
}
#post-detail .post-date {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	color: #c00;
	font-weight: bold;
	margin: 20px 0;
	padding: 10px 0;
}
#post-detail .post-body {
	border-bottom: 1px #ccc solid;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#item-detail .item-title {
	border-left: 5px #CE1225 solid;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
}

#item-detail .item-image {
	margin-bottom: 10px;
}

#item-detail .item-body {
	overflow: hidden;
}
#item-detail .item-body dl {
	border-bottom: 1px #ccc solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#item-detail .item-body dl dt,
#item-detail .item-body dl dd {
	margin: 0;
}

#item-detail .item-body .item-price {
	color: #ce1225;
	font-size: 1.25rem;
	font-weight: bold;
}

#item-detail .item-body dl dt span {
	display: inline-block;
	font-size: .9em;
}

#item-detail .item-category {
	font-size: .9em;
	background-color: #ccc;
	margin: 20px 0;
	padding: 10px;
}


/* 新着リスト */
#news-list {
	padding: 0 10px;
}

#news-list dl {
	border-bottom: 1px #ccc solid;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#news-list dt {
	color: #666;
	font-weight: normal;
	min-width: 150px;
	margin-right: 10px;
	padding: 5px 0;
	float: left;
}

#news-list dd {
	margin: 0 0 0 150px;
	padding: 5px 0;
}

#news-list .more {
	text-align: right;
	padding: 5px 0;
}

@media (max-width: 576px) {
	#news-list dt {
		width: 100%;
	}
	#news-list dd {
		margin: 0;
	}
}

/* おすすめ商品 */
#recomend {
	padding: 0 10px;
}

#recomend .recomend-column {
	padding-left: 10px;
	padding-right: 10px;
}

#recomend .item-name {
	font-size: .9em;
	margin-top: 5px;
}

#recomend .more {
	text-align: right;
	padding: 5px 0;
}

/* ページナビ */
.paginate {
	text-align: center;
	margin: 20px 0;
}
.paginate .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	border: 1px #ccc solid;
}
.paginate a:hover {
	background-color: #ddd;
}
.paginate .current {
	background-color: #ccc;
}

/*
 *--------------------------------
 * サイドバー
 *--------------------------------
 */
#sidebar {
	padding: 20px 0;
}

.side-widget {
	margin-bottom: 20px;
}

.side-widget ul.menu,
.side-widget ul.sub-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.side-widget ul.menu li.current-menu-item {
	background-color: #e2ecf5;
}
/* #6fa0cc */

.side-widget ul.menu li a {
	display: block;
	padding: 10px 0 10px 5px;
	border-bottom: 1px #ccc solid;
	color: #666;
	text-decoration: none;
}

.side-widget ul.menu li a:hover {
	background-color: #6fa0cc;
	color: #fff;
}


.side-widget ul.sub-menu {
}
.side-widget ul.sub-menu li {
	background: url(images/icon-01.gif) no-repeat;
	background-position: 10px center;
}
.side-widget ul.sub-menu li a {
	padding-left: 22px;
}

/* バナー */
#side-banner {
	margin-bottom: 10px;
	text-align: center;
}
#side-banner .frame {
	display: inline-block;
	/* border: 1px #ccc solid; */
	margin-bottom: 10px;
	/* padding: 2px; */
}
#side-banner .frame img {
	width: 100%;
	max-width: 250px;
}
#side-banner .frame span {
	display: block;
	padding: 5px;
}

/* 検索フォーム */
#side-search {
	margin-bottom: 20px;
}

.search-submit {
	font-family: FontAwesome;
}

/* カテゴリメニュー */
#side-menu {
	margin-bottom: 20px;
}

#side-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#side-menu ul li {
	background-color: #e2ecf5;
}

#side-menu ul li a {
	display: block;
	padding: 10px 5px 10px 10px;
	border-bottom: 1px #ccc solid;
	color: #666;
	text-decoration: none;
}

#side-menu ul li a:hover {
	background-image: inherit;
	background-repeat: inherit;
	background-position: inherit;
	background-color: #cee0f1;
	color: #444;
}

#side-menu ul.children {
	display: none;
}

#side-menu ul.children li {
	background-image: url(images/icon-01.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #fff;
}

#side-menu ul.children li a {
	padding-left: 26px;
}

#side-menu ul li.current-cat {
	background-color: #6fa0cc;
}
#side-menu li.current-cat>a {
	color: #fff;
}



/*
 *--------------------------------
 * フッター
 *--------------------------------
 */
#footer .footnav {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#footer .footnav::after {
	display: block;
	clear: both;
	content: "";
}

#footer .footnav-item {
	font-size: 0.8rem;
	float: left;
}

#footer .footnav-item + .footnav-item::before {
	display: inline-block;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	color: #868e96;
	content: "|";
}

#footer .footnav-item + .footnav-item:hover::before {
	text-decoration: underline;
}

#footer .footnav-item + .footnav-item:hover::before {
	text-decoration: none;
}

#footer .address {
	font-size: 0.8rem;
	color: #868e96;
}

#footer .copyright {
	font-size: 0.8rem;
	color: #868e96;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}


/*# lg 以上 */
@media (min-width: 992px) {
	#header .headline {
		margin-top: 34px;
		margin-bottom: 0;
	}

	#footer .address br {
		display: none;
	}
}


/*
 *--------------------------------
 * ウィジェット
 *--------------------------------
 */
#contactbanner {
	text-align: center;
	margin-bottom: 20px;
}

/*
 *--------------------------------
 * SSL
 *--------------------------------
 */
#sslbanner {
	display: block;
	background: #ffe;
	border: 1px #eed solid;
	color: #666;
	margin: 15px 0;
	padding: 15px;
}
#sslbanner::after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#sslbanner div {
	float: left;
	width: 140px;
}
#sslbanner p {
	margin: 0 0 0 150px;
	font-size: 0.8em;
}

.categories ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.categories li {
	padding: 15px 0;
}

.categories li.article {
	border-bottom: 1px #ccc solid;
}

.categories li.article img {
	float: left;
	width: 80px;
}

.categories li.article div {
	margin-left: 110px;
}
.categories li.article h4 {
	font-weight: bold;
}

.categories li.article ul li {
	padding: 5px 0;
}

.categories li::after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.link-button {
	display: inline-block;
	background-color: #CE1225;
	color: #fff;
	font-size: .9rem;
	text-align: center;
	text-decoration: none;
	padding: 5px 25px;
}

.link-button:hover {
	background-color: #DD5966;
	color: #fff;
	text-decoration: none;
}

.link-button i {
	margin-right: 10px;
}


.item-body strong {
	color: #f00;
}
/*
.relation {
	text-align: center;
	vertical-align: middle;
}
.relation .r_img {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0;
	width:auto;
	height:auto;
	max-width:135px;
	max-height:135px;
	background-size: contain;
	vertical-align: middle;
}
*/
/* Firefoxの改行されない対策 */
.item-body dd {
	word-wrap: break-word;
}

#item-detail .item-image img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
@media (min-width: 576px) {
	#item-detail .item-image img {
		height: 350px;
	}
}
@media (min-width: 768px) {
	#item-detail .item-image img {
		height: 200px;
	}
}
@media (min-width: 992px) {
	#item-detail .item-image img {
		height: 350px;
	}
}
#item-list .item-image img {
	width: 100%;
	height: 175px;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
@media (min-width: 576px) {
	#item-list .item-image img {
		height: 150px;
	}
}
@media (min-width: 768px) {
	#item-list .item-image img {
		height: 125px;
	}
}
@media (min-width: 992px) {
	#item-list .item-image img {
		height: 150px;
	}
}
@media (min-width: 1200px) {
	#item-list .item-image img {
		height: 175px;
	}
}

#recomend .item-image img {
	width: 100%;
	height: 135px;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

#archives {
	margin-top: 30px;
}
#archive-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#archive-list li {
	background-image: url(images/icon-01.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #fff;
	border: 1px #ccc solid;
	margin: 10px;
}
#archive-list li:hover {
	background-color: #e2ecf5;
}
#archive-list li a {
	display: block;
	padding: 10px 0 10px 26px;
	text-decoration: none;
}


/* テーブルのレスポンシブ対応 */
table.responsive { width: 100%; }
table.responsive th, table.responsive td {
	padding: 10px;
	border: 1px solid #ddd;
}
table.responsive th {
	background-color: #eed;
	color: #495057;
	vertical-align: middle;
}
 
table.responsive th  { width: 30%; text-align: left; }
 
@media only screen and (max-width: 575px){
	/* table.responsive { margin: 0 -10px; } */
	table.responsive th,
	table.responsive td {
		width: 100%;
		display: block;
		border-top: none;
	}
	table.responsive tr:first-child th { border-top: 1px solid #ddd; }
}

/* Youtube埋め込み対応 */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}