@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name:      powersave.css
Style Info:     個別レイアウト
----------------------------------------------------------- */

/* .contentBlock
--------------------------------------------------*/
.contentBlock .cntBlock {
margin-top: 15px;
}

/* #internalLinks
--------------------------------------------------*/
#internalLinks {
padding-top: 0;
}

/* #lead
--------------------------------------------------*/
#lead {
margin-bottom: 20px;
}

/* .pmainimg
--------------------------------------------------*/
.pmainimg {
margin-bottom: 20px;
}

/* .line
--------------------------------------------------*/
.line {
--powersave-gap: 20px;
padding-bottom: var(--powersave-gap);
background: none;
}

.line ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
gap: var(--powersave-gap);
width: 100%;
background: none;
}

.line ul.clearfix::after {
display: none;
}

.line li {
flex: 0 0 calc((100% - var(--powersave-gap)) / 2);
width: calc((100% - var(--powersave-gap)) / 2);
max-width: calc((100% - var(--powersave-gap)) / 2);
min-width: 0;
border: solid 1px #999;
overflow: hidden;
box-sizing: border-box;
line-height: 0;
}

#str-sidecont .line .odd,
#str-sidecont .line .evn {
float: none !important;
}

.line li.noBorder {
border: none;
}

#str-main .line li:not(.not-renew-css) {
margin: 0;
}

#str-main .line li img:not(.not-renew-css) {
display: block;
width: 100%;
height: auto;
margin-bottom: 0;
}

.line .clearfix {
padding-left: 0;
margin-bottom: 0 !important;
}

/* #auto
--------------------------------------------------*/
#auto4.line {
padding-bottom: 0;
background: none;
}

#auto4 ul {
background: none;
}

#str-main #auto4 .evn img:not(.not-renew-css) {
margin-top: min(98px, calc((100vw - 250px) * 0.135));
margin-bottom: 0;
}

/* #timer
--------------------------------------------------*/
#timer4.line {
padding-bottom: 0;
background: none;
}

#timer4 ul {
background: none;
}

#str-main #timer4 .evn img:not(.not-renew-css) {
margin-top: min(102px, calc((100vw - 250px) * 0.14));
margin-bottom: 0;
}

@media screen and (max-width: 768px) {
.line {
padding-bottom: var(--powersave-gap);
background: none;
}

.line ul {
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
gap: var(--powersave-gap);
width: 100%;
background: none;
}

.line li {
flex: none;
width: 100%;
max-width: 100%;
border: 0;
}

#str-main .line li img:not(.not-renew-css) {
display: block;
width: calc(100% - 2px);
border: solid 1px #999;
margin-bottom: 0;
}

#str-main #timer4 .evn img:not(.not-renew-css),
#str-main #auto4 .evn img:not(.not-renew-css) {
margin-top: 0;
margin-bottom: 0;
}
}
