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

   @font-face{font-family:themify;src:url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.eot?-fvbane);src:url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.woff?-fvbane) format('woff'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.ttf?-fvbane) format('truetype'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-volume:before{content:"\e601"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-arrows-vertical:before{content:"\e657"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-upload:before{content:"\e66b"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-split-v:before{content:"\e675"}.ti-shine:before{content:"\e678"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-printer:before{content:"\e681"}.ti-plug:before{content:"\e683"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-control-stop:before{content:"\e6ab"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-anchor:before{content:"\e6c0"}.ti-align-left:before{content:"\e6c2"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-support:before{content:"\e6d4"}.ti-pencil-alt2:before{content:"\e6df"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-linkedin:before{content:"\e735"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-yahoo:before{content:"\e748"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-pinterest-alt:before{content:"\e753"}.ti-jsfiddle:before{content:"\e756"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-dropbox-alt:before{content:"\e75c"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"} .vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; }  .xo-event-calendar { font-family: 'Crimson Text',"Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif; }
.xo-event-calendar table { table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; padding: 0; width: 100%; background-color: #fff; color: #333; }
.xo-event-calendar table tr { display: table-row; }
.xo-event-calendar table td,
.xo-event-calendar table th { display: table-cell; padding: 0; }
.xo-event-calendar { position: relative; }
.xo-event-calendar .xo-month { position: relative; }
.xo-event-calendar table.xo-month { margin: 0 0 15px 0; padding: 0; border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td { padding: 0; border: 1px solid #ccc; }
.xo-event-calendar table.xo-month > caption { caption-side: top; }
.xo-event-calendar table.xo-month .month-header { margin: 2px 0 4px; }
.xo-event-calendar table.xo-month .month-header > span { display: inline-block; text-align: center; font-size: 100%; vertical-align: bottom; line-height: 28px; letter-spacing: 0.1em; }
.xo-event-calendar table.xo-month button { margin: 0; padding: 0; color: #333; background-color: transparent; border: 0; box-shadow: none; text-shadow: none; cursor: pointer; width: 28px; }
.xo-event-calendar table.xo-month button[disabled] { opacity: 0.3; cursor: default; }
.xo-event-calendar table.xo-month button > span { width: 28px; height: 28px; line-height: 28px; font-size: 22px; text-align: center; vertical-align: middle; }
.xo-event-calendar table.xo-month button span.nav-prev { display: inline-block; background: url(//www.toumeina.com/wordpress/wp-content/themes/images/nav-prev.svg) no-repeat center center; background-size: 14px 18px; width: 28px; height: 28px; font-size: 0;opacity: 0.7;  }
.xo-event-calendar table.xo-month button span.nav-next { display: inline-block; background: url(//www.toumeina.com/wordpress/wp-content/themes/images/nav-next.svg) no-repeat center center; background-size: 14px 18px; width: 28px; height: 28px; font-size: 0; opacity: 0.7; }
.xo-event-calendar table.xo-month .month-prev { float: left; }
.xo-event-calendar table.xo-month .month-next { float: right; }
.xo-event-calendar table.xo-month > thead th { border-width: 0 1px 0 0; padding: 5px 0 0 0; text-align: center; font-size: 100%;  }
.xo-event-calendar table.xo-month > thead th.sunday { color: #e5584d; }
.xo-event-calendar table.xo-month > thead th.saturday { }
.xo-event-calendar table.xo-month .month-week { position: relative; padding: 0; border: 0; width: 100%; overflow: hidden; }
.xo-event-calendar table.xo-month .month-week { position: relative; padding: 0; border: 0; width: 100%; overflow: hidden; }
.xo-event-calendar table.xo-month .month-week table { border: 0; margin: 0; padding: 0; }
.xo-event-calendar table.xo-month .month-dayname { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-width: 1px 0 0 1px; }
.xo-event-calendar table.xo-month .month-dayname td { border-width: 1px 1px 0 0; padding: 0; }
.xo-event-calendar table.xo-month .month-dayname td div { height: 1000px; position:relative; padding: 5px 7px; border-width: 1px 1px 0 0; text-align: right; font-size: 100%; line-height: 1.2em; }
.xo-event-calendar table.xo-month .month-dayname td div.other-month { opacity: 0.4; }
.xo-event-calendar table.xo-month .month-dayname td div.today span {color: #fff;font-size:94%;font-weight: bold; position:absolute;z-index:999;right: -11px;top:0px;}
.xo-event-calendar table.xo-month .month-dayname td div.today span:after{ position: relative; right:50%; top:5px; display: inline-block; content:""; width: 20px; height: 20px; border-radius: 50%; background: #888; z-index:-1; }
.xo-event-calendar table.xo-month .month-dayname-space { position: relative; top: 0; height: 2.5em; }
.xo-event-calendar table.xo-month .month-event { position: relative; top: 0; background-color: transparent; }
.xo-event-calendar table.xo-month .month-event td { padding: 0 1px 2px 1px; border-width: 0 1px 0 0; }
.xo-event-calendar table.xo-month .month-event-space { height: 1.5em; background-color: transparent; }
.xo-event-calendar table.xo-month .month-event-space td { border-width: 0 1px 0 0; }
.xo-event-calendar table.xo-month .month-event tr,
.xo-event-calendar table.xo-month .month-event-space tr { background-color: transparent; }
.xo-event-calendar table.xo-month .month-event-title { padding: 0 3px; display: block; color: #666; text-align: left; font-size: 0.8em; background-color: #ccc; border-radius: 3px; white-space: nowrap; overflow: hidden; }
.xo-event-calendar p.holiday-title { margin: 0; padding: 0; font-size: 80%; vertical-align: middle; }
.xo-event-calendar p.holiday-title span { margin: 0 6px 0 0; padding: 0 0 0 18px; border: 1px solid #ccc; }
.widget .xo-event-calendar table.xo-month > thead th { font-size: 90%; } .xo-event-calendar .loading-animation { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; }
.xoec-loading .xo-months { opacity: 0.5; }
.xoec-loading .loading-animation {
width: 40px; height: 40px;
border: 5px rgba(0,0,0,0.2) solid;
border-top: 5px #4285f4 solid;
border-radius: 50%;
-webkit-animation: loadingCircRot .8s infinite linear;
animation: loadingCircRot .8s infinite linear;
}
@-webkit-keyframes loadingCircRot {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(359deg); }
}
@keyframes loadingCircRot {
from { transform: rotate(0deg); }
to { transform: rotate(359deg); }
} .xo-event-meta { padding: 3.8461% 0; }
.xo-event-meta span { display: block; } html[lang="ja"] .xo-event-calendar .dashicons { font-family: dashicons !important; } #calendar-month { margin-bottom: 20px;}
#calendar-month .other-month {
display:none;
} .xo-month thead { font-size: 0; }
.xo-month thead th:before { font-size: 1.3rem; font-family: 'Crimson Text'; letter-spacing: 0.1em; }
.xo-month th.sunday:before { content: "Sun"; }
.xo-month th.monday:before { content: "Mon"; }
.xo-month th.tuesday:before { content: "Tue"; }
.xo-month th.wednesday:before { content: "Wed"; }
.xo-month th.thursday:before { content: "Thu"; }
.xo-month th.friday:before { content: "Fri"; }
.xo-month th.saturday:before { content: "Sat"; }
@media only screen and (max-width: 768px)  {
.xo-month thead th:before { font-size: 1.2rem; font-family: 'Crimson Text'; letter-spacing: 0.1em; }
}
@media only screen and (max-width: 650px) {
.xo-event-calendar table.xo-month .month-dayname-space { height: 1.5em; }
.xo-event-calendar p.holiday-title { font-size: 77%; }
}  .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/images/loadingStar.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,
.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev,
.slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; top: auto; padding: 0; border: none; outline: none; z-index: 3; background: none; color:#222; border: #222 1px solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.slick-prev:hover,
.slick-next:hover{ outline: none; background: none; color: #fefefe; background:#222; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: 1; }
.slick-prev:before,
.slick-next:before { font-family: 'themify'; font-size: 12px; line-height: 1; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: auto; right: 59px; text-align: center; }
[dir="rtl"] .slick-prev { left: auto; right: 0; }
.slick-prev:before { content: "\e64a" }
[dir="rtl"] .slick-prev:before { content: "\e649" }
.slick-next { right: 10px; text-align: center; }
[dir="rtl"] .slick-next { left: 0; right: auto; }
.slick-next:before { content: "\e649" }
[dir="rtl"] .slick-next:before { content: "\e64a" } .slick-slider { }
.slick-dots { position: absolute; bottom: -70px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; height: 50px; z-index: 20; }
.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0px 7px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: #ececec; display: block; height: 10px; width: 10px; overflow: hidden; line-height: 0; font-size: 0; color: transparent; cursor: pointer; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .slick-dots li.slick-active button { outline: none; background: #999; }
 html,body,h1,h2,h3,h4,h5,h6,p,div,
ul,ol,li,dl,dt,dd,
table,caption,th,td,
form,button,label,address,blockquote,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border:0;
outline:0;
font-size: 100%;
font-weight: normal;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
hr {
display: none;
}
img,abbr {
border: none;
vertical-align: bottom;
}
ul,ol,li {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,td {
text-align: left;
} .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}



@font-face{font-family:themify;src:url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.eot?-fvbane);src:url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.woff?-fvbane) format('woff'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.ttf?-fvbane) format('truetype'),url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/css/font/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-volume:before{content:"\e601"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-arrows-vertical:before{content:"\e657"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-upload:before{content:"\e66b"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-split-v:before{content:"\e675"}.ti-shine:before{content:"\e678"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-printer:before{content:"\e681"}.ti-plug:before{content:"\e683"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-control-stop:before{content:"\e6ab"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-anchor:before{content:"\e6c0"}.ti-align-left:before{content:"\e6c2"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-support:before{content:"\e6d4"}.ti-pencil-alt2:before{content:"\e6df"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-linkedin:before{content:"\e735"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-yahoo:before{content:"\e748"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-pinterest-alt:before{content:"\e753"}.ti-jsfiddle:before{content:"\e756"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-dropbox-alt:before{content:"\e75c"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"} html {
font-size: 62.5%;
}
body {
background-color: #f8f8f8;
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
font-size: 1.2rem;
color: #222;
line-height: 1.8;
letter-spacing: 0.08em;
text-align: left;
font-weight: 400;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #222;
text-decoration: none;
}
a:hover {
color: #222;
text-decoration: none;
}
a:focus {}
.pc,
.tb,
.pc-in {
display: none !important;
}
.sp,
.mb {
display: block !important;
}
input:focus,
select:focus,
textarea:focus {}
img {
width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
}
* {
box-sizing: border-box;
}
.object-fit {
object-fit: cover;
font-family: 'object-fit: cover'
}
.up {
font-size: 1.0rem;
font-family: "Crimson Text", serif;
color: #f30c5c;
padding-left: 5px;
display: inline-block;
}
.marker_pink {
display: inline;
padding: 2px;
background: linear-gradient(transparent 60%, #ffd1d8 0%);
}
.marker_pink a{
transition: all .5s;
}
.marker_pink a:hover{
color: #777;
}
.text-bold {
font-weight: bold;
}
.text-cr {
font-family: "Crimson Text", serif;
}
.meta a {
color: #666;
border: 1px solid #ccc;
display: block;
width: 150px;
text-align: center;
margin: 20px auto 0;
}
a.cn-privacy-policy-link {
color: #fff;
text-decoration:underline;
}  #contents-wrap {
opacity: 0;
transition: all 1.4s;
overflow: hidden;
}
#contents-wrap.fade-in {
opacity: 1;
}
.loader {
position: absolute;
top: calc(50% - 32px);
left: calc(50% - 32px);
width: 64px;
height: 64px;
}
.loader div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
box-sizing: border-box;
opacity: .8;
}
.loader .one {
border-top: 1px solid #a47a43;
animation: rotate-left 1s linear infinite;
}
.loader .two {
border-right: 1px solid #ca9f20;
animation: rotate-right 1s linear infinite;
}
.loader .three {
border-bottom: 1px solid #dab300;
animation: rotate-right 1s linear infinite;
}
.loader .four {
border-left: 1px solid #d3b572;
animation: rotate-right 1s linear infinite;
}
@keyframes rotate-left {
0% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes rotate-right {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .trace-nav-set {
display: none;
} .page-nation {
padding: 0 20px;
text-align: center;
}
.page-nation a,
.page-nation .current {
display: inline-block;
margin: 0 2px 0;
padding: 0 6px;
font-size: 1.5rem;
}
.page-nation a {
color: #999;
}
.page-nation .current {
color: #222;
} .page-nation-detail {
position: relative;
padding-bottom: 70px;
margin: 80px auto 0;
font-size: 1.3rem;
border-bottom: #ccc dashed 1px;
}
.page-nation span.prev,
.page-nation a.prev,
.page-nation span.next,
.page-nation a.next {
width: auto;
padding: 0 10px;
}
.page-nation span.next:after,
.page-nation a.next:after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #222;
border-left: none;
border-top: none;
transform: rotate(-45deg);
}
.page-nation span.prev:after,
.page-nation a.prev:after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #222;
border-right: none;
border-bottom: none;
transform: rotate(-45deg);
}
.prev-btn {
margin-bottom: 8px;
}
.prev-btn a {
padding: 10px 10px 10px 30px;
background-color: #fff;
position: relative;
display: block;
line-height: 1.6;
color: #222;
letter-spacing: 0.08em;
}
.back-btn {
padding-top: 35px;
}
.back-btn a {
display: block;
color: #222;
text-align: center;
margin: 0 auto;
}
.next-btn {
text-align: right;
}
.next-btn a {
background-color: #fff;
padding: 10px 30px 10px 10px;
position: relative;
display: block;
color: #222;
letter-spacing: 0.08em;
line-height: 1.6;
}
.prev-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 16px;
left: 15px;
border: 1px solid #222;
border-right: none;
border-bottom: none;
transform: rotate(-45deg);
}
.next-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 16px;
right: 15px;
border: 1px solid #222;
border-left: none;
border-top: none;
transform: rotate(-45deg);
} .sec-ttl {
margin-bottom: 20px;
}
.sec-ttl .jpn {
display: block;
margin-bottom: 6px;
font-size: 1.9rem;
letter-spacing: 0.08em;
line-height: 1.6;
}
.sec-ttl .eng {
font-family: 'Libre Baskerville', serif;
display: block;
font-size: 1.5rem;
letter-spacing: 0.16em;
} .sec-link {
position: relative;
padding-right: 40px;
font-size: 1.5rem;
letter-spacing: 0.05em;
transition: color .5s;
font-family: 'Libre Baskerville', serif;
}
.sec-link.jpn {
padding-right: 26px;
font-size: 1.5rem;
}
.sec-link::before {
content: "";
position: absolute;
right: 1px;
top: 50%;
width: 25px;
height: 1px;
background-color: #444;
}
.sec-link::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 8px;
height: 1px;
background-color: #444;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-135deg);
-ms-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
}
.sec-btn {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
display: block;
width: 220px;
margin: 25px auto 0;
padding: 20px 0;
background-color: #444;
text-align: center;
font-size: 1.6rem;
letter-spacing: 0.12em;
color: #fff;
}
.sec-btn:hover {
color: #fff;
} #header {}
.header-btn_online-shop_top-btn,
.header-btn_online-shop_side-btn {
display: none;
}
#top #header {
margin-bottom: 60px;
position: relative;
} .top-header-nav-area {
position: fixed;
width: 100%;
align-items: center;
height: 75px;
z-index: 100;
transition: all 0.8s;
}
.top-header-nav-area.active {
background: rgb(255, 255, 255, 0.6);
height: 55px;
} .top-header-nav-area_logo {
position: absolute;
top: 50%;
left: 50%;
width: 136px;
height: auto;
margin: -15px auto 0 -68px;
z-index: 100;
transition: all 0.8s;
}
.top-header-nav-area.active .top-header-nav-area_logo {
margin: -12px auto 0 -68px;
}
.top-header-nav-area_logo .logo-type {
display: block;
width: 100%;
margin: 0 auto 0;
transition: all 1.2s;
opacity: 0;
}
.top-header-nav-area_logo .logo-type.fade-in {
opacity: 1;
}
.top-header-nav-area_logo .logo-type.logo-text {
margin: 0 auto 0;
width: 120px;
}
.top-header-nav-area.active .top-header-nav-area_logo .logo-type.logo-text {
opacity: 0;
} .st1 {
fill: none;
stroke: #fff;
stroke-width: 2.5;
stroke-linejoin: round;
stroke-miterlimit: 10;
} .top-header-nav-area_address {
display: none;
} .page-visual-area {
position: relative;
padding: 90px 4px 0;
width: 100%;
margin-bottom: 20px;
}
.page-visual-area figure {
display: block;
overflow: hidden;
}
.page-visual-area figure img {
width: 100%;
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1.1);
transform-origin: 0 0;
object-position: 50% 55%;
}
.page-visual-area picture {
display: block;
overflow: hidden;
}
.page-visual-area picture img {
width: 100%;
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1.1);
transform-origin: 0 0;
object-position: 50% 50%;
}
.page-ttl {
position: relative;
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
height: auto;
}
#aboutus .page-ttl,
#wedding .page-ttl,
#marriage-ring .page-ttl,
#engagement-ring .page-ttl,
#jewelry-collections .page-ttl,
#workshop .page-ttl {
color: #fff;
position: absolute;
top: 50%;
width: calc(100% - 8px);
text-align: center;
padding-top: 25px;
}
.page-ttl .eng,
.page-ttl .eng2 {
display: inline-block;
margin-bottom: 1px;
font-family: 'Libre Baskerville', serif;
font-size: 2rem;
letter-spacing: 0.15em;
opacity: 0;
}
.page-ttl .eng span {
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng2 span {
transition-delay: .60s;
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng span.move,
.page-ttl .eng2 span.move {
opacity: 1;
transform: translateY(0);
}
.page-ttl .jpn {
display: block;
font-size: 1.4rem;
letter-spacing: 0.12em;
transform: scale(0.9);
transform-origin: center top;
transition: all .8s;
opacity: 0;
transform: translateY(6px);
transition-delay: .30s;
}
.page-ttl .jpn.fade-in {
opacity: 1;
transform: translateY(0);
}
.page-ttl_box {
position: relative;
margin: 0 auto;
width: 55vw;
padding: 30px 0;
background-color: #fff;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.page-ttl_box::after {
position: absolute;
content: "";
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
z-index: 0;
transition: all 1.5s;
transition-delay: .75s;
opacity: 0;
transform: translateY(10px);
}
.page-ttl_box.fade-in::after {
opacity: 1;
transform: translateY(0);
}
#aboutus .page-ttl_box::after {
width: 75px;
height: 119px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower07.png);
right: -45px;
bottom: -18px;
}
#jewelry-collections .page-ttl_box::after {
width: 75px;
height: 119px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower03.png);
right: -45px;
bottom: -18px;
}
#faq .page-ttl_box::after {
width: 73px;
height: 120px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower05.png);
right: -25px;
bottom: -18px;
}
#blog .page-ttl_box::after {
width: 75px;
height: 119px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower08.png);
right: -45px;
bottom: -18px;
}
#contact .page-ttl_box::after {
width: 79px;
height: 120px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower06.png);
left: -30px;
bottom: -15px;
}
#reservation .page-ttl_box::after {
width: 81px;
height: 120px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower01.png);
right: -45px;
bottom: -15px;
} .category-ttl {
font-family: 'Crimson Text', serif;
position: relative;
padding: 30px 0 0;
width: 100%;
font-size: 1.6rem;
margin: 0 auto;
text-align: center;
transition: all 1.2s;
transition-delay: .60s;
opacity: 0;
}
.category-ttl::before {
content: "";
position: absolute;
left: 50%;
top: -5px;
width: 1px;
height: 18px;
background-color: #cccccc;
transition: all 0.8s;
opacity: 0;
}
.category-ttl.fade-in::before {
opacity: 1;
}
.category-ttl span {
margin-left: 5px;
font-size: 1.6rem;
letter-spacing: 0.12em;
}
.category-ttl.fade-in {
opacity: 1;
} .slide-menu_btn {
position: fixed;
top: 18px;
right: 20px;
z-index: 11000;
transition: all .8s;
}
.header-nav_sp.active .slide-menu_btn {
top: 8px;
}
.slide-menu_nav {
box-sizing: border-box;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: auto 0;
padding: 15% 0 5%;
background-color: rgba(250, 250, 250, 0.94);
overflow: scroll;
-webkit-overflow-scrolling: touch;
z-index: 9000;
opacity: 0;
visibility: hidden;
transition: all .3s;
overflow: hidden;
}
.slide-menu_nav::before {
content: '';
position: absolute;
right: -125px;
top: 80px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/top/mainflower02-2.png);
width: 200px;
height: 320px;
opacity: 0;
display: inline-block;
z-index: 10;
transform: scale(1.0);
transition: all 1.2s;
transform: translateY(8px);
}
.slide-menu_nav::after {
content: '';
position: absolute;
left: -85px;
top: 380px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/top/mainflower01.png);
width: 200px;
height: 252px;
opacity: 0;
display: inline-block;
z-index: 10;
transform: scale(1.0);
transition: all 1.8s;
transform: translateY(8px);
}
.slide-menu_nav.open:before,
.slide-menu_nav.open:after {
opacity: 1;
}
.slide-menu_nav.open {
visibility: visible;
opacity: 1;
} .slide-menu_nav .gnav_sp {
width: 100%;
text-align: center;
}
.slide-menu_nav .gnav_sp li {
position: relative;
margin-bottom: 4.8%;
}
.slide-menu_nav .gnav_sp li.gnav03 {
margin-bottom: 4.0%;
}
.slide-menu_nav .gnav_sp li.gnav07 {
margin-bottom: 8.8%;
}
.slide-menu_nav li:last-child {
margin-bottom: 0;
} .slide-menu_nav .gnav_sp a {
position: relative;
display: inline-block;
font-size: 1.5rem;
line-height: 1.7;
letter-spacing: 0.12em;
}
.slide-menu_nav .gnav01 {
opacity: 0;
transition: all .6s;
}
.slide-menu_nav .gnav02 {
opacity: 0;
transition: all .6s;
transition-delay: .04s;
}
.slide-menu_nav .gnav03 {
opacity: 0;
transition: all .6s;
transition-delay: .08s;
}
.slide-menu_nav .gnav04 {
opacity: 0;
transition: all .6s;
transition-delay: .12s;
}
.slide-menu_nav .gnav05 {
opacity: 0;
transition: all .6s;
transition-delay: .16s;
}
.slide-menu_nav .gnav06 {
opacity: 0;
transition: all .6s;
transition-delay: .20s;
}
.slide-menu_nav .gnav07 {
opacity: 0;
transition: all .6s;
transition-delay: .24s;
}
.slide-menu_nav .gnav08 {
opacity: 0;
transition: all .6s;
transition-delay: .28s;
}
.slide-menu_nav .gnav09 {
opacity: 0;
transition: all .6s;
transition-delay: .32s;
}
.slide-menu_nav.open .gnav01,
.slide-menu_nav.open .gnav02,
.slide-menu_nav.open .gnav03,
.slide-menu_nav.open .gnav04,
.slide-menu_nav.open .gnav05,
.slide-menu_nav.open .gnav06,
.slide-menu_nav.open .gnav07,
.slide-menu_nav.open .gnav08,
.slide-menu_nav.open .gnav09 {
opacity: 1;
}
#top .slide-menu_nav .gnav01 a,
#aboutus .slide-menu_nav .gnav02 a,
#wedding .slide-menu_nav .gnav03 a,
#jewelry-collections .slide-menu_nav .gnav04 a,
#workshop .slide-menu_nav .gnav05 a,
#faq .slide-menu_nav .gnav06 a,
#blog .slide-menu_nav .gnav07 a,
#contact .slide-menu_nav .gnav08 a,
#privacy .slide-menu_nav .gnav09 a {
color: #666;
}
.slide-menu_nav .gnav_sp li ul {
padding: 10px 0 5px 0;
}
.slide-menu_nav .gnav_sp li ul li {
margin-bottom: 3px;
position: relative;
}
.slide-menu_nav .gnav_sp li ul li:last-child {
margin-bottom: 0;
}
.slide-menu_nav .gnav_sp li ul li a {
font-size: 1.2rem;
line-height: 1.4;
letter-spacing: 0.12em;
}
.slide-menu_nav .gnav_sp li ul li a:before {
content: "";
position: absolute;
left: -15px;
top: 5px;
width: 6px;
height: 1px;
background-color: #ccc;
} .slide-menu_nav .sns-nav_sp {
display: flex;
justify-content: center;
padding-top: 50px;
}
.slide-menu_nav .sns-nav_sp a {
display: block;
}
.slide-menu_nav .sns-nav_sp .facebook {
margin-right: 20px;
width: 17px;
opacity: 0;
transition: all .6s;
transition-delay: .36s;
}
.slide-menu_nav .sns-nav_sp .instagram {
width: 17px;
opacity: 0;
transition: all .6s;
transition-delay: .4s;
}
.slide-menu_nav.open .facebook,
.slide-menu_nav.open .instagram {
opacity: 1;
}
.slide-menu_nav .logo-nav_sp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px auto 0;
}
.slide-menu_nav .logo-nav_sp .logo-type {
width: 120px;
height: auto;
opacity: 0.8;
}
.slide-menu_nav .logo-nav_sp .logo-text {
width: 100px;
height: auto;
opacity: 0.8;
margin-top: 2px;
} .menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 45px;
height: 45px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 30px;
height: 1px;
background-color: #222;
}
#top .menu-trigger span {
background-color: #222;
}
#top .menu-trigger.menu-color-black span {
background-color: #9ca49f;
}
#top .menu-trigger.active span {
background-color: #9ca49f;
}
.menu-trigger.active span {
background-color: #9ca49f;
}
.menu-trigger span:nth-of-type(1) {
top: 14px;
left: 6px;
}
.menu-trigger span:nth-of-type(2) {
top: 22px;
left: 6px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 14px;
left: 6px;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
100% {
height: 0;
}
}
@keyframes active-menu-bar02 {
100% {
height: 0;
}
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
} .intro-text {
margin-bottom: 35px;
font-size: 1.3rem;
text-align: center;
letter-spacing: 0.1em;
}  .article-cont {
padding-bottom: 30px;
} .article-main {
margin-bottom: 60px;
padding: 10px 0 0;
}
.article-list {
margin: 20px 0 50px 0;
padding: 0 6%;
}
.article-list li {
margin-bottom: 40px;
}
.article-list li:last-child {}
.article-list li a {}
.article-list li a img {
height: 35vh;
}
.article-list_img {
margin-bottom: 10px;
}
.article-list_info {
margin-bottom: 4px;
vertical-align: top;
}
.article-list_date {
font-family: "Crimson Text", serif;
display: inline-block;
margin-bottom: 2px;
font-size: 1.5rem;
color: #666;
margin-right: 25px;
}
.article-list_category {
font-family: "Crimson Text", serif;
color: #ffffff;
background-color: #9ca49f;
padding: 3px 5px 3px;
border-radius: 3px;
font-size: 1.2rem;
letter-spacing: 0.12em;
position: relative;
}
.article-list_category::before {
content: "";
position: absolute;
left: -20px;
top: 8px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
}
.article-list_ttl {
font-size: 1.7rem;
line-height: 1.8;
letter-spacing: 0.05em;
} .article-side {
padding: 0 8%;
}
.article-side-link {
margin-bottom: 55px;
}
.article-side-link:last-child {
margin-bottom: 0;
}
.article-side-link_ttl {
font-family: 'Crimson Text', serif;
margin-bottom: 18px;
font-size: 2.2rem;
letter-spacing: 0.12em;
}
.article-side-link ul {}
.article-side-link ul li {
position: relative;
margin-bottom: 13px;
padding-left: 22px;
}
.article-side-link ul li.cat-item {
margin-bottom: 9px;
}
.article-side-link ul li a {
font-family: "Crimson Text", serif;
position: relative;
display: inline-block;
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 0.05em;
}
.article-side-link ul li a::before {
content: "";
position: absolute;
left: -21px;
top: 11px;
width: 8px;
height: 1px;
background-color: #222;
}
.article-side-link ul li .post-date {
font-family: "Crimson Text", serif;
font-size: 1.3rem;
color: #999;
margin-left: 5px;
display: none;
}
.article_detail_body .search-form input#s,
.article-side-link .search-form input#s {
font-size: 1.4rem;
border: 1px solid #ccc;
background: #fff;
color: #222;
padding: 8px 8px 8px 10px;
width: 70vw;
vertical-align: middle;
}
.article-side-link#archives-5 {
position: relative;
}
.article-side-link select {
font-size: 1.4rem;
background: #fff;
border-radius: 0;
line-height: 1;
letter-spacing: 0.1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 70vw;
vertical-align: middle;
border: 1px solid #ccc;
padding: 10px 10px 10px 12px;
color: #666;
}
.article-side-link#archives-5:after {
position: absolute;
left: 65vw;
bottom: 15px;
content: "";
display: block;
width: 7px;
height: 7px;
border: 1px solid #666;
border-right: none;
border-top: none;
transform: rotate(-45deg);
} .article_detail_cont {
padding: 0 6%;
}
.article_detail_info {
margin-bottom: 15px;
vertical-align: top;
}
.article_detail_date {
font-family: "Crimson Text", serif;
margin: 0 0 2px 0;
font-size: 1.4rem;
color: #666;
}
.article_detail_category {
position: relative;
color: #9ca49f;
padding-left: 20px;
}
.article_detail_category::before {
content: "";
position: absolute;
left: 3px;
top: 9px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_detail_category a {
font-family: "Crimson Text", serif;
color: #9ca49f;
font-size: 1.3rem;
letter-spacing: 0.12em;
margin: 0 3px;
}
.article_detail_category a:hover {
color: #818d86;
}
.article_detail_ttl {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
font-size: 2rem;
line-height: 1.6;
letter-spacing: 0.07em;
}
.article_detail_body {
margin-bottom: 80px;
}
.article_detail_body p {
margin-bottom: 20px;
font-size: 1.5rem;
line-height: 1.9;
letter-spacing: 0.05em;
}
.article_detail_body p.ref {
color: #777;
font-size: 1.2rem;
}
.article_detail_body figure {
margin-bottom: 20px;
}
.article_detail_body figure.size-large img {
width: 100%;
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1);
transform-origin: 0 0;
object-position: 50% 50%;
}
.article_detail_body figure.size-full img {
width: 100%;
height: 100%;
}
.article_detail_body p a {
text-decoration: underline;
}
.article_detail_body p:last-child {
margin-bottom: 0;
}
.article_detail_body .wp-block-quote{
margin-bottom: 25px;
padding: 15px 15px 15px;
background-color: #eeedec;
}
.article_detail_body .wp-block-quote p{
font-size: 1.3rem;
line-height: 1.8;
margin-bottom: 10px;
}
.article_detail_body .wp-block-details {
margin-bottom: 25px;
padding: 10px 15px 5px;
background-color: #eeedec;
}
.article_detail_body .wp-block-details summary {
margin-bottom: 5px;
font-size: 1.4rem;
line-height: 2.0;
}
.article_detail_body .wp-block-details p {
margin-bottom: 5px;
font-size: 1.3rem;
line-height: 2.0;
}
.meta-tag {
color: #666;
font-family: "Crimson Text", serif;
}
.meta-tag a {
font-size: 1.2rem;
line-height: 1.6;
color: #666;
letter-spacing: 0.1em;
} .article_shop-info {
font-family: 'Crimson Text', serif;
line-height: 2;
font-feature-settings: "palt";
letter-spacing: 0.15em;
background-color: #eeedec;
padding: 18px 22px;
margin: 20px 0;
}
.article_shop-ttl {
color: #666;
font-size: 1.3rem;
letter-spacing: 0.2em;
position: relative;
}
.article_shop-name {
font-size: 1.8rem;
display: block;
margin-bottom: 25px;
position: relative;
}
.article_shop-name::after {
content: "";
position: absolute;
left: 0px;
top: 39px;
width: 18px;
height: 1px;
background-color: #ccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_shop-info p {
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 5px;
}
.article_shop-icon a {
position: relative;
display: inline-block;
color: #666;
line-height: 1.6;
font-size: 1.3rem;
letter-spacing: 0.25em;
transition: all .8s;
padding: 0 9px 0 0;
margin: 0 10px 0 0;
}
.article_shop-icon i {
margin: 0 4px 0 0;
}
.article_shop-icon a:hover {
color: #222;
}
.article_shop-icon a::after {
content: "";
position: absolute;
right: 0px;
top: 6px;
width: 1px;
height: 10px;
background-color: #ccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_shop-icon a.last::after {
opacity: 0;
} .form-input-tbl {
width: 100%;
}
.form-input-tbl th,
.form-input-tbl td {
display: block;
width: 100%;
}
.form-input-tbl th {
margin-bottom: 5px;
font-size: 1.4rem;
color: #222;
letter-spacing: 0.07em;
}
.form-input-tbl td {
margin-bottom: 23px;
font-size: 1.5rem;
color: #222;
} .input-text {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 100%;
height: 45px;
box-sizing: border-box;
padding: 2px 8px;
border: 1px solid #ccc;
background-color: #fff;
color: #222;
vertical-align: middle;
font-size: 1.5rem;
}
.textarea {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
box-sizing: border-box;
width: 100%;
padding: 7px 10px;
border: 1px solid #ccc;
background-color: #fff;
font-size: 1.5rem;
letter-spacing: 0.05em;
line-height: 1.8;
}
.input-select {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 16em;
height: 40px;
margin-right: 5px;
padding: 6px 8px;
border: 1px solid #ccc;
background-color: #fff;
color: #222;
font-size: 1.5rem;
line-height: 1.6;
vertical-align: middle;
}
.vertical-item {
margin: 0 0em 0 0;
padding: 2px 0;
display: block;
} input[type=radio].radio-btns_item {
display: none;
}
.radio-btns label {
display: inline-block;
font-size: 1.5rem;
}
.radio-btns_item+span {
padding-left: 2em;
display: inline-block;
position: relative;
color: #777;
}
.radio-btns_item+span::after,
.radio-btns_item+span::before {
content: '';
display: block;
position: absolute;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 50%;
width: 19px;
height: 19px;
top: 1px;
left: 0;
}
.radio-btns_item+span::after {
opacity: 0;
width: 13px;
height: 13px;
top: 5px;
left: 4px;
border: none;
background: #777;
} .radio-btns_item:checked+span {
color: #222;
}
.radio-btns_item:checked+span::after {
opacity: 1;
} input[type=checkbox].checkbox_item {
display: none;
}
.checkbox label {
display: inline-block;
font-size: 1.5rem;
}
.checkbox_item+span {
padding-left: 2em;
display: inline-block;
position: relative;
color: #777;
}
.checkbox_item+span::after,
.checkbox_item+span::before {
content: '';
display: block;
position: absolute;
border: 1px solid #ccc;
background-color: #fff;
width: 19px;
height: 19px;
border-radius: 3px;
top: 1px;
left: 0;
}
.checkbox_item+span::after {
opacity: 0;
width: 8px;
height: 12px;
transform: rotate(45deg);
left: 5px;
margin-top: 1px;
border: none;
border-right: 3px solid #777;
border-bottom: 3px solid #777;
} .checkbox_item:checked+span {
color: #222;
}
.checkbox_item:checked+span::after {
opacity: 1;
}
.submit-btn {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
display: block;
width: 220px;
margin: 25px auto 0;
padding: 20px 0;
border: #444 1px solid;
background-color: #444;
text-align: center;
font-size: 1.6rem;
color: #fff;
line-height: 1.5;
border-style: none;
font-weight: normal;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
border: 1px solid #ccc;
outline: 0;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
background-color: #444;
color: #fff;
border: 1px solid #444;
outline: 0;
}
.required-input-mark {
color: #f30c5c;
font-size: 1.4rem;
}
.form-alert-text {
margin-bottom: 30px;
font-size: 1.4rem;
line-height: 1.8;
} #footer {
position: relative;
margin-top: 100px;
background-color: #9ca49f;
} .footer-inner {
position: relative;
padding: 70px 7% 30px;
}
.page-top {
font-size: 1.3rem;
color: #fff;
position: absolute;
top: 45px;
right: 60px;
z-index: 10;
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
}
.page-top::before {
content: "";
position: absolute;
right: -25px;
top: -20px;
width: 1px;
height: 30px;
background-color: #fff;
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
transform-origin: left bottom;
}
.page-top::after {
content: "";
position: absolute;
right: -26px;
top: -16px;
width: 8px;
height: 1px;
background-color: #fff;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
}
.page-top:hover {
color: #fff;
opacity: 0.6;
}
.page-top:hover::before {
top: -35px;
height: 45px;
opacity: 0.6;
}
.page-top:hover::after {
top: -30px;
opacity: 0.6;
}
.footer_info {
position: relative;
margin-bottom: 80px;
}
.footer_info::after {
display: block;
content: "";
position: absolute;
left: 1px;
bottom: -50px;
width: 1px;
height: 20px;
background-color: #fff;
transition: all .3s;
}
.footer_logo-area {
margin-bottom: 30px;
}
.footer_logo-area a {
display: block;
width: 145px;
transition: all .8s;
}
.footer_logo-area a:hover {
opacity: 0.6;
}
.footer_logo {
display: block;
width: 140px;
margin: 0 0 10px 0;
}
.footer_logo-text {
width: 140px;
color: #fff;
font-family: 'Libre Baskerville', serif;
font-size: 1.4rem;
letter-spacing: 0.06em;
margin: 0 0 0 2px;
}
.footer_shop-info {
color: #fff;
font-style: normal;
}
.footer_shop-info p {
margin-bottom: 13px;
font-size: 1.3rem;
}
.footer-gnav_wrap {
display: flex;
display: -webkit-flex;
}
.footer-gnav.gnav_col1 {
width: 50%;
}
.footer-gnav.gnav_col2 {
padding: 0 0 0 7%;
}
.footer-gnav li {
position: relative;
margin: 0 0 7px 0;
}
.footer-gnav li:last-child {
margin-bottom: 0;
}
.footer-gnav .fnav01 {}
.footer-gnav .fnav02 {}
.footer-gnav .fnav03 {}
.footer-gnav .fnav04 {}
.footer-gnav .fnav05 {}
.footer-gnav .fnav06 {}
.footer-gnav .fnav07 {
margin-bottom: 20px;
}
.footer-gnav .fnav08 {}
.footer-gnav .fnav09 {
margin-bottom: 20px;
}
.footer-gnav a {
color: #fff;
position: relative;
display: inline-block;
font-size: 1.3rem;
line-height: 1.0;
letter-spacing: 0.12em;
transition: all .3s;
opacity: 1;
}
.footer-gnav a:hover {
opacity: 0.6;
}
.footer-gnav ul {
margin-left: 20px;
padding-top: 8px;
}
.footer-gnav ul li:before {
content: "";
position: absolute;
left: -15px;
top: 10px;
width: 6px;
height: 1px;
background-color: #ccc;
}
.footer-gnav ul li {
margin: 0 0 5px 0;
}
.footer-gnav ul li a {
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 0.12em;
}
.footer-gnav.gnav_col2 ul li a {
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 0.05em;
}
.footer_sns-link {
text-align: center;
margin-bottom: 15px;
}
.footer_sns-link a {
font-size: 1.3rem;
color: #fff;
transition: opacity .3s;
opacity: 1;
}
.footer_sns-link a:hover {
opacity: .6;
}
.footer_sns-link .sns-fb {}
.footer_sns-link .sns-ig img {
width: 18px;
}
.footer_images {
text-align: center;
font-size: 1.3rem;
color: #d5dbd7;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
padding-bottom: 35px;
}
.footer_images a{
color: #d5dbd7;
}
.footer_copyright {
line-height: 1.6;
text-align: center;
font-size: 1.4rem;
color: #fff;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
} @media only screen and (min-width: 560px) { .tb {
display: inline-block !important;
}
.mb {
display: none !important;
}
.pc-in {
display: inline-block !important;
} #contents-wrap {
opacity: 0;
transition: all 1.4s;
overflow: hidden;
}
#contents-wrap.fade-in {
opacity: 1;
}
.loading-img {
position: fixed;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px;
text-align: center;
color: #fff;
z-index: 2;
text-align: center;
}
.loading-img img {
width: 100%;
height: auto;
} .trace-nav-set {
display: none;
} .page-nation {
padding: 0 20px;
text-align: center;
}
.page-nation a,
.page-nation .current {
font-family: 'Crimson Text', serif;
margin: 0 2px 0;
padding: 0 8px;
font-size: 1.5rem;
letter-spacing: 0.03em;
}
.page-nation a {
color: #999;
}
.page-nation .current {
color: #222;
} .page-nation-detail {
position: relative;
padding-bottom: 70px;
margin: 60px auto 0;
font-size: 1.3rem;
border-bottom: #ccc dashed 1px;
}
.page-nation span.prev,
.page-nation a.prev,
.page-nation span.next,
.page-nation a.next {
width: auto;
padding: 0 10px;
}
.page-nation span.next:after,
.page-nation a.next:after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #222;
border-left: none;
border-top: none;
transform: rotate(-45deg);
}
.page-nation span.prev:after,
.page-nation a.prev:after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #222;
border-right: none;
border-bottom: none;
transform: rotate(-45deg);
}
.prev-btn {
margin-bottom: 15px;
}
.prev-btn a {
padding: 20px 15px 20px 30px;
background-color: #fff;
position: relative;
display: block;
line-height: 1.8;
color: #222;
letter-spacing: 0.08em;
text-align: left;
}
.back-btn {
padding-top: 45px;
}
.back-btn a {
display: block;
color: #222;
text-align: center;
margin: 0 auto;
}
.next-btn {
text-align: right;
}
.next-btn a {
background-color: #fff;
padding: 20px 30px 20px 15px;
position: relative;
display: block;
color: #222;
letter-spacing: 0.08em;
line-height: 1.8;
}
.prev-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 27px;
left: 15px;
border: 1px solid #222;
border-right: none;
border-bottom: none;
transform: rotate(-45deg);
}
.next-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 27px;
right: 15px;
border: 1px solid #222;
border-left: none;
border-top: none;
transform: rotate(-45deg);
} .sec-ttl {
margin-bottom: 40px;
}
.sec-ttl .jpn {
display: block;
margin-bottom: 6px;
font-size: 1.8rem;
letter-spacing: 0.08em;
line-height: 1.6;
}
.sec-ttl .eng {
font-family: 'Libre Baskerville', serif;
display: block;
font-size: 1.4rem;
letter-spacing: 0.16em;
} .sec-link {
position: relative;
padding-right: 40px;
font-size: 1.2rem;
letter-spacing: 0.05em;
transition: color .5s;
font-family: 'Libre Baskerville', serif;
}
.sec-link.jpn {
padding-right: 26px;
font-size: 1.3rem;
}
.sec-link::before {
content: "";
position: absolute;
right: 1px;
top: 50%;
width: 25px;
height: 1px;
background-color: #444;
}
.sec-link::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 8px;
height: 1px;
background-color: #444;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-135deg);
-ms-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
}
.sec-btn {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
display: block;
width: 220px;
margin: 25px auto 0;
padding: 20px 0;
border: #444 1px solid;
background-color: #444;
text-align: center;
font-size: 1.5rem;
color: #fff;
transition: all .5s;
opacity: 1;
}
.sec-btn:hover {
opacity: 0.6;
color: #fff;
} #header {}
.header-btn_online-shop_top-btn,
.header-btn_online-shop_side-btn {
display: none;
}
#top #header {
margin-bottom: 60px;
} .top-header-nav-area {
position: fixed;
width: 100%;
align-items: center;
height: 85px;
z-index: 100;
transition: all 0.8s;
}
.top-header-nav-area.active {
background: rgb(255, 255, 255, 0.6);
height: 65px;
} .top-header-nav-area_logo {
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: auto;
margin: -20px auto 0 -75px;
z-index: 100;
transition: all 0.8s;
}
.top-header-nav-area.active .top-header-nav-area_logo {
margin: -13px auto 0 -75px;
}
.top-header-nav-area_logo .logo-type {
display: block;
width: 100%;
margin: 2px auto 0;
transition: all 1.2s;
opacity: 0;
}
.top-header-nav-area_logo .logo-type.fade-in {
opacity: 1;
}
.top-header-nav-area_logo .logo-type.logo-text {
margin: 5px auto 0;
width: 135px;
}
.top-header-nav-area.active .top-header-nav-area_logo .logo-type.logo-text {
opacity: 0;
} .st1 {
fill: none;
stroke: #fff;
stroke-width: 2.5;
stroke-linejoin: round;
stroke-miterlimit: 10;
} .top-header-nav-area_address {
display: none;
} .page-visual-area {
position: relative;
padding: 90px 4px 0;
width: 100%;
margin-bottom: 20px;
}
.page-visual-area figure {
display: block;
overflow: hidden;
}
.page-visual-area figure img {
width: 100%;
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1);
transform-origin: 0 0;
object-position: 50% 55%;
}
.page-visual-area picture {
display: block;
overflow: hidden;
}
.page-visual-area picture img {
width: 100%;
height: 350px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1);
transform-origin: 0 0;
object-position: 50% 50%;
}
.page-ttl {
position: relative;
text-align: center;
padding-top: 30px;
height: auto;
}
#aboutus .page-ttl,
#wedding .page-ttl,
#jewelry-collections .page-ttl,
#workshop .page-ttl {
color: #fff;
position: absolute;
top: 50%;
width: calc(100% - 8px);
text-align: center;
padding-top: 20px;
}
.page-ttl .eng,
.page-ttl .eng2 {
display: inline-block;
margin-bottom: 1px;
font-family: 'Libre Baskerville', serif;
font-size: 2.0rem;
letter-spacing: 0.2em;
line-height: 1.9;
opacity: 0;
}
.page-ttl .eng span {
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng2 span {
transition-delay: .60s;
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng span.move,
.page-ttl .eng2 span.move {
opacity: 1;
transform: translateY(0);
}
.page-ttl .jpn {
display: block;
font-size: 1.3rem;
letter-spacing: 0.12em;
transform: scale(0.9);
transform-origin: center top;
transition: all .8s;
opacity: 0;
transform: translateY(6px);
}
.page-ttl .jpn.fade-in {
opacity: 1;
transform: translateY(0);
}
.page-ttl_box {
position: relative;
margin: 0 auto;
width: 50vw;
padding: 35px 0;
background-color: #fff;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.page-ttl_box::after {
position: absolute;
content: "";
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
z-index: 0;
transform: scale(1.0);
transition: all 1.5s;
transition-delay: .75s;
opacity: 0;
transform: translateY(10px);
}
.page-ttl_box.fade-in::after {
opacity: 1;
transform: translateY(0);
}
#faq .page-ttl_box::after {
width: 83px;
height: 135px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower05.png);
right: -25px;
bottom: -13px;
}
#blog .page-ttl_box::after {
width: 85px;
height: 135px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower08.png);
right: -35px;
bottom: -13px;
}
#contact .page-ttl_box::after {
width: 88px;
height: 135px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower06.png);
left: -30px;
bottom: -15px;
}
#reservation .page-ttl_box::after {
width: 91px;
height: 135px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower01.png);
right: -45px;
bottom: -15px;
} .category-ttl {
font-family: 'Crimson Text', serif;
width: 100%;
font-size: 1.5rem;
text-align: center;
transition: all 1.2s;
transition-delay: .60s;
opacity: 0;
}
.category-ttl::before {
content: "";
position: absolute;
left: 50%;
top: -5px;
width: 1px;
height: 18px;
background-color: #cccccc;
transition: all 0.8s;
opacity: 0;
}
.category-ttl.fade-in::before {
opacity: 1;
}
.category-ttl span {
margin-left: 5px;
font-size: 1.8rem;
letter-spacing: 0.12em;
}
.category-ttl.fade-in {
opacity: 1;
} .slide-menu_btn {
position: fixed;
top: 21px;
right: 22px;
z-index: 11000;
}
.header-nav_sp.active .slide-menu_btn {
top: 13px;
}
.slide-menu_nav {
box-sizing: border-box;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: auto 0;
padding: 15% 0 15%;
background-color: rgba(250, 250, 250, 0.94);
overflow: scroll;
-webkit-overflow-scrolling: touch;
z-index: 9000;
opacity: 0;
visibility: hidden;
transition: all .3s;
overflow: hidden;
}
.slide-menu_nav::before {
content: '';
position: absolute;
right: -150px;
top: 70px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/top/mainflower02-2.png);
width: 300px;
height: 500px;
opacity: 0;
display: inline-block;
z-index: 10;
transform: scale(1.0);
transition: all 1.2s;
transform: translateY(8px);
}
.slide-menu_nav::after {
content: '';
position: absolute;
left: -180px;
top: 460px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/top/mainflower01.png);
width: 400px;
height: 504px;
opacity: 0;
display: inline-block;
z-index: 10;
transform: scale(1.0);
transition: all 1.8s;
transform: translateY(8px);
}
.slide-menu_nav.open:before,
.slide-menu_nav.open:after {
opacity: 1;
}
.slide-menu_nav.open {
visibility: visible;
opacity: 1;
} .slide-menu_nav .gnav_sp {
width: 100%;
text-align: center;
}
.slide-menu_nav .gnav_sp li {
position: relative;
margin-bottom: 4%;
}
.slide-menu_nav li:last-child {
margin-bottom: 0;
} .slide-menu_nav .gnav_sp a {
position: relative;
display: inline-block;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.1em;
}
.slide-menu_nav .gnav01 {
opacity: 0;
transition: all .6s;
}
.slide-menu_nav .gnav02 {
opacity: 0;
transition: all .6s;
transition-delay: .04s;
}
.slide-menu_nav .gnav03 {
opacity: 0;
transition: all .6s;
transition-delay: .08s;
}
.slide-menu_nav .gnav04 {
opacity: 0;
transition: all .6s;
transition-delay: .12s;
}
.slide-menu_nav .gnav05 {
opacity: 0;
transition: all .6s;
transition-delay: .16s;
}
.slide-menu_nav .gnav06 {
opacity: 0;
transition: all .6s;
transition-delay: .20s;
}
.slide-menu_nav .gnav07 {
opacity: 0;
transition: all .6s;
transition-delay: .24s;
}
.slide-menu_nav .gnav08 {
opacity: 0;
transition: all .6s;
transition-delay: .28s;
}
.slide-menu_nav .gnav09 {
opacity: 0;
transition: all .6s;
transition-delay: .32s;
}
.slide-menu_nav .gnav10 {
opacity: 0;
transition: all .6s;
transition-delay: .36s;
}
.slide-menu_nav.open .gnav01,
.slide-menu_nav.open .gnav02,
.slide-menu_nav.open .gnav03,
.slide-menu_nav.open .gnav04,
.slide-menu_nav.open .gnav05,
.slide-menu_nav.open .gnav06,
.slide-menu_nav.open .gnav07,
.slide-menu_nav.open .gnav08,
.slide-menu_nav.open .gnav09,
.slide-menu_nav.open .gnav10 {
opacity: 1;
}
#top .slide-menu_nav .gnav01 a,
#aboutus .slide-menu_nav .gnav02 a,
#wedding .slide-menu_nav .gnav03 a,
#jewelry-collections .slide-menu_nav .gnav04 a,
#workshop .slide-menu_nav .gnav05 a,
#faq .slide-menu_nav .gnav06 a,
#blog .slide-menu_nav .gnav07 a,
#contact .slide-menu_nav .gnav08 a,
#reservation .slide-menu_nav .gnav09 a {
color: #666;
}
.slide-menu_nav .gnav_sp li ul {
padding: 15px 0 5px 0;
}
.slide-menu_nav .gnav_sp li ul li {
margin-bottom: 1%;
position: relative;
}
.slide-menu_nav .gnav_sp li ul li:last-child {
margin-bottom: 0;
}
.slide-menu_nav .gnav_sp li ul li a {
font-size: 1.2rem;
line-height: 1.4;
letter-spacing: 0.12em;
}
.slide-menu_nav .gnav_sp li ul li a:before {
content: "";
position: absolute;
left: -15px;
top: 7px;
width: 6px;
height: 1px;
background-color: #ccc;
} .slide-menu_nav .sns-nav_sp {
display: flex;
justify-content: center;
padding-top: 15%;
}
.slide-menu_nav .sns-nav_sp a {
display: block;
}
.slide-menu_nav .sns-nav_sp .facebook {
margin-right: 20px;
width: 19px;
opacity: 0;
transition: all .6s;
transition-delay: .36s;
}
.slide-menu_nav .sns-nav_sp .instagram {
width: 18px;
opacity: 0;
transition: all .6s;
transition-delay: .4s;
}
.slide-menu_nav.open .facebook,
.slide-menu_nav.open .instagram {
opacity: 1;
}
.slide-menu_nav .logo-nav_sp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 5% auto 0;
}
.slide-menu_nav .logo-nav_sp .logo-type {
width: 145px;
height: auto;
opacity: 0.8;
}
.slide-menu_nav .logo-nav_sp .logo-text {
width: 125px;
height: auto;
opacity: 0.8;
margin-top: 2px;
} .menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 45px;
height: 45px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 30px;
height: 1px;
background-color: #222;
}
#top .menu-trigger span {
background-color: #222;
}
#top .menu-trigger.menu-color-black span {
background-color: #9ca49f;
}
#top .menu-trigger.active span {
background-color: #9ca49f;
}
.menu-trigger.active span {
background-color: #9ca49f;
}
.menu-trigger span:nth-of-type(1) {
top: 14px;
left: 6px;
}
.menu-trigger span:nth-of-type(2) {
top: 22px;
left: 6px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 14px;
left: 6px;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
100% {
height: 0;
}
}
@keyframes active-menu-bar02 {
100% {
height: 0;
}
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
} .intro-text {
margin-bottom: 35px;
font-size: 1.4rem;
text-align: center;
}  .article-cont {
padding-bottom: 30px;
} .article-main {
margin-bottom: 80px;
padding: 25px 0 0 0;
}
.article-list {
display: flex;
flex-wrap: wrap;
margin: 20px 0 50px 0;
padding: 0 3%;
}
.article-list li {
width: 48%;
margin-bottom: 35px;
}
.article-list li:nth-child(odd) {
margin-right: 4%;
}
.article-list li:last-child {}
.article-list li a img {
height: 22vh;
}
.article-list_img {
margin-bottom: 15px;
}
.article-list_info {
margin-bottom: 4px;
vertical-align: top;
}
.article-list_date {
font-family: "Crimson Text", serif;
display: inline-block;
font-size: 1.2rem;
color: #666;
margin-right: 25px;
}
.article-list_category {
font-family: "Crimson Text", serif;
color: #ffffff;
background-color: #9ca49f;
padding: 3px 5px 2px;
border-radius: 3px;
font-size: 1.1rem;
letter-spacing: 0.12em;
position: relative;
}
.article-list_category::before {
content: "";
position: absolute;
left: -20px;
top: 8px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article-list_ttl {
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 0.1em;
} .article-side {
padding: 0 12%;
}
.article-side-link {
margin-bottom: 55px;
}
.article-side-link:last-child {
margin-bottom: 0;
}
.article-side-link_ttl {
font-family: 'Crimson Text', serif;
margin-bottom: 20px;
font-size: 2rem;
letter-spacing: 0.12em;
}
.article-side-link ul {}
.article-side-link ul li {
position: relative;
margin-bottom: 15px;
padding-left: 22px;
}
.article-side-link ul li.cat-item {
margin-bottom: 10px;
}
.article-side-link ul li a {
position: relative;
display: inline-block;
font-size: 1.4rem;
line-height: 2;
letter-spacing: 0.05em;
}
.article-side-link ul li a::before {
content: "";
position: absolute;
left: -22px;
top: 12px;
width: 8px;
height: 1px;
background-color: #222;
}
.article-side-link ul li .post-date {
font-family: "Crimson Text", serif;
font-size: 1.2rem;
color: #999;
margin-left: 5px;
display: inline-block;
}
.article-side-link .search-form input#s {
font-size: 1.5rem;
border: 1px solid #ccc;
background: #fff;
color: #222;
padding: 8px 8px 8px 10px;
width: 60vw;
vertical-align: middle;
}
.article-side-link#archives-5 {
position: relative;
}
.article-side-link select {
font-size: 1.5rem;
background: #fff;
border-radius: 0;
line-height: 1;
letter-spacing: 0.1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 60vw;
vertical-align: middle;
border: 1px solid #ccc;
padding: 10px 10px 10px 12px;
color: #666;
}
.article-side-link#archives-5:after {
position: absolute;
left: 55vw;
bottom: 15px;
content: "";
display: block;
width: 7px;
height: 7px;
border: 1px solid #666;
border-right: none;
border-top: none;
transform: rotate(-45deg);
} .article_detail_cont {
padding: 0 6%;
}
.article_detail_info {
margin-bottom: 25px;
vertical-align: top;
}
.article_detail_date {
font-family: "Crimson Text", serif;
margin: 0 0 2px 0;
font-size: 1.2rem;
color: #666;
}
.article_detail_category {
position: relative;
color: #9ca49f;
padding-left: 20px;
}
.article_detail_category::before {
content: "";
position: absolute;
left: 3px;
top: 9px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_detail_category a {
font-family: "Crimson Text", serif;
color: #9ca49f;
font-size: 1.2rem;
letter-spacing: 0.12em;
position: relative;
margin: 0 3px;
}
.article_detail_category a:hover {
color: #818d86;
}
footer_sns-link .article_detail_ttl {
margin-bottom: 35px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
font-size: 2.3rem;
line-height: 1.8;
}
.article_detail_body {
margin-bottom: 80px;
}
.article_detail_body p {
margin-bottom: 25px;
font-size: 1.5rem;
line-height: 2;
}
.article_detail_body p.ref {
color: #777;
font-size: 1.3rem;
}
.article_detail_body figure {
margin-bottom: 25px;
}
.article_detail_body figure.size-large img {
width: 100%;
height: auto;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1.0);
transform-origin: 0 0;
object-position: 50% 50%;
}
.article_detail_body p a {
text-decoration: underline;
}
.article_detail_body p:last-child {
margin-bottom: 0;
}
.article_detail_body .wp-block-quote{
margin-bottom: 25px;
padding: 15px 15px 15px;
background-color: #eeedec;
}
.article_detail_body .wp-block-quote p{
font-size: 1.3rem;
line-height: 2.0;
margin-bottom: 10px;
}
.article_detail_body .wp-block-details {
margin-bottom: 25px;
padding: 10px 15px 5px;
background-color: #eeedec;
}
.article_detail_body .wp-block-details summary {
margin-bottom: 5px;
font-size: 1.4rem;
line-height: 2.0;
}
.article_detail_body .wp-block-details p {
margin-bottom: 5px;
font-size: 1.3rem;
line-height: 2.0;
}
.meta-tag {
color: #666;
font-family: "Crimson Text", serif;
}
.meta-tag a {
font-size: 1.2rem;
line-height: 1.8;
color: #666;
letter-spacing: 0.1em;
} .article_shop-info {
font-family: 'Crimson Text', serif;
line-height: 2;
font-feature-settings: "palt";
letter-spacing: 0.2em;
background-color: #eeedec;
padding: 18px 25px;
margin: 20px 0;
}
.article_shop-ttl {
color: #666;
font-size: 1.2rem;
letter-spacing: 0.25em;
position: relative;
}
.article_shop-name {
font-size: 1.7rem;
display: block;
margin-bottom: 30px;
position: relative;
}
.article_shop-name::after {
content: "";
position: absolute;
left: 0px;
top: 45px;
width: 18px;
height: 1px;
background-color: #ccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_shop-info p {
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 5px;
}
.article_shop-icon i {
margin: 0 4px 0 0;
}
.article_shop-icon a {
color: #666;
line-height: 1.6;
font-size: 1.2rem;
letter-spacing: 0.22em;
transition: all .8s;
}
.article_shop-icon a:hover {
color: #222;
} .form-input-tbl {
width: 100%;
}
.form-input-tbl th,
.form-input-tbl td {
display: block;
width: 100%;
}
.form-input-tbl th {
margin-bottom: 8px;
font-size: 1.3rem;
color: #222;
letter-spacing: 0.07em;
}
.form-input-tbl td {
margin-bottom: 18px;
font-size: 1.3rem;
color: #222;
} .input-text {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 100%;
height: 45px;
box-sizing: border-box;
padding: 2px 8px;
border: 1px solid #ccc;
background-color: #F7F7F7;
color: #222;
vertical-align: middle;
font-size: 1.3rem;
}
.textarea {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
box-sizing: border-box;
width: 100%;
padding: 7px 10px;
border: 1px solid #ccc;
background-color: #F7F7F7;
font-size: 1.4rem;
line-height: 2;
}
.input-select {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 16em;
height: 40px;
margin-right: 5px;
padding: 6px 8px;
border: none;
background-color: #F0F1F3;
color: #222;
font-size: 1.3rem;
line-height: 1.6;
vertical-align: middle;
}
.submit-btn {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
font-size: 1.3rem;
color: #fff;
line-height: 1.5;
display: block;
width: 220px;
margin: 25px auto 0;
padding: 20px 0;
border: #444 1px solid;
background-color: #444;
text-align: center;
transition: all 0.5s;
opacity: 1;
}
.submit-btn:hover {
opacity: 0.6;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
border: 1px solid #ccc;
outline: 0;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
background-color: #444;
color: #fff;
border: 1px solid #444;
outline: 0;
}
.required-input-mark {
color: #ff0000;
font-size: 1.3rem;
}
.form-alert-text {
margin-bottom: 30px;
font-size: 1.3rem;
line-height: 1.8;
} #footer {
position: relative;
margin-top: 150px;
} .footer-inner {
position: relative;
padding: 70px 5% 0;
display: flex;
}
.page-top {
font-size: 1.1rem;
color: #666;
position: absolute;
top: -45px;
right: 60px;
z-index: 10;
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
}
.page-top::before {
content: "";
position: absolute;
right: -25px;
top: -20px;
width: 1px;
height: 35px;
background-color: #666;
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
transform-origin: left bottom;
}
.page-top::after {
content: "";
position: absolute;
right: -26px;
top: -15px;
width: 8px;
height: 1px;
background-color: #666;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
}
.page-top:hover {
color: #999;
opacity: 0.6;
}
.page-top:hover::before {
top: -45px;
height: 60px;
opacity: 0.6;
}
.page-top:hover::after {
top: -40px;
opacity: 0.6;
}
.footer_info {
width: 42%;
position: relative;
margin-bottom: 35px;
}
.footer_logo-area {
margin-bottom: 50px;
}
.footer_logo-area a {
display: block;
width: 150px;
transition: all .8s;
}
.footer_logo {
display: block;
width: 148px;
margin: 0 0 10px 0;
}
.footer_logo-text {
color: #fff;
font-family: 'Libre Baskerville', serif;
font-size: 1.4rem;
letter-spacing: 0.06em;
}
.footer_shop-info {
color: #fff;
font-style: normal;
}
.footer_info::after {
display: none;
}
.footer_shop-info p {
margin-bottom: 15px;
font-size: 1.2rem;
}
.footer-gnav_wrap {
position: relative;
width: 50%;
margin: 0 0 0 8%;
}
.footer-gnav {
display: block;
}
.footer-gnav.gnav_col1::before {
display: block;
content: "";
position: absolute;
left: -60px;
top: 16px;
width: 20px;
height: 1px;
background-color: #fff;
transition: all .3s;
}
.footer-gnav.gnav_col1 {
width: 50%;
padding: 5px 0 0 0;
}
.footer-gnav.gnav_col2 {
width: 50%;
padding: 5px 0 0 10px;
}
.footer-gnav li {
position: relative;
margin: 0 0 10px 0;
}
.footer-gnav li:last-child {
margin-bottom: 0;
}
.footer-gnav .fnav01 {}
.footer-gnav .fnav02 {}
.footer-gnav .fnav03 {}
.footer-gnav .fnav04 {}
.footer-gnav .fnav05 {}
.footer-gnav .fnav06 {}
.footer-gnav .fnav07 {
margin-bottom: 30px;
}
.footer-gnav .fnav08 {}
.footer-gnav .fnav09 {
margin-bottom: 30px;
}
.footer-gnav a {
color: #fff;
position: relative;
display: inline-block;
font-size: 1.2rem;
line-height: 1.0;
letter-spacing: 0.05em;
transition: all .3s;
opacity: 1;
}
.footer-gnav a:hover {
opacity: 0.6;
}
.footer-gnav ul {
margin-left: 25px;
padding-top: 8px;
padding-bottom: 5px;
}
.footer-gnav ul li:before {
content: "";
position: absolute;
left: -15px;
top: 10px;
width: 6px;
height: 1px;
background-color: #ccc;
}
.footer-gnav ul li {
margin: 0 0 5px 0;
}
.footer-gnav ul li a {
font-size: 1.1rem;
line-height: 1.5;
letter-spacing: 0.14em;
}
.footer-gnav.gnav_col2 ul li a {
font-size: 1.1rem;
line-height: 1.5;
letter-spacing: 0.05em;
}
#top .footer-gnav li.fnav01 a,
#aboutus .footer-gnav li.fnav02 a,
#wedding .footer-gnav li.fnav03 a,
#jewelry-collections .footer-gnav li.fnav04 a,
#workshop .footer-gnav li.fnav05 a,
#faq .footer-gnav li.fnav06 a,
#blog .footer-gnav li.fnav07 a,
#contact .footer-gnav li.fnav08 a,
#privacy .footer-gnav li.fnav09 a {
color: #fff;
}
.footer_sns-link {
text-align: center;
margin-bottom: 15px;
}
.footer_sns-link a {
font-size: 1.4rem;
color: #fff;
transition: opacity .3s;
opacity: 1;
}
.footer_sns-link a:hover {
opacity: .6;
}
.footer_sns-link .sns-fb {}
.footer_sns-link .sns-ig img {
width: 16px;
}
.footer_images {
text-align: center;
font-size: 1.2rem;
color: #d5dbd7;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
padding-bottom: 35px;
}
.footer_images a{
color: #d5dbd7;
}
.footer_copyright {
line-height: 1.3;
text-align: center;
font-size: 1.2rem;
color: #fff;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
}
}  @media only screen and (min-width: 960px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
.pc-in {
display: none !important;
}
img {
width: 100%;
height: auto;
}  #contents-wrap {
position: relative;
opacity: 0;
transition: all 1.4s;
overflow: hidden;
}
#contents-wrap.fade-in {
opacity: 1;
}
.loader {
position: absolute;
top: calc(50% - 32px);
left: calc(50% - 32px);
width: 64px;
height: 64px;
}
.loader div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
box-sizing: border-box;
opacity: .8;
}
.loader .one {
border-top: 1px solid #a27e39;
animation: rotate-left 1.1s linear infinite;
}
.loader .two {
border-right: 1px solid #ca9f20;
animation: rotate-right 1.1s linear infinite;
}
.loader .three {
border-bottom: 1px solid #dab300;
animation: rotate-right 1.1s linear infinite;
}
.loader .four {
border-left: 1px solid #fef5b7;
animation: rotate-right 1.1s linear infinite;
}
@keyframes rotate-left {
0% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes rotate-right {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .trace-nav-set {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 1.0);
z-index: 10000;
transition: all .6s;
visibility: hidden;
opacity: 0;
}
.trace-nav-set.fixed {
visibility: visible;
opacity: 1;
z-index: 12000;
}
.trace-nav-set-inner {
display: flex;
padding: 13px 0 0;
}
.trace-nav_logo {
width: 165px;
height: auto;
padding-left: 30px;
}
.trace-nav {
width: calc(100% - 140px);
padding: 3px 30px 0 0;
text-align: right;
}
.trace-nav li {
display: inline-block;
margin-right: 1.5%;
vertical-align: middle;
padding-bottom: 13px;
}
.trace-nav li:last-child {
margin-right: 0;
}
.trace-nav li.gnav06 {
margin-right: 4%;
}
.trace-nav li a {
padding: 0;
letter-spacing: 0.1em;
font-size: 1.1rem;
color: #222;
transition: all .3s;
position: relative;
}
.trace-nav li a:hover {
color: #999;
}
#aboutus .trace-nav li.gnav01 a:after,
#wedding .trace-nav li.gnav02 a:after,
#marriage-ring .trace-nav li.gnav02 a:after,
#engagement-ring .trace-nav li.gnav02 a:after,
#jewelry-collections .trace-nav li.gnav03 a:after,
#workshop .trace-nav li.gnav04 a:after,
#faq .trace-nav li.gnav05 a:after,
#blog .trace-nav li.gnav06 a:after,
#contact .trace-nav li.gnav07 a:after,
#reservation .trace-nav li.gnav08 a:after {
content: "";
position: absolute;
left: 0px;
bottom: -8px;
width: 100%;
height: 1px;
background-color: #d5dad7;
}
.trace-nav>.trace-nav-dropdown {
position: relative;
}
.trace-nav-dropdown:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
.trace-nav-dropdown .trace-nav-dropdown-list {
position: absolute;
bottom: 0;
width: 100px;
margin-left: -15px;
padding: 10px 15px 0 15px;
background-color: #fff;
box-shadow: 0px 3px 7px -2px #777;
color: initial;
transform: translate(0, 100%);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.trace-nav-dropdown-list li {
width: 100%;
text-align: center;
}
#wedding .trace-nav li.gnav02 .trace-nav-dropdown-list li a {
color: #222;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
#wedding .trace-nav li.gnav02 .trace-nav-dropdown-list li a:hover {
color: #999;
}
#wedding .trace-nav li.gnav02 .trace-nav-dropdown-list li a:after,
#marriage-ring .trace-nav li.gnav02 .trace-nav-dropdown-list li a:after,
#engagement-ring .trace-nav li.gnav02 .trace-nav-dropdown-list li a:after {
content: none;
}
.trace-nav-dropdown-list {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.trace-nav-dropdown:hover .trace-nav-dropdown-list {
visibility: visible;
opacity: 1;
} .page-nation {
padding: 0 20px;
text-align: center;
}
.page-nation a,
.page-nation .current {
font-family: 'Crimson Text', serif;
margin: 0 2px 0;
padding: 0 10px;
font-size: 1.7rem;
letter-spacing: 0.03em;
}
.page-nation a {
transition: color .3s;
color: #999;
}
.page-nation a:hover {
color: #222;
}
.page-nation .current {
color: #222;
} .page-nation-detail {
position: relative;
margin: 100px auto 0;
padding-bottom: 0px;
font-size: 1.4rem;
border-bottom: none;
}
.page-nation span.prev,
.page-nation a.prev,
.page-nation span.next,
.page-nation a.next {
position: relative;
width: auto;
padding: 0 10px;
}
.page-nation span.next:after,
.page-nation a.next:after {
position: relative;
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #333;
border-left: none;
border-top: none;
right: 0px;
transform: rotate(-45deg);
transition: all .3s;
}
.page-nation a.next:hover::after {
right: -5px;
border-color: #999;
}
.page-nation span.prev:after,
.page-nation a.prev:after {
position: relative;
content: "";
display: block;
width: 8px;
height: 8px;
left: 0;
border: 1px solid #333;
border-right: none;
border-bottom: none;
transition: all .3s;
}
.page-nation a.prev:hover::after {
left: -5px;
border-color: #999;
}
.prev-btn {
margin-bottom: 15px;
}
.prev-btn a {
padding: 20px 15px 20px 30px;
background-color: #fff;
position: relative;
display: block;
line-height: 1.6;
color: #222;
letter-spacing: 0.08em;
text-align: left;
transition: all .3s;
opacity: 1;
}
.back-btn {
padding-top: 0;
}
.back-btn a {
display: none;
}
.next-btn {
text-align: right;
}
.next-btn a {
background-color: #fff;
padding: 20px 30px 20px 15px;
position: relative;
display: block;
color: #222;
letter-spacing: 0.08em;
line-height: 1.8;
transition: all .3s;
opacity: 1;
}
.prev-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 27px;
left: 15px;
border: 1px solid #222;
border-right: none;
border-bottom: none;
transform: rotate(-45deg);
transition: all .3s;
}
.prev-btn a:hover::after {
left: 10px;
border-color: #999;
}
.next-btn a:after {
position: absolute;
content: "";
display: block;
width: 6px;
height: 6px;
top: 28px;
right: 15px;
border: 1px solid #222;
border-left: none;
border-top: none;
transform: rotate(-45deg);
transition: all .3s;
}
.next-btn a:hover::after {
right: 10px;
border-color: #999;
}
.prev-btn a:hover,
.back-btn a:hover,
.next-btn a:hover {
opacity: 0.6;
} .sec-ttl {
margin-bottom: 30px;
}
.sec-ttl .jpn {
display: block;
margin-bottom: 8px;
font-size: 1.3rem;
letter-spacing: 0.08em;
line-height: 1.6;
}
.sec-ttl .eng {
font-family: 'Libre Baskerville', serif;
display: block;
font-size: 1.8rem;
letter-spacing: 0.2em;
} .sec-link {
position: relative;
padding-right: 40px;
font-size: 1.3rem;
letter-spacing: 0.08em;
transition: color .5s;
font-family: 'Libre Baskerville', serif;
}
.sec-link.jpn {
padding-right: 26px;
font-size: 1.4rem;
}
.sec-link:hover {
color: #999;
}
.sec-link::before {
content: "";
position: absolute;
right: 1px;
top: 50%;
width: 25px;
height: 1px;
background-color: #444;
-webkit-transition: .5s;
transition: all .5s;
}
.sec-link:hover::before {
position: absolute;
right: -4px;
width: 25px;
background-color: #999;
}
.sec-link::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 8px;
height: 1px;
background-color: #444;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-135deg);
-ms-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
-webkit-transition: .5s;
transition: all .5s;
}
.sec-link:hover::after {
position: absolute;
right: -5px;
background-color: #999;
} #header {} .top-header-nav-area {
position: relative;
width: 100%;
align-items: center;
height: 100px;
} .top-header-nav-area_logo {
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: auto;
margin: -25px auto 0 -75px;
z-index: 100;
transition: all 0.8s;
} .header-btn_online-shop_top-btn {
display: block;
width: 90vw;
min-width: 960px;
margin: 0 auto;
position: relative;
}
.header-btn_online-shop_top-btn a {
position: absolute;
display: block;
top: 15px;
right: 10px;
padding: 10px 13px;
background-color: #9ca49f;
font-family: 'Libre Baskerville', serif;
color: #fff;
letter-spacing: 0.1em;
font-size: 1rem;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.header-btn_online-shop_top-btn a:hover {
transition: all 0.8s;
background-color: #818d86;
}
.header-btn_online-shop_side-btn {
display: block;
max-width: 100%;
position: fixed;
top: 150px;
right: 40px;
z-index: 1000;
}
.header-btn_online-shop_side-btn a {
width: 150px;
position: relative;
display: block;
background-color: #9ca49f;
color: #fff;
font-family: 'Libre Baskerville', serif;
letter-spacing: 0.1em;
transform: translateX(100%) rotate(90deg);
transform-origin: bottom left;
border-top-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 8px;
padding: 10px 25px;
transition: all 0.8s;
transition-delay: 0.2s;
opacity: 0;
}
.header-btn_online-shop_side-btn a:hover {
background-color: #818d86;
}
.header-btn_online-shop_side-btn.fixed a {
opacity: 1;
} .header-nav-area {
width: 90vw;
min-width: 960px;
margin: 0 auto;
z-index: 0;
}
.header-gnav_container {
display: flex;
justify-content: space-between;
position: relative;
}
.gnav-l{
width: 50%;
}
.gnav-r{
width: 50%;
}
.header-nav-area .short{
display: none;
position: relative;
}
.header-gnav_pc {
display: flex;
position: relative;
}
.gnav-l .header-gnav_pc {
justify-content: end;
padding-right: 10.5vw;
}
.gnav-r .header-gnav_pc {
justify-content: start;
padding-left: 12vw;
}
.header-gnav_pc.nav {
top: 50px;
}
.header-gnav_pc li {
margin-right: 4%;
} .header-gnav_pc li {
opacity: 0;
transform: translateY(8px);
transition: all .8s;
}
.header-gnav_pc.fade-in .gnav01 {
opacity: 1;
transform: translateY(0);
}
.header-gnav_pc.fade-in .gnav02 {
opacity: 1;
transform: translateY(0);
transition-delay: .08s;
}
.header-gnav_pc.fade-in .gnav03 {
opacity: 1;
transform: translateY(0);
transition-delay: .16s;
}
.header-gnav_pc.fade-in .gnav04 {
opacity: 1;
transform: translateY(0);
transition-delay: .24s;
}
.header-gnav_pc.fade-in .gnav05 {
opacity: 1;
transform: translateY(0);
transition-delay: .3s;
}
.header-gnav_pc.fade-in .gnav06 {
opacity: 1;
transform: translateY(0);
transition-delay: .38s;
}
.header-gnav_pc.fade-in .gnav07 {
opacity: 1;
transform: translateY(0);
transition-delay: .46s;
}
.header-gnav_pc.fade-in .gnav08 {
opacity: 1;
transform: translateY(0);
transition-delay: .54s;
margin-right: 0;
}
.header-gnav_pc li a {
position: relative;
display: inline-block;
word-break: break-all;
color: #222;
font-size: 1.0rem;
line-height: 1.0;
letter-spacing: 0.14em;
font-family: 'Libre Baskerville', serif; vertical-align: top;
transition: color .3s;
}
.header-gnav_pc li a:hover {
color: #999;
}
.header-gnav_pc>.header-gnav-dropdown {
position: relative;
}
.header-gnav-dropdown:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
.header-gnav-dropdown .header-gnav-dropdown-list {
position: absolute;
bottom: -5px;
left: -50%;
width: 140px;
margin-left: -15px;
padding: 15px 10px;
background-color: #fff;
box-shadow: 0px 3px 7px -2px #777;
color: initial;
transform: translate(0, 100%);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.header-gnav-dropdown-list li {
opacity: 1;
width: 100%;
text-align: center;
}
.header-gnav-dropdown-list li a {
line-height: 1.5;
letter-spacing: 0.1em;
color: #222;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.header-nav li.gnav02 .header-gnav-dropdown-list li a:hover {
color: #999;
}
.header-gnav-dropdown-list li.gnav02-1 {
margin-bottom: 15px;
}
.header-gnav-dropdown-list {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.header-gnav-dropdown:hover .header-gnav-dropdown-list {
visibility: visible;
opacity: 1;
} .page-visual-area {
position: relative;
padding: 0px;
margin: 0 auto 60px;
width: 100%; }
.page-visual-area figure {
display: block;
overflow: hidden;
}
.page-visual-area figure img {
height: 300px;
object-fit: cover;
font-family: 'object-fit: cover';
transform-origin: 0 0;
object-position: 50% 55%;
}
.page-visual-area picture {
position: relative;
display: block;
overflow: hidden;
}
.page-visual-area picture img {
height: 400px;
object-fit: cover;
font-family: 'object-fit: cover';
transform: scale(1);
transform-origin: 0 0;
object-position: 50% 50%;
}
.page-ttl {
position: relative;
text-align: center;
height: auto;
}
#aboutus .page-ttl,
#wedding .page-ttl,
#marriage-ring .page-ttl,
#engagement-ring .page-ttl,
#jewelry-collections .page-ttl,
#workshop .page-ttl {
color: #fff;
position: absolute;
top: 45%;
width: 100%;
text-align: center;
padding-top: 0;
}
.page-ttl .eng,
.page-ttl .eng2 {
display: inline-block;
margin-bottom: 1px;
font-family: 'Libre Baskerville', serif;
font-size: 2.0rem;
letter-spacing: 0.2em;
line-height: 1.9;
opacity: 0;
}
.page-ttl .eng span {
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng2 span {
transition-delay: .60s;
display: inline-block;
opacity: 0;
transform: translateY(6px);
transition-property: all;
transition-timing-function: cubic-bezier(.12, .59, .41, .95);
transition-duration: 1.2s;
}
.page-ttl .eng span.move,
.page-ttl .eng2 span.move {
opacity: 1;
transform: translateY(0);
}
.page-ttl .jpn {
display: block;
font-size: 1.3rem;
letter-spacing: 0.12em;
transform: scale(0.9);
transform-origin: center top;
transition: all .8s;
opacity: 0;
transform: translateY(6px);
}
.page-ttl .jpn.fade-in {
opacity: 1;
transform: translateY(0);
}
.page-ttl_box {
position: relative;
margin: 0 auto;
width: 40vw;
padding: 50px 0;
background-color: #fff;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.page-ttl_box::after {
position: absolute;
content: "";
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
z-index: 0;
transform: scale(1.0);
transition: all 1.5s;
transition-delay: .75s;
opacity: 0;
transform: translateY(10px);
}
.page-ttl_box.fade-in::after {
opacity: 1;
transform: translateY(0);
}
.category-ttl {
font-family: 'Crimson Text', serif;
position: relative;
padding: 20px 0;
width: 100%;
font-size: 1.5rem;
margin: 0 auto;
text-align: center;
transition: all 1.2s;
transition-delay: .60s;
opacity: 0;
}
.category-ttl::before {
content: "";
position: absolute;
left: 50%;
top: -5px;
width: 1px;
height: 18px;
background-color: #cccccc;
transition: all 0.8s;
opacity: 0;
}
.category-ttl.fade-in::before {
opacity: 1;
}
.category-ttl span {
margin-left: 5px;
font-size: 2rem;
letter-spacing: 0.12em;
}
.category-ttl.fade-in {
opacity: 1;
}
#faq .page-ttl_box::after {
width: 104px;
height: 170px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower05.png);
right: -35px;
bottom: -25px;
}
#blog .page-ttl_box::after {
width: 112px;
height: 180px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower08.png);
right: -35px;
bottom: -30px;
}
#contact .page-ttl_box::after {
width: 123px;
height: 180px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower06.png);
left: -30px;
bottom: -30px;
}
#reservation .page-ttl_box::after {
width: 122px;
height: 180px;
background-image: url(//www.toumeina.com/wordpress/wp-content/themes/toumeina24/assets/images/page/flower01.png);
right: -40px;
bottom: -30px;
} .intro-text {
margin-bottom: 35px;
font-size: 1.5rem;
text-align: center;
line-height: 2.0;
}  .article-cont {
display: flex;
max-width: 1180px;
margin: 0 auto;
padding: 0 40px 0;
} .article-main {
width: 66%;
margin: 0 10% 100px 0;
padding: 0;
}
.article-list {
display: block;
margin: 0 0 80px 0;
padding: 0 3%;
}
.article-list li {
width: 100%;
margin: 0 0 30px 0;
padding-bottom: 30px;
border-bottom: 1px solid #E5E5E5;
}
.article-list li:nth-child(odd) {
margin: 0 0 30px 0;
}
.article-list li:last-child {
margin: 0;
}
.article-list li a {
display: flex;
transition: opacity .6s;
}
.article-list li a:hover {
opacity: .7;
}
.article-list li a img {
width: 270px;
height: 22vh;
}
.article-list_img {
margin: 0 30px 0 0;
}
.article-list_inner {
width: calc(100% - 210px);
}
.article-list_info {
margin-bottom: 10px;
padding-top: 5px;
vertical-align: top;
}
.article-list_date {
font-family: "Crimson Text", serif;
display: inline-block;
font-size: 1.2rem;
color: #666;
margin-right: 35px;
}
.article-list_category {
font-family: "Crimson Text", serif;
color: #ffffff;
background-color: #9ca49f;
padding: 3px 5px 2px;
border-radius: 3px;
font-size: 1.1rem;
letter-spacing: 0.12em;
position: relative;
}
.article-list_category::before {
content: "";
position: absolute;
left: -25px;
top: 8px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article-list_ttl {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.1em;
} .article-side {
width: 24%;
padding: 0;
}
.article-side-link {
margin-bottom: 65px;
}
.article-side-link:last-child {
margin-bottom: 0;
}
.article-side-link_ttl {
margin-bottom: 25px;
font-size: 1.9rem;
letter-spacing: 0.1em;
line-height: 2;
}
.article-side-link ul {}
.article-side-link ul li {
position: relative;
margin-bottom: 18px;
padding-left: 22px;
}
.article-side-link ul li a {
position: relative;
display: inline;
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 0.03em;
transition: color .3s
}
.article-side-link ul li a:hover {
color: #666;
}
.article-side-link ul li a::before {
content: "";
position: absolute;
left: -21px;
top: 8px;
width: 8px;
height: 1px;
background-color: #222;
transition: all .3s;
}
.article-side-link ul li a:hover::before {
position: absolute;
left: -16px;
background-color: #666;
}
.article-side-link ul li .post-date {
font-family: "Crimson Text", serif;
font-size: 1.1rem;
color: #999;
margin-left: 5px;
display: inline-block;
margin-bottom: 2px;
}
.article-side-link .search-form input#s {
font-size: 1.4rem;
border: 1px solid #ccc;
background: #fff;
color: #222;
padding: 8px 8px 8px 10px;
width: 100%;
vertical-align: middle;
}
.article-side-link#archives-5 {
position: relative;
}
.article-side-link select {
font-size: 1.4rem;
background: #fff;
border-radius: 0;
line-height: 1;
letter-spacing: 0.1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
vertical-align: middle;
border: 1px solid #ccc;
padding: 10px 10px 10px 12px;
color: #666;
}
.article-side-link#archives-5:after {
position: absolute;
left: 90%;
bottom: 15px;
content: "";
display: block;
width: 7px;
height: 7px;
border: 1px solid #666;
border-right: none;
border-top: none;
transform: rotate(-45deg);
} .article_detail_cont {
padding: 0;
}
.article_detail_info {
margin-bottom: 30px;
vertical-align: top;
}
.article_detail_date {
font-family: "Crimson Text", serif;
margin: 0 0 2px 0;
font-size: 1.2rem;
color: #666;
}
.article_detail_category {
position: relative;
color: #9ca49f;
padding-left: 20px;
}
.article_detail_category::before {
content: "";
position: absolute;
left: 3px;
top: 9px;
width: 10px;
height: 1px;
background-color: #cccccc;
transition: all .8s;
transition-delay: .20s;
opacity: 1;
}
.article_detail_category a {
font-family: "Crimson Text", serif;
color: #9ca49f;
font-size: 1.2rem;
letter-spacing: 0.12em;
position: relative;
margin: 0 3px;
transition: all .3s;
}
.article_detail_category a:hover {
color: #818d86;
}
.article_detail_ttl {
margin-bottom: 40px;
padding-bottom: 35px;
border-bottom: 1px solid #eee;
font-size: 2.0rem;
line-height: 1.6;
}
.article_detail_body {
margin-bottom: 100px;
}
.article_detail_body p {
margin-bottom: 20px;
font-size: 1.5rem;
letter-spacing: 0.08em;
}
.article_detail_body p.ref {
color: #777;
font-size: 1.3rem;
}
.article_detail_body figure {
margin-bottom: 25px;
}
.article_detail_body p a {
text-decoration: underline;
}
.article_detail_body p a:hover {
text-decoration: none;
}
.article_detail_body p:last-child {
margin-bottom: 0;
}
.article_detail_body .wp-block-quote{
margin-bottom: 25px;
padding: 15px 15px 15px;
background-color: #eeedec;
}
.article_detail_body .wp-block-quote p{
font-size: 1.3rem;
line-height: 2.0;
margin-bottom: 10px;
}
.article_detail_body .wp-block-details {
margin-bottom: 25px;
padding: 10px 15px 5px;
background-color: #eeedec
}
.article_detail_body .wp-block-details summary {
margin-bottom: 5px;
font-size: 1.4rem;
line-height: 2.0;
}
.article_detail_body .wp-block-details p {
margin-bottom: 5px;
font-size: 1.3rem;
line-height: 2.0;
} .form-input-tbl {
max-width: 800px;
margin: 0 auto;
}
.form-input-tbl th {
display: inline-block;
width: 35%;
margin-bottom: 30px;
padding-top: 10px;
font-size: 1.4rem;
vertical-align: top;
color: #222;
letter-spacing: 0.07em;
}
.form-input-tbl td {
display: inline-block;
width: 65%;
margin-bottom: 30px;
font-size: 1.4rem;
vertical-align: top;
color: #222;
} .input-text {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 100%;
height: 45px;
box-sizing: border-box;
padding: 3px 8px;
border: 1px solid #ccc;
background-color: #F7F7F7;
color: #222;
vertical-align: middle;
font-size: 1.4rem;
}
.input-text.short {
width: 80%;
}
.textarea {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
box-sizing: border-box;
width: 100%;
padding: 10px 10px;
border: 1px solid #ccc;
background-color: #F7F7F7;
font-size: 1.4rem;
line-height: 2;
}
.input-select {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
width: 16em;
height: 40px;
margin-right: 5px;
padding: 7px 8px;
border: 1px solid #ccc;
background-color: #F7F7F7;
color: #222;
font-size: 1.4rem;
line-height: 1.6;
vertical-align: middle;
}
.submit-btn-wrapper {
box-sizing: border-box;
max-width: 600px;
margin: 0 auto;
}
.submit-btn {
font-family: YakuHanMPs_Noto, 'Noto Serif', 'Noto Serif JP', serif;
display: block;
width: 260px;
margin: 20px auto 0;
padding: 20px 0;
border: #444 1px solid;
background-color: #444;
text-align: center;
font-size: 1.6rem;
color: #fff;
line-height: 1.5;
cursor: pointer;
transition: all .5s;
opacity: 1;
}
.submit-btn:hover {
opacity: 0.6;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
border: 1px solid #999;
outline: 0;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
background-color: #444;
color: #fff;
border: 1px solid #444;
outline: 0;
}
.required-input-mark {
color: #f30c5c;
font-size: 1.4rem;
}
.form-alert-text {
margin-bottom: 35px;
font-size: 1.4rem;
line-height: 2.2;
text-align: left;
} #footer {
position: relative;
margin-top: 100px;
} .footer-inner {
position: relative;
padding: 80px 10% 30px;
display: flex;
}
.page-top {
font-size: 1.0rem;
color: #fff;
position: absolute;
top: 55px;
right: 90px;
z-index: 10;
}
.page-top::before {
content: "";
position: absolute;
right: -25px;
top: -20px;
width: 1px;
height: 35px;
background-color: #fff;
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
transform-origin: left bottom;
}
.page-top::after {
content: "";
position: absolute;
right: -26px;
top: -15px;
width: 8px;
height: 1px;
background-color: #fff;
margin-top: -2px;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
-webkit-transition: .5s;
transition: all .5s;
opacity: 1;
}
.page-top:hover {
color: #fff;
opacity: 0.6;
}
.page-top:hover::before {
top: -45px;
height: 60px;
opacity: 0.6;
}
.page-top:hover::after {
top: -40px;
opacity: 0.6;
}
.footer_info {
width: 42%;
position: relative;
margin-bottom: 35px;
}
.footer_logo-area {
margin-bottom: 50px;
}
.footer_logo-area a {
display: block;
width: 150px;
transition: all .8s;
}
.footer_logo {
display: block;
width: 148px;
margin: 0 0 10px 0;
}
.footer_logo-text {
color: #fff;
font-family: 'Libre Baskerville', serif;
font-size: 1.4rem;
letter-spacing: 0.06em;
}
.footer_shop-info {
color: #fff;
font-style: normal;
}
.footer_shop-info p {
margin-bottom: 15px;
font-size: 1.3rem;
}
.footer-gnav_wrap {
position: relative;
width: 50%;
margin: 0 0 0 8%;
}
.footer-gnav {
display: block;
}
.footer-gnav.gnav_col1::before {
display: block;
content: "";
position: absolute;
left: -80px;
top: 16px;
width: 20px;
height: 1px;
background-color: #fff;
transition: all .3s;
}
.footer-gnav.gnav_col1 {
width: 50%;
padding: 5px 0 0 0;
}
.footer-gnav.gnav_col2 {
width: 50%;
padding: 5px 0 0 10px;
}
.footer-gnav li {
position: relative;
margin: 0 0 8px 0;
}
.footer-gnav li:last-child {
margin-bottom: 0;
}
.footer-gnav .fnav01 {}
.footer-gnav .fnav02 {}
.footer-gnav .fnav03 {}
.footer-gnav .fnav04 {}
.footer-gnav .fnav05 {}
.footer-gnav .fnav06 {}
.footer-gnav .fnav07 {
margin-bottom: 30px;
}
.footer-gnav .fnav08 {}
.footer-gnav .fnav09 {
margin-bottom: 30px;
}
.footer-gnav a {
color: #fff;
position: relative;
display: inline-block;
font-size: 1.2rem;
line-height: 1.0;
letter-spacing: 0.14em;
transition: all .3s;
opacity: 1;
}
.footer-gnav a:hover {
opacity: 0.6;
}
.footer-gnav ul {
margin-left: 25px;
padding-top: 8px;
padding-bottom: 5px;
}
.footer-gnav ul li:before {
content: "";
position: absolute;
left: -15px;
top: 10px;
width: 6px;
height: 1px;
background-color: #ccc;
}
.footer-gnav ul li {
margin: 0 0 5px 0;
}
.footer-gnav ul li a {
font-size: 1.1rem;
line-height: 1.5;
letter-spacing: 0.14em;
}
.footer-gnav.gnav_col2 ul li a {
font-size: 1.1rem;
line-height: 1.5;
letter-spacing: 0.14em;
}
#top .footer-gnav li.fnav01 a,
#aboutus .footer-gnav li.fnav02 a,
#wedding .footer-gnav li.fnav03 a,
#jewelry-collections .footer-gnav li.fnav04 a,
#workshop .footer-gnav li.fnav05 a,
#faq .footer-gnav li.fnav06 a,
#blog .footer-gnav li.fnav07 a,
#contact .footer-gnav li.fnav08 a,
#privacy .footer-gnav li.fnav09 a {
color: #fff;
}
.footer_sns-link {
text-align: center;
margin-bottom: 15px;
}
.footer_sns-link a {
font-size: 1.4rem;
color: #fff;
transition: opacity .3s;
opacity: 1;
}
.footer_sns-link a:hover {
opacity: .6;
}
.footer_sns-link .sns-fb {}
.footer_sns-link .sns-ig img {
width: 16px;
}
.footer_images {
text-align: center;
font-size: 1.2rem;
color: #d5dbd7;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
padding-bottom: 35px;
}
.footer_images a{
color: #d5dbd7;
}
.footer_copyright {
line-height: 1.3;
text-align: center;
font-size: 1.2rem;
color: #fff;
letter-spacing: 0.08em;
transform: scale(0.9);
transform-origin: center top;
}
}  @media only screen and (min-width: 1201px) {  #header {}
#top #header {
margin-bottom: 100px;
} .top-header-nav-area_logo {
position: absolute;
top: 50%;
left: 50%;
width: 164px;
height: auto;
margin: -25px auto 0 -82px;
z-index: 100;
}
.top-header-nav-area_logo .logo-type {
display: block;
width: 100%;
margin: 2px auto 0;
transition: all 1.5s;
opacity: 0;
transform: translateY(0);
}
.top-header-nav-area_logo .logo-type.fade-in {
opacity: 1;
transform: translateY(0);
}
.top-header-nav-area_logo .logo-type.logo-text {
margin: 7px auto 0;
width: 140px;
} .st1 {
fill: none;
stroke: #fff;
stroke-width: 2.5;
stroke-linejoin: round;
stroke-miterlimit: 10;
} .top-header-nav-area {
position: relative;
width: 100%;
align-items: center;
height: 110px;
}
.header-btn_online-shop_top-btn {
display: block;
width: 80vw;
min-width: 1180px;
margin: 0 auto;
position: relative;
}
.header-btn_online-shop_top-btn a {
position: absolute;
display: block;
top: 15px;
right: 2%;
padding: 10px 25px;
background-color: #9ca49f;
font-family: 'Libre Baskerville', serif;
color: #fff;
letter-spacing: 0.12em;
font-size: 1.1rem;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.header-btn_online-shop_top-btn a:hover {
transition: all 0.8s;
background-color: #818d86;
}
.header-btn_online-shop_side-btn {
display: block;
max-width: 100%;
position: fixed;
top: 150px;
right: 40px;
z-index: 1000;
}
.header-btn_online-shop_side-btn a {
width: 150px;
position: relative;
display: block;
background-color: #9ca49f;
color: #fff;
font-family: 'Libre Baskerville', serif;
letter-spacing: 0.1em;
transform: translateX(100%) rotate(90deg);
transform-origin: bottom left;
border-top-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 8px;
padding: 10px 25px;
transition: all 0.8s;
transition-delay: 0.2s;
opacity: 0;
}
.header-btn_online-shop_side-btn a:hover {
background-color: #818d86;
}
.header-btn_online-shop_side-btn.fixed a {
opacity: 1;
} .header-nav-area {
width: 80vw;
min-width: 1180px;
margin: 0 auto;
}
.header-gnav_container {
display: flex;
justify-content: space-between;
position: relative;
}
.gnav-l{
width: 50%;
}
.gnav-r{
width: 50%;
}
.header-nav-area .short{
display: inline-block;
margin-left: 5px;
}
.header-gnav_pc {
display: flex;
position: relative;
}
.gnav-l .header-gnav_pc {
justify-content: end;
padding-right: 8.5vw;
}
.gnav-r .header-gnav_pc {
justify-content: start;
padding-left: 10vw;
}
.header-gnav_pc.nav {
top: 50px;
}
.header-gnav_pc li {
margin-right: 5%;
}
.header-gnav-dropdown-list li{
margin-left: 0;
} .header-gnav_pc.fade-in .gnav01 {
opacity: 1;
transform: translateY(0);
}
.header-gnav_pc.fade-in .gnav02 {
opacity: 1;
transform: translateY(0);
transition-delay: .08s;
}
.header-gnav_pc.fade-in .gnav03 {
opacity: 1;
transform: translateY(0);
transition-delay: .16s;
}
.header-gnav_pc.fade-in .gnav04 {
opacity: 1;
transform: translateY(0);
transition-delay: .24s;
}
.header-gnav_pc.fade-in .gnav05 {
opacity: 1;
transform: translateY(0);
transition-delay: .3s;
}
.header-gnav_pc.fade-in .gnav06 {
opacity: 1;
transform: translateY(0);
transition-delay: .38s;
}
.header-gnav_pc.fade-in .gnav07 {
opacity: 1;
transform: translateY(0);
transition-delay: .46s;
}
.header-gnav_pc.fade-in .gnav08 {
opacity: 1;
transform: translateY(0);
transition-delay: .54s;
margin-right: 0;
}
.header-gnav_pc li a {
display: inline-block;
position: relative;
font-size: 1.0rem;
line-height: 1.0;
letter-spacing: 0.14em;
font-family: 'Libre Baskerville', serif; vertical-align: top;
transition: color .3s;
}
.header-gnav_pc li a:hover {
color: #999;
}
.header-gnav-dropdown-list li a {
line-height: 1.5;
letter-spacing: 0.1em;
color: #222;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.trace-nav li.gnav08 {
margin-right: 2.5%;
}
.article-list li a img {
width: 300px;
height: 25vh;
}
}@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #666666;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 30;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 25px;
height: 1px;
display: inline-block;
border-radius: 0;
background: #cccccc;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}