@charset "UTF-8";
    *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}  @font-face {
font-family: "lato-local";
src: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/fonts/Lato-Regular.woff) format("woff");
font-weight: 400;
}
@font-face {
font-family: "lato-local";
src: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/fonts/Lato-Bold.woff) format("woff");
font-weight: 700;
}
@font-face {
font-family: "lato-local";
src: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/fonts/Lato-Black.woff) format("woff");
font-weight: 900;
}
body {
display: none;
}    button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}     .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}    * {
-webkit-appearance: none;
}
html, body {
line-break: strict;
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
}
html {
font-size: 5vw;
-webkit-overflow-scrolling: touch;
}
body {
background-color: #fff;
color: #505050;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
font-size: 3.75vw;
line-height: 1.714;
}
#wrapper {
min-height: 100vh;
width: 100vw;
}
_:lang(x)::-ms-backdrop, body {
font-family: "メイリオ", Meiryo, sans-serif; }
img {
vartical-align: top;
max-width: 100%;
width: auto;
height: auto;
}
img[src$=".svg"] {
width: 100%;
}
ul, ol {
margin-left: 1em;
}
a {
color: #0070c9;
}
a:hover {
opacity: 0.8;
}
figcaption {
background-color: #f0f0f0;
margin-bottom: 1rem;
padding: 0.3em 1em;
}
.smaller {
font-size: 90%;
}
.btn-general, .btn-01 {
background-color: #505050;
color: #fff;
display: block;
padding: 0.2515243902em 0;
text-align: center;
border-radius: 3px;
}
.btn-general:hover, .btn-01:hover {
text-decoration: none;
}
.entry-title a {
color: #505050;
}
.maxw980 {
margin: 0 auto;
max-width: 980px;
}
.maxw840 {
margin: 0 auto;
max-width: 840px;
}
.maxw640 {
margin: 0 auto;
max-width: 640px;
}
.maxw480 {
margin: 0 auto;
max-width: 480px;
}
.link {
color: #0070c9;
}
.link:hover {
text-decoration: underline;
}
.txt-left {
text-align: left;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
.maxSP {
max-width: 320px;
}
.maxMiniTB {
max-width: 600px;
}
.maxTB {
max-width: 768px;
}
.maxPC {
max-width: 1140px;
}
.mb1lh {
margin-bottom: 1.714em;
}
.lato {
font-family: "Lato", "lato-local", sans-serif;
}
.block {
margin-bottom: 24px;
}
.caption {
font-size: 90%;
}
.breadcrumb {
font-size: 0.8em;
margin-bottom: 1.714em;
}
.breadcrumb > span::after {
content: " / ";
}
.breadcrumb > span:last-child::after {
content: "";
}
@media screen and (min-width: 600px) {
html {
font-size: 2.6666666667vw;
}
body {
font-size: 2vw;
}
.block {
margin-bottom: 40px;
}
}
@media screen and (min-width: 800px) {
html {
font-size: 1.4035087719vw;
}
body {
font-size: 1.4035087719vw;
}
}
@media screen and (min-width: 1140px) {
html {
font-size: 16px;
}
body {
font-size: 16px;
}
.mobile-only {
display: none;
}
}  .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}   .item-block {
margin-bottom: 2.714em;
}
.thumb-item-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.thumb-item-nav .thumbnails_item {
border: solid 2px #eee;
cursor: pointer;
margin: 0.2em;
opacity: 0.6;
width: 20%;
}
.thumb-item-nav .thumbnails_item.current {
border-color: #0070c9;
opacity: 1;
}
.item-picture {
margin-bottom: 2.714em;
}
.item-detail {
width: 100%;
}
.item-detail table {
border-top: solid 1px #bbb;
font-size: 65%;
margin-bottom: 0.714em;
width: 100%;
}
.item-detail table tr {
border-bottom: solid 1px #bbb;
}
.item-detail table th, .item-detail table td {
display: block;
padding: 0.3em 1em;
width: 100%;
}
.item-detail table th {
background-color: rgba(80, 80, 80, 0.1);
}
.item-detail table ul {
margin: 0;
padding: 0 0 0 1.5em;
}
@media screen and (min-width: 600px) {
.item-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.item-picture {
margin-bottom: 0;
width: 65%;
}
.item-info {
width: 34%;
}
}
@media screen and (min-width: 1140px) {
.item-detail table {
font-size: 100%;
}
}    .site-header {
position: fixed;
width: 100%;
z-index: 9999;
}
.inner-header {
background-color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 64px;
padding: 20px 20px 0;
width: 100%;
}
.inner-header h1 {
line-height: 1;
}
.header-logo {
height: 100.185px;
margin-top: -16px;
width: 142px;
}
.header-logo a:hover {
opacity: 1;
} #nav-drawer {
line-height: 1;
position: relative;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.nav-unshown {
display: none;
}
#nav-open {
display: inline-block;
width: 24px;
height: 24px;
cursor: pointer;
vertical-align: middle;
}
#nav-open span, #nav-open span::before, #nav-open span::after {
background: #fff;
content: "";
display: block;
height: 2px;
width: 24px;
position: absolute;
}
#nav-open span::before {
bottom: -8px;
}
#nav-open span::after {
bottom: -16px;
}
@-webkit-keyframes show {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
@keyframes show {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
#nav-close {
background: #000;
display: none;
height: 100%;
width: 100%;
position: fixed;
z-index: 99;
top: 0;
left: 0;
}
#nav-content {
background: #f0f0f0;
height: 100%;
max-width: 240px;
overflow: auto;
padding: 32px 0 0;
width: 60%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
#nav-content #primary-menu {
font-size: 1em;
list-style: none;
margin: 0;
padding: 0;
}
#nav-content #primary-menu li a {
color: #505050;
display: block;
padding: 0.8em;
text-decoration: none;
}
#nav-content #primary-menu li a:hover {
background-color: #658092;
color: #fff;
}
#nav-input:checked ~ #nav-close {
display: block;
-webkit-animation: show 0.5s ease-in-out;
animation: show 0.5s ease-in-out;
opacity: 0.5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-box-shadow: 6px 0 25 rgba(0, 0, 0, 0.15);
box-shadow: 6px 0 25 rgba(0, 0, 0, 0.15);
} #ol-search {
display: none;
}
.search-icon {
cursor: pointer;
vertical-align: text-top;
}
.search-icon::before {
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 22px;
font-weight: 900;
content: "\f002";
}
@-webkit-keyframes fade_overlay {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade_overlay {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
opacity: 1;
}
}
.overlay, .ol-search-wrap {
display: none;
height: 100%;
opacity: 0;
width: 100%;
position: fixed;
top: 0;
left: 0;
-webkit-animation: fade_overlay 0.5s;
animation: fade_overlay 0.5s;
}
.ol-search-wrap {
z-index: 9990;
}
.overlay {
background: rgba(0, 0, 0, 0.4);
z-index: 9991;
}
#ol-search:checked ~ .ol-search-wrap, #ol-search:checked ~ .ol-search-wrap .overlay {
display: block;
opacity: 1;
}
.ol-searchform {
line-height: 16px;
}
.ol-searchform .search-form {
border: solid 2px #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.4rem;
line-height: 1.714;
max-width: 520px;
width: 60%;
z-index: 9999;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-searchform .search-form label {
margin-bottom: 0;
width: 100%;
}
.ol-searchform .search-form label::before {
color: #fff;
content: "\f002";
font-family: "Font Awesome 5 Free";
font-size: 1.5714285714em;
font-weight: 900;
position: absolute;
top: -5px;
right: 12px;
z-index: 9990;
}
.ol-searchform .search-field, .ol-searchform .search-submit {
background: transparent;
border: none;
color: #fff;
font-size: 18px;
height: 48px;
padding: 4px 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
outline: none;
}
.ol-searchform .search-field {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 4px 0 0 4px;
}
.ol-searchform .search-field::-webkit-input-placeholder {
color: #d0d0d0;
}
.ol-searchform .search-field::-moz-placeholder {
color: #d0d0d0;
}
.ol-searchform .search-field:-ms-input-placeholder {
color: #d0d0d0;
}
.ol-searchform .search-field::-ms-input-placeholder {
color: #d0d0d0;
}
.ol-searchform .search-field::placeholder {
color: #d0d0d0;
}
.ol-searchform .search-field:focus {
color: #d0d0d0;
}
.ol-searchform .search-submit {
cursor: pointer;
text-indent: -9999px;
width: 3em;
border-radius: 0 4px 4px 0;
z-index: 9999;
}    .site-footer {
background-color: #000;
padding: 5vw 0 1px;
text-align: center;
}
.site-footer img {
margin-bottom: 5vw;
width: 84.0625vw !important;
}
.site-footer .sns-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 auto;
padding-left: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 40.625vw;
}
.site-footer .sns-icon .policy {
border: solid 1px #fff;
color: #fff;
display: block;
font-size: 0.8em;
margin-bottom: 1.6em;
text-align: center;
width: 100%;
border-radius: 1.3712em;
}
.site-footer .sns-icon .policy:hover {
background-color: #fff;
color: #000;
opacity: 1;
text-decoration: none;
}
.site-footer .sns-icon svg {
height: 6.25vw;
width: 6.25vw;
fill: #fff;
}
.site-footer .copyright {
color: #fff;
font-size: 2.8125vw;
}
@media screen and (min-width: 600px) {
.site-footer {
padding: 2.0833333333vw;
}
.site-footer img {
margin-bottom: 2.0833333333vw;
width: 35.0260416667vw !important;
}
.site-footer .sns-icon {
width: 16.9270833333vw;
}
.site-footer .sns-icon .policy {
font-size: 0.6em;
}
.site-footer .sns-icon svg {
height: 2.6041666667vw;
width: 2.6041666667vw;
}
.site-footer .copyright {
font-size: 1.171875vw;
}
}
@media screen and (min-width: 1140px) {
.site-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer img {
margin-bottom: 0;
width: 300px !important;
}
.site-footer .footer-info {
text-align: right;
}
.site-footer .sns-icon {
margin: 16px 0 8px auto;
width: 130px;
}
.site-footer .sns-icon svg {
height: 20px;
width: 20px;
}
.site-footer .copyright {
font-size: 9px;
}
}    .mainVis {
position: relative;
}
.visInner {
background-repeat: no-repeat;
background-size: cover;
height: 61.25vw;
opacity: 0;
-webkit-animation: heroFadeIn 0.6s ease-out 0.1s forwards;
animation: heroFadeIn 0.6s ease-out 0.1s forwards;
}
.main1 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis1.webp);
}
.main2 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis2.webp);
}
.main3 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis3.webp);
}
.main4 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis4.webp);
}
.main5 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis5.webp);
}
.main6 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis6.webp);
}
.main7 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis7.webp);
}
.main8 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis8.webp);
}
.main9 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis9.webp);
}
.main10 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis10.webp);
}
.main11 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis11.webp);
}
.main12 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis12.webp);
}
.main13 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis13.webp);
}
.main14 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis14.webp);
}
.main15 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis15.webp);
}
.main16 .visInner {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/mainVis16.webp);
}
@-webkit-keyframes heroFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes heroFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.mainVis .slick-arrow {
background-color: rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.6);
font-size: 11.25vw;
height: 1em;
line-height: 1;
margin: auto;
padding: 0 0.1em;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
}
.mainVis .slick-arrow.prev {
left: 0;
}
.mainVis .slick-arrow.next {
right: 0;
}
.mainVis .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: auto;
padding: 0;
position: absolute;
right: 0;
bottom: 0;
left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mainVis .slick-dots button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
font-size: 0;
padding: 1px 7px 2px;
}
.mainVis .slick-dots button::before {
color: #fff;
content: "\f111";
font-family: "Font Awesome 5 Free";
font-size: 3.125vw;
font-weight: 400;
text-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.mainVis .slick-dots .slick-active button::before {
font-weight: 900;
}
@media screen and (min-width: 600px) {
.visInner {
padding-top: 46.8421052632vw;
}
.mainVis .slick-arrow {
font-size: 4.6875vw;
}
.mainVis .slick-dots button::before {
font-size: 1.3020833333vw;
text-shadow: 0 0.1754385965vw 0.350877193vw rgba(0, 0, 0, 0.5);
}
}    .home h2 {
font-family: lato;
font-size: 10vw;
text-align: center;
}
.home .itemCategory {
margin-left: 0;
padding-left: 0;
}
.home .itemCategory li {
aspect-ratio: 372/240;
height: auto;
margin: 0;
overflow: hidden;
position: relative;
}
.home .itemCategory li::after {
background-repeat: no-repeat;
background-size: cover;
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.home .itemCategory li:hover::after {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.home .itemCategory li a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 5.625vw;
font-weight: 900;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 -2.2222222222em 1.1111111111em 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 -2.2222222222em 1.1111111111em 0 rgba(0, 0, 0, 0.5) inset;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
}
.home .itemCategory li a:hover {
opacity: 1;
}
.home .itemCategory li:nth-child(1)::after {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/bg-itemCategory1.png.webp?ver2505181615);
}
.home .itemCategory li:nth-child(2)::after {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/bg-itemCategory2.png.webp?ver2505181615);
}
.home .itemCategory li:nth-child(3)::after {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/bg-itemCategory3.png.webp?ver2505181615);
}
.home .itemCategory li:nth-child(4)::after {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/bg-itemCategory4.png.webp?ver2505181615);
}
.home .featuredItems {
position: relative;
}
.home .featuredItems .slick-slide {
padding-top: calc(69.6875vw - 1.714em);
width: 79.0625vw;
text-align: center;
position: relative;
}
.home .featuredItems .slick-slide p {
background-color: rgba(255, 255, 255, 0.8);
margin-bottom: 0;
position: relative;
}
.home .featuredItems .slick-slide a {
color: #505050;
text-decoration: none;
}
.home .featuredItems .slick-slide img {
margin: auto;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.home .featuredItems .slick-arrow {
background-color: rgba(151, 151, 151, 0.4);
color: rgba(255, 255, 255, 0.6);
font-size: 11.25vw;
height: 1.2em;
line-height: 1.2;
margin: auto;
padding: 0 0.1em;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
}
.home .featuredItems .slick-arrow.prev {
left: 0;
}
.home .featuredItems .slick-arrow.next {
right: 0;
}
.home .bgImg {
background-repeat: no-repeat;
background-size: cover;
padding-top: 71.875vw;
position: relative;
}
.home .bgImg h2 {
color: #fff;
font-size: 7.1875vw;
line-height: 0.8;
text-decoration: none;
width: 56.5375vw;
position: absolute;
}
.home .bgImg h2 span {
font-size: 5vw;
line-height: 1.5;
}
@-webkit-keyframes circle {
50% {
opacity: 1;
}
100% {
width: 26.3157894737vw;
height: 26.3157894737vw;
}
}
@keyframes circle {
50% {
opacity: 1;
}
100% {
width: 26.3157894737vw;
height: 26.3157894737vw;
}
}
.home .bgImg a {
border: solid 0.3125vw #fff;
color: #fff;
display: block;
font-weight: bold;
margin: auto;
overflow: hidden;
padding: 3.4375vw;
text-align: center;
text-decoration: none;
width: 61.059375vw;
border-radius: 0.625vw;
-webkit-box-shadow: 0 0.625vw 1.25vw 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.625vw 1.25vw 0 rgba(0, 0, 0, 0.5);
text-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.5);
position: absolute;
right: 0;
bottom: 2.5vw;
left: 0;
}
.home .bgImg a::after {
background-color: rgba(255, 255, 255, 0.3);
content: "";
display: block;
height: 0;
width: 0;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.home .bgImg a:hover {
opacity: 1;
}
.home .bgImg a:hover::after {
-webkit-animation: circle 0.75s;
animation: circle 0.75s;
}
.home .bgImg.military {
background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/military.png);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9)), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/military.png);
}
.home .bgImg.military h2 {
top: 5vw;
right: 5vw;
}
.home .bgImg.motorsports {
background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/motorsports.png);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9)), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/motorsports.png);
}
.home .bgImg.motorsports h2 {
top: 5vw;
right: 5vw;
}
.home .athletes {
background-color: #1b1b1b;
padding: 6.25vw 3.125vw;
}
.home .athletes h2 {
color: #fff;
font-size: 7.1875vw;
line-height: 0.8;
margin: 0 auto 1em;
text-decoration: none;
width: 56.5375vw;
}
.home .athletes h2 span {
font-size: 5vw;
line-height: 1.5;
}
.home .athletes ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.home .athletes ul li {
display: table;
text-align: center;
width: 100%;
margin-bottom: 1em;
}
.home .athletes ul li a {
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
color: #fff;
display: table-cell;
vertical-align: middle;
width: 100;
font-family: lato;
font-size: 10.40625vw;
font-weight: bold;
height: 90.3125vw;
line-height: 1.3;
text-decoration: none;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}
.home .athletes ul li:nth-child(1) a {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/athletesBG1.jpg.webp);
}
.home .athletes ul li:nth-child(2) a {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/athletesBG3.jpg.webp);
}
.home .athletes ul li:nth-child(3) a {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/athletesBG4.jpg.webp);
}
.home .topics .slick-slide {
padding: 0 10.46875vw;
}
.home .topics .slick-slide a {
color: #505050;
text-decoration: none;
}
.home .topics .slick-slide img {
width: 100%;
}
.home .topics .slick-arrow {
background-color: rgba(151, 151, 151, 0.4);
color: rgba(255, 255, 255, 0.6);
font-size: 11.25vw;
height: 1.2em;
line-height: 1.2;
margin: auto;
padding: 0 0.1em;
cursor: pointer;
position: absolute;
top: 32.7828125vw;
z-index: 2;
}
.home .topics .slick-arrow.prev {
left: 0;
}
.home .topics .slick-arrow.next {
right: 0;
}
.home .bnrArea {
background-color: #4a4a4a;
padding: 17.8125vw;
}
.home .bnrArea .slick-slide {
height: 21.875vw;
position: relative;
}
.home .bnrArea .slick-slide a {
display: block;
}
.home .bnrArea .slick-slide a img {
height: 100%;
margin: auto;
position: absolute;
right: 0;
left: 0;
}
.home .bnrArea .slick-arrow {
background-color: transparent;
color: rgba(255, 255, 255, 0.6);
font-size: 11.25vw;
height: 1.2em;
line-height: 1.2;
margin: auto;
padding: 0 0.1em;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
}
.home .bnrArea .slick-arrow.prev {
left: 0;
}
.home .bnrArea .slick-arrow.next {
right: 0;
}
.home .bnrArea .caution {
background-color: #c6c6c6;
border: solid 1px #606060;
margin: -3.5em auto 2em;
max-width: 360px;
padding: 1.2em 0;
text-align: center;
width: 100%;
}
.home .bnrArea .caution a {
font-weight: bold;
}
@media screen and (min-width: 600px) {
.home h2 {
font-size: 3.1578947368vw;
}
.home .itemCategory {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home .itemCategory li {
width: 25%;
}
.home .itemCategory li a {
font-size: 1.6666666667vw;
}
.home .featuredItems .slick-slide {
padding-top: calc(24.6666666667vw - 1.714em);
}
.home .featuredItems .slick-arrow {
font-size: 4.6875vw;
}
.home .bgImg {
padding-top: 40.701754386vw;
}
.home .bgImg div {
width: 34.298245614vw;
position: absolute;
}
.home .bgImg h2 {
font-size: 4.2105263158vw;
line-height: 0.8;
margin-bottom: 1.7543859649vw;
width: auto;
position: static;
}
.home .bgImg h2 span {
font-size: 2.8070175439vw;
line-height: 1.5;
}
@-webkit-keyframes circle {
50% {
opacity: 1;
}
100% {
width: 26.3157894737vw;
height: 26.3157894737vw;
}
}
@keyframes circle {
50% {
opacity: 1;
}
100% {
width: 26.3157894737vw;
height: 26.3157894737vw;
}
}
.home .bgImg a {
border: solid 0.0877192982vw;
font-size: 1.2280701754vw;
margin: 0 auto;
padding: 0.9649122807vw;
width: 17.1394736842vw;
border-radius: 0.1754385965vw;
-webkit-box-shadow: 0 0.1754385965vw 0.350877193vw 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.1754385965vw 0.350877193vw 0 rgba(0, 0, 0, 0.5);
text-shadow: 0 0.1754385965vw 0.350877193vw rgba(0, 0, 0, 0.5);
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.home .bgImg.military {
background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/militery.jpg.webp);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9)), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/militery.jpg.webp);
}
.home .bgImg.military div {
top: 10.5263157895vw;
right: 3.5087719298vw;
}
.home .bgImg.motorsports {
background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/motorsports.jpg.webp);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9)), url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/index/motorsports.jpg.webp);
letter-spacing: -0.02em;
}
.home .bgImg.motorsports div {
top: 10.5263157895vw;
right: 3.5087719298vw;
}
.home .athletes {
padding: 3.3333333333vw 1.6666666667vw;
}
.home .athletes h2 {
font-size: 3.8333333333vw;
width: 30.1533333333vw;
}
.home .athletes h2 span {
font-size: 2.6666666667vw;
}
.home .athletes ul li {
width: 32%;
margin-bottom: 1em;
}
.home .athletes ul li a {
font-size: 2.01171875vw;
height: 22.3766666667vw;
}
.home .topics .slick-slide {
padding: 0 0.5263157895vw;
}
.home .topics .slick-arrow {
font-size: 4.6875vw;
top: 12.7683333333vw;
}
.home .bnrArea {
padding: 8.0701754386vw;
}
.home .bnrArea .slick-slide {
height: 9.1145833333vw;
}
.home .bnrArea .slick-arrow {
font-size: 4.6875vw;
}
.home .bnrWrapper .bnrs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home .bnrWrapper .bnrs div {
margin: 0 1em;
}
.home .bnrWrapper .bnrs div a {
display: block;
max-width: 360px;
}
}
@media screen and (min-width: 800px) {
.home .featuredItems .slick-slide {
padding-top: calc(21.3541666667vw - 1.714em);
}
.home .topics .slick-slide {
padding: 0 1.0175438596vw;
}
}
@media screen and (min-width: 1140px) {
.home .featuredItems .slick-slide {
padding-top: calc(19.298245614vw - 1.714em);
}
.home .topics .slick-arrow {
top: 8.2942982456vw;
}
.home .athletes {
padding: 3.3333333333vw 1.6666666667vw;
}
.home .athletes h2 {
font-size: 3.8333333333vw;
width: 30.1533333333vw;
}
.home .athletes h2 span {
font-size: 2.6666666667vw;
}
.home .athletes ul li {
margin-bottom: 1em;
}
.home .athletes ul li a {
font-size: 2.01171875vw;
height: 22.3766666667vw;
}
.home .bnrArea .bnrWrapper {
margin: 0 auto;
width: 790px;
}
.home .bnrArea .slick-slide {
height: 70px;
}
}   #content {
margin: 0 auto;
min-height: calc(100vh - (90px + 0.1vw));
padding: 128px 3.75vw 0;
}
.home #content {
padding: 64px 0 0;
width: 100%;
}
.contents-area {
margin: 0 auto;
max-width: 1140px;
}
.entry-header h1, .page-header h1 {
border-bottom: solid 0.3125vw #ddd;
font-size: 2.488em;
line-height: 1.3;
margin-bottom: 0.714em;
}
.entry-content .h2-block {
margin-bottom: 8em;
}
.entry-content .h3-block {
margin-bottom: 4em;
}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
line-height: 1.2;
}
.entry-content h2 {
font-size: 2.074em;
margin-bottom: 1.5em;
position: relative;
text-align: center;
}
.entry-content h2::before {
border-top: double 0.14em #bbb;
content: "";
height: 1px;
margin: auto;
width: 2.4em;
position: absolute;
bottom: -0.75em;
left: 0;
right: 0;
}
.entry-content h3 {
font-size: 1.728em;
}
.entry-content h4 {
font-size: 1.44em;
}
.entry-content h5 {
font-size: 1.2em;
}
.entry-content h6 {
font-size: 1em;
}
.entry-content blockquote {
position: relative;
padding: 10px 15px 10px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: italic;
background: #efefef;
color: #555;
}
.entry-content blockquote:before {
display: inline-block;
position: absolute;
top: 18px;
left: 15px;
vertical-align: middle;
content: "\f10d";
font-family: "Font Awesome 5 Free";
color: #cfcfcf;
font-size: 30px;
line-height: 1;
font-weight: 900;
}
.entry-content blockquote p {
padding: 0;
margin: 10px 0;
line-height: 1.7;
}
.entry-content blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
.entry-content table {
margin-bottom: 1rem;
}
.entry-content table th, .entry-content table td {
padding: 0.2em 0.8em;
}
.entry-content ul, .entry-content ol {
margin-left: 0;
padding-left: 2em;
}
.nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 8em;
}
.nav-links a, .nav-links span {
border: solid 1px #ccc;
display: inline-block;
font-size: 0.64rem;
line-height: 1;
height: 1.92rem;
margin: 0 0.2rem;
padding: 0.64rem 0;
text-align: center;
width: 1.92rem;
border-radius: 50%;
}
.nav-links a {
color: #505050;
}
.nav-links a.prev, .nav-links a.next {
font-size: 0;
}
.nav-links a.prev::before {
font-family: "Font Awesome 5 Free";
font-size: 0.64rem;
font-weight: 900;
content: "\f104";
}
.nav-links a.next::before {
font-family: "Font Awesome 5 Free";
font-size: 0.64rem;
font-weight: 900;
content: "\f105";
}
.nav-links a:hover {
background-color: #505050;
color: #fff;
text-decoration: none;
}
.nav-links .current {
background-color: #505050;
color: #fff;
}
.youtube {
margin-bottom: 0.8em;
padding-top: 56.25%;
position: relative;
}
.youtube iframe, .youtube video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.youtube01 {
margin: 0 auto 1rem;
width: 100%;
position: relative;
}
.youtube01 img, .youtube01 iframe, .youtube01 video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.youtube01 iframe {
z-index: 2;
}
.youtube01::before {
content: "";
display: block;
padding-top: 56.25%;
}
.youtube01 span {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/quality/youtube.png);
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
margin: auto;
padding-top: 13.0357142857%;
width: 17.8571428571%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
opacity: 0.4;
}
.box-gryback {
background-color: #d8d8d8;
border: solid 1px #ccc;
margin: 0 auto 1rem;
padding: 1em 2em;
}
.bg-shotgun {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.comp-prof {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
width: 25em;
}
.comp-prof dt, .comp-prof dd {
padding: 0.3em 0.5em;
}
.comp-prof dt {
border-right: solid 1px #ddd;
text-align: right;
width: 8em;
}
.comp-prof dd {
width: 14em;
}
.thanks {
background-color: #f0f0f0;
border: solid 1px #ddd;
margin-left: auto;
margin-right: auto;
max-width: 890px;
padding: 2em 2.5em 1em;
-webkit-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
}
.thanks .images img {
margin-bottom: 1em;
}
.thanks-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sign {
font-style: italic;
font-weight: bold;
text-align: right;
}
.grad-wrap {
position: relative;
}
.grad-btn {
background-color: #fff;
border: solid 1px #ddd;
cursor: pointer;
margin: auto;
padding: 0.3em 0;
text-align: center;
width: 12em;
position: absolute;
right: 0;
bottom: -2em;
left: 0;
z-index: 2;
}
.grad-btn::before {
content: "\f105";
display: inline-block;
margin: 0 1em 0 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.grad-btn::after {
content: "続きをみる";
}
.grad-item {
position: relative;
overflow: hidden;
height: 28em;
}
.grad-item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: -webkit-gradient(linear, , from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
background: linear-gradient("to bottom", rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
content: "";
}
.grad-trigger {
display: none;
}
.grad-trigger:checked + .grad-btn::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.grad-trigger:checked + .grad-btn::after {
content: "閉じる";
}
.grad-trigger:checked ~ .grad-item {
height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
display: none;
}
.deliv-results {
font-size: 83.3333333333%;
}
.nsn {
margin: 0 auto 8em;
max-width: 940px;
}
.nsn h2 {
font-size: 90%;
margin-bottom: 0.5em;
}
.nsn h2::before {
display: none;
}
.nsn div {
margin-bottom: 1.714em;
}
.nsn div a {
border: solid 1px #ddd;
display: block;
height: 90.5647866448%;
position: relative;
}
.nsn div a::before {
background-color: #fff;
color: #505050;
content: "\f00e";
font-family: "Font Awesome 5 Free";
font-size: 2em;
font-weight: 900;
height: 1em;
line-height: 1em;
margin: auto;
width: 1em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.statue {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.statue img {
margin-bottom: 1em;
}
.statue ul {
list-style: none;
padding-left: 0;
}
.forceRecon {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.forceRecon .img-forceRecon {
font-size: 72%;
}
.forceRecon img {
margin-bottom: 1em;
}
.forceRecon .grayBack-forceRecon {
background-color: #d6d6d6;
padding: 1.2em 0.8em 0.1em;
}
.emblem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.emblem div {
max-width: 294px;
}
.iso9001 {
border: solid 1px #ddd;
margin: 0 auto;
max-width: 600px;
}
.gallery-wall {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery-wall .modal-open {
display: block;
margin-bottom: 6.25vw;
width: 43.75vw;
}
.link-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.link-gallery a {
background-color: #ddd;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
display: block;
font-size: 120%;
font-weight: bold;
height: 61.6666666667vw;
margin-bottom: 1.714em;
text-align: center;
width: 92.5vw;
position: relative;
}
.link-gallery a span {
background-color: rgba(0, 0, 0, 0.5);
display: block;
width: 100%;
position: absolute;
bottom: 0;
}
.link-gallery a:first-child {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/gallery/gallery_us.jpg);
}
.link-gallery a:nth-child(2) {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/gallery/gallery_int.jpg);
}
.link-gallery a:nth-child(3) {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/gallery/gallery_jsdf.jpg);
}
.link-gallery a:hover {
text-decoration: none;
}
.wallpaper-links .thumbs-wallpaper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0.714em;
}
.wallpaper-links .thumbs-wallpaper a {
display: block;
width: 30.625vw;
}
.wallpaper-links .thumbs-wallpaper a:nth-of-type(n+4) {
display: none;
}
.wallpaper-links .link-txt-wallpaper {
font-weight: bold;
text-align: center;
}
.container-wallpaper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.container-wallpaper .wrapper-wallpaper {
margin: 0 5px 1.714em;
width: 250px;
}
.movies-container .movies {
margin-bottom: 1.714em;
}
.link-movies {
font-weight: bold;
text-align: center;
}
.impacttest {
padding: 1.5em 2.5em;
}
.impacttest img {
margin-bottom: 1.714em;
}
.impacttest span {
color: #004098;
}
.lenstype-cont .lenstype-img {
margin: 0 auto;
max-width: 80%;
}
.merit {
background-color: #f0f0f0;
padding: 1.5em 2.5em;
}
.merit .ul-cerakote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.merit .ul-cerakote li {
width: 21em;
}
.cera-cont {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cera-cont img {
width: calc(50% - 5px);
margin-bottom: 10px;
}
.dl-contact input[type=text], .dl-contact input[type=email], .dl-contact textarea {
width: 100%;
}
.btn-submit {
padding-bottom: 4em;
}
.btn-submit input[type=submit] {
background-color: #f6aa00;
color: #fff;
display: block;
font-size: 1.2em;
margin: 0 auto;
padding: 0.5em 0;
text-align: center;
width: 7em;
}
.searchResults {
margin-bottom: 4em;
}
.chart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.chart section {
margin-bottom: 2em;
width: 48%;
}
.chart section h3 {
border-bottom: solid 1px #505050;
font-size: 110%;
margin-bottom: 1.5em;
position: relative;
width: 100%;
}
.chart section h3 span {
display: block;
font-size: 90%;
position: absolute;
bottom: -1.5em;
left: 0;
}
.snsSelector {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
}
.snsSelector a {
background-color: #d6d6d6;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
font-size: 1.2em;
font-weight: bold;
display: block;
margin-bottom: 1em;
padding-top: 66.6326530612%;
width: 100%;
position: relative;
}
.snsSelector a span {
background-color: rgba(0, 0, 0, 0.2);
display: block;
position: absolute;
text-align: center;
width: 100%;
bottom: 0;
}
.snsSelector a svg {
fill: #fff;
height: 1em;
width: 1em;
vertical-align: text-bottom;
}
@media screen and (min-width: 600px) {
#content {
padding: 128px 1.5625vw 0;
}
.entry-header h1, .page-header h1 {
border-bottom: solid 0.1302083333vw #ddd;
}
.bg-shotgun {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.bg-shotgun div {
width: 48%;
}
.list-single-tiles a {
width: 33.3333333333%;
}
.thanks-flex .letter {
width: 60.9375vw;
}
.thanks-flex .images {
width: 23.4375vw;
}
.nsn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nsn div {
max-width: 300px;
width: calc(33.3333333333% - 10px);
}
.statue .img-statue {
width: 35.8870967742%;
}
.statue .img-statue img {
margin: 0;
}
.statue .inner-statue {
width: 61.0215053763%;
}
.statue .inner-statue ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.statue .inner-statue ul li {
height: 15.625vw;
}
.statue .inner-statue ul li img {
height: 100%;
}
.forceRecon .img-forceRecon {
width: 35.8870967742%;
}
.forceRecon .img-forceRecon img {
margin: 0;
}
.forceRecon .inner-forceRecon {
width: 61.0215053763%;
}
.emblem {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.gallery-wall {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.gallery-wall .modal-open {
margin: 0 1.0416666667vw 1.5625vw 0;
width: 23.4375vw;
}
.gallery-wall .modal-open:nth-child(4n) {
margin-right: 0;
}
.link-gallery a {
font-size: 100%;
height: 20.6597222222vw;
width: 30.9895833333vw;
}
.wallpaper-links .thumbs-wallpaper a {
width: 23.9583333333vw;
}
.wallpaper-links .thumbs-wallpaper a:nth-child(4) {
display: block;
}
.lenstype-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lenstype-cont .lenstype-img {
margin: 0;
width: 38.0208333333vw;
}
.lenstype-cont .lenstype-txt {
width: 58.8541666667vw;
}
.cera-cont img {
width: calc(25% - 5px);
margin-bottom: 10px;
}
.chart section {
width: 32%;
}
.instSelect a {
font-size: 1em;
padding-top: 20.656122449%;
width: 31%;
}
.twitSelect {
width: 66.6666666667%;
}
.twitSelect a {
font-size: 1em;
padding-top: 30.9841836735%;
width: 46.5%;
}
}
@media screen and (min-width: 800px) {
#content {
padding: 128px 1.4035087719vw 0;
}
.entry-header h1, .page-header h1 {
border-bottom: solid 0.0877192982vw #ddd;
}
.youtube {
height: 46.875vw;
width: 83.3333333333vw;
}
.thanks-flex .letter {
width: 48.7719298246vw;
}
.thanks-flex .images {
width: 19.649122807vw;
}
.deliv-results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 83.3333333333%;
}
.deliv-results .h3-block {
padding: 0 1em;
width: 50%;
}
.statue .img-statue {
width: 21.9298245614vw;
}
.statue .inner-statue {
width: 71.2280701754vw;
}
.statue .inner-statue ul li {
height: 17.5438596491vw;
}
.gallery-wall .modal-open {
margin: 0 0.9122807018vw 1.0526315789vw 0;
width: 15.4385964912vw;
}
.gallery-wall .modal-open:nth-child(4n) {
margin-right: 0.9122807018vw;
}
.gallery-wall .modal-open:nth-child(6n) {
margin-right: 0;
}
.wallpaper-links .thumbs-wallpaper a {
width: 13.6842105263vw;
}
.wallpaper-links .thumbs-wallpaper a:nth-child(n+5) {
display: block;
}
.movies-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (min-width: 1140px) {
#content {
padding: 128px 16px 0;
width: 1140px;
}
.entry-header h1, .page-header h1 {
border-bottom: solid 1px #ddd;
}
.list-single-tiles a {
padding: 16px;
width: 369.3333333333px;
}
.youtube-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.youtube-wrapper::after {
content: "";
display: block;
margin: 0 auto 1.714em;
width: 346px;
}
.youtube {
height: 195px;
margin: 0 0 1.714em;
padding: 0;
width: 346px;
}
.comp-prof {
width: 31em;
}
.comp-prof dt, .comp-prof dd {
padding: 0.3em 0.5em;
}
.comp-prof dt {
border-right: solid 1px #ddd;
text-align: right;
width: 8em;
}
.comp-prof dd {
width: 19em;
}
.thanks-flex .letter {
width: 556px;
}
.thanks-flex .images {
width: 224px;
}
.statue .img-statue {
width: 250px;
}
.statue .inner-statue {
width: 812px;
}
.statue .inner-statue ul li {
height: 200px;
}
.gallery-wall .modal-open {
margin: 0 10.4px 12px 0;
width: 176px;
}
.gallery-wall .modal-open:nth-child(4n) {
margin-right: 10.4px;
}
.gallery-wall .modal-open:nth-child(6n) {
margin-right: 0;
}
.link-gallery {
margin: 0 auto;
}
.link-gallery a {
height: 240px;
width: 360px;
}
.wallpaper-links .thumbs-wallpaper a {
width: 156px;
}
.lenstype-cont .lenstype-img {
width: 329px;
}
.lenstype-cont .lenstype-txt {
width: 510px;
}
}   .entry-header p {
color: #fff;
text-align: right;
padding: 0.1em 1em;
}
.entry-header p.megane {
background-color: #505050;
}
.entry-header p.outdoor {
background-color: #66cccc;
}
.entry-header p.military {
background-color: #cccc66;
}
.entry-header p.sports {
background-color: #6666ff;
}
.entry-header p.bike {
background-color: #55dd55;
}
.entry-header p.cycle {
background-color: #ee77ee;
}
.entry-header p.tokei {
background-color: #ff8866;
}
.entry-header p.jyuho {
background-color: #886688;
}
.entry-header p.select {
background-color: #7be3e6;
}
.entry-header p.fishing {
background-color: #009794;
}
.entry-header p.spgoods {
background-color: #eeb763;
}
.entry-header p.golfshop {
background-color: #cc0088;
}
.shop-pref {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2em;
}
.shop-pref a {
background-color: #ddd;
border: solid 0.3125vw #fff;
color: #505050;
display: block;
font-size: 0.9em;
padding: 0.5em 0;
text-align: center;
width: 20%;
}
.shop-pref a:hover, .shop-pref a.active {
background-color: #658092;
color: #fff;
opacity: 1;
text-decoration: none;
}
.shop-list span {
display: inline-block;
font-size: 0.8em;
height: 1.914em;
padding: 0.1em 0.5em;
white-space: nowrap;
border-radius: 0.625vw;
}
.shop-list span.megane {
border: solid 1px #505050;
color: #505050;
}
.shop-list span.outdoor {
border: solid 1px #66cccc;
color: #66cccc;
}
.shop-list span.military {
border: solid 1px #cccc66;
color: #cccc66;
}
.shop-list span.sports {
border: solid 1px #6666ff;
color: #6666ff;
}
.shop-list span.bike {
border: solid 1px #55dd55;
color: #55dd55;
}
.shop-list span.cycle {
border: solid 1px #ee77ee;
color: #ee77ee;
}
.shop-list span.tokei {
border: solid 1px #ff8866;
color: #ff8866;
}
.shop-list span.jyuho {
border: solid 1px #886688;
color: #886688;
}
.shop-list span.select {
border: solid 1px #7be3e6;
color: #7be3e6;
}
.shop-list span.fishing {
border: solid 1px #009794;
color: #009794;
}
.shop-list span.spgoods {
border: solid 1px #eeb763;
color: #eeb763;
}
.shop-list span.golfshop {
border: solid 1px #cc0088;
color: #cc0088;
}
.shop-list dd {
border-bottom: solid 1px #f0f0f0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shop-list:last-child {
margin-bottom: 8em;
}
#gmap {
margin-bottom: 0.5em;
padding-top: 48%;
}
.btn-gmap {
background-color: transparent;
border: solid 1px #909090;
color: #505050;
margin: 0 auto 8em;
max-width: 320px;
}
.btn-gmap:hover {
background-color: #909090;
color: #fff;
}
.tbl-shops {
width: 100%;
}
.tbl-shops tr {
border-bottom: solid 1px #ddd;
}
.tbl-shops th {
width: 6em;
}
@media screen and (min-width: 600px) {
.shop-pref a {
border-width: 0.1302083333vw;
width: 10%;
}
.shop-list span {
border-radius: 0.2604166667vw;
}
.tbl-shops {
font-size: 1.2em;
}
}
@media screen and (min-width: 800px) {
.shop-list span {
border-radius: 0.1754385965vw;
}
}
@media screen and (min-width: 1140px) {
.shop-pref a {
border-width: 1px;
width: 6.25%;
}
.shop-list span {
border-radius: 2px;
}
}   .btn-store {
margin-bottom: 0.714em;
padding: 0.8em 0;
}
.btn-store svg {
fill: #fff;
height: 1.3em;
margin: 0 0.5em 0 0;
vertical-align: text-bottom;
width: 1.3em;
}
.btn-store:hover {
color: #fff;
}
.page-back {
border: solid 1px #ddd;
background-color: #f0f0f0;
display: block;
margin: 0 auto 4em;
padding: 0.2em 0;
text-align: center;
width: 14em;
}
.flyer-area {
text-align: center;
}
.flyer-area a {
display: block;
font-weight: bold;
}
.link-btns {
margin-bottom: 1.714em;
text-align: center;
}
.link-btns a {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
padding: 0.2em 1em;
}
.set-contents-box {
margin-bottom: 1.714em;
}
.set-pic {
text-align: center;
}
.optItem-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.optItem-area a {
color: #505050;
display: block;
text-align: center;
width: 50%;
}
.optItem-area a:hover {
color: #0070c9;
}
.icons {
margin: 0 0 1.714em;
text-align: center;
}
.icons ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin: 0 0 -4%;
padding: 0;
}
.icons li {
background-repeat: no-repeat;
background-size: contain;
line-height: 0;
margin: 0 2% 4%;
padding-top: 11.1111111111%;
text-indent: -9999px;
width: 11.1111111111%;
}
.icons li.icon01 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/01clearzone.png);
}
.icons li.icon02 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/02tritech.png);
}
.icons li.icon03 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/03dedbolt.png);
}
.icons li.icon04 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/04essoptics.png);
}
.icons li.icon05 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/05rx.png);
}
.icons li.icon06 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/06polarized.png);
}
.icons li.icon07 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/07cerakote.png);
}
.icons li.icon08 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/08laser.png);
}
.icons li.icon09 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/09toughzone.png);
}
.icons li.icon10 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/10suppressoer.png);
}
.icons li.icon11 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/11nato.png);
}
.icons li.icon12 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/12usnsn.png);
}
.icons li.icon13 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/13ansi.png);
}
.icons li.icon14 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/14apel.png);
}
.icons li.icon15 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/15usmilspec.png);
}
.icons li.icon16 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/16rapidlensex.png);
}
.icons li.icon17 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/17asianfit.png);
}
.icons li.icon18 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/18nfpa.png);
}
.icons a {
font-weight: bold;
}
.icon-open {
font-size: 80%;
line-height: 1.2;
max-height: 90%;
width: 86%;
}
.icon-open h1 {
font-size: 1em;
margin: 0;
}
.icon-open .dtl-icon {
background-repeat: no-repeat;
background-size: 10vw;
min-height: 10vw;
padding-left: 12.5vw;
}
.icon-open .dtl-icon.dtl-icon01 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/01clearzone.png);
}
.icon-open .dtl-icon.dtl-icon02 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/02tritech.png);
}
.icon-open .dtl-icon.dtl-icon03 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/03dedbolt.png);
}
.icon-open .dtl-icon.dtl-icon04 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/04essoptics.png);
}
.icon-open .dtl-icon.dtl-icon05 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/05rx.png);
}
.icon-open .dtl-icon.dtl-icon06 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/06polarized.png);
}
.icon-open .dtl-icon.dtl-icon07 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/07cerakote.png);
}
.icon-open .dtl-icon.dtl-icon08 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/08laser.png);
}
.icon-open .dtl-icon.dtl-icon09 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/09toughzone.png);
}
.icon-open .dtl-icon.dtl-icon10 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/10suppressoer.png);
}
.icon-open .dtl-icon.dtl-icon11 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/11nato.png);
}
.icon-open .dtl-icon.dtl-icon12 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/12usnsn.png);
}
.icon-open .dtl-icon.dtl-icon13 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/13ansi.png);
}
.icon-open .dtl-icon.dtl-icon14 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/14apel.png);
}
.icon-open .dtl-icon.dtl-icon15 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/15usmilspec.png);
}
.icon-open .dtl-icon.dtl-icon16 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/16rapidlensex.png);
}
.icon-open .dtl-icon.dtl-icon17 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/17asianfit.png);
}
.icon-open .dtl-icon.dtl-icon18 {
background-image: url(//esseyepro.jp/wp-content/themes/esseyepro251226update/images/contents/icon/18nfpa.png);
}
.catalog {
background-color: #e6e6e6;
border: solid 1px #ddd;
margin: 0 0 1.714em;
padding: 1em 0;
text-align: center;
}
.catalog ul {
margin: 0;
list-style: none;
}
.catalog ul li {
margin-bottom: 0.5em;
}
.catalog a {
font-weight: bold;
}
.items-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8em;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.items-archive .entry-content {
width: 50%;
}
.items-archive a {
color: #505050;
display: block;
font-size: 0.83em;
margin: 0 auto 1.714em;
text-align: center;
width: 80%;
}
.items-archive a:hover {
text-decoration: none;
}
.cat-list-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 2em;
}
.cat-list-items a {
border: solid 1px #505050;
border-radius: 0.2em;
color: #505050;
margin: 0 0.5em 1em 0;
text-align: center;
text-decoration: none;
padding: 0.15em 0.4em;
}
.cat-list-items a:hover {
background-color: #505050;
color: #fff;
opacity: 1;
}
.link-cat-items {
width: 100%;
}
.link-cat-items a {
color: #0070c9;
font-weight: bold;
width: auto;
}
.img-influx {
text-align: center;
}
.img-influx img:last-child {
width: 70%;
}
@media screen and (min-width: 600px) {
.link-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.set-contents-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.set-contents-box .set-pic {
text-align: center;
width: 56%;
}
.optItem-area a {
width: 33.3333333333%;
}
.icons ul {
margin: 0 0 -2%;
}
.icons li {
margin: 0 1% 2%;
padding-top: 5.5555555556%;
width: 5.5555555556%;
}
.icon-open .dtl-icon {
background-repeat: no-repeat;
background-size: 4.1666666667vw;
min-height: 4.1666666667vw;
padding-left: 5.2083333333vw;
}
.items-archive .entry-content {
width: 33.3333333333%;
}
.items-archive a {
width: 95%;
}
.img-influx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.714em;
}
.img-influx img {
height: 100%;
}
.img-influx img:first-child {
width: 64.5798319328%;
}
.img-influx img:last-child {
width: 35.4201680672%;
}
}
@media screen and (min-width: 800px) {
.optItem-area a {
width: 25%;
}
.icons li {
padding-top: 5.5555555556%;
width: 5.5555555556%;
}
.icon-open .dtl-icon {
background-repeat: no-repeat;
background-size: 2.8070175439vw;
min-height: 2.8070175439vw;
padding-left: 3.5087719298vw;
}
}
@media screen and (min-width: 1140px) {
.icons ul {
margin: 0;
}
.icons li {
margin: 0 8px;
padding-top: 42px;
width: 42px;
}
.icon-open .dtl-icon {
background-repeat: no-repeat;
background-size: 32px;
min-height: 32px;
padding-left: 40px;
}
.items-archive .entry-content {
width: 25%;
}
.items-archive a {
width: 95%;
}
}   .sports-block {
margin-bottom: 2.714em;
}
.sports-picture {
margin-bottom: 2.5vw;
}
.sports-picture .post-thumbnail img {
margin-bottom: 0.625vw;
}
.thumb-sports-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
position: relative;
}
.thumb-sports-nav a {
display: block;
margin: 0 0.3125vw 0.3125vw;
width: 22.5vw;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.thumb-sports-nav a.thumb-hidden {
display: none;
}
.thumb-sports-nav.has-more-thumbs::before {
content: "";
position: absolute;
bottom: 50px;
left: 0;
right: 0;
height: 100px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
pointer-events: none;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.thumb-sports-nav.is-expanded::before {
opacity: 0;
}
.thumb-toggle-btn {
width: 100%;
padding: 12px 20px;
margin-top: 8px;
background-color: #f0f0f0;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
color: #505050;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.thumb-toggle-btn:hover {
background-color: #e0e0e0;
}
.thumb-toggle-btn .thumb-toggle-text::after {
content: " ▼";
display: inline-block;
margin-left: 8px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.thumb-toggle-btn[aria-expanded=true] .thumb-toggle-text::after {
content: " ▲";
}
.sports-open {
width: 96%;
}
.modal-inner {
font-size: 80%;
}
.modal-img img {
display: block;
margin: 0 auto;
}
.modal-profile {
padding-left: 2em;
}
.profile-main, .profile-modal {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1.714em;
}
.profile-main ul, .profile-modal ul {
list-style: none;
margin: 0;
padding: 0;
}
.profile-main .imgProf, .profile-modal .imgProf {
padding: 0 3em;
}
.results, .records, .sns, .results-modal, .records-modal, .sns-modal {
margin-bottom: 1.714em;
}
.results h2, .records h2, .sns h2, .results-modal h2, .records-modal h2, .sns-modal h2 {
font-size: 1em;
margin-bottom: 0.714em;
text-align: left;
}
.results h2::before, .records h2::before, .sns h2::before, .results-modal h2::before, .records-modal h2::before, .sns-modal h2::before {
border: none;
}
.results h3, .records h3, .sns h3, .results-modal h3, .records-modal h3, .sns-modal h3 {
font-size: 1em;
font-weight: normal;
margin-bottom: 0;
}
.results ul, .records ul, .sns ul, .results-modal ul, .records-modal ul, .sns-modal ul {
margin: 0 0 0.714em;
padding: 0 0 0 1.5em;
}
.results h3 {
background-color: #f0f0f0;
border-top: solid 1px #ddd;
padding: 0.5em 1em;
}
.results .accordion {
display: none;
}
.results ul {
padding: 0.5em 0 1em 1.5em;
}
.results ul li {
margin-bottom: 0.5em;
}
.results .resultsInner h3 {
position: relative;
}
.results .resultsInner h3::before, .results .resultsInner h3::after {
background-color: #505050;
content: "";
height: 1.5px;
width: 0.8em;
position: absolute;
right: 1.5em;
top: 50%;
-webkit-transition: 0.8s all;
transition: 0.8s all;
}
.results .resultsInner h3::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.results .resultsInner h3::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.results .resultsInner h3.open::before {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.results .resultsInner h3.open::after {
-webkit-transform: rotate(-540deg);
transform: rotate(-540deg);
}
.sponsers {
margin-bottom: 1.714em;
}
.signature h3 {
background-color: #f0f0f0;
font-size: 1em;
font-weight: normal;
padding: 0.2em 0.5em;
}
.signature a img {
border: solid 1px #ddd;
}
.sports-archive a {
color: #505050;
display: block;
margin: 0 auto 1.714em;
padding-bottom: 4em;
text-align: center;
width: 80%;
}
.sports-archive a:hover {
text-decoration: none;
}
@media screen and (min-width: 600px) {
.sports-picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sports-picture .post-thumbnail {
width: 64%;
}
.modal-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal-img {
min-width: 38%;
}
.img-flex {
width: 38%;
}
.modal-profile {
max-width: 60%;
}
.thumb-sports-nav {
height: 100%;
width: 35%;
}
.thumb-sports-nav a {
margin: 0 0.1302083333vw 0.1302083333vw;
width: 24.2093299071%;
}
.thumb-sports-nav.has-more-thumbs::before {
bottom: 45px;
height: 120px;
}
.thumb-toggle-btn {
font-size: 13px;
padding: 10px 16px;
}
.profile-main .imgProf {
margin-left: 1em;
width: 45%;
}
.sports-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sports-archive .entry-content {
width: 33.3333333333%;
}
.sports-archive a {
width: 95%;
}
}
@media screen and (min-width: 1140px) {
.thumb-sports-nav a {
margin: 0 0 2px;
width: 92.18px;
}
.sports-archive .entry-content {
width: 25%;
}
.sports-archive a {
width: 95%;
}
}   .movie-archive .wrapper-mov {
margin: 0 auto;
padding-bottom: 4em;
text-align: center;
width: 80%;
}
.movie-archive a {
color: #505050;
display: block;
}
.movie-archive a:hover {
text-decoration: none;
}
.movie-archive .dtlMovie {
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
font-size: 10px;
line-height: 1.2;
letter-spacing: -0.4px;
text-align: left;
padding: 1em 0 0;
}
@media screen and (min-width: 600px) {
.movie-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.movie-archive .entry-content {
width: 33.3333333333%;
}
.movie-archive .img-mov {
padding-top: 149.7142857143%;
position: relative;
}
.movie-archive .img-mov img {
margin: auto;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
@media screen and (min-width: 1140px) {
.movie-archive .entry-content {
width: 16.6666666667%;
}
}   .type-post, .type-press {
margin: 2em auto;
max-width: 840px;
overflow: hidden;
}
.type-post .entry-title a, .type-press .entry-title a {
color: #505050;
}
.type-post .entry-meta, .type-press .entry-meta {
margin: -0.714em 0 0.714em;
text-align: right;
}
.type-post .entry-content, .type-press .entry-content {
margin: 0 0 4em;
}
.type-post .entry-content img, .type-press .entry-content img {
height: auto;
width: auto;
}
.type-post .attachment-topics_thumbnail02, .type-press .attachment-topics_thumbnail02 {
float: left;
margin-right: 1em;
width: 40%;
}
.type-post:first-child, .page-header + .type-post, .type-press:first-child, .page-header + .type-press {
margin-top: 0;
}
.type-post:last-child, .type-press:last-child {
margin-bottom: 4em;
}
.type-press .entry-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.type-press .entry-title span {
margin-right: 0.3em;
}
.readmore {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.readmore a {
display: block;
font-weight: bold;
}
@media screen and (min-width: 600px) {
.type-post .attachment-topics_thumbnail02 {
width: 25%;
}
}   .mainVisLanding {
padding-top: 64px;
margin-bottom: -64px;
}
.mainVisLanding img {
width: 100%;
}
.landBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 4em;
}
.landBlock txtBox {
width: 100%;
}
.landBlock h1 {
font-size: 1.7em;
}
.landBlock h2 {
font-size: 1.4em;
}
.landBlock h2::before {
content: none;
}
.landBlock .voice {
background-color: #edf1b0;
border-radius: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 1.5rem 2.5rem 1rem;
width: 100%;
}
.landBlock .voice .icon {
margin: 0 auto;
position: relative;
text-align: center;
width: 8rem;
}
.landBlock .voice .icon div {
border-radius: 50%;
aspect-ratio: 1;
overflow: hidden;
}
.landBlock .voice .icon div img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.typeE h2 {
text-align: center;
width: 100%;
}
.usersVoice > h2 {
color: #0fdabb;
margin-bottom: 0.6em;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #f0fbef, #f0fbef 4px, #edf1b0 3px, #edf1b0 8px);
background: repeating-linear-gradient(-45deg, #f0fbef, #f0fbef 4px, #edf1b0 3px, #edf1b0 8px);
border-radius: 0.5rem;
}
.otherAthletes .userAthletes {
margin-bottom: 6rem;
width: 100%;
}
.otherAthletes .userAthletes h3 {
border-bottom: solid 1px #505050;
font-size: 1.2em;
margin-bottom: 2rem;
}
.otherAthletes .userAthletes ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
padding-left: 0;
}
.otherAthletes .userAthletes ul li {
text-align: center;
width: 30%;
}
.otherAthletes .userAthletes ul li div {
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.otherAthletes .userAthletes ul li div img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.otherAthletes .userAthletes ul::after {
content: "";
display: block;
width: 30%;
}
.imgCaption .circleBox {
position: relative;
border-radius: 50%;
height: 43.75vw;
overflow: hidden;
width: 43.75vw;
}
.imgCaption .circleBox img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
}
.imgCaption:nth-child(4) .circleBox img {
-o-object-position: right;
object-position: right;
}
.imgCaption .circleBoxRelative {
border-radius: 50%;
height: 87.5vw;
overflow: hidden;
width: 87.5vw;
}
.imgCaption .circleBoxRelative img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.btnBlock {
padding-top: 3em;
width: 100%;
}
.btnBlock a {
aspect-ratio: 314/75;
display: block;
font-size: 1.3125em;
font-weight: bold;
margin: 0 auto 1em;
padding: 0.85em 0 0;
text-align: center;
text-decoration: none;
width: 15em;
}
.btnBlock a:nth-child(1) {
border: solid 1px #505050;
color: #505050;
}
.btnBlock a:nth-child(2) {
background-color: #DAAA0E;
color: #fff;
}
.btnBlock a:nth-child(2) svg {
fill: #fff;
height: 1.3em;
margin: 0 0.5em 0 0;
vertical-align: text-bottom;
width: 1.3em;
}
.coupon {
background-color: #f0f0f0;
border: solid 1px #ddd;
padding: 2em;
}
.coupon .cpnCode {
background-color: #fff;
border-top: solid 1px #c8c8c8;
border-left: solid 1px #c8c8c8;
font-size: 1.1em;
margin: 0 auto 2em;
max-width: 280px;
text-align: center;
}
br.notSP {
display: none;
}
@media screen and (min-width: 600px) {
.typeA .txtBox {
width: 48.285198556%;
}
.typeA .txtBox:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.typeA .txtBox:nth-child(2) {
-ms-flex-item-align: end;
align-self: end;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.typeA .imgCaption .circleBox {
height: 46.7447916667vw;
width: 46.7447916667vw;
}
.typeA .imgCaption:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.typeA .imgCaption:nth-child(4) {
margin-top: -8%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.typeA .btnBlock {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.imgCaption .circleBoxRelative {
height: 46.7447916667vw;
width: 46.7447916667vw;
}
.typeB .txtBox, .typeB .rectBox, .typeC .txtBox, .typeC .rectBox {
width: 48.285198556%;
}
.typeB .rectBox {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.typeB .txtBox {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.typeB .btnBlock {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.typeD .rectBox, .typeD .txtBox {
margin: 0 auto;
max-width: 728px;
}
.typeD .rectBox {
margin-bottom: 1em;
}
br.onlySP {
display: none;
}
.rectBox {
-ms-flex-item-align: center;
align-self: center;
}
.landBlock .voice {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.landBlock .voice .icon {
margin: 0;
}
.landBlock .voice .comment {
width: calc(100% - 13rem);
}
}
@media screen and (min-width: 800px) {
br.notSP {
display: block;
}
}
@media screen and (min-width: 1140px) {
.typeA .imgCaption .circleBox {
height: 534px;
width: 534px;
}
.typeA .imgCaption:nth-child(4) {
margin-top: -22%;
}
.imgCaption .circleBoxRelative {
height: 534px;
width: 534px;
}
}    .discon-archive {
margin-bottom: 8em;
}
.discon-archive ul {
list-style: disc;
margin: 0 0 2em;
padding-left: 1.5em;
}
.discon-archive li.discon-content {
margin: 0;
padding: 0.5em 0;
}
.discon-archive li.discon-content a {
color: blue;
display: block;
padding: 0.3em 0;
text-decoration: underline;
}
.discon-archive li.discon-content a:hover {
color: #0070c9;
}  @-webkit-keyframes focus-in-expand {
0% {
letter-spacing: -0.5em;
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
@keyframes focus-in-expand {
0% {
letter-spacing: -0.5em;
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
.focus-in-expand {
opacity: 0;
}
.move.focus-in-expand {
-webkit-animation: focus-in-expand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: focus-in-expand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}  @-webkit-keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.move.jello-horizontal {
-webkit-animation: jello-horizontal 0.9s both;
animation: jello-horizontal 0.9s both;
}  @-webkit-keyframes bounce-bottom {
0% {
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(24px);
transform: translateY(24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%, 55%, 75%, 87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
@keyframes bounce-bottom {
0% {
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(24px);
transform: translateY(24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%, 55%, 75%, 87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
.bounce-bottom {
opacity: 0;
}
.move.bounce-bottom {
-webkit-animation: bounce-bottom 0.9s both;
animation: bounce-bottom 0.9s both;
}  @-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
opacity: 0;
}
.move.fade-in {
-webkit-animation: fade-in 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s both;
animation: fade-in 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s both;
}  @-webkit-keyframes slide-in-bottom {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-in-bottom {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.slide-in-bottom {
opacity: 0;
}
.move.slide-in-bottom {
-webkit-animation: slide-in-bottom 1.2s ease-out both;
animation: slide-in-bottom 1.2s ease-out both;
}  @-webkit-keyframes wobble-hor-bottom {
0%, 100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
15% {
-webkit-transform: translateX(-30px) rotate(-6deg);
transform: translateX(-30px) rotate(-6deg);
}
30% {
-webkit-transform: translateX(15px) rotate(6deg);
transform: translateX(15px) rotate(6deg);
}
45% {
-webkit-transform: translateX(-15px) rotate(-3.6deg);
transform: translateX(-15px) rotate(-3.6deg);
}
60% {
-webkit-transform: translateX(9px) rotate(2.4deg);
transform: translateX(9px) rotate(2.4deg);
}
75% {
-webkit-transform: translateX(-6px) rotate(-1.2deg);
transform: translateX(-6px) rotate(-1.2deg);
}
}
@keyframes wobble-hor-bottom {
0%, 100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
15% {
-webkit-transform: translateX(-30px) rotate(-6deg);
transform: translateX(-30px) rotate(-6deg);
}
30% {
-webkit-transform: translateX(15px) rotate(6deg);
transform: translateX(15px) rotate(6deg);
}
45% {
-webkit-transform: translateX(-15px) rotate(-3.6deg);
transform: translateX(-15px) rotate(-3.6deg);
}
60% {
-webkit-transform: translateX(9px) rotate(2.4deg);
transform: translateX(9px) rotate(2.4deg);
}
75% {
-webkit-transform: translateX(-6px) rotate(-1.2deg);
transform: translateX(-6px) rotate(-1.2deg);
}
}
.move.wobble-hor-bottom {
-webkit-animation: wobble-hor-bottom 0.8s both;
animation: wobble-hor-bottom 0.8s both;
}  @-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slide-in-left {
opacity: 0;
}
.move.slide-in-left {
-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}  .float-contact {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
width: 60px;
height: 60px;
background-color: #f9cf00;
border-radius: 50%;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
text-decoration: none;
-webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease, -webkit-box-shadow 0.3s ease;
transition: opacity 0.6s ease, -webkit-transform 0.6s ease, -webkit-box-shadow 0.3s ease;
transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;
transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease, -webkit-transform 0.6s ease, -webkit-box-shadow 0.3s ease;
}
.float-contact:hover {
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
text-decoration: none;
}
.float-contact__icon {
width: 17px;
height: 17px;
fill: #2909bd;
}
.float-contact span {
color: #2909bd;
font-size: 7px;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.float-contact.is-hidden {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
pointer-events: none;
}
@media screen and (min-width: 600px) {
.float-contact {
right: 20px;
bottom: 20px;
width: 70px;
height: 70px;
gap: 3px;
}
.float-contact__icon {
width: 21px;
height: 21px;
}
.float-contact span {
font-size: 8px;
}
}
@media screen and (min-width: 800px) {
.float-contact {
right: 30px;
bottom: 30px;
width: 84px;
height: 84px;
gap: 4px;
}
.float-contact__icon {
width: 25px;
height: 25px;
}
.float-contact span {
font-size: 10px;
}
}