body,html {
	font-size: 14px;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #313131;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
}

/* 基本設定 */
.container {
	max-width: 1100px;
	padding: 30px 0;
}
.container.wide {
	max-width: 1600px;
	padding: 0 50px;
}
.category {
	padding-bottom: 30px;
}
a { color:#2D74BE;}
h2 {
	text-align: left;
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 20px;
	line-height: 1.6em;
}
h2 span {
	padding-right: 10px;
}
h2 svg {
	margin-right: 5px;
}
#index h2,
#list h2 {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
}
h3 {
	font-size: 1.3em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.title {
	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
}
.font-large {
	font-size: 1.3em;
	font-weight: bold;
}
.meichao {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

}
.bg-col {
	background: #438FC5;
}
.bg-base {
	background: #f4f4f2;
}
.bg-blue {
	background: #1E3052;
}
.title {
	font-size: 1.7em;
	font-weight: normal;
}
.btn-outline {
	border: 1px solid #333333;
}
a.btn-outline:hover { background: #438FC5; color: #FFFFFF; }
a.more span {
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 0.9em;
	padding-right: 10px;
}

/* マウスオーバーで「透過」する */
.opacity:hover {opacity: 0.75;}
.opacity:hover img {opacity: 0.75;}

/* 画像をマウスオーバーで「回転」する */
img.photo_tum {
  	transition: 0.2s;
} 
img.photo_tum:hover{
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		transform: rotate(3deg);
}

/* 画像をマウスオーバーで「拡大」する */
.scale {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.scale img {
   transition: all 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
  	transform: scale(1.1);
}

dl.edit {
	margin: 0;
	font-weight: normal;
}
dl.edit:last-child {
	border-bottom: none;
}
dl.edit dt {
	float: left;
	font-size: 1em;
}
dl.edit dd {
	margin-left: 9em;
	margin-bottom: 0;
}
.badge {
	padding: 3px;
}
.badge.border-danger {
	border: 1px solid #dc3545;
	color: #dc3545;
}
.badge.border-success{
	border: 1px solid #28a745;
	color: #28a745;
}
.text {
	font-size: 0.9em;
	line-height: 1.4em;
}
.text-col {
	color: #4189D1;
}

/* header */
header .container {
	padding-top: 0;
	padding-bottom: 0;
}
header #head_sub {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 0.9em;
}
header #head_sub .tel {
	padding-right: 30px;
	font-size: 0.9em;
}
header #head_sub .tel span {
	font-size: 1.5em;
	font-weight: bold;
	color: #4189D1;
	padding-right: 10px;
}
header #head_sub .logout a:link    { text-decoration: underline; color: #333333;}
header #head_sub .logout a:visited { text-decoration: underline; color: #333333;}
header #head_sub .logout a:hover   { text-decoration: none;}
header #head_sub .logout a:active  { text-decoration: none;}
header #head_contents {
	padding-top: 10px;
	padding-bottom: 10px;
}
header h1 {
	margin-bottom: 0;
}
header a.btn#showLeft {
	background: #999999;
}
header .btn_menu {
	border-left: 1px dotted #CCCCCC;
}
header .btn_menu a.btn {
	width: 80px;
	color: #666666;
	font-size: 0.8em;
	padding: 5px 0;
	margin-left: 1px;
	margin-right: 1px;
}
header .btn_menu a.btn:link    { }
header .btn_menu a.btn:visited { }
header .btn_menu a.btn:hover   { background: #EEEEEE;}
header .btn_menu a.btn:active  { background: #EEEEEE;}
header .btn_menu a.btn svg {
	color: #999999;
}
header a.btn#showLeft {
	width: auto;
	padding: 3px 8px;
	font-size: 0.8em;
	color: #FFFFFF;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 99;
}
.cbp-spmenu .user {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-weight: normal;
	background: #EEEEEE;
}
a.logout {
	padding-bottom: 0;
}
a.logout div {
	padding: 20px;
}
a.logout div {
	color: #FFFFFF;
	display: block;
	text-align: center;
}
.btn-group a.logout {
	margin-left: 30px;
}
table.style{
  border-radius:5px;
  border-spacing: 0;
  overflow:hidden;
}
table.style th {
	padding: 20px;
	border-right: 1px solid #DDDDDD;
}
table.style td {
	padding: 30px;
}

.list-unstyled li a span{
	color: #545454;
	padding-left: 10px;
}
ul.list-unstyled {
	margin-bottom: 0;
}
.btn-lg {
	width: 200px;
}

/* テキストaリンクスタイル*/
a.link:link    { text-decoration: underline;}
a.link:visited { text-decoration: underline;}
a.link:hover   { text-decoration: none;}
a.link:active  { text-decoration: none;}

/* マウスオーバーで「透過」する */
.opacity:hover {opacity: 0.7;}
.opacity:hover img {opacity: 0.7;}

/* footer */
footer {
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	padding: 60px 0;
}
footer .ban_area {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 60px;
}
footer .ban_area div {
	margin-top: 2px;
	margin-bottom: 2px;
}
footer .ban_area li {
	margin: 2px;
}
address {
	color: #545454;
	padding-top: 15px;
	line-height: 1.4em;
	margin-bottom: 0;
}
footer nav a {
	padding: 0 15px;
	display: inline-block;
}
footer a.link span {
	padding-left: 5px;
}
footer .totop a {
	display: block;
	padding: 10px 8px 5px 8px;
	background: #FFFFFF;
	opacity: 0.75;
	border-radius: 5px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 30px;
	color: #333333;
}
footer .totop a:link    { text-decoration: none;}
footer .totop a:visited { text-decoration: none;}
footer .totop a:hover   { text-decoration: none; color:#2D74BE;}
footer .totop a:active  { text-decoration: none; color:#2D74BE;}

footer nav a {
	color: #545454;
}
/* form */
.form-row>.col, .form-row>[class*=col-] {
	padding-left: 0;
}
input.tel,
input.year {
	width: 6em;
}
input.num {
	max-width: 24em;
}
input.post {
	width: 10em;
}
input.price {
	width: 2em;
}
.form-inline .form-control {
	width: auto;
}
.form-control.price {
	width: 7em;
}
.wide-auto {
	width: auto;
}
.wide-auto.btn-lg {
	width: auto;
}
.btn.rounded-circle {
	width: 28px;
	height: 28px;
	padding: 3px 2px 2px 2px;
}
.text-dark.d-inline-block {
	color: #999999!important;
}
.btn_area {
	text-align: center;
	margin: 30px 0;
}
.btn_area svg {
	margin-left: 5px;
	margin-right: 5px;
}
.btn_area .btn {
	minwidth: 10em;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
}
.btn_area .btn.wide-auto {
	width: auto;
}
.alert ul {
	margin-bottom: 0;
}
.img-fluid:not(.default-pointer) {
    cursor: pointer;
}

.d_none {
    display: none !important;
}