div.content_prepare {
}
#content_honne36 a:link,
#content_honne36 a:visited {
    color: #7ec2e4;
}
#content_honne36 #section0 ,
#content_honne36 #section3 {
	width:100%;
	max-width:770px;
	margin:auto;
}
#content_honne36 .content_section {
	font-size:14px;
}
#content_honne36 .content_section h3 {
	color:#c33;
	font-weight:normal;
	text-align:center;
    font-size: 32px;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
#content_honne36 .content_section h3 {
    font-size: clamp(24px,2vw,32px);
}
}
#content_honne36 .content_section h3.with_bg {
	background:url(/sc/u_page/img/honne/36_sub_bg.png) center center repeat-x;
	font-size:24px;
    line-height: 1.7;
	font-weight:bold;
	width:100%;
	margin:1em auto 1em auto;
}
@media screen and (max-width: 767px) {
#content_honne36 .content_section h3.with_bg {
    font-size: clamp(18px,2vw,24px);
}}
#content_honne36 .content_section h3.with_bg span{
	display:inline-block;
	padding:0px 1.0em;
	background-color:#fff;
}
#content_honne36 .content_section {
	width:100%;
}
#honne36_figure1 a{
	display:block;
}
#honne36_figure1 a img{
	width:100%;
}
#honne36_figure1_upper_left {
	width:65.8%;
	float:left;
}
#honne36_figure1_upper_left a:nth-child(1),
#honne36_figure1_upper_left a:nth-child(2){
	width:48.1%;
	margin-bottom:20px;
}
#honne36_figure1_upper_left a:nth-child(1) {
	float:left;
}
#honne36_figure1_upper_left a:nth-child(2) {
	float:right;
}
#honne36_figure1_upper_left a:nth-child(3) {
	width:100%;
	clear:both;
}

#honne36_figure1_upper_right {
	width:31.7%;
	float:right;
}
#honne36_figure1_upper_right a {
	width:100%;
	margin-bottom:20px;
}
#honne36_figure1_lower {
	clear:both;
}
#honne36_figure1_lower a:nth-child(1) {
	float:left;
	width:31.7%;
}
#honne36_figure1_lower a:nth-child(2) {
	float:right;
	width:65.8%;
}

#honne36_figure1{
	width:100%;
	max-width:770px;
	margin:auto;
}
#honne36_figure2 ul,
#honne36_figure3 ul {
	width:100%;
	max-width:770px;
	margin:auto;
display:flex;
flex-wrap:wrap;
gap:20px;
}
#honne36_figure2 li {
	width:calc(50% - 10px);
}
#honne36_figure3 ul  li{
	width:calc((100% / 3) - (40px / 3));
}
#honne36_figure3 li {
	width:260px;
}
#honne36_figure2 li ,
#honne36_figure3 li {
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;
	position:relative;
}
#honne36_figure2 li img,
#honne36_figure3 li img{
	width:100%;
}
#honne36_figure3 li a {
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
#honne36_figure2 li:nth-child(2n) {
	margin-right:0px;
}
#honne36_figure3 li:nth-child(3n) {
	margin-right:0px;
}
#content_honne36 .honne36_figure {
	margin-bottom:2em;
	text-align:center;
}
#content_honne36 #section3 {
	margin-bottom:4em;
}

#honne_overlay {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	background-color:rgba(255,255,255,0.9);
	z-index:100;
	display:none;
}
#honne_overlay2 {
	display:table;
	width:100%;
	height:100%;
}
#honne_overlay3 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#honne_overlay4 {
	display:inline-block;
	width:100%;
}
#honne_overlay4 img {
	width:90%;
	box-shadow:4px 4px 16px rgba(0,0,0,0.5);
	cursor:pointer;
}
.clr {
    clear: both;
}

.article-template .article-template-top .lead.text + hr{display:none;}
.wrapper#store.u_page_article_aspx .btn_pagetop:before{
    width: 40px;
    height: 37px;
    background-image: url(/sc/u_page/img/honne/ico_honne36_toTop.png);
    background-repeat: no-repeat;
    top: -17px;
    left: 0;
    position: absolute;
    background-size: contain;
    background-position: center;
}