@charset "UTF-8";

@import url("reset.css");

body {
	background: #000;
	color: #fff ;
	padding: 0 10px;
}
body.iframe {
	padding: 0;
}
a {
	color: #00FF00;
}
h1.red,
h2.red,
h3.red,
h4.red {
	color: #F00;
}
h1 {
	margin: 50px 0 0;
}
h1.type2 {
	margin: 20px 0;
}
h2 {
	margin: 5px 0;
}
h3.sgl {
	font-weight:400;
}
.txt-pink {color: #ff00ff;}
.txt-dealer {
	color: #ffff80;}
.mark-new {
	display: inline-block;
	width: 31px;
	height: 12px;
	background: url(../img/new.png) 0 0 no-repeat;
}
.mark-tohp {
	display: inline-block;
	width: 35px;
	height: 11px;
	background: url(../img/tohp.png) 0 0 no-repeat;
}
.mark-sns {
	display: inline-block;
	width: 36px;
	height: 11px;
	background: url(../img/tosns.png) 0 0 no-repeat;
}
.mark-photo {
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(../img/photo.png) 0 0 no-repeat;
}

/*  スマホ対応 width:380以下
=========================================================================*/
@media screen and (max-width: 320px) {
#top h3 {
	font-size: 1.00em;
}
}

/*  レポート用
=========================================================================*/
#report .nodeco { text-decoration:none ; color: #FFFFFF}
#report li {margin:0 0 0 1.5em}
#report ul li {margin:0 0 0 0em}
#report img {
	display: block;
}
#report img.l { float: left }
#report .r { 
	float: right;
	margin:0 4px 0 6px;
	padding: 0;
	border: 0;
}
#report-footer img.rimg { 
	float: left;
	margin:8px 2px ;
	padding: 0;
	border: 0;
}
#report .photoframe1 {
	margin-left: auto;
	margin-right: auto;
	border: outset 2px;
	background: #000;
}
#report .photoframe1 td{
	padding: 2px;
}
#report .photoframe1 td img{
	border: solid 1px #EDAE02;
	margin:0;
}

#report h1{
	line-height: 1.0em;
}
#report h2{
	margin: 0.5em 0;
	line-height: 1.0em;
	font-size: 18px;
	color:#ffff80;
}
#report .h5{
	line-height: 1.0em;
	font-size: 16px;
	color:#ffff80;
	font-weight: 700;
}
#report-hedder{}
#report-hedder .report-title{
	display: block;
	margin: 0 auto 39px;
	text-align: center;
}
#report-hedder .pan-nav{
}
#report .report-htext1{
	border-bottom: solid 2px #808080;
}
#report-body {
	clear: both;
}
#report-body img{
	margin:0 6px 4px 2px;
	width: 100px;
	height: 100px;
	border: none;
}
#report-body table img {
	margin-bottom: 8px;
}
#report .article{
	clear: both;
	margin: 8px 0 20px;
	padding: 8px 0 0; 
	width: 100%;
	border-top: solid 1px #808080;
}
#report .multi-dealer{
	border: none;
	border-collapse: collapse;
}
#report .sngl-dealer{
	border: none;
	border-collapse: collapse;
}
#report-footer img{
	margin: 8px 6px 8px 8px;
}
#report-footer .article{
	margin:0;
	width: 100%;
	border-top: solid 1px #808080;
}
#report-note{
	margin:0;
	width: 100%;
	border-bottom: solid 2px #808080;
	font-size: small;
}
#report #report-note p{
	font-size: small;
}
#report #report-note .article{
	margin: 8px 0;
	padding: 8px 0 0; 
	border-top: solid 2px #808080;
}
#report #report-note img {
	display: none;
}
/*  旧レポート用　1999-2000
=========================================================================*/
#report-body2 {
	clear: both;
	line-height: 130%;
}
#report-body2 img{
	margin: 5px;
	border: none;
}
#report-body2 h2{
	margin: 1.0em 0 0.5em;
}
#report-body2 p{
	margin: 16px 0 20px;
}
#report-body2 .txt-dealer {
	color: #ffff80;
	font-weight: 700;
}
/*  パラダイスレポート用　発言文字色
=========================================================================*/
#report .comment {
	color: #ffc060;
}
/*  index用 上に1px線　p　行間増し
=========================================================================*/
.boder-list {
	line-height: 120%;
}
.boder-list .year {
	margin:5px 0;
	padding-top: 10px;
	border-top: solid 1px #808080;
}
.boder-list .year:first-child {
	border-top: none;
}
.boder-list p {
	padding-left:5em;
	text-indent:-5em;
}
#report .article {
	clear: both;
	margin: 8px 0 20px;
	padding: 8px 0 0;
	width: 100%;
	border-top: solid 1px #808080;
}
/* ディーラー名　タイトル
====================================*/
#report div.d-title{
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 3px solid #fff;
	position:relative;
	background:url(../img/marble.png);
	text-overflow: ellipsis;
	overflow: hidden;
	max-width:calc(100vw - 80px);
}
#report div.d-title2{
	display: block;
	margin: 0 auto;
	padding: 30px 50px 30px 45px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 0 5px black;
	white-space: nowrap;
	background: #000;
	opacity: 0.8 ;
	position:relative;
	top:0;
	left:0;
	z-index: 10;
	text-overflow: ellipsis;
	overflow: hidden;
}
#report h4 {
	display: block;
	margin: 0;
	padding: 30px 50px 30px 45px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 0 0 10px black,0 0 7px black, 0 0 5px black,0 0 3px black,0 0 1px black;
	white-space: nowrap;
	position:absolute;
	top:0;
	left:0;
	z-index: 20;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width:calc(100vw - 165px);
}
#report .flexbox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
}
#report .flexbox img {
	max-width: 96%;
	height: auto;
}
/* サムネイル　フォトリスト
====================================*/
#report .photo-list{
	display: block;
	margin: 0;
	padding: 0;
}
#report ul.float-left{
	display: block;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#report ul.float-left li{
	float: left;
	display: flex;
	justify-content: center;
	margin: 0 5px 7px 0;
	padding: 0;
	width: 100px;
	height: 100px;
	overflow:hidden;
}
#report .photo-list.wide ul.float-left li{
	width: auto;
}
#report .photo-list ul.float-left li a{
	width: auto;
	height: 100%;
}
#report .photo-list ul.float-left li img{
	width: auto;
	height: 100%;
	margin: 0;
}

#report .multi1 {
	position:relative;
}
#report .multi2 {
	position:absolute;
	top:6px;
	right:6px;
	width: 31px;
	height: 30px;
	z-index: 20;
	background:url(../img/multi_s.png);
}
/* FancyBox カスタム
====================================*/
#report #fancybox-title {
	font-size: 16px;
}
/*  幅狭対応 width:640以下
=========================================================================*/
@media screen and (max-width: 640px) {
#report .glist {
	clear: both;
}
}
