/**pc**/

body#option2020 #image-box.pc { overflow-y: hidden; position: relative; }
body#option2020 #image-box.pc { width: 100%; height: 100vh; overflow-y: hidden; margin: 0; }
body#option2020 #image-box.pc #seven_press_logo { position: absolute; left: 0px!important; }
body#option2020 #image-box.pc #seven_press_logo span.spcer { display: none; background-color: hsla(0,0%,0%,.0) ;}
body#option2020 #image-box.pc .abso#screenbt a { position: absolute; top: 0; left: 0 !important; z-index: 10; background-color: hsla(0,0%,100%,.0); display: block; width: 100%; height: 1200px; }
body#option2020 #image-box.pc .abso#screenbt a:hover { background-color: hsla(0,0%,100%,.5); }

body#option2020 .pc .catch { position: absolute; z-index: 10; font-size: 1.4vw; line-height: 2.2vw; color: #fff; background-color: hsla(0,0%,0%,.5); padding: 10px 20px }
body#option2020 .pc .catch { text-align: left; top: 50px; left: 50px !important; }

/**sp**/
body#option2020 #image-box.sp { overflow-y: hidden; position: relative; }
body#option2020 #image-box.sp { width: 100%; height: 100vh; overflow-y: hidden; margin: 56px 0 0 0; }/*max-height: 56vw; */
body#option2020 #seven_press_logo_sp.sp { position: absolute; top: 16px!important; left: 0!important; color: #000; background-color: hsla(0,0%,0%,.0);height: 100px; z-index: 1; opacity: 1!important }
body#option2020 a#seven_mark.sp img { width: 50px!important; height: auto; right: 10px; top: 10px; }

body#option2020 .sp .catch { position: absolute; z-index: 10; /*font-size: 1.1em; line-height: 1.4em;*/ }
body#option2020 .sp .catch { /*width: calc( 100% - 40px ); text-align: center; top: 1.5em; left: 20px !important; background-color: hsla(0,0%,0%,.5); padding: 10px 20px */ }
body#option2020 .sp .catch a { color: #000; }
body#option2020 .sp .catch.wh a { color: #fff; }


/**postid-9081**/
body.postid-9226 #primary .entry-content { margin: 0!important }
body.postid-9226 #image-box.pc #seven_press_logo img { width: 20%; height: auto; }
body.postid-9226 div.ordersuits { text-align: center!important; }
body.postid-9226 h3.ordersuits { font-family: Arial, Helvetica, "sans-serif"; font-weight: 700; letter-spacing: .02em; font-size: 1.2em; margin-bottom: 20px }
body.postid-9226 div.ordersuits .osatt { font-size: 0.8em; }
body.postid-9226 #image-box.pc { background-color: hsla(0,0%,0%,.0); margin-top: 20px }

body#option2020 #image-box.catalog2020 .catch { position: absolute; z-index: 10; color: #fff; background-color: hsla(0,0%,0%,.0); padding: 10px 20px; text-align: center; 
font-family: Arial, Helvetica, "sans-serif"; font-weight: 700; letter-spacing: .2em }
body#option2020 #image-box.catalog2020 .catch i { font-size: .5em; vertical-align: -0.em }
body#option2020 #image-box.catalog2020 .catch span { font-weight: 300; letter-spacing: .2em }
body#option2020 #image-box.catalog2020 .catch.wh { color: #000; }
body#option2020 #image-box.catalog2020 .catch a { display: block; background-color: hsla(0,0%,100%,.0); padding-bottom: 20vw }

body#option2020 #image-box.catalog2020.pc .catch { top: 20px; left: 20% !important; width: 60%; font-size: 1.2vw; line-height: 1.8vw; }

body#option2020 #image-box.catalog2020.sp .catch { top: 5px; font-size: 0.7em; line-height: 1.2em; }
body#option2020 #image-box.catalog2020.sp .catch span { font-size: 1.1em; line-height: 1.6em; }
body#option2020 #image-box.catalog2020.sp .catch i { font-size: .5em; vertical-align: 0.2em }


body#option2020 #image-box.pc #seven_press_logo span.spcer { height: 70vh; max-height: 40vw; }

body.single-format-image .inner-banner, body.single-format-image .post { background-image: url("/noise.png"); }

body.single-format-image .inner-banner { padding: 30px 40px; background-position: bottom; }
body.single-format-image .post { padding: 10px 40px; background-position: top; }

body.single-format-image .thememattic-breadcrumb,
body.single-format-image .inner-banner { border-bottom: 1px hsla(0,0%,0%,.0)!important; }
body.single-format-image .single-post { border-top: 1px hsla(0,0%,0%,.0)!important; }
body.single-format-image hr { background-color: hsla(0,0%,0%,.0)!important; }

.mask2020 { width: 80%; margin: 0px 10% 50px }
.mask2020 img { width: 100%; height: auto }
.mask2020 a img { border: 1px solid #5CD1D3; }

.hcj2021 { width: 80%; margin: 20px 10% 70px }
.hcj2021 img { width: 100%; height: auto }
.hcj2021 a img { border: 1px solid #508AAD; }

#seven_press div#yodan div.alignleft { width: calc( 25.0% - 23px)!important; margin: 0 0 }
#seven_press div#yodan div { margin: 0 0 }
#seven_press div#yodan div:nth-child(2) { margin: 0 30px }
#seven_press div#yodan div:nth-child(3) { margin: 0 30px 0 0 }

@media only screen and (min-width: 1402px) {
body#option2020 #image-box.pc { max-height: 620px; }
body#option2020 #image-box.pc #seven_press_logo { top: 530px!important;  }
body#option2020 #primary.option1 { margin-top: 40px; }
}

@media only screen and (max-width: 1401px) {
body#option2020 #image-box.pc { max-height: 620px; }
body#option2020 #image-box.pc #seven_press_logo { top: 530px!important;  }
body#option2020 #primary.option1 { margin-top: 40px; }
}

@media only screen and (max-width: 1201px) {
body#option2020 #image-box.pc { max-height: 52vw; }
body#option2020 #image-box.pc #seven_press_logo { top: 43vw!important;  }
body#option2020 #primary.option1 { margin-top: 40px; }
}

@media only screen and (max-width: 991px) {
body#option2020 #image-box.pc { max-height: 46vw; }
body#option2020 #image-box.pc #seven_press_logo { top: 40vw!important;  }
body#option2020 #primary.option1 { margin-top: 40px; }
}

@media only screen and (max-width: 680px) {
body#option2020 #image-box.sp.catalog2020 { max-height: calc(100vh - 50px); margin-bottom: 0px!important; padding-bottom: 0!important }
body#option2020 #image-box.sp .swiper-container { margin-bottom: 0; padding-bottom: 0 }


body#option2020 #primary.option1 { margin-top: 0px!important; background-color: #fff; }
.hcj2021 { width: 100%; margin: 10px 0% 30px }

#seven_press div#yodan div.alignleft { width: calc( 25.0% - 23px)!important; margin: 0 0 }
#seven_press div#yodan div { margin: 0 0 }
#seven_press div#yodan div:nth-child(2) { margin: 0 30px }
#seven_press div#yodan div:nth-child(3) { margin: 0 30px 0 0 }

}