@charset "UTF-8";
/**
 * EntryForm.htmlのスタイルシート。
 *
 *
 * #mainArea.withSidebar	サイドバーが存在しないメイン領域。
 * #sidebarArea				サイドバー領域。
 *
 */

/* #mainArea以下のFormは縦に並べる*/
div#mainArea.withSidebar {
/*	display: flex;*/
	flex-flow: column;
}

.listEntry a span.photo>img {
	width: 100%;
}

#sidebar #entryList:not(.hscroll) {
	width: 100%;
	display: flex;
	flex-flow: column;
}

#sidebar div.listEntry.default {
	width: 100%;
	height: 100px;
}

#sidebarArea > #sidebar > form > div {
	overflow: hidden;
}

#sidebarArea .btn,
#sidebarArea i.fas {
	display: none;
}

#sidebarArea .card span.txt {
	display: inline;
}


#sidebarArea div.cardText {
	padding-left: 10px;
	overflow: hidden;
}

#sidebarArea .card {
	margin-bottom: 10px;
}


#sidebar .newslink span.date
, #sidebar .newslink span.ttl {
}
#sidebar .newslink span.txt {
	font-weight: bold;
	color: #000;
}
#sidebar .newslink span.pref
, #sidebar .newslink span.uName
, #sidebar .newslink br.prefBr
, #sidebar .newslink br.uNameBr {
}

#sidebarArea .listEntry a.titleLink span.ttl:hover {
	color: #de6500;
}

#sidebarArea .listEntry .photo img {
	height: 100px;
	object-fit: cover;
}



/* スマートフォン版(分割なし) */
@media (max-width: 767px) {
	/* スマートフォンのサイドバー内の場合のブログ本文 */
	#sidebarArea .blogBody img {
		width: auto;
		height: auto;
		display: inherit;
	}
	/* #mainAreaと#sidebarArea は縦に並べる */
	div.container.withSidebar {
		display: flex;
		flex-flow: column;
	}

/*	div.container > div {
		width: 100%;
	}*/

	#mainArea.withSidebar #entryList:not(.owl-stage) .listEntry,
	#mainArea.withSidebar #examples .owl-carousel,
	#mainArea.withSidebar #events .eventInfo {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
		max-width: calc(100% - 40px);
	}
	#sidebar .newslink .photo {
		display: block;
		float: right;
		width: 100px;
		height: 100px;
	}
	#sidebar .newslink .photo img {
		width: 100%;
	}
}

/* タブレット、PC版 */
@media (min-width: 768px) {
	/* #mainAreaと#sidebarArea は横に並べる */
	div.container.withSidebar {
		display: flex;
		flex-flow: row;
		align-items: flex-start;
	}
	div.container > #mainArea {
		width: calc(100% - 240px);
		margin-right: 20px;
		overflow-x: hidden;
	}
	div.container > #sidebarArea {
		width: 220px;
	}
	#mainArea.withSidebar #entryList:not(.hscroll):not(.ranking) .listEntry,
	#mainArea.withSidebar #examples .owl-carousel,
	#mainArea.withSidebar #events .eventInfo {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
		max-width: calc(100% - 40px);
	}
	#sidebar .newslink .photo {
		display: block;
		float: left;
		width: 100px;
		height: 100px;
	}
	#sidebar .newslink .photo img {
		width: 100%;
	}
}

/* PC版(2分割) */
@media (min-width: 992px) {

	#sidebar .newslink .photo {
		display: block;
		float: left;
		width: 100px;
		height: 100px;
	}
	/* #mainAreaと#sidebarArea は横に並べる */
	div.container.withSidebar {
		display: flex;
		flex-flow: row;
		align-items: flex-start;
		margin-top: 100px;  /*20230427 50周年記念対応*/
	}
	div.container > #mainArea {
		width: calc(100% - 360px);
		margin-right: 20px;
	}
	div.container > #sidebarArea {
		width: 340px;
	}
	#mainArea.withSidebar #entryList:not(.hscroll):not(.ranking) .listEntry,
	#mainArea.withSidebar #examples .owl-carousel,
	#mainArea.withSidebar #events .eventInfo {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
		max-width: calc(50% - 40px);
	}
	#mainArea.withSidebar #entryList.ranking .listEntry {
		max-width: calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#mainArea.withSidebar #entryList.ranking .listEntry table {
		width: 100%;
	}
	#sidebar .newslink .photo {
		display: block;
		float: left;
		width: 100px;
		height: 100px;
	}
	#sidebar .newslink .photo img {
		width: 100%;
	}
}

#sidebar .block {
    padding: 30px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 50px;
}

.showroom {
    border: 1px solid #ec6900;
    padding: 1rem;
}

.showroom img {
    max-width: 100px;
    margin: 0 auto 0.25em;
    display: block;
}
/*
img {
    position: relative;
    display: block;
    overflow: hidden;
}
img {
    vertical-align: middle;
    border-style: none;
}*/

.banner_box ul {
	padding-left: 0px;
}