@charset "utf-8";
/* CSS Document */

/*---------------------------------------------一覧ページ---------------------------------------------*/
.title_area{
	background: #edeedf;
	text-align:center;
}
.title_area_bg_l{
	background:url(../img/headerbg_l.jpg) no-repeat left center;
	background-size:auto;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.title_area_bg_r{
	background:url(../img/headerbg_r.jpg) no-repeat right center;
	background-size:auto;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.report_title{
}
.title_text{
	padding: 30px 0 60px;
}
.report_box{
	position:relative;
	border:1px solid #ccc;
	color:#222;
	box-sizing:border-box;
}
.report_box .data{
	position:absolute;
	bottom:25px;
	right:25px;
	padding-top:3px;
}
.report_box .title a{
	font-size:16px;
	font-weight:bold;
	color:#222;
}
.large_text_area ,.small_text_area{
	position:relative;
	padding:25px 25px 60px 25px;
}
.three_block,.three_block_s{
	width:32%;
	float:left;
	margin-top:60px;
}
.three_block:nth-child(3n+2),.three_block_s:nth-child(3n+2){
	margin:60px 2% 0;
}
.holder{
	text-align:center;
	margin:60px auto 30px;
	display:inline-block;
	width:100%;
}
.holder a{
	color:#555;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor:pointer;
	padding:2px 9px;
	margin:0 3px;
}
.jp-current{
	background-color:#555;
	color:#fff!important;
	border-radius:5px;
}
.new{
	position:absolute;
	top:-15px;
	left:20px;
}
.report_padding{
	padding: 0 30px;
	margin-bottom: 140px;
}
.report_container{
	padding: 0 30px;
}
.title_padding{
	padding: 0 30px;
}
.reportarea{
	position: absolute;
    left: 20px;
    top: -40px;
}
.report_top_image img{
	margin-top: 1px;
}
.commingsoon{
	background: #aaa;
}
.commingsoonfont{
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 80px auto 30px;
	text-align: center;
}
.dummycomment{
	width: 100%;
	padding: 0 20px 10px;
	text-align: center;
	color: #fff;
}

/*---------------------------------------------/一覧ページ---------------------------------------------*/


/*---------------------------------------------個別ページ---------------------------------------------*/
.imagewrapper{
	background: url(../img/page_bg.jpg) no-repeat top center;
	margin-top: 97px;
}
.w980{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:50px 20px 0;
}
.w500_title{
	width: 80%;
	max-width:500px;
	margin:0 auto 50px;
	padding:30px 10px;
	text-align:center;
	background: rgba(255,255,255,0.8);
}

.white_contents {
	background-color:#fff;
	width:100%;
	padding:60px 60px 70px;
	display:inline-block;
}
.top_margin {
	max-width:none;
	position:relative;
}
.menu_area{
	box-shadow:none!important;
}
.pan_link{
	background:#d5cec5;
}
.inline-block {
	text-align: center;
}
.inline-block li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.reportspec{
	text-align: center;
	background: #edeedf;
	padding: 20px;
	margin: 0 auto 50px;
	font-size: 13px;
}
.reportspeccatch{
	font-size: 1.2em;
    margin-bottom: 15px;
}
.reportspec .owner{
	font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}
.sectiontitle{
	color: #af7819;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.reportcatch{
	font-weight: bold;
    font-size: 1.2em;
    color: #333;
    margin-top: 20px;
}
.leftimg,.rightimg{
	margin-bottom: 40px;
}
.leftimg .text{
	float: right;
}
.leftimg img{
	max-width: 40%;
	float: left;
	margin-right: 30px;
}
.rightimg .text{
	float: left;
}
.rightimg img{
	max-width: 40%;
	float: right;
	margin-left: 30px;
}
#inline-content{
	padding: 10px 10px 0;
	box-sizing: border-box;
	background: #fff;
}
#inline-content img{
	margin-bottom: 10px;
}
.col3{
}
.col3 .col{
	float: left;
	margin: 0 5px 5px 0;
}
.col3 .col img{
	width: auto;
}
.col3 :first-child{
	background: pink;
}
.allphotos{
	line-height: 46px;
	color: #fff;
	background: #555;
	padding: 0 30px;
	border-radius: 23px;
	display: inline-block;
}
.allphotosarea{
	width: 100%;
	text-align: center;
	margin: 40px 0 0;
}
.ownervoice{
	position: relative;
	width: 100%;
	padding: 30px;
	background: #edeedf;
	margin-top: 80px;
}
.voicemark{
	position: absolute;
	top: -44px;
	left: 20px;
}
.ownervoicetext{
	width: 70%;
	padding: 0 20px 0 0;
	float: left;
}
.ownervoicetextbold{
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}
.ownervoiceimg{
	width: 30%;
	float: right;
	border: 8px solid #fff;
	box-sizing: border-box;
}
.photowrapper{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	max-width: 980px;
	padding-bottom: 20px;
}
.photowrapper img{
	margin-bottom: 15px;
}
.photoclose{
	display: inline-block;
	color: #222;
	padding: 10px 30px 0;
	text-align: center;
}
.allphotothumbs{
	text-align: center;
	margin: 20px auto 75px;
}
.allphotothumbs img{
	display: inline-block;
	margin: 0 5px 5px;
	height: 40px;
}
/*---------------------------------------------/個別ページ---------------------------------------------*/

/*---------------------------------------------個別ページ下部リンク---------------------------------------------*/

.bold_title{
	font-weight:bold;
}
.slide_vol{
	background-color:#df5e3d!important;
}
.pattern2 .slick-prev:before, .pattern2 .slick-next:before{
	color:#df5e3d!important;
}


@media screen and (max-width: 1180px) {
	.title_area_bg_l{
		background:url(../img/headerbg_lh.jpg) no-repeat left top;
		background-size:auto;
	}
	.title_area_bg_r{
		background:url(../img/headerbg_rh.jpg) no-repeat right bottom;
		background-size:auto;
	}
}
@media screen and (max-width: 1020px) {
	.material_text{
		width:100%;
		padding-right:0;
		float:none;
	}
	.material_image{
		display:none;
	}
	.material_image_sp{
		display:block;
		float:right;
		width:235px!important;
	}
	.material_name{
		float:left;
		width:100%;
	}
}

@media screen and (max-width: 980px) {
	.entrytext{
		width: 100%;
		padding: 0;
		float: none;
		margin-bottom: 15px;
	}
	.entryimg{
		width: 100%;
		float: none;
	}
	.entrybtn{
		margin-top: 40px;
	}
}
@media screen and (max-width: 768px) {
	.reportw980{
		padding: 50px 30px 0!important;
	}
	.ownervoicetext{
		width: 100%;
		padding: 0 0 20px 0;
		float: none;
	}
	.ownervoiceimg{
		width: 100%;
		float: none;
	}
	.imagewrapper{
		background: url(../img/page_bgs.jpg) no-repeat top center;
		margin-top: 72px;
	}
	.white_contents{
		padding: 0 0 40px 0;
	}
	.title_area_bg_l{
		background:url(../img/headerbg_ls.jpg) no-repeat left bottom;
		background-size: contain;
	}
	.title_area_bg_r{
		background:url(../img/headerbg_rs.jpg) no-repeat right bottom;
		background-size: contain;
	}
	.three_block,.three_block_s{
		width:47.5%;
		width : -webkit-calc(50% - 30px) ;
   		width : calc(50% - 30px) ;
	}
	.three_block,.three_block_s,.three_block:nth-child(3n+2),.three_block_s:nth-child(3n+2){
		margin:60px 30px 0 0;
	}
	.report_container{
		padding: 0 0 0 30px;
	}
	.w980 {
	    padding: 50px 0 0;
	}
	.entryarea{
		margin: 50px auto 80px;
	}
	.report_padding{
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 640px) {
	.leftimg .text,.rightimg .text{
		width: 100%;
		float: none;
	}
	.leftimg img,.rightimg img{
		width: 100%;
		float: none;
		max-width: 100%;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 540px) {
	.three_block,.three_block_s{
		width:100%;
		margin-top:55px;
	}
	.three_block:nth-child(3n+2),.three_block_s:nth-child(3n+2){
		margin:55px 0 0;
	}
	.three_block:nth-child(2n),.three_block_s:nth-child(2n){
		margin:55px 0 0 0;
	}
	.report_box .title a{
		font-size:14px;
	}
	.large_text_area ,.small_text_area{
		position:relative;
		padding:15px 10px 40px 15px;
	}
	.report_box .data{
		bottom:15px;
		right:13px;
	}
	.new{
		top:-42px;
		left:20px;
	}
	.report_title{
		width: 40%;
	}
	.title_area_bg_r{
		padding-bottom: 20px;
	}
	.title_text {
	    padding: 10px;
		background: rgba(255,255,255,0.75);
		border-radius: 10px;
	    width: 80%;
	    margin: 15px auto 0;
		font-size: 11px;
	}
	.report_container{
		padding: 0 20px 0;
	}
}

@media screen and (max-width: 480px) {
	.reportw980{
		padding: 40px 20px 0!important;
	}
	.voicemark{
		width: 60px!important;
		height: 60px!important;
		top:-25px;
	}
	.ownervoice{
		padding: 30px 20px 20px;
		margin-top: 60px;
	}
	.w500_title{
		width: 100%;
		margin:0 auto 50px;
		padding:20px;
	}
	.reportarea{
		top: -30px;
		width: 60px;
		height: 60px;
	}
}