@charset "utf-8";

/* ========================================================================================================================/

	styleInfo：pist_db/style.css
		└　1-0, list
		└　2-0, detail

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	1-0 list
/------------------------------------------------------------------------------------------------------------------------ */

#pist_db1 .three_block_container h2,
#pist_db2 .three_block_container h2 {
	color:#ffffff;
	font-size:42px;
	font-weight:bold;
	text-align:center;
	border-radius:8px;
	padding:14px 0;
	margin-bottom:20px;
}

#pist_db1 .search_box,
#pist_db2 .search_box {
	overflow:hidden;
	margin-bottom:10px;
}

#pist_db1 .kpage,
#pist_db2 .kpage {
	float:left;
	overflow:hidden;
	text-align:center;
}

#pist_db1 .kpage li,
#pist_db2 .kpage li {
	float:left;
	margin-right:6px;
}

#pist_db1 .kpage li.now,
#pist_db2 .kpage li.now,
#pist_db1 .kpage li a,
#pist_db2 .kpage li a {
	display:block;
	width:24px;
	height:14px;
	padding:5px 0;
}

#pist_db1 .kpage li.now,
#pist_db2 .kpage li.now
#pist_db1 .kpage li a:hover,
#pist_db2 .kpage li a:hover {
	border:1px solid #660000;
	background-color:#F09938;
	border-radius:4px;
	color:#ffffff;
}

#pist_db1 .kpage li a,
#pist_db2 .kpage li a {
	border:1px solid #660000;
	background-color:#ffffff;
	border-radius:4px;
	color:#660000;
	text-decoration:none;
}


#pist_db1 .three_block_container h2 { background-color:#59b200; }
#pist_db2 .three_block_container h2 { background-color:#ff9326; }

#pist_db1 .three_block_container h3 {
	font-size:20px;
	font-weight:bold;
	padding: .5em 0 .5em 1em;
	border-left: 6px solid #59B200;
	background-color:#e1ffc3;
	margin-bottom:20px;
}

#pist_db1 .pd_box_container,
#pist_db2 .pd_box_container {
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#pist_db1 li.pd_box,
#pist_db2 li.pd_box {
	float:left;
	font-size: 13px;
	width:253px;
	padding: 10px;
	border:1px solid #cccccc;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	margin-right:17px;
	margin-bottom:17px;
}

#pist_db1 li.pd_box:nth-child(3n),
#pist_db2 li.pd_box:nth-child(3n) {
	margin-right:0;
}

#pist_db1 li.pd_box:hover,
#pist_db2 li.pd_box:hover {
	background-color:#ffddbb;
	border-color: #ffaa00;
}

#pist_db1 .pd_box a,
#pist_db2 .pd_box a {
	display:block;
	height:100%;
	text-decoration:none;
	-moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}	

#pist_db1 li.pd_box:hover a,
#pist_db2 li.pd_box:hover a {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

#pist_db1 .pd_box .pic_img,
#pist_db2 .pd_box .pic_img {
	margin-bottom:12px;
	background-color:#E1E1E1;
}

#pist_db1 .pd_box img,
#pist_db2 .pd_box img {
	display:block;
	width:auto;
	max-height:253px;
	margin:0 auto;
}

#pist_db1 .pd_box .comment,
#pist_db2 .pd_box .comment {
	color: #006dd9;
	line-height:1.3;
	font-weight: bold;
	margin-bottom:6px;
}

#pist_db1 .pd_box .shozaichi,
#pist_db2 .pd_box .shozaichi {
	color: #212121;
	margin-bottom:8px;
}

#pist_db1 .pd_box dl,
#pist_db2 .pd_box dl {
	overflow:hidden;
	margin-bottom:4px;
}

#pist_db1 .pd_box dt,
#pist_db2 .pd_box dt {
	clear:left;
	float:left;
	display:block;
	padding:4px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #efefef;
	color: #212121;
	font-size: 12px;
	line-height:1.2;
	margin-bottom:6px;
}

#pist_db1 .pd_box dd,
#pist_db2 .pd_box dd {
	color:#212121;
	float:left;
	display:block;
	padding:4px 0;
	margin-left:8px;
	font-size: 14px;
	font-weight:bold;
	line-height:1.2;
}

#pist_db1 .pd_box dd.fc-red,
#pist_db2 .pd_box dd.fc-red {
	color: #d90000;
}

#pist_db1 .pd_box dd.fc-green,
#pist_db2 .pd_box dd.fc-green {
	color: #85b200;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, detail
/------------------------------------------------------------------------------------------------------------------------ */


#pist_db1 section,
#pist_db2 section {
}

#pist_db1 section .breadcrumbs,
#pist_db2 section .breadcrumbs {
	overflow:hidden;
	margin-bottom:20px;
}

#pist_db1 section .breadcrumbs li,
#pist_db2 section .breadcrumbs li {
	float:left;
	margin-left:1em;
}

#pist_db1 section .breadcrumbs li,
#pist_db2 section .breadcrumbs li,
#pist_db1 section .breadcrumbs li a,
#pist_db2 section .breadcrumbs li a,
#pist_db1 section .breadcrumbs li a:hover,
#pist_db2 section .breadcrumbs li a:hover,
#pist_db1 section .breadcrumbs li a:active,
#pist_db2 section .breadcrumbs li a:active {
	font-size:12px;
	color:#888888;
}

#pist_db1 section .breadcrumbs li:first-child,
#pist_db2 section .breadcrumbs li:first-child {
	margin-left:0;
}

#pist_db1 section h3.comment,
#pist_db2 section h3.comment {
	color:#ff9326;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}

#pist_db1 section .name_kousin,
#pist_db2 section .name_kousin {
	width:100%;
	overflow:hidden;
	margin-bottom:12px;
}

#pist_db1 section .shubetu,
#pist_db2 section .shubetu {
	float:left;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	padding:12px 18px;
	border-radius:21px;
	line-height:1.2;
}


#pist_db1 section .shubetu {
	background:#59B200;
}

#pist_db2 section .shubetu {
	background:#FF9326;
}

#pist_db1 section .bukken_name,
#pist_db2 section .bukken_name {
	float:left;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding:12px 18px;
	line-height:1.2;
}

#pist_db1 section .bukken_name {
	color:#59B200;
}

#pist_db2 section .bukken_name {
	color:#FF9326;
}

#pist_db1 section .kousinbi,
#pist_db2 section .kousinbi {
	float:right;
	color:#666666;
	text-align:right;
	margin:1em 0;
}

#pist_db1 section .photo_import,
#pist_db2 section .photo_import {
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

#pist_db1 section #photo,
#pist_db2 section #photo {
	float:left;
	width:50%;
}

#pist_db1 section #photo .main-photo,
#pist_db2 section #photo .main-photo {
	position:relative;
	width:100%;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	text-align:center;
	vertical-align:middle;
	padding:15px 0
}

#pist_db1 section #photo .main-photo img,
#pist_db2 section #photo .main-photo img {
	position:relative;
	width:auto;
	height:auto;
}

#pist_db1 section #photo .main-photo p,
#pist_db2 section #photo .main-photo p {
	color:#ff442e;
	font-size:11px;
	text-align:left;
	text-indent:-1.4em;
	margin-top:10px;
	padding-left:1.4em;
}

#pist_db1 section #photo .main-photo .stamp01,
#pist_db2 section #photo .main-photo .stamp01 {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	color:#ff9327;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #ff9327;
	padding:1px 10px 0 10px;
}

#pist_db1 section #photo .main-photo .stamp02,
#pist_db2 section #photo .main-photo .stamp02 {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	color:#ff4d4d;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #ff4d4d;
	padding:1px 10px 0 10px;
}

#pist_db1 section #photo .main-photo .stamp03,
#pist_db2 section #photo .main-photo .stamp03 {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	color:#01a3d9;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #01a3d9;
	padding:1px 10px 0 10px;
}

#pist_db1 section #photo .main-photo .stamp04,
#pist_db2 section #photo .main-photo .stamp04 {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	color:#92bb1f;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #92bb1f;
	padding:1px 10px 0 10px;
}

#pist_db1 section #important,
#pist_db2 section #important {
	float:right;
	width:50%;
	text-align:left;
}

#pist_db1 section #important dl,
#pist_db2 section #important dl {
	overflow:hidden;
	border:solid 1px #cccccc;
	margin-left:20px;
	padding:15px;
}

#pist_db1 section #important dl dt,
#pist_db2 section #important dl dt {
	clear:left;
	float:left;
	width:20%;
	padding:0.6em 0;
	text-align:center;
	font-weight:bold;
	box-sizing:border-box;
	background:#efefef;
	border:solid 1px #cccccc;
	margin-top:10px;
	margin-right:3%;
}

#pist_db1 section #important dl dd,
#pist_db2 section #important dl dd {
	float:left;
	width:77%;
	padding:0.6em 0;
	margin-top:10px;
	box-sizing:border-box;
	border:solid 1px #ffffff;
}

#pist_db1 section #important dl dt:nth-of-type(1),
#pist_db2 section #important dl dt:nth-of-type(1),
#pist_db1 section #important dl dd:nth-of-type(1),
#pist_db2 section #important dl dd:nth-of-type(1) {
	margin-top:0 !important;
}

#pist_db1 section #important dl dd:nth-of-type(1),
#pist_db2 section #important dl dd:nth-of-type(1) {
	font-size:20px;
	padding:0.25em 0;
}

ul.option li,
ul.option li {
	float:left;
	text-align:center;
	margin-right:5%;
	width:30%;
}

ul.option2 li,
ul.option2 li {
	width:21%;
}

ul.option li:last-child,
ul.option li:last-child {
	margin-right:0;
}

ul.option li a img,
 ul.option li a img {
	opacity:1;
}

ul.option li a:hover img,
ul.option li a:hover img {
	opacity:0.8;
}

#pist_db1 section #important ul.option,
#pist_db2 section #important ul.option {
	margin-top:10px;
	margin-left:20px;
	list-style:none;
}

#pist_db1 section .thumb,
#pist_db2 section .thumb {
	list-style:none;
}

#pist_db1 section .thumb li,
#pist_db2 section .thumb li {
	position:relative;
	float:left;
	display:block;
	width:13.4%;
	height:87px;
	margin:0 1% 8px 0;
	overflow:hidden;
}

#pist_db1 section .thumb li:nth-of-type(7n),
#pist_db2 section .thumb li:nth-of-type(7n) {
	margin-right:0 !important;
}

#pist_db1 section .thumb li a,
#pist_db2 section .thumb li a {
	position:absolute;
	top:0;
	left:0;
	diaplay:block;
	width:100%;
	height:80px;
}

#pist_db1 section .thumb li a img,
#pist_db2 section .thumb li a img {
	position:absolute !important;
	top:-100% !important;
	bottom:-100% !important;
	left:-100% !important;
	right:-100% !important;
	display:block !important;
	max-width:107px !important;
	max-height:80px !important;
	margin:auto !important;
}


#pist_db1 section .detail,
#pist_db2 section .detail {
}

#pist_db1 section .detail table,
#pist_db2 section .detail table {
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	border-collapse:collapse;
	margin-top:20px;
}

#pist_db1 section .detail table th,
#pist_db2 section .detail table th {
	min-width:140px;
	text-align:left;
	box-sizing:border-box;
	background:#efefef;
	border:solid 1px #cccccc;
	padding:15px;
}

#pist_db1 section .detail table td,
#pist_db2 section .detail table td {
	text-align:left;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	padding:15px;
}

#pist_db1 section .detail .gmap,
#pist_db2 section .detail .gmap {
	width:100%;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin-top:20px;
}

#pist_db1 section .detail .gmap iframe,
#pist_db2 section .detail .gmap iframe {
	width:100% !important;
	height:auto !important;
	min-height:420px;
	margin-bottom:-10px;
}

#pist_db1 section .detail .youtube,
#pist_db2 section .detail .youtube {
	display:block;
	width:618px;
	height:378px;
	margin:20px auto 0 auto;
}

#pist_db1 section .company,
#pist_db2 section .company {
	overflow:hidden;
	text-align:left;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin-top:20px;
	padding:15px;
}

#pist_db1 section .company .com_btn,
#pist_db2 section .company .com_btn {
	float:right;
	margin-right:1%;
}

#pist_db1 section .company .com_pro,
#pist_db2 section .company .com_pro {
	float:left;
}


#pist_db1 section .back,
#pist_db2 section .back {
	text-align:center;
	margin-top:20px;
}

#pist_db1 section .back a img,
#pist_db2 section .back a img {
	width:200px;
	opacity:1;
}

#pist_db1 section .back a:hover img,
#pist_db2 section .back a:hover img {
	opacity:0.8;
}