@charset "utf-8";
@charset "utf-8";
@charset "utf-8";


@font-face {
font-family: 'icomoon';
src: url(/fonts/icomoon/icomoon.eot?srf3rx);
src: url(/fonts/icomoon/icomoon.eot?srf3rx#iefix) format("embedded-opentype"), url(/fonts/icomoon/icomoon.ttf?srf3rx) format("truetype"), url(/fonts/icomoon/icomoon.woff?srf3rx) format("woff"), url(/fonts/icomoon/icomoon.svg?srf3rx#icomoon) format("svg");
font-weight: normal;
font-style: normal;
} #fh5co-open-section img {
max-width: 100%;
height: auto;
}
#fh5co-banner-section img {
max-width: 100%;
height: auto;
} .pc { display: inline !important; }
.sp { display: none !important; } @media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: inline !important; }
}
@media only screen and (max-width: 768px) {
img { max-width: 100%; }
}
hr {
margin-bottom: 4em;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.bannerArea {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 1em;
}
.bannerArea .banner {
display: inline-block;
width : 24%;
border: 1px solid #999;
background-color: #fff;
margin-bottom: 1%;
}
.bannerArea .banner img {
width: 100%;
height: auto;
}
#catchphrase {
font-size: 26px;
text-transform: uppercase;
color: #CB000A;
letter-spacing: 1px;
margin-top: 2em;
margin-bottom: 0;
}
.sp-only {
display: none;
}
.dl-horizontal dt {
text-align: left !important;
white-space: inherit !important;
}
.font-size14px {
font-size: 14px !important;
}
.txtRed {
color: #CB000A;
}
body {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
line-height: 1.8;
font-size: 20px;
background: #f9f7f7;
font-weight: 300;
}
body#english {
line-height: 1.42857143;
}
a {
color: #CB000A;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover {
text-decoration: underline !important;
color: #CB000A !important;
}
a:focus, a:active {
outline: none;
}
p {
margin-bottom: 1.6em;
font-size: 16px;
color: #545454;
font-weight: 300;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body#english p {
font-size: 18px;
}
dl, dt, dd {
font-size: 16px;
color: #545454;
font-weight: 300;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
li {
font-size: 16px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body#english dl,
body#english dt,
body#english dd {
font-size: 18px;
}
body#english dd {
margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
color: rgba(0, 0, 0, 0.8);
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: 400;
margin: 0 0 30px 0;
}
#top-read-text h2 {
text-align: left;
margin-bottom: 1.6em;
line-height: 1.8;
font-size: 16px;
color: #545454;
font-weight: normal;
}
h2, .h2 {
color: #CB000A;
font-size: 20px;
}
h3, .h3 {
color: #CB000A;
margin-bottom: 30px;
font-size: 18px;
}
body#english h2,
body#english .h2,
body#english h3,
body#english .h3 {
font-weight: 700;
}
@media screen and (max-width: 768px) {
body#english h2,
body#english .h2,
body#english h3,
body#english .h3 {
font-size: 24px;
}
}
.h3 {
font-size: 20px;
}
h4 {
color: #CB000A;
font-size: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
font-weight: 300;
padding: 0.5em;
border: 1px solid #999;
text-align: center;
font-size: 0.9em;
}
body#english th,
body#english td {
font-size: 18px;
vertical-align: middle;
}
::-webkit-selection {
color: #fcfcfc;
background: #CB000A;
}
::-moz-selection {
color: #fcfcfc;
background: #CB000A;
}
::selection {
color: #fcfcfc;
background: #CB000A;
}
.box-wrap {
background: #fff;
max-width: 1370px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
}
.box-wrap:before {
position: absolute;
top: 0;
left: 0;
content: '';
-webkit-box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
}
.breadcrumb {
margin: -40px 0 40px;
background-color: #fff;
}
.breadcrumb ul {
margin-bottom: 0;
padding-left: 0;
line-height: 1.2;	
}
.breadcrumb li {
display: inline-block;
font-size: 12px;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
@media screen and (max-width: 768px) {
a[href^="tel:"] {
pointer-events: auto;
}
}
@media screen and (min-width: 768px) {
#fh5co-header {
padding-top: 32px;
padding-bottom: 0;
margin-bottom: 32px;
}
#fh5co-header .navbar-default {
border: transparent;
background: #fff;
padding-bottom: 0;
margin-bottom: 0;
}
#fh5co-header .navbar {
padding: 0;
margin: 0;
}
#fh5co-header .fh5co-navbar-brand span.brandWrap {
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 16px;
line-height: 0.75;
}
#fh5co-header .fh5co-navbar-brand .fh5co-logo:focus, #fh5co-header .fh5co-navbar-brand .fh5co-logo:hover {
text-decoration: none !important;
}
#fh5co-information-section dl {
display: flex;
}
#fh5co-information-section dt,
#fh5co-information-section dd {
padding: 0 0.5em;
}
#fh5co-information-section dd p {
margin-bottom: 0;
}
}
#fh5co-header .fh5co-navbar-brand {
position: relative;
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 992px) {
#fh5co-header .fh5co-navbar-brand {
text-align: center;
margin-bottom: 40px;
}
}
#fh5co-header .fh5co-navbar-brand .fh5co-logo {
display: flex;
align-items: center;
padding: 0;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 992px) {
#fh5co-header .fh5co-navbar-brand .fh5co-logo {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
#fh5co-header .fh5co-navbar-brand .fh5co-logo {
justify-content: flex-start;
}
}
#fh5co-header .fh5co-navbar-brand h1 {
position: absolute;
left: 50px;
margin: 0;
padding: 0;
font-size: 24px;
color: #CB000A;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#fh5co-header .fh5co-navbar-brand h1 a:hover {
text-decoration: none !important;
}
@media screen and (max-width: 992px) {
#fh5co-header .fh5co-navbar-brand h1 {
left: calc(50% - 83px);
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#fh5co-header .fh5co-navbar-brand h1 {
top: 13px;
left: 35px;
font-size: 18px;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
}
#fh5co-header .fh5co-navbar-brand .brand-text{
display: inline-block;
margin: 0 0 0 5px;
}
@media screen and (max-width: 768px) {
#fh5co-header .fh5co-navbar-brand .brand-text{
display: inline-block;
margin: 0;
}
}
#fh5co-header .nav {
width: 100%;
}
#fh5co-header .nav li {
font-size: 15px;
display: inline-block;
margin-left: 2em;
text-transform: uppercase;
}
#fh5co-header .nav li:last-child {
margin-bottom: 4em;
}
#fh5co-header .main-nav__link-globe a {
color: #CB000A !important;
}
#fh5co-header .main-nav li a:hover, #fh5co-header .main-nav li a:focus {
background: transparent;
text-decoration: none !important;
border-bottom: none !important;
}
#fh5co-header .main-nav .main-nav__link-globe a:hover, #fh5co-header .main-nav .main-nav__link-globe a:focus {
background: transparent;
text-decoration: none !important;
border-bottom: 1px solid #CB000A !important;
}
#fh5co-header .nav__link-globe {
display: none !important;
}
@media screen and (max-width: 768px) {
#fh5co-header .nav li {
width: 100%;
margin-left: 0;
border-bottom: 1px solid #999999;
}
#fh5co-header .main-nav li {
width: auto;
margin-left: 0;
}
#fh5co-header .main-nav__link-globe {
display: none !important;
}
#fh5co-header .nav__link-globe {
display: block !important;
}
}
#fh5co-header .nav li:first-child {
margin-left: 0;
}
#fh5co-header .nav li a {
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #757575;
position: relative;
font-weight: 400;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 0;
}
#fh5co-header .nav.btn-reserve li a {
color: #fff;
}
#fh5co-header .nav li.active a {
border-bottom: 1px solid #CB000A;
}
#fh5co-header .nav li a:hover, #fh5co-header .nav li a:focus {
background: transparent;
text-decoration: none !important;
border-bottom: 1px solid #CB000A;
}
@media screen and (max-width: 768px) {
#fh5co-header .nav li a {
padding: 8px;
}
#fh5co-header .nav li.active a {
border-bottom: none;
}
#fh5co-header .nav li a:hover, #fh5co-header .nav li a:focus {
border-bottom: none;
}
}
#fh5co-header .nav li.active a {
color: #CB000A;
background: transparent;
position: relative;
}
#fh5co-header .main-nav .btn-reserve-note {
font-size: 0.72em;
color: #CB000A;
}
@media screen and (max-width: 992px) {
#fh5co-header .nav {
margin-bottom: 0;
text-align: center;
}
#fh5co-header .main-nav .btn-reserve-note {
text-align: center;
}
} @media screen and (max-width: 768px) {
.box-wrap {
padding: 100px 0 0;
}
.overlay {
pointer-events: none;
position: fixed;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0);
transition: background .6s cubic-bezier(.19, 1, .22, 1);
}
.spNavOpen .overlay {
background: rgba(0, 0, 0, .5);
}
#fh5co-header {
position: fixed;
top: 0;
left: 0;
width: 100vw;
min-height: 100px;
background: #fff;
padding-top: 8px;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
z-index: 11;
}
#fh5co-header .navbar-default {
border: transparent;
background: #fff;
padding-bottom: 0;
margin-bottom: 0;
}
#fh5co-header .navbar {
position: relative;
padding: 0;
margin: 0;
}
#fh5co-header .navbar .navBtn {
position: absolute;
top: 0px;
left: -48px;
display: block;
width: 48px;
height: 48px;
background: rgba(0, 0, 0, 0);
z-index: 16;
transition: background .6s cubic-bezier(.19, 1, .22, 1);
}
.spNavOpen #fh5co-header .navbar .navBtn {
background: #CB000A;
}
#fh5co-header .navbar .navBtnInner {
position: relative;
top: 50%;
left: 50%;
display: block;
width: 32px;
height: 24px;
transform: translate(-50%, -50%);
}
#fh5co-header .navbar .navBtnInner span {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 1);
transition: background .6s cubic-bezier(.19, 1, .22, 1);
}
.spNavOpen #fh5co-header .navbar .navBtnInner span {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 3px;
background: rgba(255, 255, 255, 1);
}
#fh5co-header .navbar .navBtnInner span:nth-of-type(1) {
top: 0px;
}
#fh5co-header .navbar .navBtnInner span:nth-of-type(2) {
top: 50%;
transform: translate(0, -50%);
}
#fh5co-header .navbar .navBtnInner span:nth-of-type(3) {
bottom: 0;
}
.spNavOpen #fh5co-header .navbar .navBtnInner span:nth-of-type(1) {
top: calc(50% - 2px);
transform: rotate(-45deg);
}
.spNavOpen #fh5co-header .navbar .navBtnInner span:nth-of-type(2) {
top: 50%;
opacity: 0;
}
.spNavOpen #fh5co-header .navbar .navBtnInner span:nth-of-type(3) {
bottom: calc(50% - 2px);
transform: rotate(45deg);
}
#fh5co-header .navbar .row:nth-of-type(2) {
z-index: 14;
position: fixed;
top: 0;
right: calc(-80vw + 15px);
margin-bottom: 0;
padding: 0 16px;
width: 80vw;
height: 100%;
text-align: left;
background-color: #fff;
transition: right .6s cubic-bezier(.19, 1, .22, 1);
}
.spNavOpen #fh5co-header .navbar .row:nth-of-type(2) {
right: 0;
}
.spNavOpen #fh5co-header .navbar .row:nth-of-type(2) .nav {
overflow: scroll;
text-align: left;
height: 100%;
}
#fh5co-header .fh5co-navbar-brand {
width: 100%;
margin: 0 0 8px 0;
text-align: left;
}
#fh5co-header .fh5co-navbar-brand span.brand-text {
line-height: 0.75;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#fh5co-header .fh5co-navbar-brand .fh5co-logo {
padding: 4px 0 0;
font-weight: bold;
}
#fh5co-header .fh5co-navbar-brand span .fh5co-logo img:nth-of-type(1) {
width: 30px;
}
#fh5co-header .fh5co-navbar-brand span .fh5co-logo img:nth-of-type(2) {
width: 18px;
}
#fh5co-header .fh5co-navbar-brand .fh5co-logo span.brand-text {
font-size: 14px;
}
#fh5co-header .fh5co-navbar-brand .fh5co-logo:focus, #fh5co-header .fh5co-navbar-brand .fh5co-logo:hover {
text-decoration: none !important;
}
#fh5co-information-section dl {
display: flex;
}
@media screen and (max-width: 768px) {
#fh5co-information-section dl {
display: block;
}
}
#fh5co-information-section dt,
#fh5co-information-section dd {
padding: 0 0.5em;
}
#fh5co-information-section dd p {
margin-bottom: 0;
}
#fh5co-header .main-nav .btn-reserve {
margin: 0 0 6px;
}
#fh5co-header .main-nav .btn-reserve li {
font-size: 0;
display: inline-block;
text-transform: uppercase;
}
#fh5co-header .main-nav .btn-reserve a {
font-size: 12px;
padding: 0;
}
#fh5co-header .main-nav .btn-reserve-note {
margin: 0;
text-align: center;
font-size: 12px;
}
}
.owl-carousel {} .owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
margin-top: 0;
}
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top: 50%;
margin-top: -29px;
z-index: 9999;
position: absolute;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top: 24%;
}
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: 40px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
margin-right: -10px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: 40px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
margin-left: -10px;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: -50px;
}
@media screen and (max-width: 768px) {
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: 0px;
}
}
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: -50px;
}
@media screen and (max-width: 768px) {
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: 0px;
}
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
color: #000;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
color: #000;
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
font-size: 50px;
color: #fff;
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
color: #fff;
}
.owl-carousel2 .owl-controls .owl-nav .owl-next i,
.owl-carousel2 .owl-controls .owl-nav .owl-prev i {
font-size: 50px;
color: rgba(0, 0, 0, 0.5);
}
.owl-carousel2 .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel2 .owl-controls .owl-nav .owl-prev:hover i {
color: rgba(0, 0, 0, 0.6);
}
.owl-carousel2 .owl-controls .owl-nav .owl-next {
right: -50px;
}
.owl-carousel2 .owl-controls .owl-nav .owl-next:hover {
margin-right: -10px;
}
.owl-carousel2 .owl-controls .owl-nav .owl-prev {
left: -50px;
}
.owl-carousel2 .owl-controls .owl-nav .owl-prev:hover {
margin-left: -10px;
}
.owl-carousel2 .owl-dots {
display: none !important;
}
@media screen and (max-width: 992px) {
.owl-carousel2 .owl-dots {
display: block !important;
}
}
@media screen and (max-width: 768px) {
.owl-theme .owl-controls .owl-nav {
display: none;
}
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
background: none !important;
}
.owl-theme .owl-dots {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
.owl-carousel-fullwidth.owl-theme .owl-dots {
bottom: 0;
margin-bottom: 40px;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
background: rgba(255, 255, 255, 0.3);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
border: 2px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover {
background: none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
#fh5co-media-section {
padding-bottom: 3em;
}
#fh5co-intro-section, .fh5co-contact-section, .fh5co-saiyo-section,
#fh5co-product-section, #fh5co-information-section, #fh5co-event-section, .about-section, fh5co-notice-section {
padding-bottom: 8em;
}
@media screen and (max-width: 768px) {
#fh5co-media-section, #fh5co-intro-section, .fh5co-contact-section,
#fh5co-product-section, #fh5co-information-section, .about-section {
padding-bottom: 3em;
}
}
#fh5co-intro-section h1 {
font-size: 24px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
}
#fh5co-intro-section h2 {
font-size: 20px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
}
#fh5co-intro-section h3 {
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
line-height: 38px;
}
#fh5co-intro-section p {
font-size: 20px;
color: #fff;
}
.section-overlay {
margin-bottom: 2em;
position: relative;
padding-bottom: 0 !important;
}
.section-overlay:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: '';
background: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.section-overlay .float-overlay {
z-index: 9;
}
.fh5co-cover {
min-height: 448px;
position: relative;
margin-bottom: 40px;
background-size: cover;
background: center center;
}
.fh5co-cover .desc {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 40px;
background: rgba(0, 0, 0, 0.2);
}
.fh5co-cover .desc p {
color: #fff;
margin-bottom: 10px;
}
.fh5co-cover .desc span {
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
}
.fh5co-cover .fh5co-cover-hero {
min-height: 122px;
position: relative;
width: 100%;
margin-bottom: 40px;
}
.fh5co-cover .fh5co-cover-hero .fh5co-cover-thumb {
width: 170px;
height: 123px;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background: center;
}
.fh5co-cover .fh5co-cover-hero .desc-thumb {
padding-left: 9.5em;
}
.fh5co-cover .fh5co-cover-hero .desc-thumb p {
margin-bottom: 7px;
}
.fh5co-cover .fh5co-cover-hero .desc-thumb span {
font-size: 16px;
color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 992px) {
.fh5co-cover .fh5co-cover-hero {
height: 448px;
}
.fh5co-cover .fh5co-cover-hero .fh5co-cover-thumb {
height: 448px;
width: 100%;
}
.fh5co-cover .fh5co-cover-hero .desc-thumb {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 40px;
background: rgba(0, 0, 0, 0.2);
}
.fh5co-cover .fh5co-cover-hero .desc-thumb p {
color: #fff;
margin-bottom: 10px;
}
.fh5co-cover .fh5co-cover-hero .desc-thumb span {
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
}
}
.fh5co-intro-cover {
width: 100%;
padding: 1.4em 0 0;
position: relative;
} .fh5co-intro-cover {
background-image: url(/images/intro.jpg) !important;
}
@media screen and (max-width: 480px) {
.fh5co-intro-cover {
background-image: url(/images/intro.jpg) !important;
}
}
.fh5co-intro-cover a.btn {
position: relative;
border: 4px solid #fff;
padding: 30px 50px;
font-size: 24px;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.fh5co-intro-cover a.btn:hover, .fh5co-intro-cover a.btn:focus {
text-decoration: none !important;
background: transparent !important;
color: #fff !important;
}
@media screen and (max-width: 768px) {
.fh5co-intro-cover a.btn {
padding: 15px 25px;
font-size: 16px;
}
}
.fh5co-grey-section {
background: rgba(0, 0, 0, 0.03);
padding: 5em 0 3em;
}
.fh5co-border-line {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.fh5co-inner {
margin-bottom: 3em;
position: relative;
}
.fh5co-inner i {
position: absolute;
top: 20%;
left: 0;
font-size: 60px;
}
.fh5co-inner .holder-section {
padding-left: 4em;
}
.fh5co-inner .holder-section h3 {
font-size: 20px;
text-transform: uppercase;
color: #CB000A;
letter-spacing: 1px;
font-weight: normal;
}
.fh5co-inner ul {
padding-left: 1.2em;
}
.fh5co-inner li {
font-size: 16px;
color: #545454;
font-weight: 300;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.fh5co-inner div {
font-size: 16px;
color: #545454;
font-weight: 300;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.fh5co-services {
margin-bottom: 4em;
}
.fh5co-gallery {
display: flex;
flex-wrap: wrap;
}
.item img {
width: 365px;
margin: 0 10px 10px 0;
}
@media screen and (max-width: 768px) {
.item img {
width: 100%;
margin: 0 10px 10px 0;
}
.gallery-section img {
width: 100%;
}
.bannerArea {
flex-wrap: wrap;
padding: 0;
}
.bannerArea .banner {
display: inline-block;
width : 49%;
border: 1px solid #999;
background-color: #fff;
margin-bottom: 10px;
}
}
.fh5co-grey-section-box {
background: rgba(0, 0, 0, 0.03);
padding: 2em;
}
img.display-left {
float: left;
margin-right: 40px;
}
img.display-right {
float: right;
margin-left: 40px;
}
@media screen and (max-width: 768px) {
.about-section img.display-right {
float: left;
padding-right: 40px;
padding-left: 0;
}
}
#fh5co-product-section .product-inner {
0margin-bottom: 3em;
float: left;
width: 100%;
}
#fh5co-product-section .product-inner:last-child {
margin-bottom: 0;
}
#fh5co-product-section .product-inner h3 {
font-size: 24px;
text-transform: uppercase;
letter-spacing: 1px;
color: #CB000A;
}
#fh5co-product-section .product-inner h3 a {
color: rgba(0, 0, 0, 0.8);
color: #CB000A;
}
#fh5co-product-section .product-inner img {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
}
#fh5co-product-section .product-inner .desc {}
#fh5co-product-section .product-inner .def dt {
margin-bottom: 0.5em;
color: #CB000A;
}
#fh5co-product-section .product-inner .def dd {
margin-bottom: 2em;
}
@media screen and (max-width: 992px) {
#fh5co-product-section .product-inner .desc {
margin-top: 0;
}
}
.sidebar a:hover {
text-decoration: none !important;
}
.sidebar img {
margin-bottom: 20px;
}
.sidebar h2 {
font-size: 20px;
}
.sidebar h3 {
font-size: 20px;
}
.sidebar .inner {
margin-bottom: 4em;
}
.sidebar .inner .list li {
color: rgba(0, 0, 0, 0.4);
}
.sidebar .inner .list li a {
color: rgba(0, 0, 0, 0.4);
}
#map {
width: 100%;
height: 500px;
position: relative;
}
@media screen and (max-width: 768px) {
#map {
height: 200px;
}
}
.contact-info {
margin: 0;
padding: 0;
}
.contact-info li {
list-style: none;
margin: 0 0 20px 0;
position: relative;
padding-left: 40px;
}
.contact-info li i {
position: absolute;
top: .3em;
left: 0;
font-size: 22px;
color: #000;
}
.contact-info li a,
.required {
font-weight: 400 !important;
color: #CB000A;
}
@media screen and (max-width: 768px) {
.contact-info {
margin-bottom: 4em;
}
}
.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border: none;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: 400;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
.form-control:focus, .form-control:active {
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: none;
}
input[type="text"] {
height: 50px;
}
.form-group {
margin-bottom: 30px;
}
.form-group label {
font-weight: normal;
font-weight: 18px;
}
#footer {
padding: 60px 0 40px;
}
#footer p {
font-size: 14px;
}
#footer p i.love {
color: red;
}
.fh5co-social-icons a {
padding: 4px 8px;
color: rgba(0, 0, 0, 0.7);
}
.fh5co-social-icons a:hover, .fh5co-social-icons a:focus, .fh5co-social-icons a:active {
text-decoration: none;
color: #000;
text-decoration: none !important;
}
.fh5co-social-icons a.circle{
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.heading-section {
margin-bottom: 2em;
}
.heading-section h3 {
font-size: 20px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
position: relative;
color: #CB000A;
}
.btn {
letter-spacing: 2px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn a {
text-decoration: none !important;
}
.btn.btn-primary {
background: #CB000A;
color: #fff !important;
border: none !important;
border: 2px solid transparent !important;
}
.btn.btn-primary a {
font-size: 18px;
color: #fff !important;
}
.btn.btn-primary:hover, .btn.btn-primary:visited, .btn.btn-primary:active, .btn.btn-primary:focus {
box-shadow: none;
background: #EA767C !important;
text-decoration: none !important;
}
.btn:hover, .btn:visited, .btn:active, .btn:focus {
background: #EDB3B0 !important;
color: #fff !important;
outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:visited, .btn.btn-default:focus, .btn.btn-default:active {
border-color: transparent;
text-decoration: none !important;
}
.social {
padding: 0;
margin: 0;
display: inline-block;
position: relative;
width: 100%;
text-align: right;
}
.social li {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
.social li a {
font-size: 24px;
display: table;
width: 24px;
height: 24px;
margin: 0 4px;
color: #000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.social li a:hover, .social li a:focus {
color: #CB000A;
text-decoration: none;
}
.social li a i {
display: table-cell;
vertical-align: middle;
}
#fh5co-notice-section dl {
text-align: left;
}
@media screen and (max-width: 992px) {
.social {
text-align: center;
}
}
.js .animate-box {
opacity: 0;
}
@media screen and (max-width: 768px) {
#top-read-text h2 {
text-align: left;
margin-bottom: 1.6em;
line-height: 1.8;
font-size: 16px;
color: #545454;
font-weight: normal;
}
.sp-only {
display: inline;
}
#catchphrase{
margin-top: 16px;
font-size: 18px;
line-height: 1.3;
}
h3 {
font-size: 20px;
}
#fh5co-intro-section p {
font-size: 18px;
color: #fff;
}
.heading-section {
margin-bottom: 16px;
}
.btn {
display: block;
}
.btn.btn-primary a {
font-size: 15px;
word-wrap: break-word;
}
}
.thumbnail {
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
}
#event-card-area {
display: flex;
flex-wrap: wrap;
margin-bottom: 4em;
}
.event-card {
width: 270px;
height: auto;
vertical-align: top;
margin: 10px 8px;
border-radius: 6px;
box-shadow: 0px 2px 4px #aaa;
display: inline-block;
}
.event-card .event-card-content {
width: 100%;
height: 100%;
}
.event-card h2 {
font-size: 18px;
margin-bottom: 0;
padding: 16px;
line-height: 1.3;
font-weight: 400;
}
.event-card p {
font-size: 0.8125em;
padding: 0 16px 4px;
line-height: 1.6;
}
.event-card img {
width: 100%;
height: 120px;
border-radius: 6px 6px 0 0;
}
.event-card .event-card-content:hover {
background: #f7f7f7 !important;
opacity: 0.6;
border-radius: 6px;
}
.event-card a:hover {
text-decoration: none !important;
}
@media screen and (max-width: 768px) {
#event-card-area {
padding: 0 15px;
}
.event-card {
width: 100%;
}
.btn {
margin-bottom: 1em;
}
.fh5co-grey-section-box {
background: rgba(0, 0, 0, 0.03);
padding: 1em;
}
}
figure {
margin-bottom: 12px;
}
figure img {
max-width: 100%;
}
figure figcaption {
font-size: 16px;
color: #545454;
}
.dl-horizontal dt {
font-weight: 400;
}
.dl-horizontal dd {
margin-bottom: 1em;
}
.room-card {
padding: 15px;
margin-bottom: 15px;
}
.room-card {
box-sizing: border-box !important;
border: 1px solid #fff !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#.room-card:hover {
border: 1px solid #CB000A !important;
}
#.room-card a:hover {
text-decoration: none !important;
}
.room-card-inner {
min-height: 620px;
}
.room-name {
color: #CB000A;
font-size: 1em;
margin-bottom: 0;
}
.room-img {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 12px;
}
.room-size {
margin-top: 0.5em;
margin-bottom: 1em;
font-size: 0.8em;
}
.room-concept {
font-size: 16px;
line-height: 1.8;
}
.room-detailBtn {
text-align: center;
}
.room-detailBtn a {
display: block;
font-size: 13px;
color: #fff;
padding: 7px 20px;
background-color: #CB000A;
}
.room-detailBtn a:hover {
color: #fff !important;
opacity: 0.5;
text-decoration: none !important;
}
.room-icon {
margin-bottom: 32px;
color: #545454;
font-size: 0.85em;
}
.room-icon li {
list-style: none;
margin-bottom: 6px;
}
.room-icon img {
margin-right: 12px;
}
.room-madori a {
padding: 1em 2em;
display: inline-block;
font-size: 14px;
line-height: 1;
border: 1px solid #CB000A;
text-decoration: none !important;
text-align: center;
}
.room-madori a:hover {
color: #fff;
background-color: #CB000A;
}
.room-madori a:hover {
color: #fff !important;
background-color: #CB000A;
}
.rooms .icons {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
padding: 15px;
border: 3px solid #F2F2F2;
}
.rooms .icon-item {
width: 12.5%;
margin: 0;
text-align: center;
font-size: 12px;
}
.rooms .icon-item img {
display: block;
margin: 0 auto;
}
.privacy ul {
margin-bottom: 1.5em;
color: #545454;
}
@media (max-width: 767px) {
.rooms .icon-item {
width: 33.3%;
margin-bottom: 15px;
}
} .pagetop {
cursor: pointer;
position: fixed;
bottom: 15px;
right: 15px;
display: none;
width: 50px;
height: 50px;
text-decoration: none;
opacity: 1;
background-color: #C4000E;
border-radius: 50%;
}
.pagetop::after{
content: '';
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.pagetop:hover {
opacity: .8;
} .table-responsive {
border: none !important;
}
.office-hours table,
.birth-mutsuu-bunben table {
font-size: 16px;
}
.office-hours table caption,
.birth-mutsuu-bunben table caption {
text-align: center;
font-weight: bold;
color: #545454;
}
.office-hours table th,
.office-hours table td,
.birth-mutsuu-bunben table th,
.birth-mutsuu-bunben table td
{
border: 1px solid #999 !important;
}
.office-hours table th,
.birth-mutsuu-bunben table th {
background-color: #DEDEDE !important;
}
@media (max-width: 767px) {
.office-hours table th,
.birth-mutsuu-bunben table th {
width: 50%;
vertical-align: middle !important;
}
} .frontpage .btn.btn-primary a {
font-size: 16px;
color: #fff !important;
text-decoration: none !important;
}
.frontpage .panel-box {
width: 48%;
margin: 0 1% 1rem;
padding: 2.4rem;
position: relative;
}
.frontpage .panel-box .btn {
font-size: 1.6rem;
margin-bottom: 1.6rem;
color: #2E6FB6;
line-height: 1.3;
}
.frontpage .panel-box .btn a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f105";
position: absolute;
top : 4.3rem;
right: 3.2rem;
}
.frontpage .panel-box p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.frontpage .panel-box {
width: 100%;
margin: 0 0 1rem;
}
} .banner {
margin: 30px 0;
}
.banner__online {
text-align: center;
}  .online-hours table {
font-size: 16px;
}
.online-hours table caption {
text-align: center;
font-weight: bold;
color: #545454;
}
.online-hours table th,
.online-hours table td {
border: 1px solid #999 !important;
}
.online-hours table th {
background-color: #DEDEDE !important;
} #funin-results .table {
margin-bottom: 32px;
word-break: break-all;
word-wrap: break-all;
}
#funin-results .table tr,
#funin-results .table td {
border: 1px solid #999 !important;
font-size: 0.85em;
vertical-align: middle !important;
}
#funin-results .table tr td:first-child {
width: 30px;
}
#funin-results .table tr td:not(:first-child) {
width: 50px;
}
#funin-results .table tr:first-child {
background-color: #DEDEDE !important;
}
@media (max-width: 767px) {
#funin-results .table td {
display: block;
border: none !important;
font-size: 1.8rem;
}
#funin-results .table tr td {
width: 100% !important;
}
#funin-results .table tr td::before {
content: attr(data-label);
font-size: 1.1rem;
color: #666;
display: block;
margin-bottom: 0.25rem;
}
.heading {
display: none;
}
.year {
background: #eee;
}
.total {
background: #EDB3B0;
}
} .youtube {
position: relative;
width: 100%;
margin-bottom: 5em;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} .gallery { width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
}
.gallery br {display: none;} .gallery-item { float: left;
margin-bottom: 0 !important;
}
.gallery-icon { text-align: center;
}
.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption { color: #222;
font-size: 12px;
margin: 0 0 10px;
text-align: center;
}
.gallery-columns-1 .gallery-item { width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { width: 48%;
margin: 0 1%;
}
.gallery-columns-3 .gallery-item { width: 31.33333%;
margin: 0 1%;
}
.gallery-columns-4 .gallery-item { width: 23%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item { width: 18%;
margin: 0 1%;
}
@media screen and (max-width: 640px) { .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
width: 48%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item {
width: 31.33333%;
margin: 0 1%;
}
}
 .has-pale-pink-background-color.has-pale-pink-background-color {
background-color: #f78da7; 
}
.has-vivid-red-background-color.has-vivid-red-background-color {
background-color: #cf2e2e; 
}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {
background-color: #ff6900; 
}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {
background-color: #7bdcb5; 
}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {
background-color: #00d084; 
}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {
background-color: #8ed1fc; 
}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
background-color: #0693e3; 
}
.has-very-light-gray-background-color.has-very-light-gray-background-color {
background-color: #eee; 
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
background-color: #abb8c3; 
}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {
background-color: #313131;
}
.has-pale-pink-color.has-pale-pink-color {
color: #f78da7; 
}
.has-vivid-red-color.has-vivid-red-color {
color: #cf2e2e; 
}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
color: #ff6900; 
}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
color: #fcb900; 
}
.has-light-green-cyan-color.has-light-green-cyan-color {
color: #7bdcb5; 
}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
color: #00d084; 
}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {
color: #8ed1fc; 
}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
color: #0693e3; 
}
.has-very-light-gray-color.has-very-light-gray-color {
color: #eee; 
}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
color: #abb8c3; 
}
.has-very-dark-gray-color.has-very-dark-gray-color {
color: #313131; 
}
 .cat-headline {
margin: 2em 0 1em;
text-align: center;
font-size: 20px;
}
.cat-headline span {
display: inline-block;
padding: 0 .5em .2em;
border-bottom: 2px solid #ddd;
}
#contentsWrap {
background: #333333;
}
.pagination {
clear: both;
width: 100%;
margin: 24px 0 0;
padding: 24px 0;
border-top: solid 1px #eee;
}
.entry .pagination {
clear: both;
}
.pagination li {
display: inline;
}
.paginationBtn a {
display: inline-block;
border-radius: 1px;
text-align: center;
text-decoration: none;
border: 1px solid #ccc;
background: #fff;
transition: all 200ms ease-in-out;
}
.paginationBtn a:hover,
.linkBtn a:focus,
.linkBtn a:active {
transform: scale(1.05);
}
.pagination .prevBtn a,
.pagination .nextBtn a {
padding: 8px 2em;
color: #333;
font-size: 14px;
background: #fff;
}
.pagination .nextBtn a {
float: right;
}
.pagination .prevBtn a {
float: left;
}
.pagination .nextBtn a::after {
display: inline-block;
margin: 0 0 0 1em;
content: "\0bb";
font-size: 20px;
}
.pagination .prevBtn a::before {
display: inline-block;
margin: 0 1em 0 0;
content: "\0ab";
font-size: 20px;
} .categoryList {
box-sizing: border-box;
margin: 0 0 32px;
padding: 24px;
border: 1px solid #727272;
}
.categoryList h3 {
margin: 0 0 .5em;
color: #727272;
font-weight: bold;
font-size: 16px;
}
.categoryList ul {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0 0;
list-style: none;
font-size: 14px;
}
.categoryList li {
margin: 1em 0 0;
padding: 0 .6em 0;
line-height: 1.6;
}
.categoryList li span {
display: inline-block;
padding: 0 0 0 .5em;
border-left: 3px solid #CB000A;
} .entryListNav {
padding: 20px 0;
background: #6C6C6C;
}
.entryListNav h3 {
display: inline-block;
height: 40px;
padding-left: 15px;
color: #fff;
font-weight: 200;
font-size: 25px;
border-left: 7px solid #fff;
line-height: 40px;
}
.entryList {}
.entryList ul {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
@media screen and (max-width: 768px) {
.entryList ul {
justify-content: space-between;
}
}
.entryList li {
position: relative;
box-sizing: border-box;
width: calc(25% + 1px);
margin: 0 0 24px -1px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
@media screen and (max-width: 768px) {
.entryList li {
width: calc(50% - 6px);
}
}
.entryList li.no-image {
padding-top: 8px;
border-top: 1px solid #eee;
}
.entryList li figure {
margin: 0;
overflow: hidden;
}
.entryList li figure img {
width: 100%;
height: auto;
transition: all 200ms ease-in-out;
}
.entryList li a {
display: block;
color: #727272;
text-decoration: none;
font-size: 13px;
}
.entryList li a:hover {
text-decoration: none !important;
}
.entryList li .text {
padding: 8px;
}
.entryList li .date {
color: #aaa;
font-size: 12px;
}
.entryList li .excerpt {
word-break: break-all;
}
.entryList li a:hover {
text-decoration: none;
}
.entryList li h4 {
margin: .1em 0 .7em;
font-weight: bold;
font-size: 16px;
}
.entryList li .categoryName {
margin-bottom: 0;
}
.entryList li .categoryName a {
display: block;
margin: 0 0 8px;
padding: 8px;
color: #CB000A;
font-size: 12px;
}
@media screen and (max-width: 768px) {
.entryList li .categoryName a {
padding: 16px 8px;
}
}
.entryList li a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.entry-date {
color: #aaa;
font-size: 16px;
} .tagList {
box-sizing: border-box;
margin: 0 0 32px;
padding: 24px;
border: 1px solid #727272;
}
.tagList h3 {
margin: 0 0 .5em;
color: #727272;
font-weight: bold;
font-size: 16px;
}
.tagList ul {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0 0;
list-style: none;
font-size: 14px;
gap: .5em;
}
.tagList li {
color: #fff;
}
.tagList li a {
display: block;
padding: .05em .6em 0;
border-radius: 4px;
color: #fff;
background-color: #CB000A;
transition: none;
}
.tagList li a:hover {
color: #fff !important;
text-decoration: none !important;
} .columnListNav {
padding: 20px 0;
background: #6C6C6C;
}
.columnListNav h3 {
display: inline-block;
height: 40px;
padding-left: 15px;
color: #fff;
font-weight: 200;
font-size: 25px;
border-left: 7px solid #fff;
line-height: 40px;
}
.columnList>ul {
display: grid;
padding: 0;
list-style: none;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
}
@media screen and (max-width: 768px) {
.columnList>ul {
grid-template-columns: 1fr;
}
}
.columnList>ul>li {
position: relative;
box-sizing: border-box;
border: 1px solid #eee;
transition: transform 200ms;
}
.columnList>ul>li:hover {
transform: translateY(-12px);
}
.columnList>ul>li figure {
margin: 0;
overflow: hidden;
}
.columnList>ul>li figure img {
width: 100%;
height: auto;
transition: all 200ms ease-in-out;
}
.columnList>ul>li>a {
display: block;
height: 100%;
padding: 8px;
color: #727272;
text-decoration: none;
font-size: 13px;
}
.columnList>ul>li a:hover {
text-decoration: none !important;
}
.columnList>ul>li .text {
padding: 8px 8px 0;
}
.columnList>ul>li .date {
color: #aaa;
font-size: 12px;
}
.columnList>ul>li .excerpt {
word-break: break-all;
}
.columnList>ul>li .excerpt p {
margin-bottom: 0;
pointer-events: none;
color: #727272;
text-decoration: none;
font-size: 13px;
}
.columnList>ul>li .excerpt .link-more {
display: none;
}
.columnList>ul>li h4 {
margin: .1em 0 .7em;
font-weight: bold;
font-size: 16px;
}
.columnList-tags {
display: flex;
margin-bottom: 0;
padding: .5em 4px 0;
}
.columnList-tags ul {
display: flex;
padding: 0;
list-style: none;
gap: .5em;
}
.columnList-tags li {
margin: 0 0 8px;
pointer-events: none;
color: #CB000A;
font-size: 12px;
}
.columnList-tags li::before {
content: '#';
} .column-headline {
margin-top: .5em;
margin-bottom: 0;
color: #333333;
font-weight: bold;
font-size: 24px;
}
.column-info {
display: flex;
justify-content: space-between;
margin-top: .5em;
}
.column-headline-entry_date {
color: #aaa;
font-size: 14px;
}
.column-headline-body {
margin-top: 2em;
}
.column-headline-body img {
max-width: 100%;
height: auto;
}
.column-tags {
display: flex;
gap: .8em;
}
.column-tags a {
color: #CB000A;
font-size: 14px;
}
.column-tags a::before {
content: '#';
}