.-frame-on.single-report .l-mainContent,
.-frame-on.single-pocket .l-mainContent{
    background: transparent;
    border-radius: 0;
    padding: 0;
}
#main_content .l-mainContent__inner .post_content > .p-toc {    display: none !important;}
.-frame-on.single-report .l-mainContent .post_content{
    background: #fff;
    border-radius: var(--swl-radius--4, 0);
    padding: 3vw;
	border-radius:1em;
}

.score_wrap {
    flex-wrap: wrap;
    gap: 1em;
    justify-content: space-between;
    ;
}
#index_id0{margin-top:0;}
.score_wrap>.score_inner {
    width: calc(50% - 0.6em);
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 1em;
    line-height: 1.2;
    font-size: 0.9em;
}
.score_wrap.colum1>.score_inner {
    width:100%;
}
.score_wrap>.score_inner .title {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.score_wrap .wp-block-group.is-stack.num_area {
    flex-direction: initial;
    align-items: baseline;
    color: #5095a5;
    margin-bottom: 0.5em;
}

.score_wrap .wp-block-group.is-stack.num_area p:first-child {
    font-size: 1.3em;
}

.score_wrap .wp-block-group.is-stack.num_area p:last-child {
    font-size: 11px;
}

.score_wrap .bar_container {
    position: relative;
    width: 100%;
    height: 20px;
    background: #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px !important;
}

.score_wrap .bar {
    height: 100%;
    width: 0;
    background: #5095a5;
    border-radius: 10px 0 0 10px;
    transition: width 1.2s ease;
}

.score_wrap .bar.avg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(135, 132, 132, 0.3);
    border-radius: 10px 0 0 10px;
}

.score_wrap .atte {
    font-size: 11px;
    color: #444;
    margin-top: 0.5em;
}
.bar.low-good {
  background:var(--color_main);
}

.l-topTitleArea {
    align-items: center;
    display: flex;
    margin: 0;
    min-height: 11em;
    overflow: hidden;
    padding: 1.5em 0;
    position: relative;
    width: 100%;
}

.l-topTitleArea__body {
    z-index: 10;
}

.l-topTitleArea__body .c-postTitle {
    flex-direction: column;
}

.l-topTitleArea__body .c-postTitle__ttl {
    color: #fff;
}

.c-filterLayer.-texture-dot:after {
    background-color: rgba(0, 0, 0, 1);
}

.l-topTitleArea__body .p-articleMetas__times {
    margin-right: auto;
    color: #fff;
    font-size: 11px;
}
#top_thum_area{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap:1em;
}
#top_thum_area:not(.pocket) .p-articleThumb {
	margin: 0;
    width:100%;
	overflow: hidden;
    border-radius: 1em;
}
#top_thum_area .company_info{
    width:100%;
	overflow: hidden;
    border-radius: 1em;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#top_thum_area .company_info .company_name{
	background-color:var(--color_main);
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	line-height:1;
	padding:15px 10px 10px;
}
#top_thum_area .company_info dl{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	padding: 5px 15px;
	background-color:#fff;
	height: 100%;
	align-content: start;
}
#top_thum_area .company_info dl dt.title{
	width:100%;
	font-weight:bold;
	padding: 5px 0;
	color:#606060;
}
#top_thum_area .company_info dl dt.title:before{
	content:"";
	width:10px;
	height:10px;
	background-color:var(--color_main);
	display: inline-block;
    margin-right: 5px;
}
#top_thum_area .company_info dl dt:not(.title){
	width:100px;
	padding:10px 5px;
	display: flex;
    justify-content: center;
    align-items: center;
	line-height:1;
	font-weight:bold;
	color:#606060;
	border-top:1px solid #ccc;
}
#top_thum_area .company_info dl dd{
	width:calc(100% - 100px);
	line-height:1.2;
	padding:10px 5px;
	display: flex;
    align-items: center;
	border-top:1px solid #ccc;
}
#top_thum_area.noimages .company_info dl dd:first-of-type,
#top_thum_area.noimages .company_info dl dt:first-of-type:not(.title){
		border-top:none;
}
#main_content .l-mainContent__inner .p-toc{
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-radius: 1em;
    border: none;
}
.report-template-default .post_content>h2 {
    margin-left: 0;
    margin-right:0;
}
.p-articleFoot {border-top:none;}
.l-mainContent__inner>.pocket_title{
	background-color:var(--color_main);
	text-align:center;
	margin-top: 1em !important;
    margin-bottom: 2em;
	padding: 0.5em 0;
    border-radius: 0.5em;
}
.single-pocket #top_thum_area:not(.noimages) .thumbwrap {
	margin: 0;
    width:100%;
	overflow: hidden;
    border-radius: 1em;
        background-image: url(https://www.tottoribank.co.jp//sus_lab/wp-content/uploads/2025/10/pocket_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        aspect-ratio: 700 / 350;
        display: flex;
        justify-content: center;
        align-items: center;
    }
.single-pocket #top_thum_area .p-articleThumb{
max-width: 310px;
  max-height: 210px;
	        display: flex;
        justify-content: center;
        align-items: center;
 aspect-ratio: 16 / 11;
	    margin: 0;
	    overflow: hidden;
	    width: 41%;
}
.single-pocket #top_thum_area .p-articleThumb .p-articleThumb__img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (min-width: 960px) {
    .score_wrap.col5>.score_inner {
        width: 32%;
    }
    .score_wrap.col5>.score_inner:last-child {
        margin-right: auto;
    }
	.single-pocket #top_thum_area:not(.noimages) .thumbwrap,#top_thum_area:not(.pocket) .p-articleThumb{width:70%;}
	#top_thum_area:not(.noimages) .company_info{	width:27%;}
}

@media (min-width: 600px) {
    .l-topTitleArea {
        min-height: 140px;
        padding: 1em 0;
    }
    :root {
        --swl-box_padding: 1em 0.5em;
    }
}
@media (max-width:960px) {
	#main_content .l-mainContent__inner .p-toc,.single-report .l-mainContent__inner>.post_content {margin: 1em auto;}
	.report-template-default .post_content>h2{margin-top:2em; margin-bottom:1em;}
}
@media (max-width:600px) {
	:root {
    --swl-box_padding: 1.5em 0.5em;
}
}