@charset "utf-8";
/* CSS Document */
.box-report-b, .box-report-p {
	clear:both;
	padding:15px;
	margin-bottom:1em;	
}

.box-report-b {
	background: url(/lp/report/img/bg-b.gif) left top;
}

.box-report-p {
	background: url(/lp/report/img/bg-p.gif) left top;
}

.box-report-b ul.column2 li,
.box-report-p ul.column2 li {
	width:340px;
}


.box-report-b .cReport,
.box-report-p .cReport { 
 	border:2px solid #FFF;
	padding:0 10px 10px 10px
}

.box-report-b .cReport{ 
	background:#f5f8ff;
}

.box-report-p .cReport{ 
	background:#fef6f4;
}


.box-report-b .cReport h2,
.box-report-p .cReport h2 {
	background:none;
	padding:0;
	margin:0 0 1em 0;
}

.box-report-b .cReport .ttl {
	background:#72afe0;
	color:#FFF;
}

.box-report-p .cReport .ttl {
	background:#dbb2a7;
	color:#FFF;
}

/*過去記事タイトル用*/
.mar-10l {
	margin-left:-10px !important;
}

.report-top ul.report-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.report-top ul.report-list li{
width: 340px;
}

/**clear設定***********************************/

.box-report-b,
.box-report-p,
.cReport {	
	min-height: 1%;
}

.box-report-b:after,
.box-report-p:after,
.cReport:after {
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
	}

/*\*/
* html .box-report-b,
* html .box-report-p,
* html .cReport { 
	height: 1%;
	}
.box-report-b,
.box-report-p,
.cReport { 
	display: block;
}
.cReport ul.photo2s{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cReport ul.photo2s li{
width: 201px;
text-align: center;
padding: 0 20px; 
}
.cReport ul.photo2{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cReport ul.photo2 li{
width: 48%;
text-align: center;
}
.cReport ul.photo3{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cReport ul.photo3 li{
width: 31%;
text-align: center;
}
.cReport ul.photo3::after{
  content:"";
  display: block;
  width:31%;
}
.cReport ul.photo4{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.cReport ul.photo4 li{
width: 23%;
text-align: center;
}
.cReport ul.photo4::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.cReport ul.photo4::after{
  content:"";
  display: block;
  width:23%;
}
.cReport ul.photo2s li > span,
.cReport ul.photo2 li > span,
.cReport ul.photo3 li > span,
.cReport ul.photo4 li > span{
    display: block;
    font-size: 80%;
    line-height: 1.5em;
    margin-top: 5px;
    text-align: left!important;
}
.cReport ul.photo2s li > span.c-txt,
.cReport ul.photo2 li > span.c-txt,
.cReport ul.photo3 li > span.c-txt,
.cReport ul.photo4 li > span.c-txt{
    text-align: center!important;
}
.cReport .w320{
    width: 320px!important;
}

@media only screen and (max-width: 750px) {
/*kokokara*/
    .list-column2 li{
        float: none;
        width: auto;
}
.box-report-b, .box-report-p {
	padding:4px;
 }
.report-top > #article > .box-report-b,
.report-top > #article > .box-report-p {
	padding:15px;
 }
.report-top ul.report-list li{
width: auto;
}
.report-top ul.report-list li a img{
max-width: 100%;
height: auto;
 }
.cReport > h2 >img{
max-width: 100%;
height: auto;
}
    .cReport ul.photo2s{
    justify-content: center;
    }
    .cReport ul.photo2s li{
        width: auto;
    }
    .cReport ul.photo2{
    justify-content: center;
    }
    .cReport ul.photo2 li{
        width: auto;
    }
    .cReport ul.photo3{
    justify-content: center;
    }
    .cReport ul.photo3 li{
        width: auto;
        padding:0 15px;
    }
    .cReport ul.photo4{
    justify-content: center;
    }
    .cReport ul.photo4 li{
        width: auto;
        padding:0 15px;
    }
    .cReport .c-txt > img,
    .cReport .l-photo img,
    .cReport .r-photo img,
    .cReport ul.photo2 li img,
    .cReport ul.photo3 li img,
    .cReport ul.photo4 li img{
        max-width: 100%;
        height: auto;
    }
.cReport ul.photo3::after,
.cReport ul.photo4::before,
.cReport ul.photo4::after{
display: none;
}
#article .cReport .w320,
#article .cReport .w600{
width: auto!important;
    }
#article .cReport p.r-txt{
text-align: left!important;
    }
/*kokomade*/    
}