@charset "UTF-8";
/*
Theme Name:石巻山
Description:
Theme URI:
Author: HIRAKU WADA (mallet DESIGN)
Author URI: https://mallet-design.com
Version:
License:
License URI:
*/
/* 1.0 Document Setup
--------------------------------------------------------------*/
/*===================================================
0.CSS Reset / YUI 3.5.0 - reset.css
===================================================*/
/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
color: #fff;
background: #000;
font-size: 62.5%;
}
/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: "";
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
*font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
display: none;
}
.clearfix {
width: 100%;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*===================================================
Font
===================================================*/
h1, h2 {
font-size: 3.2rem !important;
font-size: clamp(1.6rem, 3vw, 3.2rem) !important;
min-height: 0vw;
}
h3 {
font-size: 2.1rem !important;
font-size: clamp(1.4rem, 4.5vw, 2.1rem) !important;
min-height: 0vw;
}
/*===================================================
Color
===================================================*/
/* -----------------------------------------------------------------
media query
----------------------------------------------------------------- */
/*===================================================
1. Document Setup
===================================================*/
body {
font-size: 1.6rem !important;
font-size: clamp(1.1rem, 1.8vw, 1.5rem) !important;
min-height: 0vw;
color: #fff !important;
font-family: "Zen Old Mincho", serif !important;
font-weight: 400;
letter-spacing: 1.5px;
line-height: 1.8 !important;
background: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 9999;
/* 一番手前に */
pointer-events: none;
/* 他の要素にアクセス可能にするためにポインターイベントは無効に */
opacity: 0;
/* 初期値 : 透過状態 */
-webkit-transition: opacity 0.5s ease;
/* アニメーション時間は 0.8秒 */
transition: opacity 0.5s ease;
}
body.fade-out:after {
opacity: 1;
}
.t8px {
font-size: 0.8em;
}
.t9px {
font-size: 0.9em;
}
.t11px {
font-size: 1.1em;
}
.t12px {
font-size: 1.2em;
}
.t13px {
font-size: 1.3em;
}
.t14px {
font-size: 1.4em;
}
.t15px {
font-size: 1.5em;
}
.t16px {
font-size: 1.6em;
}
.t17px {
font-size: 1.7em;
}
.t18px {
font-size: 1.8em;
}
.t19px {
font-size: 1.9em;
}
.t20px {
font-size: 2em;
}
.ta_left {
text-align: left !important;
}
.ta_right {
text-align: right;
}
.wrapper {
width: 100%;
overflow: hidden;
}
input {
cursor: pointer;
}
/*for Webkit*/
input::-webkit-input-placeholder {
color: #000;
}
/*for Firefox*/
input:-moz-placeholder {
color: #000;
}
a {
text-decoration: none;
color: #fff !important;
cursor: pointer;
}
a:hover {
/*filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;*/
border: none !important;
text-decoration: none !important;
}
input:focus {
outline: none;
}
select::-ms-expand {
display: none;
}
.center {
text-align: center;
}
.object-fit-img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover; object-position: top;";
}
.fade_off {
opacity: 0;
-webkit-transition: all 1.5s;
transition: all 1.5s;
}
.fade_on {
opacity: 1;
}
/*===================================================
Utility
===================================================*/
/* padding-top
-------------------------------------------------- */
.pt0 {
padding-top: 0px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pt100 {
padding-top: 100px !important;
}
/* padding-bottom
-------------------------------------------------- */
.pb0 {
padding-bottom: 0px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
/* padding-Left
-------------------------------------------------- */
.pl10 {
padding-left: 10px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl50 {
padding-left: 50px !important;
}
.pl60px {
padding-left: 60px !important;
}
/* padding-Right
-------------------------------------------------- */
.pr10 {
padding-right: 10px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr50 {
padding-right: 50px !important;
}
/* margin-top
-------------------------------------------------- */
.mt0 {
margin-top: 0px !important;
}
/* margin-bottom
-------------------------------------------------- */
.mb0 {
margin-bottom: 0px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.u-df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.u-dfc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-dfsb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* pc --------------------------------*/
@media screen and (min-width: 769px) {
.sp {
display: none !important;
}
}
/* sp --------------------------------*/
@media screen and (max-width: 812px) {
body {
font-size: 12px;
}
.pc {
display: none !important;
}
}
/* edge --------------------------------*/
@supports (-ms-ime-align: auto) {
/* Edge のみ適用される */
body {
-webkit-font-feature-settings: "pkna";
font-feature-settings: "pkna";
}
}
/* -------------------------------------
Slick
-------------------------------------*/
.slick-next:before {
content: "" !important;
background: url(assets/img/icon/icon_next.svg) no-repeat;
background-size: contain;
width: 15px;
height: 30px;
display: block;
}
@media only screen and (max-width:768px) {
.slick-next:before {
width: 10px;
height: 20px;
}
}
@media only screen and (max-width:768px) {
.slick-next {
right: 30px !important;
}
}
.slick-prev:before {
content: "" !important;
background: url(assets/img/icon/icon_prev.svg) no-repeat;
background-size: contain;
width: 15px;
height: 30px;
display: block;
}
@media only screen and (max-width:768px) {
.slick-prev:before {
width: 10px;
height: 20px;
}
}
@media only screen and (max-width:768px) {
.slick-prev {
left: 30px !important;
}
}
.single .slider-nav .slick-list {
padding: 0 !important;
margin-top: 0.5em;
}
.single .slider-nav .slick-slide {
padding: 0 0.5em;
}
/* -------------------------------------
タブ実装
-------------------------------------*/
@-webkit-keyframes fadeIn {
0% {
-webkit-opacity: 0;
opacity: 0;
}
100% {
-webkit-opacity: 1;
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tab_box .btn_area, .tab_box2 .btn_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0 60px;
}
@media only screen and (max-width:768px) {
.tab_box .btn_area, .tab_box2 .btn_area {
margin: 0 0 30px;
}
}
.tab_box .tab_btn, .tab_box2 .tab_btn {
width: 200px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #333;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
font-weight: normal;
color: #333;
margin: 0;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
@media only screen and (max-width:768px) {
.tab_box .tab_btn, .tab_box2 .tab_btn {
width: 180px;
height: 45px;
font-size: 14px;
}
}
@media only screen and (max-width:480px) {
.tab_box .tab_btn, .tab_box2 .tab_btn {
width: 140px;
height: 30px;
font-size: 11px;
}
}
.tab_box .tab_btn + .tab_btn, .tab_box2 .tab_btn + .tab_btn {
margin-left: 8px;
}
.tab_box .tab_btn:hover, .tab_box2 .tab_btn:hover {
background-color: #333;
color: #fff;
}
.tab_box .tab_btn.active, .tab_box2 .tab_btn.active {
background: #333;
color: #fff;
position: relative;
-webkit-animation: fadeIn 0.8s ease-in-out;
animation: fadeIn 0.8s ease-in-out;
}
.tab_box .tab_panel, .tab_box2 .tab_panel {
display: none;
}
.tab_box .tab_panel.active, .tab_box2 .tab_panel.active {
display: block;
-webkit-animation: fadeIn 0.8s ease-in-out;
animation: fadeIn 0.8s ease-in-out;
}
.tab_box .panel_area {
/* border: solid 1px #e3ebf3;
padding: 20px;*/
}
/* -------------------------------------
BlockRevealers
-------------------------------------*/
.content__image {
width: 100%;
display: block;
}
.content__image-wrap--half {
width: 50vw;
}
.block-revealer__element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
opacity: 0;
z-index: 5;
}
.content__title__inner, .block-revealer__content {
opacity: 0;
}
.block-revealer {
opacity: 1;
}
/* -------------------------------------
search
-------------------------------------*/
.search-wrap {
position: fixed;
background: #000;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
transition: opacity 0.35s, visibility 0.35s, height 0.35s;
z-index: 103;
}
.search-wrap #form {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0;
width: 360px;
/*-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:480px) {
.search-wrap #form {
width: 70%;
top: 40%;
}
}
.search-wrap #form ::-webkit-input-placeholder {
color: #999;
}
.search-wrap #form ::-moz-placeholder {
color: #999;
}
.search-wrap #form :-ms-input-placeholder {
color: #999;
}
.search-wrap #form ::-ms-input-placeholder {
color: #999;
}
.search-wrap #form ::placeholder {
color: #999;
}
.search-wrap #form input {
padding: 0 0.5em;
width: 80%;
background: none;
border: none;
border-bottom: 1px solid #cfcdc0;
}
.search-wrap #form button {
background: none;
border: none;
}
.search-wrap #form #s-btn img {
width: 16px;
height: 16px;
}
.search-wrap #search-close {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
bottom: 30px;
cursor: pointer;
border: none;
border-radius: 20px;
padding: 0 20px;
font-family: "Inter", sans-serif;
}
@media only screen and (max-width:480px) {
.search-wrap #search-close {
font-size: 12px;
}
}
@media only screen and (max-width:480px) {
.search-wrap {
margin-top: 0;
}
}
.search-wrap.open {
opacity: 1;
visibility: visible;
height: 30%;
}
.search-wrap.open #search-close {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
bottom: 30px;
cursor: pointer;
border: none;
border-radius: 20px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #a2a197;
}
.search-wrap.open #search-close:after {
content: "×";
margin-left: 0.5em;
}
@media only screen and (max-width:480px) {
.search-wrap.open #search-close {
font-size: 12px;
}
}
.search-wrap.open #form {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0;
width: 360px;
/*-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:480px) {
.search-wrap.open #form {
width: 70%;
top: 40%;
}
}
.search-wrap.open #form ::-webkit-input-placeholder {
color: #999;
}
.search-wrap.open #form ::-moz-placeholder {
color: #999;
}
.search-wrap.open #form :-ms-input-placeholder {
color: #999;
}
.search-wrap.open #form ::-ms-input-placeholder {
color: #999;
}
.search-wrap.open #form ::placeholder {
color: #999;
}
.search-wrap.open #form input {
padding: 0 0.5em;
width: 80%;
}
.search-wrap.open #form button {
background: none;
border: none;
}
.search-wrap.open #form #s-btn img {
width: 16px;
height: 16px;
}
/* -------------------------------------
wp-pagenavi
-------------------------------------*/
.wp-pagenavi, .all-page-pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 60px 0 0;
font-size: clamp(1.1rem, 2vw, 1.4rem);
}
@media only screen and (max-width:991px) {
.wp-pagenavi, .all-page-pager {
margin: 45px 0 0;
}
}
@media only screen and (max-width:687px) {
.wp-pagenavi, .all-page-pager {
margin: 45px 0 0;
}
}
.wp-pagenavi .current, .all-page-pager .current {
background: #f9f9f9;
color: #000;
font-weight: 400;
}
.wp-pagenavi span, .wp-pagenavi a, .all-page-pager span, .all-page-pager a {
font-family: "Inter", sans-serif;
width: auto;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1em;
}
@media only screen and (max-width:768px) {
.wp-pagenavi span, .wp-pagenavi a, .all-page-pager span, .all-page-pager a {
font-size: 11px;
}
}
.wp-pagenavi a.nextpostslink, .all-page-pager a.nextpostslink {
margin-right: 0;
}
.all-page-pager span.page-numbers {
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1em;
}
@media only screen and (max-width:768px) {
.all-page-pager span.page-numbers {
font-size: 12px;
}
}
/* -------------------------------------
グーテンベルク 投稿スタイル
-------------------------------------*/
body .is-layout-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body .is-layout-flex figure {
margin: 0 1em;
}
body .is-layout-flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-container-1.wp-container-1, .wp-container-2.wp-container-2 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
body .is-layout-flex > * {
margin: 0;
}
/* 2.0 structure
--------------------------------------------------------------*/
/* -------------------------------------
Wrapper
-------------------------------------*/
.wrapper {
position: relative;
}
@media only screen and (max-width:1200px) {
.wrapper {
padding-top: 0px;
}
}
/* -------------------------------------
Header
-------------------------------------*/
.l-header {
width: 100%;
padding: 30px 60px 60px;
position: relative;
}
@media only screen and (max-width:1200px) {
.l-header {
padding: 30px 60px 30px;
}
}
@media only screen and (max-width:768px) {
.l-header {
padding: 20px 30px 15px;
}
}
@media only screen and (max-width:480px) {
.l-header {
padding: 15px 15px 60px;
}
}
.l-header__logo {
display: block;
margin: 0 0 30px;
}
@media only screen and (max-width:768px) {
.l-header__logo {
position: absolute;
left: 15px;
top: 5px;
}
}
.l-header__logo img {
width: 140px;
height: auto;
display: inline-block;
-webkit-transition: all 500ms 0s ease-in;
transition: all 500ms 0s ease-in;
line-height: 1em;
}
@media only screen and (max-width:1200px) {
.l-header__logo img {
width: 100px;
}
}
@media only screen and (max-width:768px) {
.l-header__logo img {
width: 50px;
}
}
.l-header__nav {
position: absolute;
right: 60px;
top: 40px;
z-index: 9999;
width: 50%;
text-align: left;
}
@media only screen and (max-width:768px) {
.l-header__nav {
display: none;
}
}
.l-header__nav ul {
color: #fff;
font-family: "Zen Old Mincho", serif;
font-weight: 0;
line-height: 2.5em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
float: right;
}
.l-header__nav ul li {
font-size: 1.5rem;
font-size: clamp(1.2rem, 1.5vw, 1.5rem);
min-height: 0vw;
font-family: "EB Garamond", serif;
font-weight: 400;
letter-spacing: 0.08em;
margin: 0 2em;
line-height: 1em;
}
.l-header__nav ul li:first-child {
margin-right: 0;
}
.l-header__nav ul li a {
position: relative;
color: #fff !important;
}
.l-header__nav ul li a:after {
content: "";
position: absolute;
top: 1px;
right: -3px;
height: 0%;
width: 1px;
background: #fff;
-webkit-transition: 0.35s;
transition: 0.35s;
}
.l-header__nav ul li a:hover:after {
height: 99%;
}
body.sticky .button_container {
-webkit-animation-name: fadeDownAnime;
animation-name: fadeDownAnime;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
position: fixed;
z-index: 99;
}
body.sticky header {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
-webkit-animation-name: fadeDownAnime;
animation-name: fadeDownAnime;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
background: black;
position: fixed;
z-index: 1;
padding: 30px 60px 30px;
}
@media only screen and (max-width:812px) {
body.sticky header {
-webkit-animation: inherit;
animation: inherit;
opacity: 1;
}
}
@media only screen and (max-width:768px) {
body.sticky header {
height: 60px;
}
}
body.sticky header nav {
-webkit-animation-name: fadeInLogo;
animation-name: fadeInLogo;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
@-webkit-keyframes fadeDownAnime {
from {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeDownAnime {
from {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInLogo {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInLogo {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* -------------------------------------
Footer
-------------------------------------*/
.l-footer {
color: #fff;
background: #000;
}
.l-footer.content {
padding: 90px 0 60px;
}
@media only screen and (max-width:768px) {
.l-footer.content {
padding: 45px 0 30px;
}
}
.l-footer a {
color: #fff !important;
}
.l-footer__logo img {
width: 70px;
height: auto;
}
@media only screen and (max-width:969px) {
.l-footer__logo img {
width: 150px;
}
}
@media only screen and (max-width:768px) {
.l-footer__logo img {
width: 50px;
}
}
@media only screen and (max-width:480px) {
.l-footer__logo img {
width: 30px;
}
}
.l-footer .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-footer__submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.l-footer__submenu li {
margin-left: 2em;
font-size: clamp(1rem, 2vw, 1.3rem);
}
.l-footer__sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 2em;
margin-bottom: 0;
}
.l-footer__sns li {
margin-left: 1em;
}
.l-footer__sns li img {
height: 20px;
}
.l-footer__head {
margin: 60px 0;
}
.l-footer__head dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.l-footer__head dl dt {
font-family: "Inter", sans-serif;
font-weight: 500;
margin-right: 15px;
}
.l-footer__head dl dd img {
width: 50px;
}
@media only screen and (max-width:969px) {
.l-footer__head dl dd img {
width: 40px;
}
}
@media only screen and (max-width:768px) {
.l-footer__head dl dd img {
width: 30px;
}
}
@media only screen and (max-width:480px) {
.l-footer__head dl dd img {
width: 20px;
}
}
.l-footer__nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-footer__nav ul li {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
font-weight: 500;
margin-bottom: 2em;
}
@media only screen and (max-width:969px) {
.l-footer__nav ul li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
}
}
@media only screen and (max-width:687px) {
.l-footer__nav ul li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
.l-footer__nav ul li ul {
display: block;
margin-top: 1em;
}
.l-footer__nav ul li ul li {
max-width: 100%;
font-weight: 400;
font-size: 1.3rem;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
position: relative;
margin-bottom: 0;
line-height: 2.2em;
}
.l-footer__copyright {
margin: 45px 0 0;
}
.l-footer__copyright p {
font-size: 1.2rem;
font-size: clamp(1rem, 2vw, 1.2rem);
min-height: 0vw;
font-weight: 400;
font-family: "EB Garamond", serif;
text-align: center;
}
/* 3.0 section
--------------------------------------------------------------*/
/* 4.0 contents
--------------------------------------------------------------*/
/* -------------------------------------
Content
-------------------------------------*/
.content {
padding: 120px 0;
}
@media only screen and (max-width:1200px) {
.content {
padding: 90px 0;
}
}
@media only screen and (max-width:768px) {
.content {
padding: 60px 0 0;
}
}
@media only screen and (max-width:480px) {
.content {
padding: 30px 0 0;
}
}
.content .top-content-title {
padding-left: 45px;
}
@media only screen and (max-width:768px) {
.content .top-content-title {
padding: 45px 0 0;
}
}
.content h2.c-title {
font-family: "EB Garamond", serif;
font-weight: 500;
margin: 0 0 45px;
text-align: center;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
@media only screen and (max-width:768px) {
.content h2.c-title {
margin: 0 0 30px;
}
}
.content p.c-sub_title {
text-align: left;
margin: 0 0 60px;
}
.content p.c-sub_title span {
font-size: 140%;
}
@media only screen and (max-width:768px) {
.content p.c-sub_title {
margin: 0 0 30px;
}
}
.content .content__txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.content .content__txt h3 {
font-family: "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
margin: 0 0 20px;
line-height: 1.4em;
}
@media only screen and (max-width:991px) {
.content .content__txt h3 {
font-size: 18px;
}
}
@media only screen and (max-width:768px) {
.content .content__txt h3 {
font-size: 15px;
margin: 0 0 10px;
}
}
@media only screen and (max-width:991px) {
.content .content__txt p {
font-size: 14px;
}
}
@media only screen and (max-width:768px) {
.content .content__txt p {
font-size: 12px;
}
}
.top-content .col-md-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-content .col-md-8 {
padding-right: 0;
}
@media only screen and (max-width:768px) {
.top-content .col-md-8 {
padding-right: 15px;
}
}
/* -------------------------------------
linkBtn
-------------------------------------*/
.linkBtn {
position: relative;
-webkit-transition: ease 0.2s;
transition: ease 0.2s;
display: inline-block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #fff;
width: 180px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
margin: 30px 0 0;
overflow: hidden;
transition: ease 0.2s;
}
.linkBtn span {
position: relative;
z-index: 3;
}
.linkBtn:hover {
border: 1px solid #000;
}
.linkBtn:hover span {
color: #000 !important;
}
.linkBtn_s {
width: 240px;
height: 60px;
}
/*== 背景が流れる（左から右） */
.bgleft:before {
content: "";
/*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: 0;
z-index: 2;
/*色や形状*/
background: #fff;
/*背景色*/
width: 100%;
height: 100%;
/*アニメーション*/
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
}
/*hoverした際の形状*/
.bgleft:hover:before {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
/* -------------------------------------
Top
-------------------------------------*/
#top {
padding-top: 0px;
padding-bottom: 0;
/*border-bottom: 1px solid $line-color;*/
}
#top .container-fluid {
padding: 0;
}
#top .container-fluid .col-sm-12 {
padding: 0;
position: relative;
}
#top .container-fluid .col-sm-12 .slick1 {
overflow: hidden;
position: relative;
}
#top .container-fluid .col-sm-12 .slick1 div {
height: 650px;
margin: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
@media only screen and (min-width:1499px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 750px;
}
}
@media only screen and (max-width:1360px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 550px;
}
}
@media only screen and (max-width:1200px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 500px;
}
}
@media only screen and (max-width:991px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 500px;
}
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 450px;
}
}
@media only screen and (max-width:767px) {
#top .container-fluid .col-sm-12 .slick1 div {
border-radius: 0;
}
}
@media only screen and (max-width:480px) {
#top .container-fluid .col-sm-12 .slick1 div {
height: 300px;
width: 100%;
}
}
#top .container-fluid .col-sm-12 .slick1 div.img01 {
background-image: url(assets/img/slide/slide01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#top .container-fluid .col-sm-12 .slick1 div.img02 {
background-image: url(assets/img/slide/slide02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#top .container-fluid .col-sm-12 .slick1 div.img03 {
background-image: url(assets/img/slide/slide03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#top .container-fluid .col-sm-12 .slick1 .slick-slide:not(.slick-current) {
position: relative;
}
#top .container-fluid .col-sm-12 .slick1 .slick-slide:not(.slick-current):before {
background: rgba(33, 33, 33, 0.4);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
z-index: 1;
}
#top .container-fluid .col-sm-12 .slick1 .slick-prev, #top .container-fluid .col-sm-12 .slick1 .slick-next {
width: 60px;
height: 60px;
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slick1 .slick-prev, #top .container-fluid .col-sm-12 .slick1 .slick-next {
height: 30px;
width: 30px;
}
}
#top .container-fluid .col-sm-12 .slick1 .slick-prev {
left: 20%;
z-index: 2;
}
#top .container-fluid .col-sm-12 .slick1 .slick-prev:before {
font-size: 0;
background: url(assets/img/slide/prev.svg) no-repeat;
background-size: contain;
height: 60px;
width: 60px;
display: block;
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slick1 .slick-prev:before {
height: 30px;
width: 30px;
}
}
#top .container-fluid .col-sm-12 .slick1 .slick-next {
right: 20%;
z-index: 2;
}
#top .container-fluid .col-sm-12 .slick1 .slick-next:before {
font-size: 0;
background: url(assets/img/slide/next.svg) no-repeat;
background-size: contain;
height: 60px;
width: 60px;
display: block;
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slick1 .slick-next:before {
height: 30px;
width: 30px;
}
}
#top .container-fluid .col-sm-12 .slick1 .slick-dots {
bottom: -90px;
}
#top .container-fluid .col-sm-12 .slick1 .slick-dots .slick-active button:before {
color: #333;
}
#top .container-fluid .col-sm-12 .slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
#top .container-fluid .col-sm-12 .slogan {
position: absolute;
left: -150px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width:991px) {
#top .container-fluid .col-sm-12 .slogan {
left: -120px;
}
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slogan {
left: -90px;
}
}
@media only screen and (max-width:480px) {
#top .container-fluid .col-sm-12 .slogan {
padding: 0;
left: 30px;
top: auto;
bottom: 30px;
}
}
#top .container-fluid .col-sm-12 .slogan p {
font-size: 45px;
font-family: "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
line-height: 1.4em;
margin: 0;
}
#top .container-fluid .col-sm-12 .slogan p span {
background: #fff;
display: inline-block;
margin-bottom: 0.2em;
padding: 0 7px;
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slogan p span {
font-size: 21px;
}
}
#top .container-fluid .col-sm-12 .slogan p span:nth-of-type(2) {
margin-bottom: 0;
}
@media only screen and (max-width:1200px) {
#top .container-fluid .col-sm-12 .slogan p {
font-size: 36px;
}
}
@media only screen and (max-width:991px) {
#top .container-fluid .col-sm-12 .slogan p {
font-size: 30px;
}
}
@media only screen and (max-width:768px) {
#top .container-fluid .col-sm-12 .slogan p {
font-size: 21px;
margin: 0 0 20px;
}
}
@media only screen and (max-width:480px) {
#top .container-fluid .col-sm-12 .slogan p {
font-size: 24px;
}
}
/* -------------------------------------
Top-news
-------------------------------------*/
#top-news .col-sm-12 .news-topics {
width: 100%;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#top-news .col-sm-12 .news-topics .topics-ttl {
max-width: 15%;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "EB Garamond", serif;
font-weight: 400;
font-size: 1.8rem;
font-size: clamp(1.4rem, 2vw, 1.8rem);
min-height: 0vw;
}
@media only screen and (max-width:991px) {
#top-news .col-sm-12 .news-topics .topics-ttl {
max-width: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-ttl {
font-size: 12px;
max-width: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
#top-news .col-sm-12 .news-topics .topics-ttl p {
margin: 0;
}
#top-news .col-sm-12 .news-topics .topics-txt {
max-width: 85%;
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
@media only screen and (max-width:991px) {
#top-news .col-sm-12 .news-topics .topics-txt {
max-width: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-txt {
max-width: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker {
width: 100%;
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul {
height: 60px;
width: 100%;
margin: 0;
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li {
height: 60px;
position: relative;
width: 100%;
display: none;
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a {
position: absolute;
top: 50%;
margin-top: -10px;
width: 100%;
color: #fff !important;
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a {
margin-top: -13px;
}
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl {
display: block;
}
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dt {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
font-family: "EB Garamond", serif;
font-weight: 400;
}
@media only screen and (max-width:991px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dt {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
font-size: 14px;
}
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dt {
font-size: 11px;
max-width: 100%;
}
}
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dd {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
}
@media only screen and (max-width:991px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dd {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
font-size: 14px;
}
}
@media only screen and (max-width:768px) {
#top-news .col-sm-12 .news-topics .topics-txt .ticker ul li a dl dd {
font-size: 12px;
max-width: 100%;
}
}
/* -------------------------------------
page / archive / single
-------------------------------------*/
.page .p-pankuzu, .archive .p-pankuzu, .single .p-pankuzu {
padding: 16px 0;
font-family: "Zen Old Mincho", serif, "Inter", sans-serif;
font-size: clamp(1.1rem, 2vw, 1.4rem);
}
.page .p-pankuzu .container-fluid, .archive .p-pankuzu .container-fluid, .single .p-pankuzu .container-fluid {
padding: 0 60px;
}
.page .l-main, .archive .l-main, .single .l-main {
padding-top: 0;
}
.page .p-page_title, .archive .p-page_title, .single .p-page_title {
text-align: center;
padding-top: 0;
}
.page .p-page_title h1, .archive .p-page_title h1, .single .p-page_title h1 {
font-family: "EB Garamond", serif;
font-weight: 400;
margin: 120px auto;
text-align: center;
}
@media only screen and (max-width:480px) {
.page .p-page_title h1, .archive .p-page_title h1, .single .p-page_title h1 {
margin: 60px auto;
}
}
.page .p-page_title .c-category_img, .archive .p-page_title .c-category_img, .single .p-page_title .c-category_img {
height: 190px;
display: inline-block;
margin-bottom: 30px;
}
@media only screen and (max-width:480px) {
.page .p-page_title .c-category_img, .archive .p-page_title .c-category_img, .single .p-page_title .c-category_img {
height: 130px;
}
}
.page .page-message .message, .archive .page-message .message, .single .page-message .message {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
line-height: 3em;
letter-spacing: 0.15em;
margin: 0 auto;
width: auto;
height: 400px;
-webkit-font-feature-settings: "pkna";
font-feature-settings: "pkna";
position: relative;
}
@media only screen and (max-width:768px) {
.page .page-message .message, .archive .page-message .message, .single .page-message .message {
height: 300px;
}
}
@media only screen and (max-width:480px) {
.page .page-message .message, .archive .page-message .message, .single .page-message .message {
height: 250px;
padding-top: 30px;
}
}
.page .page-content, .archive .page-content, .single .page-content {
margin-bottom: 60px;
}
.page .page-content:last-of-type, .archive .page-content:last-of-type, .single .page-content:last-of-type {
margin-bottom: 0;
}
.page .archive-content, .page .single-content, .archive .archive-content, .archive .single-content, .single .archive-content, .single .single-content {
padding-top: 60px;
}
@media only screen and (max-width:768px) {
.page .archive-content, .page .single-content, .archive .archive-content, .archive .single-content, .single .archive-content, .single .single-content {
padding-bottom: 60px;
}
}
@media only screen and (max-width:480px) {
.page .archive-content, .page .single-content, .archive .archive-content, .archive .single-content, .single .archive-content, .single .single-content {
padding-top: 15px;
}
}
@media only screen and (max-width:991px) {
.page .archive-content__list, .page .archive-content__txt, .page .single-content__list, .page .single-content__txt, .archive .archive-content__list, .archive .archive-content__txt, .archive .single-content__list, .archive .single-content__txt, .single .archive-content__list, .single .archive-content__txt, .single .single-content__list, .single .single-content__txt {
padding: 45px;
}
}
@media only screen and (max-width:768px) {
.page .archive-content__list, .page .archive-content__txt, .page .single-content__list, .page .single-content__txt, .archive .archive-content__list, .archive .archive-content__txt, .archive .single-content__list, .archive .single-content__txt, .single .archive-content__list, .single .archive-content__txt, .single .single-content__list, .single .single-content__txt {
padding: 30px;
}
}
@media only screen and (max-width:480px) {
.page .archive-content__list, .page .archive-content__txt, .page .single-content__list, .page .single-content__txt, .archive .archive-content__list, .archive .archive-content__txt, .archive .single-content__list, .archive .single-content__txt, .single .archive-content__list, .single .archive-content__txt, .single .single-content__list, .single .single-content__txt {
padding: 15px;
}
}
.page .archive-content__list dl, .page .archive-content__txt dl, .page .single-content__list dl, .page .single-content__txt dl, .archive .archive-content__list dl, .archive .archive-content__txt dl, .archive .single-content__list dl, .archive .single-content__txt dl, .single .archive-content__list dl, .single .archive-content__txt dl, .single .single-content__list dl, .single .single-content__txt dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 29px 0;
margin: 0;
border-bottom: 1px solid #999;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:991px) {
.page .archive-content__list dl, .page .archive-content__txt dl, .page .single-content__list dl, .page .single-content__txt dl, .archive .archive-content__list dl, .archive .archive-content__txt dl, .archive .single-content__list dl, .archive .single-content__txt dl, .single .archive-content__list dl, .single .archive-content__txt dl, .single .single-content__list dl, .single .single-content__txt dl {
padding: 25px 0;
}
}
@media only screen and (max-width:768px) {
.page .archive-content__list dl, .page .archive-content__txt dl, .page .single-content__list dl, .page .single-content__txt dl, .archive .archive-content__list dl, .archive .archive-content__txt dl, .archive .single-content__list dl, .archive .single-content__txt dl, .single .archive-content__list dl, .single .archive-content__txt dl, .single .single-content__list dl, .single .single-content__txt dl {
padding: 25px 0;
}
}
@media only screen and (max-width:480px) {
.page .archive-content__list dl, .page .archive-content__txt dl, .page .single-content__list dl, .page .single-content__txt dl, .archive .archive-content__list dl, .archive .archive-content__txt dl, .archive .single-content__list dl, .archive .single-content__txt dl, .single .archive-content__list dl, .single .archive-content__txt dl, .single .single-content__list dl, .single .single-content__txt dl {
display: block;
padding: 15px 0;
}
}
.page .archive-content__list dl dt, .page .archive-content__txt dl dt, .page .single-content__list dl dt, .page .single-content__txt dl dt, .archive .archive-content__list dl dt, .archive .archive-content__txt dl dt, .archive .single-content__list dl dt, .archive .single-content__txt dl dt, .single .archive-content__list dl dt, .single .archive-content__txt dl dt, .single .single-content__list dl dt, .single .single-content__txt dl dt {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
font-family: "Inter", sans-serif;
font-size: clamp(1rem, 2vw, 1.2rem);
color: #999;
}
@media only screen and (max-width:480px) {
.page .archive-content__list dl dt, .page .archive-content__txt dl dt, .page .single-content__list dl dt, .page .single-content__txt dl dt, .archive .archive-content__list dl dt, .archive .archive-content__txt dl dt, .archive .single-content__list dl dt, .archive .single-content__txt dl dt, .single .archive-content__list dl dt, .single .archive-content__txt dl dt, .single .single-content__list dl dt, .single .single-content__txt dl dt {
margin-bottom: 0.25em;
}
}
.page .archive-content__list dl dd, .page .archive-content__txt dl dd, .page .single-content__list dl dd, .page .single-content__txt dl dd, .archive .archive-content__list dl dd, .archive .archive-content__txt dl dd, .archive .single-content__list dl dd, .archive .single-content__txt dl dd, .single .archive-content__list dl dd, .single .archive-content__txt dl dd, .single .single-content__list dl dd, .single .single-content__txt dl dd {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
}
.page .l-main .container-fluid, .archive .l-main .container-fluid, .single .l-main .container-fluid {
padding: 0 60px;
}
@media only screen and (max-width:768px) {
.page .l-main .container-fluid, .archive .l-main .container-fluid, .single .l-main .container-fluid {
padding: 0 30px;
}
}
@media only screen and (max-width:480px) {
.page .l-main .container-fluid, .archive .l-main .container-fluid, .single .l-main .container-fluid {
padding: 0 15px;
}
}
.page .p-item__content, .archive .p-item__content, .single .p-item__content {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
max-width: 23%;
margin: 0 0 60px;
}
@media only screen and (max-width:768px) {
.page .p-item__content, .archive .p-item__content, .single .p-item__content {
-ms-flex-preferred-size: 31.3%;
flex-basis: 31.3%;
max-width: 31.3%;
margin: 0 0 45px;
}
}
@media only screen and (max-width:480px) {
.page .p-item__content, .archive .p-item__content, .single .p-item__content {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin: 0 0 30px;
}
}
.page .p-item__content img, .archive .p-item__content img, .single .p-item__content img {
aspect-ratio: 263/351;
width: 100%;
}
.page .p-item__name, .page .p-item__price, .archive .p-item__name, .archive .p-item__price, .single .p-item__name, .single .p-item__price {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: clamp(1.1rem, 2vw, 1.4rem);
min-height: 0vw;
line-height: 1.6;
margin: 1em 0 0.5em;
}
.page .p-item__price, .archive .p-item__price, .single .p-item__price {
margin: 0;
}
.page .l-sidebar h2.c-title, .archive .l-sidebar h2.c-title, .single .l-sidebar h2.c-title {
font-size: clamp(1.6rem, 2vw, 3rem) !important;
}
@media only screen and (max-width:991px) {
.page .l-sidebar h2.c-title, .archive .l-sidebar h2.c-title, .single .l-sidebar h2.c-title {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
text-align: left;
margin: 0 0 15px;
}
}
@media only screen and (max-width:991px) {
.page .l-sidebar .cat-list, .archive .l-sidebar .cat-list, .single .l-sidebar .cat-list {
margin-bottom: 60px;
}
}
.page .l-sidebar .cat-list ul li, .archive .l-sidebar .cat-list ul li, .single .l-sidebar .cat-list ul li {
border-bottom: 1px solid #ccc;
padding: 20px 0;
}
@media only screen and (max-width:768px) {
.page .l-sidebar .cat-list ul li, .archive .l-sidebar .cat-list ul li, .single .l-sidebar .cat-list ul li {
padding: 10px 0;
}
}
.page .l-sidebar .tag-list ul, .archive .l-sidebar .tag-list ul, .single .l-sidebar .tag-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page .l-sidebar .tag-list ul li, .archive .l-sidebar .tag-list ul li, .single .l-sidebar .tag-list ul li {
margin-right: 0.5em;
}
.page .l-sidebar .tag-list ul li a, .archive .l-sidebar .tag-list ul li a, .single .l-sidebar .tag-list ul li a {
background: #fff;
padding: 2px 5px;
border-radius: 10px;
font-size: clamp(1rem, 2vw, 1.3rem);
}
.page #search, .archive #search, .single #search {
border-bottom: 1px solid #999;
width: 50%;
margin: 90px auto 0;
padding: 10px 0;
}
@media only screen and (max-width:768px) {
.page #search, .archive #search, .single #search {
margin: 60px auto;
width: 80%;
}
}
@media only screen and (max-width:480px) {
.page #search, .archive #search, .single #search {
margin: 30px auto;
width: 100%;
}
}
.page #search img, .archive #search img, .single #search img {
width: 20px;
}
@media only screen and (max-width:768px) {
.page #search img, .archive #search img, .single #search img {
width: 15px;
}
}
.p-tag {
text-align: center;
width: 80%;
margin: 0 auto 120px;
}
@media only screen and (max-width:768px) {
.p-tag {
width: 100%;
margin: 0 auto 90px;
}
}
@media only screen and (max-width:480px) {
.p-tag {
margin: 0 auto 45px;
}
}
.p-tag__title {
margin: 0 0 45px;
}
@media only screen and (max-width:480px) {
.p-tag__title {
margin: 0 0 30px;
}
}
.p-tag__content {
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;
}
.p-tag__content li {
margin: 0.5em;
}
.p-tag__content li a {
background: #f0efdf;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
color: #686761 !important;
padding: 0.8em 1.6em;
border-radius: 2em;
display: block;
}
.p-tag__content li a:before {
content: "#";
}
.p-item_slide img {
width: 100%;
}
.page .p-page_lead,
.post-type-archive-highlights .p-page_lead,
.post-type-archive-union .p-page_lead {
position: relative;
}
@media only screen and (max-width:768px) {
.page .p-page_lead__img,
.post-type-archive-highlights .p-page_lead__img,
.post-type-archive-union .p-page_lead__img {
margin-bottom: 30px;
}
}
.page .p-page_lead .col-sm-6,
.post-type-archive-highlights .p-page_lead .col-sm-6,
.post-type-archive-union .p-page_lead .col-sm-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:991px) {
.page .p-page_lead .col-sm-6,
.post-type-archive-highlights .p-page_lead .col-sm-6,
.post-type-archive-union .p-page_lead .col-sm-6 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.page .p-page_lead .col-sm-6 p,
.post-type-archive-highlights .p-page_lead .col-sm-6 p,
.post-type-archive-union .p-page_lead .col-sm-6 p {
font-size: clamp(1.2rem, 1.5vw, 1.7rem);
min-height: 0vw;
}
.page .p-page_lead .col-sm-6 ul.linkwrap,
.post-type-archive-highlights .p-page_lead .col-sm-6 ul.linkwrap,
.post-type-archive-union .p-page_lead .col-sm-6 ul.linkwrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page .p-page_lead .col-sm-6 ul.linkwrap li,
.post-type-archive-highlights .p-page_lead .col-sm-6 ul.linkwrap li,
.post-type-archive-union .p-page_lead .col-sm-6 ul.linkwrap li {
margin: 0 1em;
}
@media only screen and (max-width:768px) {
.page .p-page_lead .col-sm-6 ul.linkwrap li a.linkBtn,
.post-type-archive-highlights .p-page_lead .col-sm-6 ul.linkwrap li a.linkBtn,
.post-type-archive-union .p-page_lead .col-sm-6 ul.linkwrap li a.linkBtn {
width: 120px;
}
}
.page .p-page_content,
.post-type-archive-highlights .p-page_content,
.post-type-archive-union .p-page_content {
padding-bottom: 0;
}
.page .p-page_content h2,
.post-type-archive-highlights .p-page_content h2,
.post-type-archive-union .p-page_content h2 {
text-align: center;
margin: 0 0 30px;
}
@media only screen and (max-width:768px) {
.page .p-page_content h2,
.post-type-archive-highlights .p-page_content h2,
.post-type-archive-union .p-page_content h2 {
margin: 0 0 60px;
}
}
.page .p-page_content .row,
.post-type-archive-highlights .p-page_content .row,
.post-type-archive-union .p-page_content .row {
margin: 120px 0;
}
@media only screen and (max-width:768px) {
.page .p-page_content .row,
.post-type-archive-highlights .p-page_content .row,
.post-type-archive-union .p-page_content .row {
margin: 60px 0;
}
}
.page .p-page_content .row:nth-of-type(1),
.post-type-archive-highlights .p-page_content .row:nth-of-type(1),
.post-type-archive-union .p-page_content .row:nth-of-type(1) {
margin-top: 0;
}
.page .p-page_content .row .col-sm-6 h3,
.post-type-archive-highlights .p-page_content .row .col-sm-6 h3,
.post-type-archive-union .p-page_content .row .col-sm-6 h3 {
text-align: center;
}
.page .p-page_content .row .col-sm-6 p,
.post-type-archive-highlights .p-page_content .row .col-sm-6 p,
.post-type-archive-union .p-page_content .row .col-sm-6 p {
font-size: clamp(1.2rem, 1.5vw, 1.7rem);
min-height: 0vw;
}
@media only screen and (max-width:768px) {
.page .p-page_content .row .facility,
.post-type-archive-highlights .p-page_content .row .facility,
.post-type-archive-union .p-page_content .row .facility {
margin-bottom: 60px;
}
.page .p-page_content .row .facility:last-of-type,
.post-type-archive-highlights .p-page_content .row .facility:last-of-type,
.post-type-archive-union .p-page_content .row .facility:last-of-type {
margin-bottom: 0px;
}
}
/* -------------------------------------
page:paradise
-------------------------------------*/
.paradise .p-page_lead {
position: relative;
}
.paradise .p-page_lead:after {
content: "";
background: url(assets/img/paradise/paradise_title.svg) no-repeat;
background-size: contain;
width: 163px;
height: 433px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
.paradise .p-page_lead .col-sm-12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.paradise .p-page_lead .col-sm-12 {
display: block;
}
}
.paradise .p-page_lead .p-page_lead__img, .paradise .p-page_lead .p-page_lead__text {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
@media only screen and (max-width:768px) {
.paradise .p-page_lead__img {
margin-bottom: 30px;
}
}
.paradise .p-page_lead .p-page_lead__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:991px) {
.paradise .p-page_lead .p-page_lead__text {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.paradise .p-page_lead .p-page_lead__text p {
font-size: clamp(1.2rem, 1.5vw, 1.7rem);
min-height: 0vw;
}
.paradise .p-page_content {
padding-bottom: 0;
}
.paradise .p-page_content .row {
margin: 120px 0;
}
@media only screen and (max-width:768px) {
.paradise .p-page_content .row {
margin: 60px 0;
}
}
.paradise .p-page_content .row:nth-of-type(1) {
margin-top: 0;
}
.paradise .p-page_content .row:nth-of-type(odd) .col-sm-12 {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.paradise .p-page_content .row .col-sm-12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.paradise .p-page_content .row .col-sm-12 {
display: block;
}
}
.paradise .p-page_content .row .p-page_content__img, .paradise .p-page_content .row .p-page_content__text, .paradise .p-page_content .row .facility {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
.paradise .p-page_content .row .p-page_content__text h2 {
text-align: left;
}
@media only screen and (max-width:768px) {
.paradise .p-page_content .row .p-page_content__text h2 {
margin: 0 0 1em;
}
}
.paradise .p-page_content .row .p-page_content__text h3 {
text-align: center;
}
.paradise .p-page_content .row .p-page_content__text p {
font-size: clamp(1.2rem, 1.5vw, 1.7rem);
min-height: 0vw;
}
.paradise .p-page_content .row .p-page_content__img img {
width: 100%;
}
@media only screen and (max-width:768px) {
.paradise .p-page_content .row .p-page_content__img {
margin: 0 0 1.5em;
}
}
@media only screen and (max-width:768px) {
.paradise .p-page_content .row .facility {
margin-bottom: 60px;
}
.paradise .p-page_content .row .facility:last-of-type {
margin-bottom: 0px;
}
}
/* -------------------------------------
page:union
-------------------------------------*/
.post-type-archive-union .p-page_lead {
position: relative;
}
.post-type-archive-union .p-page_lead:after {
content: "";
background: url(assets/img/union/union_title.svg) no-repeat;
background-size: contain;
width: 131px;
height: 383px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
.post-type-archive-union .p-page_content:after {
display: none;
}
.post-type-archive-union .p-page_content h2 {
margin: 0 0 120px;
}
.post-type-archive-union .p-page_content .people-list-content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap {
display: block;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content {
margin: 0 0 9em;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
}
@media only screen and (max-width:991px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content {
margin: 0 0 6em;
}
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content {
margin: 0 0 4.5em;
max-width: 100%;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-img {
display: block;
width: 100%;
margin: 0 0 1em;
background-position: center center;
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt {
width: 100%;
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt p.lead {
font-size: 16px;
}
@media only screen and (max-width:991px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt p.lead {
font-size: 15px;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt h3 {
font-size: 24px;
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt h3 span {
font-size: 50%;
}
@media only screen and (max-width:991px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt h3 {
font-size: 21px;
}
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt h3 {
font-size: 18px;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt p.job {
font-size: 14px;
line-height: 1.4em;
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt p.job {
font-size: 12px;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt a.linkMore {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 1.5em 0 0;
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content .peaple-list-txt a.linkMore {
font-size: 12px;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(2) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(3) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(6) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(7) .peaple-list-img {
width: 100%;
height: auto;
aspect-ratio: 245/199;
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(2) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(3) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(6) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(7) .peaple-list-img {
aspect-ratio: 3/2;
}
}
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(1) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(4) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(5) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(8) .peaple-list-img {
width: 100%;
height: auto;
aspect-ratio: 2/3;
}
@media only screen and (max-width:768px) {
.post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(1) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(4) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(5) .peaple-list-img, .post-type-archive-union .p-page_content .people-list-content-wrap .people-list-content:nth-of-type(8) .peaple-list-img {
aspect-ratio: 3/2;
}
}
/* -------------------------------------
page:hidenoya
-------------------------------------*/
.hinodeya .p-page_lead {
position: relative;
}
.hinodeya .p-page_lead:after {
content: "";
background: url(assets/img/hinodeya/hinodeya_title.svg) no-repeat;
background-size: contain;
width: 97px;
height: 657px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
.hinodeya .p-page_lead .col-sm-12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.hinodeya .p-page_lead .col-sm-12 {
display: block;
}
}
.hinodeya .p-page_lead .p-page_lead__img, .hinodeya .p-page_lead .p-page_lead__text {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
.hinodeya .p-page_lead .p-page_lead__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:991px) {
.hinodeya .p-page_lead .p-page_lead__text {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.hinodeya .p-page_lead .p-page_lead__text p {
font-size: clamp(1.2rem, 1.5vw, 1.7rem);
min-height: 0vw;
}
.hinodeya .p-page_content .row h2 {
margin: 0 0 120px;
}
@media only screen and (max-width:768px) {
.hinodeya .p-page_content .row h2 {
margin: 0 0 60px;
}
}
.hinodeya .p-page_content .row:nth-of-type(odd) .col-sm-12 {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.hinodeya .p-page_content .row .col-sm-12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.hinodeya .p-page_content .row .col-sm-12 {
display: block;
}
}
.hinodeya .p-page_content .row .col-sm-12 .shop {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width:768px) {
.hinodeya .p-page_content .row .col-sm-12 .shop img {
margin: 0 0 1.5em;
}
}
.hinodeya .p-page_content .row .col-sm-12 .shop h3 {
text-align: left;
font-size: 30px !important;
font-size: clamp(1.5rem, 1.5vw, 3rem) !important;
min-height: 0vw;
margin: 0 0 0.5em;
}
/* -------------------------------------
page:highlights
-------------------------------------*/
.post-type-archive-highlights .p-page_content .highlights-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 120px;
}
.post-type-archive-highlights .p-page_content .highlights-content:nth-of-type(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.post-type-archive-highlights .p-page_content .highlights-content__img, .post-type-archive-highlights .p-page_content .highlights-content__text {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
}
.post-type-archive-highlights .p-page_content .highlights-content__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.post-type-archive-highlights .p-page_content .highlights-content__text h3 {
text-align: left;
font-size: 30px !important;
font-size: clamp(1.5rem, 1.5vw, 3rem) !important;
min-height: 0vw;
margin: 0 0 0.5em;
}
/* -------------------------------------
page:star
-------------------------------------*/
.star .p-page_lead {
position: relative;
min-height: 579px;
}
.star .p-page_lead:after {
content: "";
background: url(assets/img/star/star_title.svg) no-repeat;
background-size: contain;
width: 108px;
height: 579px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
/* -------------------------------------
archive
-------------------------------------*/
.archive .p-page_content {
position: relative;
}
.archive .p-page_content:after {
content: "";
background: url(assets/img/archive/archive_title.png) no-repeat;
background-size: contain;
width: 92px;
height: 412px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
.archive .p-page_content .col-sm-4 {
margin-bottom: 60px;
}
.archive .p-page_content .col-sm-4 img {
margin-bottom: 1em;
}
.archive .p-page_content .col-sm-4 p.p-date {
font-size: clamp(1rem, 2vw, 1.2rem);
}
.archive .p-page_content .col-sm-4 p.p-title {
font-size: clamp(1.2rem, 2vw, 1.7rem);
font-weight: 700;
}
/* -------------------------------------
single
-------------------------------------*/
.single .p-page_title {
padding-bottom: 48px;
}
.single .p-page_title h1 {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
margin-bottom: 45px;
}
.single .p-page_title .date {
font-family: "Inter", sans-serif;
font-size: clamp(1.1rem, 2vw, 1.4rem);
}
@media only screen and (max-width:768px) {
.single .single-content__txt {
padding: 45px 30px 30px;
}
}
@media only screen and (max-width:480px) {
.single .single-content__txt {
padding: 30px;
}
}
.single .single-content .entry-content h2 {
margin: 0 0 30px;
line-height: 1.4em;
font-size: clamp(1.4rem, 2vw, 2.4rem) !important;
}
@media only screen and (max-width:480px) {
.single .single-content .entry-content h2 {
margin: 0 0 15px;
}
}
.single .single-content .entry-content p {
line-height: 2em;
}
.single .single-content .entry-content img {
margin: 3em 0;
width: 100%;
}
.single .single-content .entry-content .tall-image {
width: 50%;
height: auto;
display: block;
margin: 1.5em auto;
}
@media only screen and (max-width:768px) {
.single .navigation {
margin-top: 45px;
}
}
@media only screen and (max-width:480px) {
.single .navigation {
margin-top: 30px;
}
}
@media only screen and (max-width:768px) {
.single #search {
margin: 45px auto 15px;
}
}
@media only screen and (max-width:480px) {
.single #search {
margin: 30px auto 5px;
}
}
/* -------------------------------------
page:contact
-------------------------------------*/
.contact .p-page_content {
position: relative;
}
.contact .p-page_content:after {
content: "";
background: url(assets/img/contact/contact_title.svg) no-repeat;
background-size: contain;
width: 78px;
height: 706px;
position: absolute;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
}
.contact .p-page_content__txt .form-wrap dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 60px;
}
@media only screen and (max-width:768px) {
.contact .p-page_content__txt .form-wrap dl {
display: block;
margin: 0 0 45px;
}
}
@media only screen and (max-width:480px) {
.contact .p-page_content__txt .form-wrap dl {
margin: 0 0 30px;
}
}
.contact .p-page_content__txt .form-wrap dl dt {
font-weight: normal;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
@media only screen and (max-width:991px) {
.contact .p-page_content__txt .form-wrap dl dt {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
}
}
@media only screen and (max-width:768px) {
.contact .p-page_content__txt .form-wrap dl dt {
max-width: 100%;
margin-bottom: 1em;
}
}
.contact .p-page_content__txt .form-wrap dl dd {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
@media only screen and (max-width:991px) {
.contact .p-page_content__txt .form-wrap dl dd {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
}
}
@media only screen and (max-width:768px) {
.contact .p-page_content__txt .form-wrap dl dd {
max-width: 100%;
}
}
.contact .p-page_content__txt .form-wrap dl dd input {
background: none;
border: none;
border-bottom: 1px solid #999;
width: 100%;
padding: 0 0.5em 0.5em;
}
.contact .p-page_content__txt .form-wrap dl dd textarea {
width: 100%;
height: 250px;
border: none;
background: #fff;
color: #000;
padding: 0.5em;
}
.contact .p-page_content__txt .form-wrap dl dd.select label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contact .p-page_content__txt .form-wrap dl dd.select label input {
width: auto;
margin-right: 0.5em;
}
.contact .p-page_content__txt .form-wrap #submit-wrap {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact .p-page_content__txt .form-wrap #submit-wrap input {
margin: 0 1em;
background: none;
border: 1px solid #fff;
}
.contact .p-page_content__txt .form-wrap #submit-wrap input:hover {
color: #000;
z-index: 99;
background: #fff;
}
/* -------------------------------------
page:privacy
-------------------------------------*/
.privacy .page-content__txt .privacy-content p {
line-height: 2em;
}
.privacy .page-content__txt .privacy-content__txt {
margin: 90px 0 0;
}
@media only screen and (max-width:991px) {
.privacy .page-content__txt .privacy-content__txt {
margin: 60px 0 0;
}
}
@media only screen and (max-width:768px) {
.privacy .page-content__txt .privacy-content__txt {
margin: 45px 0 0;
}
}
.privacy .page-content__txt .privacy-content__txt h3 {
border-bottom: 1px solid #000;
padding: 0 0 0.5em;
margin: 0 0 0.5em;
line-height: 1.4em;
font-size: clamp(1.4rem, 2vw, 2.4rem) !important;
}
/* -------------------------------------
page:sitemap
-------------------------------------*/
.sitemap .page-content__txt .sitemap-content 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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 90px;
}
@media only screen and (max-width:991px) {
.sitemap .page-content__txt .sitemap-content ul {
margin: 0 0 60px;
}
}
@media only screen and (max-width:480px) {
.sitemap .page-content__txt .sitemap-content ul {
display: block;
margin: 0 0 45px;
}
}
.sitemap .page-content__txt .sitemap-content ul li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
border-bottom: 1px solid #999;
}
@media only screen and (max-width:480px) {
.sitemap .page-content__txt .sitemap-content ul li {
max-width: 100%;
}
}
.sitemap .page-content__txt .sitemap-content ul li a {
padding: 29px 0;
display: block;
}
.sitemap .page-content__txt .sitemap-content ul li a:hover {
opacity: 0.6;
-webkit-transition: linear 0.2s;
transition: linear 0.2s;
}
@media only screen and (max-width:480px) {
.sitemap .page-content__txt .sitemap-content ul li a {
padding: 25px 0;
}
}
.sitemap .page-content__txt .sitemap-content a.online {
width: 50%;
display: block;
margin: 0 auto;
}
@media only screen and (max-width:480px) {
.sitemap .page-content__txt .sitemap-content a.online {
width: 100%;
}
}
.sitemap .page-content__txt .sitemap-content a.online:hover {
opacity: 0.6;
-webkit-transition: linear 0.2s;
transition: linear 0.2s;
}
.sitemap .page-content__txt .sitemap-content a.online img {
width: 100%;
}
/* -------------------------------------
archive:brand
-------------------------------------*/
.post-type-archive-brand .c-sub_title {
margin-bottom: 30px !important;
}
.post-type-archive-brand .p-brand-nav {
width: 80%;
margin: 0 auto 120px;
}
.post-type-archive-brand .p-brand-nav__alfa {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.post-type-archive-brand .p-brand-nav__alfa li {
margin: 5px;
}
.post-type-archive-brand .p-brand-nav__alfa li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #686761;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 45px;
height: 45px;
font-family: "EB Garamond", serif;
color: #686761;
}
.post-type-archive-brand .p-brand-nav__alfa li:last-child a {
width: 100px;
}
.post-type-archive-brand .p-brand-nav form {
border-bottom: 1px solid #cfcdc0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 3px;
width: 80%;
max-width: 270px;
margin: 0 auto 60px;
}
.post-type-archive-brand .p-brand-nav form input {
border: none;
background: none;
}
.post-type-archive-brand .p-brand-nav form ::-webkit-input-placeholder {
color: #a2a197;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
}
.post-type-archive-brand .p-brand-nav form ::-moz-placeholder {
color: #a2a197;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
}
.post-type-archive-brand .p-brand-nav form :-ms-input-placeholder {
color: #a2a197;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
}
.post-type-archive-brand .p-brand-nav form ::-ms-input-placeholder {
color: #a2a197;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
}
.post-type-archive-brand .p-brand-nav form ::placeholder {
color: #a2a197;
font-size: clamp(1rem, 2vw, 1.3rem);
min-height: 0vw;
}
.post-type-archive-brand .p-brand-nav form button {
background: none;
border: none;
}
.post-type-archive-brand .p-brand-nav form #s-btn {
width: 20px;
}
.post-type-archive-brand .p-brand-content__alfa {
font-family: "EB Garamond", serif;
}
.post-type-archive-brand .p-brand-content__alfa__title {
color: #333;
font-size: clamp(1.8rem, 2vw, 3rem) !important;
font-weight: 700;
border-bottom: 1px solid #cfcdc0;
padding: 0 0 15px;
margin: 0 0 30px;
}
.post-type-archive-brand .p-brand-content__alfa ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.post-type-archive-brand .p-brand-content__alfa ul li {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
margin: 0 0 60px;
padding-right: 1em;
}
/* -------------------------------------
archive:journal
-------------------------------------*/
.category .content p.c-sub_title {
margin: 0 0 30px;
}
.category .p-post__box {
margin: 0 0 60px;
}
@media only screen and (max-width:480px) {
.category .p-post__box {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin: 0 0 30px;
}
}
.category .p-post__box img {
aspect-ratio: 3/2;
-o-object-fit: contain;
object-fit: contain;
}
.category .all-page-pager {
margin: 0 0 90px;
}
@media only screen and (max-width:480px) {
.category .all-page-pager {
margin: 0 0 45px;
}
}
.category .p-tag {
margin-bottom: 0;
}
/* -------------------------------------
single:styling
-------------------------------------*/
.single-styling h1 {
margin-top: 0 !important;
font-weight: 500 !important;
}
.single-styling .p-styling_menu {
margin: 120px 0 0;
}
@media only screen and (max-width:991px) {
.single-styling .p-styling_menu {
margin: 90px 0 0;
}
}
@media only screen and (max-width:768px) {
.single-styling .p-styling_menu {
margin: 60px 0 0;
}
}
.single-styling .p-styling_menu h2.c-title {
font-weight: 500;
}
.single-styling .p-styling_menu .p-tag {
margin-bottom: 0;
}
/* -------------------------------------
single:feature
-------------------------------------*/
.single .p-feature-top, .single-feature .p-feature-top {
width: 100%;
height: 650px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.single .p-feature-top__txt, .single-feature .p-feature-top__txt {
color: #fff;
}
.single .p-feature-top__txt a, .single-feature .p-feature-top__txt a {
color: #fff !important;
}
.single .p-feature-top__txt .c-title, .single-feature .p-feature-top__txt .c-title {
text-align: left;
font-weight: 400 !important;
margin: 0 0 15px;
}
.single .p-feature-top__txt .breadcrumbs, .single-feature .p-feature-top__txt .breadcrumbs {
padding: 16px 0;
}
.single .p-feature-top:before, .single-feature .p-feature-top:before {
content: "";
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)) !important;
background: linear-gradient(to top, #000, transparent) !important;
opacity: 0.6 !important;
position: absolute !important;
height: 60% !important;
width: 100% !important;
left: 0px !important;
bottom: 0px !important;
}
.single .p-single-content img, .single-feature .p-single-content img {
width: 100%;
margin: 45px 0;
}
.single .p-single-content__top img, .single-feature .p-single-content__top img {
margin: 0 0 90px;
}
.single .p-single-content__top h1, .single-feature .p-single-content__top h1 {
text-align: left;
margin: 0 0 30px;
}
.single .p-single-content__top .c-meta, .single-feature .p-single-content__top .c-meta {
color: #1a1a1a;
font-family: "Inter", sans-serif, "Zen Old Mincho", serif;
line-height: 1.2;
font-weight: 300;
}
.single .p-single-content__top .c-meta__date, .single-feature .p-single-content__top .c-meta__date {
margin-right: 2em;
font-size: clamp(1rem, 2vw, 1.4rem);
min-height: 0vw;
}
.single .p-single-content__top .c-meta__tag a, .single-feature .p-single-content__top .c-meta__tag a {
margin-right: 1em;
font-size: clamp(1rem, 2vw, 1.4rem);
min-height: 0vw;
}
.single .p-single-content__top .p-event-detail, .single-feature .p-single-content__top .p-event-detail {
background: #f0efdf;
padding: 40px;
margin: 90px auto;
width: 80%;
}
@media only screen and (max-width:768px) {
.single .p-single-content__top .p-event-detail, .single-feature .p-single-content__top .p-event-detail {
margin: 60px auto;
}
}
@media only screen and (max-width:480px) {
.single .p-single-content__top .p-event-detail, .single-feature .p-single-content__top .p-event-detail {
width: 100%;
margin: 45px auto;
padding: 20px;
}
}
.single .p-single-content__top .p-event-detail__title, .single-feature .p-single-content__top .p-event-detail__title {
font-size: clamp(1.4rem, 2vw, 1.8rem);
min-height: 0vw;
text-align: center;
margin: 0 0 30px;
line-height: 1em;
}
@media only screen and (max-width:480px) {
.single .p-single-content__top .p-event-detail__title, .single-feature .p-single-content__top .p-event-detail__title {
margin: 0 0 20px;
}
}
.single .p-single-content__top .p-event-detail dl, .single-feature .p-single-content__top .p-event-detail dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single .p-single-content__top .p-event-detail dl:last-of-type, .single-feature .p-single-content__top .p-event-detail dl:last-of-type {
margin-bottom: 0;
}
.single .p-single-content__top .p-event-detail dl dt, .single-feature .p-single-content__top .p-event-detail dl dt {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 60px;
font-weight: 400;
}
.single .p-single-content__top .p-event-detail dl dd, .single-feature .p-single-content__top .p-event-detail dl dd {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: calc(100% - 60px);
}
.single .p-single-content #toc_container, .single-feature .p-single-content #toc_container {
margin: 90px auto 0;
width: 80%;
background: #f0efdf;
padding: 45px;
}
.single .p-single-content #toc_container .toc_title, .single-feature .p-single-content #toc_container .toc_title {
text-align: center;
font-family: "EB Garamond", serif;
font-weight: 700;
font-size: clamp(1.4rem, 2vw, 2.1rem);
margin: 0 0 30px;
}
.single .p-single-content #toc_container .toc_list, .single-feature .p-single-content #toc_container .toc_list {
margin: 0;
}
.single .p-single-content #toc_container .toc_list li, .single-feature .p-single-content #toc_container .toc_list li {
line-height: 2.2;
}
.single .p-single-content h2, .single-feature .p-single-content h2 {
font-size: clamp(1.8rem, 2vw, 2.8rem) !important;
margin: 90px 0 45px;
}
.single .p-single-content p, .single-feature .p-single-content p {
line-height: 2.2;
font-size: clamp(1.4rem, 2vw, 1.8rem) !important;
min-height: 0vw;
}
.single .p-single_item_content__share, .single-feature .p-single_item_content__share {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single .p-single_item_content__share dt, .single-feature .p-single_item_content__share dt {
text-align: center;
width: 100%;
margin: 0 0 20px;
}
.single .p-single_item_content__share dd img, .single-feature .p-single_item_content__share dd img {
height: 30px;
}
.single .p-related-post, .single-feature .p-related-post {
margin: 90px 0 0;
}
/* -------------------------------------
page:about
-------------------------------------*/
.about .p-page_title .c-sub_title {
margin-bottom: 30px;
}
@media only screen and (max-width:480px) {
.about .l-main .p-page-content {
margin: 0 0 60px;
}
}
.about .l-main .p-page-content__top {
margin: 0 0 90px;
}
@media only screen and (max-width:991px) {
.about .l-main .p-page-content__top {
margin: 0 0 60px;
}
}
@media only screen and (max-width:480px) {
.about .l-main .p-page-content__top {
margin: 0 0 45px;
}
}
.about .l-main .p-page-content p {
line-height: 2.2;
margin: 0 auto 1em;
width: 95%;
font-family: "Inter", sans-serif, "Zen Old Mincho", serif;
}
.about .l-main .p-page-content p:last-of-type {
margin-bottom: 0;
}
.about .l-main .container-fluid {
padding: 0;
}
.about .l-main .container-fluid .p-page-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 10% 0;
}
.about .l-main .container-fluid .p-page-gallery:last-of-type {
margin-bottom: 0;
}
.about .l-main .container-fluid .p-page-gallery__01 {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
}
.about .l-main .container-fluid .p-page-gallery__02 {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
padding-top: 5%;
}
.about .l-main .container-fluid .p-page-gallery__03 {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
padding-left: 10%;
}
.about .l-main .container-fluid .p-page-gallery__04 {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
padding-top: 5%;
}
@media only screen and (max-width:767px) {
.about .l-main .p-shop-info {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width:991px) {
.about .l-main .p-shop-info__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width:767px) {
.about .l-main .p-shop-info__img {
margin-bottom: 60px;
}
}
@media only screen and (max-width:480px) {
.about .l-main .p-shop-info__img {
margin-bottom: 45px;
}
}
@media only screen and (max-width:991px) {
.about .l-main .p-shop-info__detail {
padding-left: 30px;
}
}
@media only screen and (max-width:767px) {
.about .l-main .p-shop-info__detail {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.about .l-main .p-shop-info__detail dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "Inter", sans-serif;
}
@media only screen and (max-width:480px) {
.about .l-main .p-shop-info__detail dl {
margin: 0 0 15px;
}
}
.about .l-main .p-shop-info__detail dl dt {
font-weight: 400;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.about .l-main .p-shop-info__detail dl dd {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
}
.about .l-main .p-shop-info__name {
margin: 0 0 30px;
}
@media only screen and (max-width:480px) {
.about .l-main .p-shop-info__name {
margin: 0 0 20px;
}
}
.about .l-main .p-shop-info__address {
margin: 0 0 20px;
}
@media only screen and (max-width:480px) {
.about .l-main .p-shop-info__address {
margin: 0 0 15px;
}
}
.about .l-main .p-shop-info__access {
font-size: clamp(1rem, 2vw, 1.3rem) !important;
min-height: 0vw;
margin: 0 0 20px;
}
@media only screen and (max-width:480px) {
.about .l-main .p-shop-info__access {
margin: 0 0 15px;
}
}
.about .l-main .p-shop-info__map {
font-family: "Inter", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
line-height: 1em;
}
.about .l-main .p-shop-info__map:after {
content: "〉";
margin-left: 1em;
font-size: 80%;
}
.about .l-main .container .p-page-gallery ul li {
-ms-flex-preferred-size: 31.3%;
flex-basis: 31.3%;
max-width: 31.3%;
margin-bottom: 3%;
}
.about .l-main .container .p-page-gallery ul li:last-child, .about .l-main .container .p-page-gallery ul li:nth-last-child(2), .about .l-main .container .p-page-gallery ul li:nth-last-child(3) {
margin-bottom: 0;
}
@media only screen and (max-width:480px) {
.about .l-main .container .p-page-gallery ul li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
}
.about .l-main .container .p-page-gallery ul li:nth-last-child(3) {
margin-bottom: 3%;
}
.about .l-main .container .p-page-gallery ul li:last-child, .about .l-main .container .p-page-gallery ul li:nth-last-child(2) {
margin-bottom: 0;
}
}
.about .l-main .p-calendar {
padding: 120px 0;
margin: 120px 0;
background: #f0efdf;
}
@media only screen and (max-width:991px) {
.about .l-main .p-calendar {
padding: 90px 0;
margin: 90px 0;
}
}
@media only screen and (max-width:768px) {
.about .l-main .p-calendar {
padding: 60px 0;
margin: 60px 0;
}
}
@media only screen and (max-width:480px) {
.about .l-main .p-calendar {
padding: 45px 0;
margin: 45px 0;
}
}
.about .l-main .p-calendar #calendar .fc-center h2 {
font-family: "EB Garamond", serif;
font-weight: 400;
font-size: clamp(1.6rem, 2vw, 2.4rem) !important;
margin: 10px 0;
}
.about .l-main .p-calendar #calendar .fc-view-container {
font-family: "EB Garamond", serif;
color: #1a1a1a;
}
.about .l-main .p-calendar #calendar th, .about .l-main .p-calendar #calendar td {
border-color: #1a1a1a !important;
}
.about .l-main .p-bnr__content {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
}
/* -------------------------------------
navigation
-------------------------------------*/
.navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 60px 0 0;
font-family: "Zen Old Mincho", serif;
font-weight: 300;
font-size: clamp(1.1rem, 2vw, 1.4rem) !important;
}
@media only screen and (max-width:480px) {
.navigation {
margin: 30px 0 0;
}
}
.navigation .alignleft {
position: relative;
padding-left: 2em;
}
.navigation .alignleft:before {
content: "";
background: url(assets/img/icon/iconChevronL.svg) no-repeat;
background-size: contain;
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width:480px) {
.navigation .alignleft:before {
width: 11px;
height: 11px;
}
}
.navigation .alignright {
position: relative;
padding-right: 2em;
}
.navigation .alignright:before {
content: "";
background: url(assets/img/icon/iconChevron.svg) no-repeat;
background-size: contain;
width: 14px;
height: 14px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width:480px) {
.navigation .alignright:before {
width: 11px;
height: 11px;
}
}
/* -------------------------------------
page:contact
-------------------------------------*/
.contact .p-page_title .c-sub_title {
margin: 0 0 30px;
}
.contact .l-main .mw_wp_form dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 60px;
}
@media only screen and (max-width:991px) {
.contact .l-main .mw_wp_form dl {
margin: 0 0 45px;
}
}
@media only screen and (max-width:687px) {
.contact .l-main .mw_wp_form dl {
display: block;
}
}
.contact .l-main .mw_wp_form dl dt {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
color: #333;
font-weight: normal;
}
@media only screen and (max-width:687px) {
.contact .l-main .mw_wp_form dl dt {
max-width: 100%;
margin: 0 0 15px;
}
}
.contact .l-main .mw_wp_form dl dd {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
max-width: 65%;
}
@media only screen and (max-width:687px) {
.contact .l-main .mw_wp_form dl dd {
max-width: 100%;
}
}
.contact .l-main .mw_wp_form dl dd input {
border: none;
border-bottom: 1px solid #999;
width: 100%;
padding: 0 0.5em 0.5em;
border-radius: 0;
background: none;
}
.contact .l-main .mw_wp_form dl dd textarea {
width: 100%;
border: none;
background: #f0efdf;
height: 250px;
padding: 1em;
}
@media only screen and (max-width:991px) {
.contact .l-main .mw_wp_form dl dd textarea {
height: 200px;
}
}
.contact .l-main .mw_wp_form dl dd span {
display: block;
font-weight: normal;
}
.contact .l-main .mw_wp_form dl dd span label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 5px;
}
.contact .l-main .mw_wp_form dl dd span label input {
margin-right: 5px;
width: auto;
}
.contact .l-main .mw_wp_form dl dd.select label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contact .l-main .mw_wp_form dl dd.select label input {
width: auto;
margin-right: 0.5em;
}
.contact .l-main .mw_wp_form .linkBtn {
background: none;
}
.contact .l-main .mw_wp_form .linkBtn input {
background: none;
border: none;
display: block;
width: 270px;
height: 80px;
}
/* -------------------------------------
page:privacy
-------------------------------------*/
.privacy .p-page_title .c-sub_title, .legal .p-page_title .c-sub_title {
margin: 0 0 30px;
}
.privacy .p-page-content, .legal .p-page-content {
margin: 90px 0;
}
@media only screen and (max-width:768px) {
.privacy .p-page-content, .legal .p-page-content {
margin: 60px 0;
}
}
@media only screen and (max-width:480px) {
.privacy .p-page-content, .legal .p-page-content {
margin: 45px 0;
}
}
.privacy .p-page-content:last-of-type, .legal .p-page-content:last-of-type {
margin-bottom: 0;
}
.privacy .p-page-content h2, .legal .p-page-content h2 {
font-size: clamp(1.4rem, 2vw, 2.1rem) !important;
min-height: 0vw;
border-bottom: 1px solid #333;
padding: 0 0 15px;
margin: 0 0 30px;
font-weight: 400;
}
@media only screen and (max-width:768px) {
.privacy .p-page-content h2, .legal .p-page-content h2 {
padding: 0 0 10px;
margin: 0 0 20px;
}
}
.privacy .p-page-content ul, .legal .p-page-content ul {
margin: 1em 0;
}
.privacy .p-page-content ul li, .legal .p-page-content ul li {
position: relative;
padding-left: 1.5em;
margin-bottom: 0.5em;
}
.privacy .p-page-content ul li:last-child, .legal .p-page-content ul li:last-child {
margin-bottom: 0;
}
.privacy .p-page-content ul li:before, .legal .p-page-content ul li:before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.legal .p-page-content:first-of-type {
margin-top: 0;
}
/* 5.0 drawer
--------------------------------------------------------------*/
h1 {
position: relative;
text-align: center;
}
.button_container {
position: fixed;
top: 40px;
right: 60px;
height: 27px;
width: 35px;
cursor: pointer;
z-index: 100;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
@media only screen and (max-width:768px) {
.button_container {
top: 20px;
right: 15px;
width: 24px;
height: 10px;
}
}
@media only screen and (max-width:480px) {
.button_container {
right: 15px;
}
}
.button_container:hover {
opacity: 0.7;
}
.button_container.active .top {
-webkit-transform: translateY(0px) translateX(0) rotate(45deg);
transform: translateY(0px) translateX(0) rotate(45deg);
background: #999;
}
@media only screen and (max-width:768px) {
.button_container.active .top {
-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
transform: translateY(8px) translateX(0) rotate(45deg);
}
}
.button_container.active .middle {
opacity: 0;
background: #999;
}
.button_container.active .bottom {
-webkit-transform: translateY(-16px) translateX(0) rotate(-45deg);
transform: translateY(-16px) translateX(0) rotate(-45deg);
background: #999;
}
@media only screen and (max-width:768px) {
.button_container.active .bottom {
-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
transform: translateY(-8px) translateX(0) rotate(-45deg);
}
}
.button_container.active span:nth-of-type(2) {
top: 16px;
width: 100%;
}
@media only screen and (max-width:768px) {
.button_container.active span:nth-of-type(2) {
top: 16px;
}
}
.button_container span {
background: #999;
border: none;
height: 1px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(2) {
top: 8px;
width: 60%;
}
@media only screen and (max-width:768px) {
.button_container span:nth-of-type(2) {
top: 8px;
}
}
.button_container span:nth-of-type(3) {
top: 22px;
}
@media only screen and (max-width:768px) {
.button_container span:nth-of-type(3) {
top: 16px;
}
}
.overlay {
position: fixed;
background: #000;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
transition: opacity 0.35s, visibility 0.35s, height 0.35s;
overflow: hidden;
z-index: 10;
}
.overlay.open {
opacity: 0.95;
visibility: visible;
height: 100%;
z-index: 99;
}
.overlay.open li {
-webkit-animation: fadeInRight 0.5s ease forwards;
animation: fadeInRight 0.5s ease forwards;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
text-align: left;
}
.overlay.open li:nth-of-type(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.overlay.open li:nth-of-type(5) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.overlay.open li:nth-of-type(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.overlay.open li:nth-of-type(7) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
.overlay.open li:nth-of-type(8) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.overlay.open li:nth-of-type(9) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.overlay nav {
position: relative;
height: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.8rem;
font-size: clamp(1.4rem, 2vw, 1.8rem);
min-height: 0vw;
font-family: "Zen Old Mincho", serif;
font-weight: 300;
text-align: center;
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%;
}
.overlay ul li {
display: block;
position: relative;
opacity: 0;
padding: 3% 0;
font-weight: 500;
}
.overlay ul li a {
display: inline-block;
position: relative;
text-decoration: none;
overflow: hidden;
font-size: 1.7rem;
font-size: clamp(1.3rem, 2vw, 1.7rem);
font-weight: 400;
color: #fff !important;
}
.overlay ul li a span {
width: 110px;
display: inline-block;
font-size: 18px;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
width: 100%;
}
.overlay ul li a:after {
content: "";
position: absolute;
bottom: 0;
left: 0%;
width: 0%;
-webkit-transform: translateX(0%);
transform: translateX(0%);
height: 1px;
background: #000;
-webkit-transition: 0.35s;
transition: 0.35s;
}
.overlay ul li ul {
display: block;
margin: 0.5em 0;
}
.overlay ul li ul li {
height: auto;
font-weight: 400;
}
.overlay ul li ul li a {
font-size: 1.4rem;
font-size: clamp(1.1rem, 2vw, 1.4rem);
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
/* sp --------------------------------*/
@media screen and (max-width: 667px) {
.button_container.active .top {
-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
transform: translateY(8px) translateX(0) rotate(45deg);
}
.button_container.active .bottom {
-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
transform: translateY(-8px) translateX(0) rotate(-45deg);
}
.button_container span:nth-of-type(2) {
top: 8px;
}
.button_container span:nth-of-type(3) {
top: 16px;
}
}