@charset 'UTF-8';
@charset "UTF-8";
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function get_template_part() in /home/createway2021/www/hoshiyama.co.jp/wp-content/themes/RWD/index.php:2
Stack trace:
#0 {main}
thrown in <b>/home/createway2021/www/hoshiyama.co.jp/wp-content/themes/RWD/index.php</b> on line <b>2</b><br />
     html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
* {
box-sizing: border-box;
} .cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
} .cf {
*zoom: 1;
}         *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}          * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
word-wrap: break-word;
font-size: 62.5%;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #000;
background-color: white;
font-weight: 400;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
@media only screen and (max-width: 834px) {
body {
font-size: 1.4rem;
line-height: 1.4;
}
}
@media print, screen and (min-width: 835px) {
body {
font-size: 1.6rem;
line-height: 1.6;
}
}
h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li,
dl, dt, dd,
p {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
list-style: none;
}
i, em {
font-style: normal;
}
img {
border: none;
margin: 0;
padding: 0;
}
figure {
display: block;
margin: 0;
}
a, *:focus {
outline: none;
}
*::-moz-selection {
background: #858585;
color: #FFF;
}
*::selection {
background: #858585;
color: #FFF;
}
*::-moz-selection {
background: #858585;
color: #FFF;
}
.hide {
display: none !important;
}
@media only screen and (max-width: 834px) {
.hideSP {
display: none !important;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.hideTL {
display: none !important;
}
}
@media print, screen and (min-width: 1220px) {
.hideDT {
display: none !important;
}
}
@media print, screen and (min-width: 835px) {
.hidePC {
display: none !important;
}
}
main {
margin: 0 auto; }
a {
outline: none;
}
a *:focus {
outline: 0;
}
a:link {
color: #858585;
}
a:visited {
color: #858585;
}
a:hover {
color: #858585;
text-decoration: none;
}
a:active {
color: #858585;
}
.none li {
width: 100% !important;
max-width: 100% !important;
text-align: center;
}
.noitem {
width: 100% !important;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.noitem li {
display: inline-block;
}
.lazyload {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: all 0.5s;
}         .header {
width: 100%;
display: block;
background-color: #FFF;
transition: none;
position: sticky;
top: 0;
z-index: 100;    }
.header__container {
display: block;
max-width: none;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
border-bottom: 1px solid #DEDEDE;
position: relative;     }
@media only screen and (max-width: 834px) {
.header__container {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.header__container {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.header__container {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.header__container {
height: 60px;
}
}
@media print, screen and (min-width: 835px) {
.header__container {
height: 90px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container {
justify-content: space-between;
}
}
.header__container #logo {
transition: all 0.2s ease-out;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 2;
}
@media only screen and (max-width: 834px) {
.header__container #logo {
width: 26px;
height: 24px;
left: 20px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #logo {
width: 39px;
height: 36px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container #logo {
left: 30px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.header__container #logo {
left: 40px;
}
}
.header__container #logo a {
height: 0;
background: url(//www.hoshiyama.co.jp/assets/images/common/logo.svg) no-repeat left top/contain;
display: block;
overflow: hidden;
}
@media only screen and (max-width: 834px) {
.header__container #logo a {
width: 26px;
padding-top: 24px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #logo a {
width: 　39px;
padding-top: 36px;
}
}
.header__container #logo a:hover {
opacity: 0.8;
}
.header__container #head-name {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.header__container #head-name {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 834px) and (max-width: 360px) {
.header__container #head-name {
font-size: 1.4rem;
margin-right: auto;
padding-left: 34px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #head-name {
font-size: 1.3rem;
line-height: 1.4;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container #head-name {
margin-left: 60px;
}
}
.header__container #head-name span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
}
@media only screen and (max-width: 834px) {
.header__container #head-name span {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.header__container #head-name span {
display: block;
font-size: 2.2rem;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1610px) {
.header__container #head-name span {
font-size: 2.8rem;
}
}
.header__container .list01 {
display: none;
}
@media print, screen and (min-width: 1470px) {
.header__container .list01 {
display: block;
width: 100%;
max-width: 400px;
display: flex;
margin-left: 65px;
}
}
@media print, screen and (min-width: 1470px) and (min-width: 1610px) {
.header__container .list01 {
max-width: 430px;
}
}
@media print, screen and (min-width: 1470px) {
.header__container .list01 li {
text-align: center;
font-size: 1.4rem;
}
.header__container .list01 li:nth-child(n+2) {
margin-left: 40px;
}
.header__container .list01 li a {
color: #000;
font-weight: 700;
}
.header__container .list01 li a span {
font-size: 1.2rem;
display: block;
}
.header__container .list01 li a:hover {
opacity: 0.8;
}
}
@media only screen and (max-width: 834px) {
.header__container .list02 {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.header__container .list02 {
width: 100%;
max-width: 440px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1470px) {
.header__container .list02 {
max-width: 455px;
margin-right: 60px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container .list02 {
width: 200px;
justify-content: flex-end;
margin-right: 60px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container .list02 li:nth-child(1) {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.header__container .list02 li:nth-child(1) a::before {
content: "";
margin-right: 10px;
width: 17px;
height: 16px;
background: url(//www.hoshiyama.co.jp/assets/images/common/contact-icon.svg) no-repeat left top/contain;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container .list02 li:nth-child(2) {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.header__container .list02 li:nth-child(2) a::before {
content: "";
margin-right: 10px;
width: 16px;
height: 17px;
background: url(//www.hoshiyama.co.jp/assets/images/common/recruit-icon.svg) no-repeat left top/contain;
}
.header__container .list02 li:nth-child(2) a::after {
content: "";
margin-left: 8px;
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
}
.header__container .list02 li:nth-child(3) {
width: 100%;
max-width: 200px;
}
.header__container .list02 li:nth-child(3) a {
width: 100%;
height: 50px;
border: 2px solid #000;
}
.header__container .list02 li:nth-child(3) a:hover {
border-width: 3px;
opacity: 1;
}
.header__container .list02 li:nth-child(3) a::before {
content: "";
margin-right: 10px;
width: 34px;
height: 34px;
background: url(//www.hoshiyama.co.jp/assets/images/common/cart-icon.svg) no-repeat left top/contain;
}
.header__container .list02 li:nth-child(3) a::after {
content: "";
margin-left: 10px;
margin-right: 10px;
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
}
.header__container .list02 li a {
color: #000;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease-out;
}
.header__container .list02 li a:hover {
opacity: 0.8;
}
}
.header__container #menuButton {
color: #000;
font-size: 1.4rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
touch-action: manipulation;
transition: all 0.2s ease-out;
position: fixed;
z-index: 10;
}
@media only screen and (max-width: 834px) {
.header__container #menuButton {
width: 28px;
height: 26px;
top: 17px;
right: 20px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton {
width: 40px;
height: 28px;
top: 30px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.header__container #menuButton {
right: 30px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.header__container #menuButton {
right: 40px;
}
}
.header__container #menuButton .icon {
height: 2px;
background: #000;
display: block;
position: relative;
transition-property: background-color, transform;
transition-duration: 0.4s;
}
@media only screen and (max-width: 834px) {
.header__container #menuButton .icon {
width: 28px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton .icon {
width: 40px;
}
}
.header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
height: 2px;
content: "";
background: #000;
display: block;
transition-property: background-color, transform;
transition-duration: 0.4s;
position: absolute;
}
@media only screen and (max-width: 834px) {
.header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
width: 28px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
width: 40px;
}
}
@media only screen and (max-width: 834px) {
.header__container #menuButton .icon::before {
top: -12px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton .icon::before {
top: -13px;
}
}
@media only screen and (max-width: 834px) {
.header__container #menuButton .icon::after {
top: 12px;
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton .icon::after {
top: 13px;
}
}
.header__container #menuButton.active {
opacity: 0;
}
.header__container #menuButton.active .icon {
background: none;
}
@media only screen and (max-width: 834px) {
.header__container #menuButton.active .icon::before {
transform: translateY(12px) rotate(45deg);
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton.active .icon::before {
transform: translateY(13px) rotate(45deg);
}
}
@media only screen and (max-width: 834px) {
.header__container #menuButton.active .icon::after {
transform: translateY(-12px) rotate(-45deg);
}
}
@media print, screen and (min-width: 835px) {
.header__container #menuButton.active .icon::after {
transform: translateY(-13px) rotate(-45deg);
}
}
.header #globalNavi {
width: 100%;
height: 100%;
transition: all 0.1s ease-out;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
}
.header #globalNavi.active {
transition: all 0.1s ease-out;
}
.header #globalNavi.active nav {
right: 0;
}
.header #globalNavi nav {
width: 100%;
height: 100%;
background: #FFF;
filter: drop-shadow(-2px 0px 4px rgba(0, 0, 0, 0.1));
position: fixed;
top: 0;
right: -100%;
z-index: 999;
transition: right 0.2s;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #F9F9F9;
}
@media only screen and (max-width: 834px) {
.header #globalNavi nav {
max-width: 320px;
padding: 30px 20px;
}
}
@media print, screen and (min-width: 835px) {
.header #globalNavi nav {
max-width: 420px;
padding: 30px 20px;
}
}
.header #globalNavi nav #gN-close {
height: 30px;
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.header #globalNavi nav #gN-close button {
width: 30px;
height: 30px;
display: block;
background: none;
border: none;
cursor: pointer;
position: relative;
}
.header #globalNavi nav #gN-close button::before, .header #globalNavi nav #gN-close button::after {
width: 40px;
height: 2px;
content: "";
background: #000;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -5px;
margin: auto 0;
z-index: 2;
}
.header #globalNavi nav #gN-close button::before {
transform: rotate(45deg);
}
.header #globalNavi nav #gN-close button::after {
transform: rotate(-45deg);
}
.header #globalNavi nav > p.store-link {
width: 100%;
max-width: 200px;
margin-top: 20px;
margin-bottom: 15px;
}
.header #globalNavi nav > p.store-link a {
width: 100%;
height: 50px;
color: #000;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border: 2px solid #000;
transition: all 0.2s ease-out;
}
.header #globalNavi nav > p.store-link a:hover {
border-width: 3px;
}
.header #globalNavi nav > p.store-link a::before {
content: "";
margin-right: 10px;
width: 34px;
height: 34px;
background: url(//www.hoshiyama.co.jp/assets/images/common/cart-icon.svg) no-repeat left top/contain;
}
.header #globalNavi nav > p.store-link a::after {
content: "";
margin-left: 10px;
margin-right: 10px;
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
}
.header #globalNavi nav > ul {
margin-bottom: 25px;
font-weight: 700;
}
.header #globalNavi nav > ul > li {
font-size: 1.6rem; border-bottom: 1px solid #DEDEDE; }
.header #globalNavi nav > ul > li > a {
width: 100%;
padding: 15px 0 15px 0;
display: block;
color: #333;
text-decoration: none;
transition: all 0.2s ease-out;
font-weight: 700;
}
.header #globalNavi nav > ul > li > a span { padding-right: 1em;
}
.header #globalNavi nav > ul > li > a:hover { }
.header #globalNavi nav > ul > li .ac-parent {
position: relative; padding: 15px 0 15px 0;
color: #333;
text-align: left;
cursor: pointer;
font-weight: 700;
}
.header #globalNavi nav > ul > li .ac-parent::after {
content: "";
display: inline-block;
position: absolute;
top: 45%;
right: 10px;
width: 10px;
height: 10px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: translateY(-50%) rotate(45deg);
transition: 0.3s;
}
.header #globalNavi nav > ul > li .ac-parent.open:after {
transform: rotate(225deg);
}
.header #globalNavi nav > ul > li .ac-child {
display: none;
padding-bottom: 20px;
}
.header #globalNavi nav > ul > li .ac-child li {
position: relative;
display: flex;
}
.header #globalNavi nav > ul > li .ac-child li:before {
width: 10px;
height: 2px;
content: "";
background: #000;
display: block;
margin-left: 0;
margin-top: 11px;
margin-right: 15px;
}
.header #globalNavi nav > ul > li .ac-child li a {
color: #333;
}
.header #globalNavi nav > ul > li .ac-child li:nth-child(n+2) {
margin-top: 10px;
}
.header #globalNavi nav > ul > li:last-child a {
position: relative;
display: flex;
align-items: center;
}
.header #globalNavi nav > ul > li:last-child a::after {
content: "";
margin-left: 8px;
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
} #sidemenu {
width: 100%;
position: fixed;
z-index: 2;
}
@media print, screen and (min-width: 835px) {
#sidemenu {
right: 0;
bottom: 0;
display: flex;
flex-flow: column;
align-items: flex-end;
}
}
@media only screen and (max-width: 834px) {
#sidemenu {
right: 0;
max-width: 230px;
bottom: 10px;
margin: auto;
padding: 0 10px;
}
}
#sidemenu .banner {
max-width: 280px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
margin-right: 20px;
}
#sidemenu .banner a {
display: block;
transition: all 0.2s ease-out;
}
#sidemenu .banner a:hover {
opacity: 0.8;
}
#sidemenu .banner img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
#sidemenu .banner {
margin-right: 10px;
}
}
@media only screen and (max-width: 834px) {
#sidemenu .info {
display: none;
}
}
@media print, screen and (min-width: 835px) {
#sidemenu .info {
width: 100%;
max-width: 800px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background: #FFF;
margin-top: 35px;
position: relative;
}
}
@media print, screen and (min-width: 835px) {
#sidemenu .info .list {
color: #000;
text-decoration: none;
}
#sidemenu .info .list:hover .body time,
#sidemenu .info .list:hover .body > p {
opacity: 0.8;
}
}
#sidemenu .info .list figure {
display: none !important;
}
@media print, screen and (min-width: 835px) {
#sidemenu .info .list .body {
display: flex;
flex-wrap: wrap;
}
}
#sidemenu .info .list .body time,
#sidemenu .info .list .body > p {
transition: all 0.2s ease-out;
}
#sidemenu .info .list .body time {
width: 110px;
text-align: left;
font-weight: 700;
}
#sidemenu .info .list .body > p {
width: 500px;
text-align: left;
font-weight: 700;
padding-right: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sidemenu .info .category {
display: block;
padding: 4px 18px;
background-color: #000;
color: #FFF;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
position: absolute;
top: -16px;
left: 20px;
min-width: 140px;
background-color: #000; }
#sidemenu .info .more {
width: 140px;
height: 40px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
transition: all 0.2s ease-out;
}
#sidemenu .info .more:hover {
border-width: 3px;
}
#sidemenu button {
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
position: absolute;
background-color: #000;
border: none;
}
@media print, screen and (min-width: 835px) {
#sidemenu button {
top: -10px;
right: 15px;
}
}
@media only screen and (max-width: 834px) {
#sidemenu button {
top: -10px;
right: 10px;
}
}
#sidemenu button::before, #sidemenu button::after {
display: block;
content: "";
width: 0.8em;
height: 2px;
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#sidemenu button::before {
transform: rotate(45deg);
}
#sidemenu button::after {
transform: rotate(-45deg);
}         .footer {
color: #FFF;
background: #3D3D3D;   }
@media only screen and (max-width: 834px) {
.footer {
padding: 80px 20px 20px 20px;
}
}
@media print, screen and (min-width: 835px) {
.footer {
padding: 100px 30px 30px 30px;
}
}
.footer .footer-nav {
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.footer .footer-nav {
margin-bottom: 15px;
}
}
@media print, screen and (min-width: 1220px) {
.footer .footer-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
}
.footer .footer-nav h2 {
width: 70px;
height: 0;
padding-top: 64px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2264.615%22%20viewBox%3D%220%200%2070%2064.615%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%2270%22%20height%3D%2264.615%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M32.979%2C44.162q-2.68-.314-3.482-1.273t-.805-4.035v-12a8.672%2C8.672%2C0%2C0%2C0-2.576-6.595%2C9.842%2C9.842%2C0%2C0%2C0-7.069-2.451q-4.366%2C0-8.855%2C4.218V9.7a5.978%2C5.978%2C0%2C0%2C1%2C.614-3.327q.613-.784%2C2.852-1.035c.337-.044.5-.31.5-.8%2C0-.556-.167-.833-.5-.833A20.159%2C20.159%2C0%2C0%2C1%2C5.711.376%2C1.391%2C1.391%2C0%2C0%2C0%2C4.925%2C0q-.879%2C0-.879.5.5%2C5.152.5%2C10.931v27.42a6.853%2C6.853%2C0%2C0%2C1-.821%2C3.926A4.541%2C4.541%2C0%2C0%2C1%2C.505%2C44.162Q0%2C44.225%2C0%2C45.011c0%2C.585.168.879.5.879q1.289%2C0%2C3.365-.189%2C2.328-.189%2C3.868-.19%2C1.573%2C0%2C3.588.19a30.577%2C30.577%2C0%2C0%2C0%2C3.089.189c.336%2C0%2C.5-.295.5-.879q0-.786-.5-.85-2.649-.284-3.436-1.239t-.787-4.064v-14.2a8.806%2C8.806%2C0%2C0%2C1%2C6.7-3.077q6.19%2C0%2C6.191%2C6.784V38.853q0%2C3.109-.679%2C4.084a3.9%2C3.9%2C0%2C0%2C1-2.858%2C1.224q-.506.063-.507.85c0%2C.585.169.879.508.879q1.266%2C0%2C3.133-.189%2C2.056-.189%2C3.641-.19%2C1.519%2C0%2C3.54.19%2C1.858.187%2C3.12.189c.336%2C0%2C.5-.295.5-.879q0-.786-.5-.85%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M61.739%2C212.843c.569%2C0%2C.8.178.855.622-4.622%2C5.463-14.04%2C9.149-24.712%2C9.149s-20.091-3.686-24.714-9.149c.058-.444.285-.622.855-.622%2C5.937%2C4.4%2C13.584%2C6.838%2C23.859%2C6.838s17.92-2.442%2C23.857-6.838%22%20transform%3D%22translate(-9.921%20-160.54)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M148.6%2C77.927q2.681.314%2C3.483%2C1.273t.806%2C4.036v12a8.674%2C8.674%2C0%2C0%2C0%2C2.575%2C6.595%2C9.846%2C9.846%2C0%2C0%2C0%2C7.069%2C2.451q4.366%2C0%2C8.857-4.218v12.325a5.963%2C5.963%2C0%2C0%2C1-.615%2C3.326q-.612.784-2.853%2C1.036-.5.065-.5.8%2C0%2C.834.5.833a20.183%2C20.183%2C0%2C0%2C1%2C7.949%2C3.33%2C1.389%2C1.389%2C0%2C0%2C0%2C.785.377c.588%2C0%2C.88-.168.88-.5q-.5-5.151-.5-10.931V83.236a6.843%2C6.843%2C0%2C0%2C1%2C.821-3.927%2C4.537%2C4.537%2C0%2C0%2C1%2C3.221-1.382c.339-.042.505-.324.505-.849%2C0-.586-.167-.879-.5-.879-.859%2C0-1.983.063-3.365.189q-2.327.187-3.868.189-1.573%2C0-3.588-.189a30.294%2C30.294%2C0%2C0%2C0-3.091-.189c-.336%2C0-.5.294-.5.879%2C0%2C.524.166.806.5.849q2.651.284%2C3.437%2C1.239t.788%2C4.064v14.2a8.806%2C8.806%2C0%2C0%2C1-6.7%2C3.077q-6.189%2C0-6.191-6.784V83.236q0-3.11.68-4.085a3.9%2C3.9%2C0%2C0%2C1%2C2.857-1.224q.509-.063.509-.849%2C0-.878-.509-.879-1.265%2C0-3.134.189c-1.37.125-2.586.189-3.64.189q-1.519%2C0-3.539-.189-1.858-.188-3.122-.189-.5%2C0-.5.879%2C0%2C.786.5.849%22%20transform%3D%22translate(-111.583%20-57.474)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M71.129%2C20.11c-.569%2C0-.8-.178-.854-.623%2C4.622-5.463%2C14.04-9.148%2C24.712-9.148s20.091%2C3.685%2C24.713%2C9.148c-.056.445-.285.623-.854.623-5.938-4.4-13.584-6.839-23.859-6.839s-17.92%2C2.442-23.858%2C6.839%22%20transform%3D%22translate(-52.947%20-7.798)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
display: block;
overflow: hidden;
}
@media only screen and (max-width: 834px) {
.footer .footer-nav h2 {
margin-bottom: 30px;
width: 48px;
height: 0;
padding-top: 44px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.footer .footer-nav h2 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 834px) {
.footer .footer-nav > nav {
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.footer .footer-nav > nav {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.footer .footer-nav > nav {
width: calc(100% - 70px);
}
}
@media print, screen and (min-width: 835px) {
.footer .footer-nav > nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.footer .footer-nav > nav ul {
justify-content: flex-end;
}
}
.footer .footer-nav > nav ul li {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
}
.footer .footer-nav > nav ul li::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
.footer .footer-nav > nav ul li a {
color: #FFF;
text-decoration: none;
transition: all 0.2s ease-out;
}
.footer .footer-nav > nav ul li a:hover {
opacity: 0.8;
}
@media only screen and (max-width: 834px) {
.footer .footer-nav > nav ul li:nth-child(n+2) {
margin-top: 20px;
}
}
@media print, screen and (min-width: 1220px) {
.footer .footer-nav > nav ul li:nth-child(n+2) {
margin-left: 40px;
}
}
.footer .footer-nav > nav ul li:last-child {
width: 100%;
max-width: 180px;
}
@media only screen and (max-width: 834px) {
.footer .footer-nav > nav ul li:last-child {
margin-top: 40px;
}
}
@media print, screen and (min-width: 1220px) {
.footer .footer-nav > nav ul li:last-child {
margin-left: 60px;
}
}
.footer .footer-nav > nav ul li:last-child a {
border: 2px solid #FFF;
height: 50px;
width: 100%;
color: #FFF;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
background: #333;
transition: all 0.2s ease-out;
}
.footer .footer-nav > nav ul li:last-child a::after {
content: "";
margin-left: 8px;
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon-white.svg) no-repeat right top/contain;
}
.footer .footer-nav > nav ul li:last-child a:hover {
opacity: 1;
color: #000;
background: #FFF;
}
.footer .footer-nav > nav ul li:last-child a:hover::after {
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
}
.footer > dl {
max-width: 1200px;
margin: 0 auto 60px auto;
}
@media only screen and (max-width: 834px) {
.footer > dl {
margin-bottom: 60px;
}
}
.footer > dl dt {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
.footer > dl dt {
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 835px) {
.footer > dl dt {
font-size: 1.3rem;
line-height: 1.4;
}
}
.footer > dl dt span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
display: block;
}
@media only screen and (max-width: 834px) {
.footer > dl dt span {
padding-bottom: 10px;
font-size: 2.6rem;
}
}
@media print, screen and (min-width: 835px) {
.footer > dl dt span {
font-size: 2.6rem;
padding-bottom: 15px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1610px) {
.footer > dl dt span {
font-size: 2.8rem;
}
}
.footer > dl dd {
font-size: 1.4rem;
}
@media only screen and (max-width: 834px) {
.footer > dl dd {
line-height: 1.6;
}
}
@media print, screen and (min-width: 835px) {
.footer > dl dd {
line-height: 1;
}
}
.footer > p {
line-height: 1;
font-size: 1.2rem;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.footer > p {
text-align: center;
}
}
.footer__pagetop {
display: flex;
justify-content: center;
align-items: center;
background: #F9F9F9;
border: 1px solid #DEDEDE;
transition: all 0.2s ease-out;
overflow: hidden;
position: fixed;
z-index: 10; }
@media only screen and (max-width: 834px) {
.footer__pagetop {
width: 40px;
height: 40px;
right: 10px;
bottom: 10px;
}
}
@media print, screen and (min-width: 835px) {
.footer__pagetop {
width: 50px;
height: 50px;
right: 20px;
bottom: 20px;
}
}
.footer__pagetop::before {
width: 13px;
height: 13px;
content: "";
border-top: 2px solid #858585;
border-left: 2px solid #858585;
border-radius: 1px;
display: block;
transform: rotate(45deg);
margin-top: 5px;
}
.footer__pagetop:not(.active) {
pointer-events: none;
opacity: 0;
}
.footer__pagetop:hover {
background-color: #858585;
border-color: #858585;
}
.footer__pagetop:hover::before {
border-color: #FFF;
}          .mod {       }
.mod__pagetitle {
line-height: 1.4;
font-weight: 700;
background: #F9F9F9;
}
.mod__pagetitle::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.mod__pagetitle {
font-size: 1.4rem;
padding: 0 20px;
}
}
@media print, screen and (min-width: 835px) {
.mod__pagetitle {
font-size: 1.6rem;
padding: 0 30px;
}
}
.mod__pagetitle > span {
display: flex;
flex-direction: column;
justify-content: center;
align-items: left;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.mod__pagetitle > span {
height: 140px;
}
}
@media print, screen and (min-width: 835px) {
.mod__pagetitle > span {
height: 240px;
}
}
.mod__pagetitle > span > span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
}
@media only screen and (max-width: 834px) {
.mod__pagetitle > span > span {
font-size: 3.2rem;
}
}
@media print, screen and (min-width: 835px) {
.mod__pagetitle > span > span {
font-size: 4.2rem;
}
}
.mod__pagetitle > span > span::after {
height: 3px;
content: "";
background: #464646;
display: block;
}
@media only screen and (max-width: 834px) {
.mod__pagetitle > span > span::after {
width: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
}
@media print, screen and (min-width: 835px) {
.mod__pagetitle > span > span::after {
width: 30px;
margin-top: 15px;
margin-bottom: 15px;
}
}
.mod__breadcrumb {
display: block;
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 3;
margin: 20px auto;
}
@media only screen and (max-width: 834px) {
.mod__breadcrumb {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.mod__breadcrumb {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.mod__breadcrumb {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.mod__breadcrumb {
margin: 20px auto 65px auto;
}
}
@media print, screen and (min-width: 835px) {
.mod__breadcrumb {
margin: 20px auto 85px auto;
}
}
.mod__breadcrumb > span > span {
display: flex;
flex-wrap: wrap;
}
.mod__breadcrumb > span > span a {
transition: all 0.2s ease-out;
color: #000;
text-decoration: none;
}
.mod__breadcrumb > span > span a:hover {
color: #858585;
}
.mod__breadcrumb > span > span > a,
.mod__breadcrumb > span > span span {
font-size: 1.4rem;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
font-weight: 700;
margin-right: 0.5em;
}
.mod__breadcrumb > span > span > a:nth-child(n+2),
.mod__breadcrumb > span > span span:nth-child(n+2) {
margin-left: 0.5em;
}
.mod__breadcrumb > span {
display: flex;
flex-wrap: wrap;
}
.mod__breadcrumb > span > span {
font-size: 1.4rem;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
font-weight: 700;
}
.mod__breadcrumb > span > span:nth-child(n+2) {
margin-left: 0.5em; }
.mod__breadcrumb > span > span a {
transition: all 0.2s ease-out;
color: #000;
text-decoration: none;
}
.mod__breadcrumb > span > span a:hover {
color: #858585;
}
.mod__heading1 { font-weight: 700;
position: relative;
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
}
@media only screen and (max-width: 834px) {
.mod__heading1 {
font-size: 2.8rem;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading1 {
font-size: 4rem;
}
}
.mod__heading1::after {
content: ""; display: block; width: 100px; height: 3px; background-image: url(//www.hoshiyama.co.jp/assets/images/common/ttl-border01.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
@media only screen and (max-width: 834px) {
.mod__heading1::after {
margin-top: 15px;
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading1::after {
margin-top: 15px;
margin-bottom: 40px;
}
}
.mod__heading2 { font-weight: 700;
position: relative;
line-height: 1;
}
@media only screen and (max-width: 834px) {
.mod__heading2 {
font-size: 1.8rem;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading2 {
font-size: 2rem;
}
}
.mod__heading2::after {
content: ""; display: block; width: 55px; height: 3px; background-image: url(//www.hoshiyama.co.jp/assets/images/common/ttl-border02.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
@media only screen and (max-width: 834px) {
.mod__heading2::after {
margin-top: 15px;
margin-bottom: 15px;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading2::after {
margin-top: 15px;
margin-bottom: 15px;
}
}
.mod__heading3 {
line-height: 1.4;
color: #333;
font-weight: 700;
letter-spacing: 0.1em;
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid #DEDEDE;
}
.mod__heading3::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.mod__heading3 {
font-size: 2.8rem;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading3 {
font-size: 3.8rem;
}
}
.mod__heading3 span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
color: #858585;
letter-spacing: 0;
}
@media only screen and (max-width: 834px) {
.mod__heading3 span {
font-size: 1.6rem;
margin-left: 20px;
}
}
@media print, screen and (min-width: 835px) {
.mod__heading3 span {
font-size: 2rem;
margin-left: 25px;
}
}
.mod__contact {
background: #FFEED8;
}
@media only screen and (max-width: 834px) {
.mod__contact {
padding: 85px 20px 80px 20px;
}
}
@media print, screen and (min-width: 835px) {
.mod__contact {
padding: 85px 30px 80px 30px;
}
}
@media only screen and (max-width: 834px) {
.mod__contact .mod__heading1 {
line-height: 1.5;
font-size: 2.2rem;
margin-bottom: 25px;
}
.mod__contact .mod__heading1::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.5) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.mod__contact .mod__heading1 {
font-size: 2.8rem;
margin-bottom: 35px;
}
}
.mod__contact p {
line-height: 1.6;
font-size: 1.6rem;
text-align: center;
margin: 30px 0 40px 0;
}
.mod__contact p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
@media print, screen and (min-width: 835px) {
.mod__contact ul {
max-width: 1200px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
}
.mod__contact ul:nth-of-type(1) {
justify-content: center;
}
@media only screen and (max-width: 834px) {
.mod__contact ul:nth-of-type(1) {
display: flex;
flex-wrap: wrap;
}
}
.mod__contact ul:nth-of-type(1) li {
min-height: 30px;
font-size: 1.4rem;
font-weight: 500;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 20px;
background: #FFF;
border-radius: 999px;
margin: 5px;
}
.mod__contact ul:nth-of-type(1) li span {
color: #858585;
}
@media print, screen and (min-width: 835px) {
.mod__contact ul:nth-of-type(2) {
justify-content: space-between;
}
}
@media only screen and (max-width: 834px) {
.mod__contact ul:nth-of-type(2) li:nth-child(n+2) {
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.mod__contact ul:nth-of-type(2) li {
width: 31.6667%;
max-width: 380px;
}
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a {
text-decoration: none;
display: block;
padding: 25px 20px 20px 20px;
background: #FFF;
}
@media print, screen and (min-width: 835px) {
.mod__contact ul:nth-of-type(2) li:nth-child(1) a {
pointer-events: none;
}
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a h3 {
color: #000;
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dt,
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dd {
text-align: center;
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dt {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
color: #858585;
font-size: 2.8rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3px;
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dt {
font-size: 2.4rem;
}
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dt span {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
min-width: 44px;
max-width: 44px;
height: 30px;
color: #FFF;
font-size: 1.4rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #858585;
border-radius: 2px;
margin-right: 10px;
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dd {
line-height: 1.4;
color: #000;
font-size: 1.3rem;
font-weight: 700;
}
.mod__contact ul:nth-of-type(2) li:nth-child(1) a dl dd::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
.mod__contact ul:nth-of-type(2) li:nth-child(2) a {
background: linear-gradient(90deg, #f23a00 0%, #fb3 100%);
}
.mod__contact ul:nth-of-type(2) li:nth-child(2) a::before {
width: 20px;
height: 16px;
background: url(//www.hoshiyama.co.jp/assets/images/common/icon-mail.svg) no-repeat left top/contain;
}
.mod__contact ul:nth-of-type(2) li:nth-child(3) a {
background: #06C755;
}
.mod__contact ul:nth-of-type(2) li:nth-child(3) a::before {
width: 26px;
height: 25px;
background: url(//www.hoshiyama.co.jp/assets/images/common/icon-line.svg) no-repeat left top/contain;
}
.mod__contact ul:nth-of-type(2) li:nth-child(2), .mod__contact ul:nth-of-type(2) li:nth-child(3) {
padding: 25px 20px 20px 20px;
background: #FFF;
}
.mod__contact ul:nth-of-type(2) li:nth-child(2) a, .mod__contact ul:nth-of-type(2) li:nth-child(3) a {
width: 100%;
height: 50px;
color: #FFF;
font-size: 1.6rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
transition: all 0.2s ease-out;
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.mod__contact ul:nth-of-type(2) li:nth-child(2) a, .mod__contact ul:nth-of-type(2) li:nth-child(3) a {
font-size: 1.4rem;
}
}
.mod__contact ul:nth-of-type(2) li:nth-child(2) a::before, .mod__contact ul:nth-of-type(2) li:nth-child(3) a::before {
content: "";
margin-right: 15px;
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.mod__contact ul:nth-of-type(2) li:nth-child(2) a::before, .mod__contact ul:nth-of-type(2) li:nth-child(3) a::before {
margin-right: 10px;
}
}
.mod__contact ul:nth-of-type(2) li:nth-child(2) a:hover, .mod__contact ul:nth-of-type(2) li:nth-child(3) a:hover {
opacity: 0.8;
}
.mod__contact ul:nth-of-type(2) li h3 {
line-height: 1.6;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
}
.mod__contact ul:nth-of-type(2) li h3::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
.mod__pagination {
line-height: 1;
}
.mod__pagination .pagination .page-numbers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
.mod__pagination .pagination .page-numbers li {
padding: 5px;
}
.mod__pagination .pagination .page-numbers li .page-numbers {
color: #000;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.55em 0.75em;
background: #F9F9F9;
border: 1px solid #DEDEDE;
transition: all 0.2s ease-out; }
.mod__pagination .pagination .page-numbers li .page-numbers.dots, .mod__pagination .pagination .page-numbers li .page-numbers.current, .mod__pagination .pagination .page-numbers li .page-numbers:hover {
color: #FFF;
background: #000;
border-color: #000 !important;
}
.mod__pager ul {
width: 100%;
height: 56px;
position: relative;
}
.mod__pager ul li {
width: 30%;
position: absolute;
top: 0;
}
.mod__pager ul li a {
width: 100%;
min-height: 50px;
line-height: 1.4;
color: #FFF;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
background-color: #858585;
border: 1px solid #858585;
border-radius: 4px;
transition: all 0.2s ease-out;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto;
}
@media print, screen and (min-width: 835px) {
.mod__pager ul li a {
max-width: 340px;
}
}
.mod__pager ul li a:hover { opacity: 0.8;
}
.mod__pager ul li a::before, .mod__pager ul li a::after {
display: none !important;
}
.mod__pager ul li.back {
left: 0;
right: 0;
margin: 0 auto; }
.mod__pager ul li.back a {
width: 100%;
min-height: 50px;
line-height: 1.4;
color: #FFF;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
background-color: #858585;
border: 1px solid #858585;
border-radius: 4px;
transition: all 0.2s ease-out;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto;
color: #FFF;
background: #858585;
border-color: #858585 !important;
}
@media print, screen and (min-width: 835px) {
.mod__pager ul li.back a {
max-width: 340px;
}
}
.mod__pager ul li.back a:hover { opacity: 0.8;
}
.mod__pager ul li.back a:hover {
color: #858585;
background: #FFF;
}
.mod__pager ul li.prev {
left: 0; }
.mod__pager ul li.next {
right: 0;
}          .page--home {     }
.page--home #mainvisual {
position: relative;
}
.page--home #mainvisual h1 {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 4;
color: #fff;
font-style: normal;
font-weight: 400;
position: absolute;
text-align: center;
text-shadow: 0px 0px 10px #000000;
}
@media only screen and (max-width: 834px) {
.page--home #mainvisual h1 {
font-size: 2.8rem;
padding: 15px;
letter-spacing: 1px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #mainvisual h1 {
font-size: 3.8rem;
padding: 50px;
letter-spacing: 2px;
}
}
.page--home #mainvisual > i {
position: absolute;
}
@media only screen and (max-width: 834px) {
.page--home #mainvisual > i {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.page--home #mainvisual > i {
width: 45px;
height: 50px;
bottom: 40px;
right: 0;
left: 0;
margin: auto;
z-index: 3;
}
}
.page--home #mainvisual .swiper-wrapper .swiper-slide {
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 835px) and (max-width: 1469px) {
.page--home #mainvisual .swiper-wrapper .swiper-slide {
height: 614px;
}
}
@media only screen and (max-width: 834px) {
.page--home #mainvisual .swiper-wrapper .swiper-slide img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
}
@media print, screen and (min-width: 835px) {
.page--home #mainvisual .swiper-wrapper .swiper-slide img { margin: 0 auto;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1469px) {
.page--home #mainvisual .swiper-wrapper .swiper-slide img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
}
@media print, screen and (min-width: 835px) and (min-width: 1470px) {
.page--home #mainvisual .swiper-wrapper .swiper-slide img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
}
.page--home #mainvisual .swiper-wrapper .swiper-slide.ss02, .page--home #mainvisual .swiper-wrapper .swiper-slide.ss03 {
background: #323232;
}
@media only screen and (max-width: 834px) {
.page--home #mainvisual .swiper-pagination {
bottom: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #mainvisual .swiper-pagination {
bottom: 25px;
}
}
.page--home #mainvisual .swiper-pagination .swiper-pagination-bullet {
height: 4px;
background: #FFF;
border-radius: 0;
opacity: 1;
}
@media only screen and (max-width: 834px) {
.page--home #mainvisual .swiper-pagination .swiper-pagination-bullet {
width: 28px;
margin: 0 3px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #mainvisual .swiper-pagination .swiper-pagination-bullet {
width: 60px;
margin: 0 5px;
}
}
.page--home #mainvisual .swiper-pagination .swiper-pagination-bullet-active {
background: #858585;
}
@media only screen and (max-width: 834px) {
.page--home #intro {
padding: 55px 20px 80px 20px;
background-color: #F9F9F9;
}
}
@media print, screen and (min-width: 835px) {
.page--home #intro {
padding: 100px 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #intro .info {
display: none;
}
}
@media only screen and (max-width: 834px) {
.page--home #intro .info {
width: 100%;
padding: 30px 20px 45px 20px;
background-color: #fff;
position: relative;
margin-bottom: 60px;
}
}
.page--home #intro .info .category {
position: absolute;
top: -16px;
left: 20px;
min-width: 140px;
background-color: #000;
margin-bottom: 10px;
}
.page--home #intro .info .category a {
display: block;
padding: 4px 18px;
background-color: #000;
color: #FFF;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
transition: all 0.2s ease-out;
}
.page--home #intro .info .category a:hover {
opacity: 0.8;
}
.page--home #intro .info time {
width: 110px;
text-align: left;
font-weight: 700;
}
.page--home #intro .info > p {
text-align: left;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
}
.page--home #intro .info > a {
width: 140px;
height: 40px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
position: absolute !important;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
background-color: #FFF;
transition: all 0.2s ease-out;
}
.page--home #intro .info > a:hover {
border-width: 3px;
}
.page--home #intro .corporate {
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--home #intro .corporate {
padding: 60px 20px;
background-color: #FFF;
}
}
@media print, screen and (min-width: 835px) {
.page--home #intro .corporate {
max-width: 1200px;
}
}
.page--home #intro .corporate h2 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--home #intro .corporate h2 {
font-size: 1.4rem;
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #intro .corporate h2 {
font-size: 1.6rem;
line-height: 1.4;
margin-bottom: 30px;
}
}
.page--home #intro .corporate h2 span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
display: block;
}
@media only screen and (max-width: 834px) {
.page--home #intro .corporate h2 span {
font-size: 2.2rem;
margin-bottom: 5px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #intro .corporate h2 span {
font-size: 3.6rem;
}
}
.page--home #intro .corporate p {
font-size: 1.5rem;
line-height: 1.6;
}
@media print, screen and (min-width: 835px) {
.page--home #intro .corporate p {
line-height: 1.8;
}
}
.page--home #store {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--home #store {
padding: 60px 20px 90px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #store {
padding: 80px 30px;
background-color: #F9F9F9;
}
}
.page--home #store h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--home #store h2 {
font-size: 2.8rem;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
@media print, screen and (min-width: 835px) {
.page--home #store h2 {
font-size: 4rem;
position: absolute;
top: -30px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
.page--home #store ul {
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--home #store ul {
width: 100%;
}
}
@media print, screen and (min-width: 835px) {
.page--home #store ul {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 834px) {
.page--home #store ul li {
width: 100%;
}
.page--home #store ul li:nth-child(n+2) {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #store ul li {
display: flex;
flex-wrap: wrap;
width: calc(33.3% - 13.3333333333px);
margin-right: 20px;
}
.page--home #store ul li:nth-child(3n) {
margin-right: 0;
}
.page--home #store ul li:nth-child(n+4) {
margin-top: 20px;
}
}
.page--home #store ul li a {
display: block;
transition: all 0.2s ease-out;
}
.page--home #store ul li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--home #store ul li a:hover {
opacity: 0.8;
}
.page--home #information {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--home #information {
padding: 65px 0 50px 0;
background-color: #F9F9F9;
}
}
@media print, screen and (min-width: 835px) {
.page--home #information {
padding: 80px 0 100px 0;
}
}
.page--home #information h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--home #information h2 {
font-size: 2.8rem;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
@media print, screen and (min-width: 835px) {
.page--home #information h2 {
font-size: 4rem;
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #information .wrapper {
display: flex;
max-width: 1260px;
padding: 0 30px;
margin: 0 auto;
}
}
.page--home #information .wrapper .none {
width: 100% !important;
text-align: center !important;
}
.page--home #information .wrapper .list {
display: block;
color: #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--home #information .wrapper .list {
margin-left: 10px;
margin-right: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #information .wrapper .list {
max-width: 285px;
width: calc(25% - 15px);
}
}
@media print, screen and (min-width: 835px) {
.page--home #information .wrapper .list:not(:nth-of-type(4n + 1)) {
margin-left: 20px;
}
}
.page--home #information .wrapper .list:hover {
opacity: 0.8;
}
.page--home #information .wrapper .list figure {
width: 100%;
height: 0;
padding-top: 63.16%;
display: block;
overflow: hidden;
position: relative;
}
.page--home #information .wrapper .list figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.page--home #information .wrapper .list .body {
margin-top: 10px;
}
.page--home #information .wrapper .list .body .category {
min-width: 100px;
display: inline-block;
padding: 4px 15px;
color: #FFF;
background: #000;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.05em;
margin-right: 15px;
font-weight: 500;
}
.page--home #information .wrapper .list .body time {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.page--home #information .wrapper .list .body .title {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-top: 10px;
}
.page--home #information .slider2 .slick-prev, .page--home #information .slider2 .slick-next {
width: 40px;
height: 40px;
background-color: #000;
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 50%;
background-position: center center;
top: 32vw;
z-index: 2;
}
@media screen and (max-width: 580px) {
.page--home #information .slider2 .slick-prev, .page--home #information .slider2 .slick-next {
top: 28vw;
}
}
.page--home #information .slider2 .slick-prev {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-left.png);
left: 20px;
}
.page--home #information .slider2 .slick-next {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-right.png);
right: 20px;
}
.page--home #information .slider2 .slick-prev:before,
.page--home #information .slider2 .slick-next:before {
content: "";
}
.page--home #information > a {
width: 140px;
height: 40px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-decoration: none;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--home #information > a {
position: absolute !important;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
background: #FFF;
}
}
@media print, screen and (min-width: 835px) {
.page--home #information > a {
margin: 40px auto 0 auto;
}
}
.page--home #information > a:hover {
border-width: 3px;
}
@media only screen and (max-width: 834px) {
.page--home #link {
padding: 80px 0 80px 0;
}
}
@media print, screen and (min-width: 835px) {
.page--home #link {
padding: 20px 30px 100px 30px;
}
}
.page--home #link .sns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 220px;
margin: 0 auto 50px auto;
}
.page--home #link .sns li {
width: 40px;
}
.page--home #link .sns li a {
display: block;
transition: all 0.2s ease-out;
}
.page--home #link .sns li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--home #link .sns li a:hover {
opacity: 0.8;
}
.page--home #link .related {
max-width: 840px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--home #link .related {
padding: 0 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #link .related {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.page--home #link .related li {
max-width: 400px;
width: 100%;
}
@media only screen and (max-width: 834px) {
.page--home #link .related li {
margin: 0 auto;
}
.page--home #link .related li:nth-child(n+2) {
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--home #link .related li {
width: 48%;
}
}
.page--home #link .related li a {
display: block;
transition: all 0.2s ease-out;
}
.page--home #link .related li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--home #link .related li a:hover {
opacity: 0.8;
}          .breadcrumb {
line-height: 1;
}
@media only screen and (max-width: 834px) {
.breadcrumb ol {
display: none;
}
}
@media print, screen and (min-width: 835px) {
.breadcrumb ol {
display: block;
max-width: 1260px;
margin: 40px auto 60px auto;
display: flex;
align-items: center;
}
}
@media only screen and (min-width: 835px) and (max-width: 834px) {
.breadcrumb ol {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.breadcrumb ol {
padding: 0 30px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.breadcrumb ol {
padding: 0 30px;
}
}
@media print, screen and (min-width: 835px) {
.breadcrumb ol li {
color: #000;
font-size: 1.6rem;
display: inline-block;
}
.breadcrumb ol li:first-child a {
width: 23px;
height: 21px;
display: block;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100.762%22%20height%3D%2292%22%20viewBox%3D%220%200%20100.762%2092%22%3E%20%3Cpath%20d%3D%22M75.568%2C53.326%2C54.241%2C31.851l-3.86-3.886L0%2C78.694%2C11.232%2C90h.006l6.118-6.16v36.122H40.721V96.117H60.039v23.848H83.4V83.833L89.53%2C90h.007l11.225-11.309Z%22%20transform%3D%22translate(0%20-27.965)%22%20fill%3D%22%23c90916%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
position: relative;
}
.breadcrumb ol li:first-child a::before {
width: 23px;
height: 21px;
content: "";
display: block;
opacity: 0;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100.762%22%20height%3D%2292%22%20viewBox%3D%220%200%20100.762%2092%22%3E%20%3Cpath%20d%3D%22M75.568%2C53.326%2C54.241%2C31.851l-3.86-3.886L0%2C78.694%2C11.232%2C90h.006l6.118-6.16v36.122H40.721V96.117H60.039v23.848H83.4V83.833L89.53%2C90h.007l11.225-11.309Z%22%20transform%3D%22translate(0%20-27.965)%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
transition: all 0.2s ease-out;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.breadcrumb ol li:first-child a:hover::before {
opacity: 1;
}
.breadcrumb ol li:nth-child(n+2)::before {
content: ">";
font-size: 1.6rem;
display: inline-block;
padding: 0 0.75em;
}
.breadcrumb ol li:nth-child(n+2) a {
color: #000;
}
.breadcrumb ol li:nth-child(n+2) a:hover {
color: #858585;
}
.breadcrumb ol li a {
transition: all 0.2s ease-out;
}
}         .page--news .post_article {  }
@media only screen and (max-width: 834px) {
.page--news .post_article #sort {
padding: 0 20px;
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #sort {
max-width: 900px;
display: flex;
justify-content: space-between;
padding: 0 30px;
margin: 0 auto 60px auto;
}
}
.page--news .post_article #sort label {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #sort label:nth-of-type(n+2) {
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #sort label {
width: 47.619%;
max-width: 400px;
}
}
.page--news .post_article #sort label::after {
width: 10px;
height: 10px;
content: "";
display: block;
position: absolute;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
top: 0;
bottom: 0;
margin: auto 0;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #sort label::after {
right: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #sort label::after {
right: 30px;
}
}
.page--news .post_article #sort label select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #F9F9F9;
border: 1px solid #DEDEDE;
cursor: pointer;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #sort label select {
height: 50px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #sort label select {
height: 60px;
}
}
@media only screen and (max-width: 834px) {
.page--news .post_article #article {
padding: 0 20px;
margin-bottom: 115px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #article {
display: flex;
flex-wrap: wrap;
max-width: 1260px;
padding: 0 30px;
margin: 0 auto 115px auto;
}
}
.page--news .post_article #article .list {
display: block;
color: #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #article .list:nth-child(n+2) {
margin-top: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #article .list {
max-width: 386px;
width: calc(33.3% - 13.3333333333px);
margin-right: 20px;
}
.page--news .post_article #article .list:nth-child(3n) {
margin-right: 0;
}
.page--news .post_article #article .list:nth-child(n+4) {
margin-top: 20px;
}
}
.page--news .post_article #article .list:hover {
opacity: 0.8;
}
.page--news .post_article #article .list figure {
width: 100%;
height: 0;
padding-top: 62.18%;
display: block;
overflow: hidden;
position: relative;
}
.page--news .post_article #article .list figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.page--news .post_article #article .list .body {
margin-top: 10px;
}
.page--news .post_article #article .list .body .category {
min-width: 160px;
display: inline-block;
padding: 7px 15px;
color: #FFF;
background: #000;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.05em;
margin-right: 15px;
font-weight: 500;
}
.page--news .post_article #article .list .body time {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.page--news .post_article #article .list .body .title {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-top: 10px;
}
@media only screen and (max-width: 834px) {
.page--news .post_article .mod__pagination {
padding: 0 20px;
margin: -60px 0 115px 0;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article .mod__pagination {
padding: 0 30px;
margin: -40px 0 115px 0;
}
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post {
padding: 0 20px;
margin-bottom: 55px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto 65px auto;
}
}
.page--news .post_article #post .category {
min-width: 160px;
display: inline-block;
padding: 7px 15px;
color: #FFF;
background: #000;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.05em;
margin-right: 15px;
font-weight: 500;
}
.page--news .post_article #post time {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.page--news .post_article #post h1 {
line-height: 1.4;
color: #333;
font-weight: 700;
letter-spacing: 0.1em;
padding-bottom: 20px;
border-bottom: 2px solid #DEDEDE;
}
.page--news .post_article #post h1::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post h1 {
font-size: 2.8rem;
margin: 25px 0 20px 0;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post h1 {
font-size: 3.8rem;
margin: 20px 0 40px 0;
}
}
.page--news .post_article #post .body {
border-bottom: 1px solid #DEDEDE;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body {
padding-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post .body {
padding-bottom: 25px;
}
}
.page--news .post_article #post .body h2,
.page--news .post_article #post .body h3 {
line-height: 1.5;
color: #333;
font-weight: 700;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body h2,
.page--news .post_article #post .body h3 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body h2 {
font-size: 2.4rem;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post .body h2 {
font-size: 2.8rem;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body h3 {
font-size: 2rem;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post .body h3 {
font-size: 2.4rem;
margin-bottom: 15px;
}
}
.page--news .post_article #post .body p {
font-size: 1.5rem;
font-weight: 500;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body p {
line-height: 1.6;
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post .body p {
line-height: 2;
margin-bottom: 75px;
}
}
.page--news .post_article #post .body .wp-block-image {
display: block;
overflow: hidden;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #post .body .wp-block-image {
margin-bottom: 35px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #post .body .wp-block-image {
margin-bottom: 35px;
}
}
.page--news .post_article #post .body .wp-block-image figure {
width: 100%;
display: flex;
overflow: hidden;
}
.page--news .post_article #post .body .wp-block-image figure.alignleft {
justify-content: flex-start;
}
.page--news .post_article #post .body .wp-block-image figure.aligncenter {
justify-content: center;
}
.page--news .post_article #post .body .wp-block-image figure.alignright {
justify-content: flex-end;
}
.page--news .post_article #post .body .wp-block-image img {
-webkit-clip-path: url(#clip-path);
clip-path: url(#clip-path);
max-width: 100%;
height: auto;
display: block;
}
.page--news .post_article #post .sns {
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.page--news .post_article #post .sns li {
width: 40px;
margin-left: 20px;
}
.page--news .post_article #post .sns li a {
display: block;
transition: all 0.2s ease-out;
}
.page--news .post_article #post .sns li a:hover {
opacity: 0.8;
}
.page--news .post_article #post .sns li a img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.page--news .post_article #others {
background: #F9F9F9;
position: relative;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #others {
padding: 65px 0 40px 0;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #others {
padding: 80px 30px;
}
}
.page--news .post_article #others h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
letter-spacing: 0.05em;
display: block;
position: absolute;
top: -0.5em;
z-index: 2;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #others h2 {
font-size: 2.8rem;
left: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #others h2 {
width: 100%;
max-width: 1260px;
padding: 0 30px;
font-size: 4rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #others .wrapper {
display: flex;
max-width: 1200px;
margin: 0 auto;
}
}
.page--news .post_article #others .wrapper .list {
display: block;
color: #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--news .post_article #others .wrapper .list {
margin-left: 10px;
margin-right: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #others .wrapper .list {
max-width: 285px;
width: calc(25% - 15px);
}
}
@media print, screen and (min-width: 835px) {
.page--news .post_article #others .wrapper .list:not(:nth-of-type(4n + 1)) {
margin-left: 20px;
}
}
.page--news .post_article #others .wrapper .list:hover {
opacity: 0.8;
}
.page--news .post_article #others .wrapper .list figure {
width: 100%;
height: 0;
padding-top: 63.16%;
display: block;
overflow: hidden;
position: relative;
}
.page--news .post_article #others .wrapper .list figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.page--news .post_article #others .wrapper .list .body {
margin-top: 10px;
}
.page--news .post_article #others .wrapper .list .body .category {
min-width: 100px;
display: inline-block;
padding: 4px 15px;
color: #FFF;
background: #000;
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.05em;
margin-right: 15px;
font-weight: 500;
}
.page--news .post_article #others .wrapper .list .body time {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.page--news .post_article #others .wrapper .list .body .title {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-top: 10px;
}
.page--news .post_article #others .slider .slick-prev, .page--news .post_article #others .slider .slick-next {
width: 40px;
height: 40px;
background-color: #000;
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 50%;
background-position: center center;
top: 32vw;
z-index: 2;
}
@media screen and (max-width: 580px) {
.page--news .post_article #others .slider .slick-prev, .page--news .post_article #others .slider .slick-next {
top: 28vw;
}
}
.page--news .post_article #others .slider .slick-prev {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-left.png);
left: 20px;
}
.page--news .post_article #others .slider .slick-next {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-right.png);
right: 20px;
}
.page--news .post_article #others .slider .slick-prev:before,
.page--news .post_article #others .slider .slick-next:before {
content: "";
}         .page--store .post_article {  }
.page--store .post_article #archive {
margin-bottom: 120px;
}
.page--store .post_article #archive > h2,
.page--store .post_article #archive > p {
display: block;
max-width: 1280px;
margin: 0 auto;
line-height: 2;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive > h2,
.page--store .post_article #archive > p {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #archive > h2,
.page--store .post_article #archive > p {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #archive > h2,
.page--store .post_article #archive > p {
padding: 0 40px;
}
}
.page--store .post_article #archive > h2::before,
.page--store .post_article #archive > p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive > h2,
.page--store .post_article #archive > p {
text-align: center;
}
}
.page--store .post_article #archive > h2 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive > h2 {
font-size: 2rem;
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive > h2 {
font-size: 2.4rem;
margin-bottom: 50px;
}
}
.page--store .post_article #archive > p {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive > p {
margin-bottom: 55px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive > p {
margin-bottom: 75px;
}
}
.page--store .post_article #archive .group {
background: #F9F9F9;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive .group {
padding: 60px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive .group {
padding: 80px 30px;
}
}
.page--store .post_article #archive .group ul {
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive .group ul {
width: 100%;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive .group ul {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #archive .group ul li {
width: 100%;
}
.page--store .post_article #archive .group ul li:nth-child(n+2) {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #archive .group ul li {
display: flex;
flex-wrap: wrap;
width: calc(33.3% - 13.3333333333px);
margin-right: 20px;
}
.page--store .post_article #archive .group ul li:nth-child(3n) {
margin-right: 0;
}
.page--store .post_article #archive .group ul li:nth-child(n+4) {
margin-top: 20px;
}
}
.page--store .post_article #archive .group ul li a {
display: block;
transition: all 0.2s ease-out;
}
.page--store .post_article #archive .group ul li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #archive .group ul li a:hover {
opacity: 0.8;
}
.page--store .post_article .pagetitle {
line-height: 1.4;
font-weight: 500;
background: #F9F9F9;
color: #FFF;
text-align: center;
}
.page--store .post_article .pagetitle::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle {
font-size: 2rem;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle {
font-size: 2.8rem;
}
}
.page--store .post_article .pagetitle > span {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle > span {
height: 58.6vw;
letter-spacing: 1px;
line-height: 1.6;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle > span {
height: 380px;
letter-spacing: 2px;
}
}
.page--store .post_article .pagetitle > span > span {
display: block;
}
.page--store .post_article .pagetitle > span > span img {
width: 100%;
height: auto;
vertical-align: bottom;
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hoshiyama-honten {
background: url(//www.hoshiyama.co.jp/assets/images/store/hoshiyama-honten/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hoshiyama-honten {
background: url(//www.hoshiyama.co.jp/assets/images/store/hoshiyama-honten/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hoshiyama-honten > span > span {
width: 200px;
height: 70px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hoshiyama-honten > span > span {
width: 360px;
height: 126px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hoshiyama-aer {
background: url(//www.hoshiyama.co.jp/assets/images/store/hoshiyama-aer/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hoshiyama-aer {
background: url(//www.hoshiyama.co.jp/assets/images/store/hoshiyama-aer/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hoshiyama-aer > span > span {
width: 200px;
height: 70px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hoshiyama-aer > span > span {
width: 360px;
height: 126px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.shichiyousei {
background: url(//www.hoshiyama.co.jp/assets/images/store/shichiyousei/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.shichiyousei {
background: url(//www.hoshiyama.co.jp/assets/images/store/shichiyousei/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.shichiyousei > span > span {
width: 222px;
height: 80px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.shichiyousei > span > span {
width: 277px;
height: 100px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-mitsui {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-bakery-coffee-mitsui/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-mitsui {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-bakery-coffee-mitsui/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-mitsui > span > span {
width: 154px;
height: 56px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-mitsui > span > span {
width: 220px;
height: 80px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-higashiguchi {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-bakery-coffee-higashiguchi/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-higashiguchi {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-bakery-coffee-higashiguchi/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-higashiguchi > span > span {
width: 154px;
height: 56px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-bakery-coffee-higashiguchi > span > span {
width: 220px;
height: 80px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-coffee-parco2 {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-coffee-parco2/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-coffee-parco2 {
background: url(//www.hoshiyama.co.jp/assets/images/store/the-most-coffee-parco2/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.the-most-coffee-parco2 > span > span {
width: 189px;
height: 56px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.the-most-coffee-parco2 > span > span {
width: 270px;
height: 80px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hananoen {
background: url(//www.hoshiyama.co.jp/assets/images/store/hananoen/ttl-bg-sp.jpg) no-repeat center top/cover;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hananoen {
background: url(//www.hoshiyama.co.jp/assets/images/store/hananoen/ttl-bg-pc.jpg) no-repeat center top/cover;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article .pagetitle.hananoen > span > span {
width: 189px;
height: 105px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article .pagetitle.hananoen > span > span {
width: 288px;
height: 160px;
}
}
.page--store .post_article #single {       }
@media only screen and (max-width: 834px) {
.page--store .post_article #single {
margin-top: 80px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single {
margin-top: 100px;
}
}
.page--store .post_article #single .wrappoer {
display: block;
max-width: 1260px;
margin: 0 auto;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single .wrappoer {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single .wrappoer {
padding: 0 30px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .each-store {
margin-bottom: 75px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .each-store {
max-width: 720px;
display: flex;
justify-content: space-between;
margin: 0 auto 95px auto;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .each-store li:nth-child(n+2) {
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .each-store li {
width: calc(50% - 20px);
}
}
.page--store .post_article #single .wrappoer .each-store li a {
height: 48px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #ECECEC;
border-bottom: 2px solid #000;
position: relative;
transition: all 0.2s ease-out;
}
.page--store .post_article #single .wrappoer .each-store li a:hover {
color: #FFF;
background: #000;
}
.page--store .post_article #single .wrappoer .each-store li a:hover::after {
border-color: #FFF;
}
.page--store .post_article #single .wrappoer .each-store li a::after {
width: 10px;
height: 10px;
content: "";
display: block;
position: absolute;
top: 45%;
right: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .each-store li a::after {
right: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .each-store li a::after {
right: 20px;
}
}
.page--store .post_article #single .wrappoer .name {
line-height: 1.8;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .name {
font-size: 2.4rem;
margin-bottom: 35px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .name {
font-size: 2.8rem;
margin-bottom: 55px;
}
}
.page--store .post_article #single .wrappoer .name::after {
height: 1px;
content: "";
background: #DEDEDE;
display: block;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .name::after {
width: 180px;
margin-top: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .name::after {
width: 240px;
margin-top: 25px;
}
}
.page--store .post_article #single .wrappoer .intro {
line-height: 1.8;
font-weight: 700;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .intro {
font-size: 2rem;
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .intro {
text-align: center;
font-size: 2.4rem;
margin-bottom: 50px;
}
}
.page--store .post_article #single .wrappoer .com {
display: block;
max-width: 1200px;
margin: 0 auto;
line-height: 1.8;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .com {
padding: 0;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single .wrappoer .com {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single .wrappoer .com {
padding: 0;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .com {
margin-bottom: 80px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .com {
margin-bottom: 100px;
padding: 0;
}
}
.page--store .post_article #single .wrappoer .store-navi {
display: block;
max-width: 1200px;
margin: 0 auto;
margin: 0 auto;
background-color: #F9F9F9;
padding: 15px;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .store-navi {
padding: 0;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single .wrappoer .store-navi {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single .wrappoer .store-navi {
padding: 0;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .store-navi {
padding: 15px 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .store-navi {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 15px;
margin-bottom: 40px;
}
}
.page--store .post_article #single .wrappoer .store-navi li {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single .wrappoer .store-navi li {
padding-right: 20px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
}
.page--store .post_article #single .wrappoer .store-navi li:last-child {
margin-bottom: 0;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single .wrappoer .store-navi li {
padding-right: 20px;
}
.page--store .post_article #single .wrappoer .store-navi li:nth-child(n+2) {
margin-left: 30px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single .wrappoer .store-navi li:nth-child(n+2) {
margin-left: 16px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.page--store .post_article #single .wrappoer .store-navi li:last-child {
margin-left: 50px;
}
}
.page--store .post_article #single .wrappoer .store-navi li:after {
content: "";
display: inline-block;
position: absolute;
top: 45%;
right: 0;
width: 10px;
height: 10px;
border-right: 3px solid #333;
border-bottom: 3px solid #333;
transform: translateY(-50%) rotate(45deg);
transition: 0.3s;
}
.page--store .post_article #single .wrappoer .store-navi li a {
font-weight: 700;
color: #000;
display: block;
}
.page--store .post_article #single .wrappoer .store-navi li a:hover {
opacity: 0.8;
}
.page--store .post_article #single #story {
display: block;
max-width: 1260px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #story {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #story {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single #story {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #story {
padding: 30px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #story {
padding: 40px 30px;
display: flex;
flex-wrap: wrap;
flex-flow: row-reverse;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #story .wrap {
margin-bottom: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #story .wrap {
width: 50%;
padding-left: 40px;
}
}
.page--store .post_article #single #story .wrap p {
line-height: 1.8;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #story figure {
width: 50%;
}
}
.page--store .post_article #single #story figure img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #concept {
display: block;
max-width: 1260px;
margin: 0 auto; }
@media only screen and (max-width: 834px) {
.page--store .post_article #single #concept {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #concept {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single #concept {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #concept {
padding: 30px 20px 80px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept {
padding: 40px 30px 100px 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol li {
display: flex;
justify-content: space-between;
}
.page--store .post_article #single #concept > ol li:nth-child(odd) {
flex-direction: row;
}
.page--store .post_article #single #concept > ol li:nth-child(even) {
flex-direction: row-reverse;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #concept > ol li:nth-child(n+2) {
margin-top: 40px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol li:nth-child(n+2) {
margin-top: 60px;
}
}
.page--store .post_article #single #concept > ol li figure {
display: block;
position: relative;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #concept > ol li figure {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol li figure {
width: 32.1667%;
max-width: 386px;
}
}
.page--store .post_article #single #concept > ol li figure img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.page--store .post_article #single #concept > ol li figure figcaption {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
color: #FFF;
position: absolute;
right: 25px;
z-index: 2;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #concept > ol li figure figcaption {
font-size: 4rem;
bottom: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol li figure figcaption {
font-size: 4.8rem;
bottom: 30px;
}
}
.page--store .post_article #single #concept > ol li p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 500;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #concept > ol li p {
width: 64.5%;
max-width: 774px;
}
}
.page--store .post_article #single #recomend-menu {
background-color: #F9F9F9;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu {
padding: 85px 20px 80px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu {
padding: 100px 30px;
}
}
.page--store .post_article #single #recomend-menu .wrapper {
max-width: 1200px;
margin: 0 auto;
}
.page--store .post_article #single #recomend-menu .wrapper > ul {
padding-bottom: 60px;
border-bottom: 1px solid #DEDEDE;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li:nth-child(n+2) {
margin-top: 60px;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro {
display: flex;
justify-content: space-between;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro figure {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro figure {
width: 40%;
max-width: 480px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro figure img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 {
height: 100%;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 {
width: 40%;
max-width: 480px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-prev, .page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-next {
width: 40px;
height: 40px;
background-color: #000;
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 50%;
background-position: center center;
top: 50%;
z-index: 2;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-prev {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-left.png);
left: 20px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-next {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-right.png);
right: 20px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-prev:before,
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .slick-next:before {
content: "";
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .slider2 .list img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .wrap {
width: 56.6667%;
max-width: 680px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .wrap h3 {
font-weight: 700;
font-size: 2rem;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .intro .wrap p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature {
background: #FFF;
margin-top: 40px;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature {
padding: 40px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px 20px 20px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature figure {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature figure {
width: 27.8261%;
max-width: 320px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature figure img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature .wrap {
width: 69.5652%;
max-width: 800px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature .wrap h3 {
font-weight: 700;
font-size: 2rem;
letter-spacing: 0.05em;
margin-bottom: 15px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature .wrap h3::after {
width: 55px;
height: 3px;
content: "";
display: block;
background: url(//www.hoshiyama.co.jp/assets/images/store/ttl-border.svg) no-repeat left top/contain;
vertical-align: middle;
margin-top: 10px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .feature .wrap p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec {
width: 100%;
max-width: 200px;
height: 50px;
position: relative;
color: #000;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border: 2px solid #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec {
margin-top: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec {
margin-top: 40px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec:hover {
border-width: 3px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec::before, .page--store .post_article #single #recomend-menu .wrapper > ul > li .ec::after {
content: "";
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec::before {
width: 34px;
height: 34px;
background: url(//www.hoshiyama.co.jp/assets/images/common/cart-icon.svg) no-repeat left top/contain;
margin-right: 10px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .ec::after {
width: 14px;
height: 14px;
background: url(//www.hoshiyama.co.jp/assets/images/common/blank-icon.svg) no-repeat right top/contain;
margin: 0 10px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner {
max-width: 338px;
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner {
margin-top: 10px;
}
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li {
width: 48.5207%;
max-width: 164px;
margin-right: 2.9586%;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li:nth-child(even) {
margin-right: 0;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li:nth-child(n+3) {
margin-top: 10px;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li a {
display: block;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li a:hover {
opacity: 0.8;
}
.page--store .post_article #single #recomend-menu .wrapper > ul > li .banner li a img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.page--store .post_article #single #recomend-menu .wrapper .menu-link {
width: 100%;
max-width: 386px;
height: 60px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border: 2px solid #000;
transition: all 0.2s ease-out;
margin: 40px auto 0 auto;
}
.page--store .post_article #single #recomend-menu .wrapper .menu-link:hover {
border-width: 3px;
}
.page--store .post_article #single #recomend-menu .wrapper .pdf-link {
width: 200px;
height: 40px;
color: #000;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 10px;
background: #FFF;
border-radius: 30px;
transition: all 0.2s ease-out;
margin: 20px auto 0 auto;
}
.page--store .post_article #single #recomend-menu .wrapper .pdf-link:hover {
color: #FFF;
background: #000;
}
.page--store .post_article #single #recomend-menu .wrapper .pdf-link::before {
content: "";
margin-right: 10px;
width: 24px;
height: 24px;
background: url(//www.hoshiyama.co.jp/assets/images/store/pdf-icon.svg) no-repeat left top/contain;
}
.page--store .post_article #single #shop { }
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop {
padding: 80px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop {
display: flex;
justify-content: flex-end;
padding: 100px 0 50px 30px;
}
}
.page--store .post_article #single #shop .contents {
position: relative; }
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents {
padding: 20px 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents {
max-width: 580px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #shop .contents {
padding-right: 30px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.page--store .post_article #single #shop .contents {
padding-right: 60px;
}
}
.page--store .post_article #single #shop .contents .shop-detail {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail i {
width: 80px;
height: 80px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail i {
width: 120px;
height: 120px;
}
}
.page--store .post_article #single #shop .contents .shop-detail i img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #shop .contents .shop-detail > div {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail > div {
width: calc(100% - 80px);
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail > div {
width: calc(100% - 120px);
max-width: 400px;
}
}
.page--store .post_article #single #shop .contents .shop-detail > div h3 {
font-weight: 700;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail > div h3 {
font-size: 1.8rem;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail > div h3 {
font-size: 2rem;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail > p {
margin-top: 10px;
}
}
.page--store .post_article #single #shop .contents .shop-detail dl {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .shop-detail dl {
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail dl {
margin-top: -5px;
}
}
.page--store .post_article #single #shop .contents .shop-detail dl dt,
.page--store .post_article #single #shop .contents .shop-detail dl dd {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
.page--store .post_article #single #shop .contents .shop-detail dl dt {
width: 5.5em;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.page--store .post_article #single #shop .contents .shop-detail dl dt::after {
content: "：";
}
.page--store .post_article #single #shop .contents .shop-detail dl dd {
width: calc(100% - 5.5em);
}
.page--store .post_article #single #shop .contents .shop-detail dl dd a {
color: #000;
text-decoration: none;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .shop-detail dl dd a {
pointer-events: none;
}
}
.page--store .post_article #single #shop .contents .wrap > div {
background-color: #F9F9F9;
width: 100%;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .wrap > div {
padding: 20px 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div {
padding: 40px;
marign-left: 40px;
}
}
.page--store .post_article #single #shop .contents .wrap > div .tel {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .wrap > div .tel {
font-size: 3rem;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div .tel {
font-size: 3.2rem;
}
}
.page--store .post_article #single #shop .contents .wrap > div .tel a {
color: #000;
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div .tel a {
pointer-events: none;
}
}
.page--store .post_article #single #shop .contents .wrap > div .open {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .wrap > div .open {
font-size: 2rem;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div .open {
font-size: 2rem;
}
}
.page--store .post_article #single #shop .contents .wrap > div .caution {
font-weight: 500;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .wrap > div .caution {
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div .caution {
font-size: 1.5rem;
}
}
.page--store .post_article #single #shop .contents .wrap > div .sns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 220px;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .contents .wrap > div .sns {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .contents .wrap > div .sns {
margin-top: 25px;
}
}
.page--store .post_article #single #shop .contents .wrap > div .sns li {
width: 40px;
}
.page--store .post_article #single #shop .contents .wrap > div .sns li a {
display: block;
transition: all 0.2s ease-out;
}
.page--store .post_article #single #shop .contents .wrap > div .sns li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #shop .contents .wrap > div .sns li a:hover {
opacity: 0.8;
}
.page--store .post_article #single #shop .map {
height: 0;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop .map {
position: relative; min-height: 320px;
height: 100%;
overflow: hidden;
width: 100%;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop .map {
position: relative; min-height: 580px;
height: 100%;
overflow: hidden;
width: 52.0833%;
}
}
.page--store .post_article #single #shop .map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.page--store .post_article #single #shop__pagetop {
position: fixed;
z-index: 10;
opacity: 0;
}
.page--store .post_article #single #shop__pagetop.active {
opacity: 1;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop__pagetop {
width: 44px;
height: 44px;
bottom: 20px;
right: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #shop__pagetop {
width: 60px;
height: 60px;
bottom: 50px;
right: 50px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #shop__pagetop {
right: 30px;
}
}
.page--store .post_article #single #shop__pagetop a {
display: block;
width: 60px;
height: 0;
padding-top: 60px;
overflow: hidden;
background: url(//www.hoshiyama.co.jp/assets/images/common/pagetop.gif) 0 0 no-repeat;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop__pagetop a {
background-size: 44px;
}
}
.page--store .post_article #single #shop__pagetop a:hover {
background: url(//www.hoshiyama.co.jp/assets/images/common/pagetop-hover.gif) 0 0 no-repeat;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #shop__pagetop a:hover {
background-size: 44px;
}
}
.page--store .post_article #single #information {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #information {
padding: 65px 0 50px 0;
background-color: #F9F9F9;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information {
padding: 50px 0 80px 0;
}
}
.page--store .post_article #single #information h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #information h2 {
font-size: 2.8rem;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information h2 {
font-size: 4rem;
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information .wrapper {
display: flex;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
padding: 0 30px;
}
}
.page--store .post_article #single #information .wrapper .none {
width: 100% !important;
text-align: center !important;
}
.page--store .post_article #single #information .wrapper .list {
display: block;
color: #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #information .wrapper .list {
margin-left: 10px;
margin-right: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information .wrapper .list {
max-width: 285px;
width: calc(25% - 15px);
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information .wrapper .list:not(:nth-of-type(4n + 1)) {
margin-left: 20px;
}
}
.page--store .post_article #single #information .wrapper .list:hover {
opacity: 0.8;
}
.page--store .post_article #single #information .wrapper .list figure {
width: 100%;
height: 0;
padding-top: 63.16%;
display: block;
overflow: hidden;
position: relative;
}
.page--store .post_article #single #information .wrapper .list figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.page--store .post_article #single #information .wrapper .list .body {
margin-top: 10px;
}
.page--store .post_article #single #information .wrapper .list .body .category {
min-width: 100px;
display: inline-block;
padding: 4px 15px;
background-color: #000;
color: #fff;
font-size: 1.4rem;
text-align: center;
margin-right: 15px;
font-weight: 500;
}
.page--store .post_article #single #information .wrapper .list .body time {
font-weight: bold;
margin-bottom: 5px;
font-siuze: 1.5rem;
}
.page--store .post_article #single #information .wrapper .list .body .title {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
margin-top: 10px;
}
.page--store .post_article #single #information .slider .slick-prev, .page--store .post_article #single #information .slider .slick-next {
width: 40px;
height: 40px;
background-color: #000;
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 50%;
background-position: center center;
top: 32vw;
z-index: 2;
}
@media screen and (max-width: 580px) {
.page--store .post_article #single #information .slider .slick-prev, .page--store .post_article #single #information .slider .slick-next {
top: 28vw;
}
}
.page--store .post_article #single #information .slider .slick-prev {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-left.png);
left: 20px;
}
.page--store .post_article #single #information .slider .slick-next {
background-image: url(//www.hoshiyama.co.jp/assets/images/common/arrow-right.png);
right: 20px;
}
.page--store .post_article #single #information .slider .slick-prev:before,
.page--store .post_article #single #information .slider .slick-next:before {
content: "";
}
.page--store .post_article #single #information > a {
width: 140px;
height: 40px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border: 2px solid #000;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #information > a {
position: absolute !important;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #information > a {
margin: 40px auto 0 auto;
}
}
.page--store .post_article #single #information > a:hover {
border-width: 3px;
}
.page--store .post_article #single #instagram {
display: block;
max-width: 1260px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #instagram {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #instagram {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--store .post_article #single #instagram {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #instagram {
padding: 80px 20px 120px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #instagram {
padding: 50px 30px 120px 30px;
}
}
.page--store .post_article #single #instagram h2 {
text-align: center;
width: 210px;
height: 60px;
margin: 0 auto 40px auto;
}
.page--store .post_article #single #instagram h2 img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #instagram ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #instagram ul li {
width: 48%;
margin-right: 4%;
}
.page--store .post_article #single #instagram ul li:nth-child(2n) {
margin-right: 0;
}
.page--store .post_article #single #instagram ul li:nth-child(n+3) {
margin-top: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #instagram ul li {
width: 23.75%;
}
.page--store .post_article #single #instagram ul li:nth-child(n+5) {
margin-top: 20px;
}
}
.page--store .post_article #single #instagram ul li a {
display: block;
transition: all 0.2s ease-out;
}
.page--store .post_article #single #instagram ul li a:hover {
opacity: 0.8;
}
.page--store .post_article #single #instagram ul li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #instagram .instagram-link {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
color: #000;
font-size: 2.4rem;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s ease-out;
padding: 10px;
width: 100%;
max-width: 335px;
background-color: #f9f9f9;
border-radius: 30px;
border: 1px solid #dedede;
margin: 40px auto 0 auto;
}
.page--store .post_article #single #instagram .instagram-link:hover {
opacity: 0.8;
}
.page--store .post_article #single #instagram .instagram-link::before {
content: "";
margin-right: 15px;
width: 40px;
height: 40px;
background: url(//www.hoshiyama.co.jp/assets/images/common/instagram-icon2.svg) no-repeat left top/contain;
}
.page--store .post_article #single #other-stores {
position: relative;
background-color: #F9F9F9;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #other-stores {
padding: 40px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #other-stores {
padding: 60px 30px;
}
}
.page--store .post_article #single #other-stores h2 {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #other-stores h2 {
font-size: 2.8rem;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #other-stores h2 {
font-size: 2.8rem;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
}
.page--store .post_article #single #other-stores ul {
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #other-stores ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 835px) {
.page--store .post_article #single #other-stores ul {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 834px) {
.page--store .post_article #single #other-stores ul li {
width: calc(50% - 5px);
margin-right: 10px;
}
.page--store .post_article #single #other-stores ul li:nth-child(2n) {
margin-right: 0;
}
.page--store .post_article #single #other-stores ul li:nth-child(n+3) {
margin-top: 10px;
}
}
@media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
.page--store .post_article #single #other-stores ul li {
display: flex;
flex-wrap: wrap;
width: calc(33.3% - 13.3333333333px);
margin-right: 20px;
}
.page--store .post_article #single #other-stores ul li:nth-child(3n) {
margin-right: 0;
}
.page--store .post_article #single #other-stores ul li:nth-child(n+4) {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) and (min-width: 1220px) {
.page--store .post_article #single #other-stores ul li {
width: calc(20% - 16px);
margin-right: 20px;
}
.page--store .post_article #single #other-stores ul li:nth-child(5n) {
margin-right: 0;
}
.page--store .post_article #single #other-stores ul li:nth-child(n+6) {
margin-top: 20px;
}
}
.page--store .post_article #single #other-stores ul li a {
display: block;
transition: all 0.2s ease-out;
}
.page--store .post_article #single #other-stores ul li a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.page--store .post_article #single #other-stores ul li a:hover {
opacity: 0.8;
}         @media only screen and (max-width: 834px) {
.page--about-us .post_article .mod__breadcrumb {
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article .mod__breadcrumb {
margin-bottom: 80px;
}
}
.page--about-us .post_article section {
display: block;
max-width: 1280px;
margin: 0 auto;  }
@media only screen and (max-width: 834px) {
.page--about-us .post_article section {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--about-us .post_article section {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--about-us .post_article section {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section:nth-of-type(n+2) {
margin-top: 60px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section:nth-of-type(n+2) {
margin-top: 80px;
}
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .mod__heading3 {
margin-bottom: 45px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .mod__heading3 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .intro {
margin-bottom: 40px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .intro {
margin-bottom: 60px;
}
}
.page--about-us .post_article section#policy .intro h3,
.page--about-us .post_article section#policy .intro dl dt,
.page--about-us .post_article section#policy .intro dl dd {
text-align: center;
}
.page--about-us .post_article section#policy .intro h3 {
line-height: 1.6;
font-weight: 700;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
.page--about-us .post_article section#policy .intro h3::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .intro h3 {
font-size: 2.4rem;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .intro h3 {
font-size: 2.8rem;
}
}
.page--about-us .post_article section#policy .intro dl dt {
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.1em;
}
.page--about-us .post_article section#policy .intro dl dt::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .intro dl dt {
font-size: 2rem;
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .intro dl dt {
font-size: 2.4rem;
margin-bottom: 35px;
}
}
.page--about-us .post_article section#policy .intro dl dd {
line-height: 2;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
.page--about-us .post_article section#policy .intro dl dd::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
.page--about-us .post_article section#policy .sqpe {
background: #F9F9F9;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe {
padding: 45px 20px 40px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe {
padding: 75px 30px 60px 30px;
}
}
.page--about-us .post_article section#policy .sqpe h3 {
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe h3 {
line-height: 1.3;
font-size: 2rem;
flex-direction: column;
margin-bottom: 25px;
}
.page--about-us .post_article section#policy .sqpe h3::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.3) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe h3 {
line-height: 1.4;
font-size: 2.4rem;
margin-bottom: 45px;
}
.page--about-us .post_article section#policy .sqpe h3::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
}
.page--about-us .post_article section#policy .sqpe h3 span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe h3 span {
font-size: 2.8rem;
margin-top: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe h3 span {
font-size: 3.6rem;
margin-left: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol {
max-width: 960px;
margin: 0 auto;
}
}
.page--about-us .post_article section#policy .sqpe ol li {
background: #FFF;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe ol li {
padding: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li {
padding: 30px;
}
}
.page--about-us .post_article section#policy .sqpe ol li:nth-child(n+2) {
margin-top: 10px;
}
.page--about-us .post_article section#policy .sqpe ol li h4,
.page--about-us .post_article section#policy .sqpe ol li p {
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li h4,
.page--about-us .post_article section#policy .sqpe ol li p {
line-height: 1.4;
}
.page--about-us .post_article section#policy .sqpe ol li h4::before,
.page--about-us .post_article section#policy .sqpe ol li p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
}
.page--about-us .post_article section#policy .sqpe ol li h4 {
position: relative;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe ol li h4 {
line-height: 1.4;
font-size: 1.4rem;
padding-bottom: 11px;
margin-bottom: 15px;
}
.page--about-us .post_article section#policy .sqpe ol li h4::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li h4 {
font-size: 1.6rem;
padding-bottom: 16px;
margin-bottom: 20px;
}
}
.page--about-us .post_article section#policy .sqpe ol li h4::after {
width: 100%;
max-width: 260px;
height: 1px;
content: "";
background: #DEDEDE;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.page--about-us .post_article section#policy .sqpe ol li h4 span {
font-family: "Alata", sans-serif;
font-weight: 400;
font-style: normal;
}
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(1) {
letter-spacing: 0.05em;
padding-right: 10px;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(1) {
font-size: 2.4rem;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(1) {
font-size: 3.2rem;
}
}
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(2) {
letter-spacing: 0;
padding-left: 10px;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(2) {
font-size: 1.6rem;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li h4 span:nth-of-type(2) {
font-size: 2rem;
}
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#policy .sqpe ol li p {
line-height: 1.5;
font-size: 1.8rem;
}
.page--about-us .post_article section#policy .sqpe ol li p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.5) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#policy .sqpe ol li p {
font-size: 2rem;
}
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#info .mod__heading3, .page--about-us .post_article section#history .mod__heading3 {
margin-bottom: 35px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#info .mod__heading3, .page--about-us .post_article section#history .mod__heading3 {
margin-bottom: 55px;
}
}
.page--about-us .post_article section#info dl, .page--about-us .post_article section#history dl {
display: flex;
flex-wrap: wrap;
border-bottom: 2px dotted #DEDEDE;
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#info dl, .page--about-us .post_article section#history dl {
max-width: 1000px;
margin: 0 auto;
}
}
.page--about-us .post_article section#info dl dt,
.page--about-us .post_article section#info dl dd, .page--about-us .post_article section#history dl dt,
.page--about-us .post_article section#history dl dd {
line-height: 1.6;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
}
.page--about-us .post_article section#info dl dt:nth-of-type(n+2),
.page--about-us .post_article section#info dl dd:nth-of-type(n+2), .page--about-us .post_article section#history dl dt:nth-of-type(n+2),
.page--about-us .post_article section#history dl dd:nth-of-type(n+2) {
border-top: 2px dotted #DEDEDE;
}
.page--about-us .post_article section#info dl dt, .page--about-us .post_article section#history dl dt {
padding: 7px 1em 7px 0;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#info dl dt, .page--about-us .post_article section#history dl dt {
width: 115px;
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#info dl dt, .page--about-us .post_article section#history dl dt {
width: 140px;
}
}
.page--about-us .post_article section#info dl dd, .page--about-us .post_article section#history dl dd {
padding: 7px 0;
}
@media only screen and (max-width: 834px) {
.page--about-us .post_article section#info dl dd, .page--about-us .post_article section#history dl dd {
width: calc(100% - 115px);
}
}
@media print, screen and (min-width: 835px) {
.page--about-us .post_article section#info dl dd, .page--about-us .post_article section#history dl dd {
width: calc(100% - 140px);
}
}
.page--about-us .post_article section#history {
margin-bottom: 120px;
}         .page--privacy .post_article section {
display: block;
max-width: 1280px;
margin: 0 auto;
margin-bottom: 120px;
}
@media only screen and (max-width: 834px) {
.page--privacy .post_article section {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--privacy .post_article section {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--privacy .post_article section {
padding: 0 40px;
}
}
.page--privacy .post_article section h2,
.page--privacy .post_article section p {
letter-spacing: 0.05em;
}
.page--privacy .post_article section h2 {
line-height: 1.4;
color: #333;
font-size: 2.8rem;
font-weight: 700;
}
.page--privacy .post_article section h2::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--privacy .post_article section h2 {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--privacy .post_article section h2 {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 834px) {
.page--privacy .post_article section h2:nth-of-type(n+2) {
margin-top: 45px;
}
}
@media print, screen and (min-width: 835px) {
.page--privacy .post_article section h2:nth-of-type(n+2) {
margin-top: 60px;
}
}
.page--privacy .post_article section p {
font-size: 1.5rem;
font-weight: 500;
}
@media only screen and (max-width: 834px) {
.page--privacy .post_article section p {
line-height: 1.6;
}
.page--privacy .post_article section p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.page--privacy .post_article section p {
line-height: 2;
}
.page--privacy .post_article section p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
}
@media only screen and (max-width: 834px) {
.page--privacy .post_article section p:first-of-type {
line-height: 2;
margin-bottom: 60px;
}
.page--privacy .post_article section p:first-of-type::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
}
@media print, screen and (min-width: 835px) {
.page--privacy .post_article section p:first-of-type {
margin-bottom: 80px;
}
}         .page--contact .post_article #contact {
margin-bottom: 150px;
}
.page--contact .post_article #contact p {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.05em;
word-break: auto-phrase;
}
.page--contact .post_article #contact > p {
line-height: 2;
}
.page--contact .post_article #contact > p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
.page--contact .post_article #contact > p:nth-of-type(n+2) {
margin-top: 35px;
}
.page--contact .post_article #contact > p,
.page--contact .post_article #contact .notice {
display: block;
max-width: 1280px;
margin: 0 auto;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact > p,
.page--contact .post_article #contact .notice {
padding: 0 20px;
}
}
@media only screen and (min-width: 835px) and (max-width: 1219px) {
.page--contact .post_article #contact > p,
.page--contact .post_article #contact .notice {
padding: 0 30px;
}
}
@media print, screen and (min-width: 1220px) {
.page--contact .post_article #contact > p,
.page--contact .post_article #contact .notice {
padding: 0 40px;
}
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .notice {
margin: 35px 0 40px 0;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .notice {
display: flex;
justify-content: space-between;
margin: 60px auto;
}
}
.page--contact .post_article #contact .notice li {
background: #F9F9F9;
border: 1px solid #DEDEDE;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .notice li {
padding: 25px 20px 20px 20px;
}
.page--contact .post_article #contact .notice li:nth-child(n+2) {
margin-top: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .notice li {
width: 48.3333%;
max-width: 580px;
padding: 40px 30px;
}
}
.page--contact .post_article #contact .notice li h2 {
line-height: 1.4;
color: #333;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 15px;
}
.page--contact .post_article #contact .notice li h2::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .notice li h2 {
font-size: 2rem;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .notice li h2 {
font-size: 2.4rem;
}
}
.page--contact .post_article #contact .notice li p {
line-height: 1.6;
}
.page--contact .post_article #contact .notice li p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
.page--contact .post_article #contact .mailform {
background: #F9F9F9;
position: relative;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform {
padding: 40px 20px 70px 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform {
padding: 60px 30px 90px 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > p,
.page--contact .post_article #contact .mailform > dl {
max-width: 1000px;
margin: 0 auto;
}
}
.page--contact .post_article #contact .mailform > p {
min-height: 60px;
line-height: 1.6;
text-align: center;
background: #FFF;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > p {
padding: 20px;
margin-bottom: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > p {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
margin-bottom: 40px;
}
}
.page--contact .post_article #contact .mailform > p span {
font-weight: 700;
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl {
display: flex;
flex-wrap: wrap;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dt,
.page--contact .post_article #contact .mailform > dl dd {
display: flex;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dt:nth-of-type(n+2),
.page--contact .post_article #contact .mailform > dl dd:nth-of-type(n+2) {
margin-top: 20px;
}
}
.page--contact .post_article #contact .mailform > dl dt {
color: #333;
font-size: 1.6rem;
font-weight: 700;
align-items: center;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dt {
display: flex;
margin-bottom: 10px;
}
.page--contact .post_article #contact .mailform > dl dt:nth-of-type(2) {
margin-top: 25px;
}
.page--contact .post_article #contact .mailform > dl dt:nth-of-type(n+3) {
margin-top: 35px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dt {
width: 220px;
justify-content: space-between;
padding-right: 20px;
}
.page--contact .post_article #contact .mailform > dl dt:last-of-type {
align-items: flex-start;
padding-top: 15px;
}
.page--contact .post_article #contact .mailform > dl dt:last-of-type span {
margin-top: 4px;
}
}
.page--contact .post_article #contact .mailform > dl dt span {
width: 42px;
height: 20px;
color: #FFF;
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #5E5E5E;
border-radius: 4px;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dt span {
margin-left: 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dt span {
margin-left: 30px;
}
}
.page--contact .post_article #contact .mailform > dl dt span.required {
background: #F14328;
}
.page--contact .post_article #contact .mailform > dl dd {
word-break: break-all;
flex-wrap: wrap; }
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd:first-of-type {
display: flex;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dd {
width: calc(100% - 220px);
}
.page--contact .post_article #contact .mailform > dl dd:nth-of-type(-n+6) {
align-items: center;
}
.page--contact .post_article #contact .mailform > dl dd:nth-of-type(2) .checkbox {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 835px) and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd:nth-of-type(2) .checkbox {
grid-template-columns: 1fr;
}
}
.page--contact .post_article #contact .mailform > dl dd .error {
width: 100%;
line-height: 1.4;
color: #D51F1F;
font-size: 1.4rem;
font-weight: 700;
display: block;
margin-top: 10px;
}
.page--contact .post_article #contact .mailform > dl dd .error::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
.page--contact .post_article #contact .mailform > dl dd .radio, .page--contact .post_article #contact .mailform > dl dd .checkbox {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd .radio, .page--contact .post_article #contact .mailform > dl dd .checkbox {
flex-direction: column;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dd .radio, .page--contact .post_article #contact .mailform > dl dd .checkbox {
justify-content: flex-start;
align-items: center;
}
}
.page--contact .post_article #contact .mailform > dl dd .radio span, .page--contact .post_article #contact .mailform > dl dd .checkbox span {
margin: 0 !important;
font-weight: 500;
}
.page--contact .post_article #contact .mailform > dl dd .radio label, .page--contact .post_article #contact .mailform > dl dd .checkbox label {
cursor: pointer;
display: flex;
gap: 1.2rem;
}
.page--contact .post_article #contact .mailform > dl dd .radio input, .page--contact .post_article #contact .mailform > dl dd .checkbox input {
cursor: pointer;
transform: scale(2);
accent-color: black;
margin: 0 !important;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd .radio input, .page--contact .post_article #contact .mailform > dl dd .checkbox input {
transform: scale(1.5);
}
}
.page--contact .post_article #contact .mailform > dl dd .checkbox {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd .checkbox {
grid-template-columns: 1fr;
}
}
.page--contact .post_article #contact .mailform > dl dd .checkbox .mwform-checkbox-field {
line-height: 1.4;
}
.page--contact .post_article #contact .mailform > dl dd .checkbox .error {
font-weight: 700;
display: block;
margin-top: 10px !important;
}
.page--contact .post_article #contact .mailform > dl dd input[type=text],
.page--contact .post_article #contact .mailform > dl dd input[type=email],
.page--contact .post_article #contact .mailform > dl dd select,
.page--contact .post_article #contact .mailform > dl dd textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
width: 100%;
font-size: 1.6rem;
font-weight: 400;
display: block;
padding: 0.55em 1em;
background: #FFF;
border: 1px solid #DEDEDE;
border-radius: 4px;
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dd #name,
.page--contact .post_article #contact .mailform > dl dd #kana,
.page--contact .post_article #contact .mailform > dl dd #company,
.page--contact .post_article #contact .mailform > dl dd #phone {
max-width: 300px;
}
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform > dl dd textarea {
min-height: 140px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform > dl dd textarea {
min-height: 280px;
}
}
.page--contact .post_article #contact .mailform__policy {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
margin-top: 20px;
display: flex;
flex-direction: column;
background-color: white;
gap: 1rem;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy {
padding: 20px 10px;
gap: 0.5rem;
}
}
.page--contact .post_article #contact .mailform__policy--title {
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
display: block;
color: #333;
word-break: auto-phrase;
}
.page--contact .post_article #contact .mailform__policy--title::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--title {
font-size: 1.6rem;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform__policy--title {
font-size: 2.2rem;
}
}
.page--contact .post_article #contact .mailform__policy--discription {
font-size: 1.6rem;
color: #000;
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--discription {
font-size: 1.4rem;
}
}
.page--contact .post_article #contact .mailform__policy--wrap {
width: 100%;
height: 280px;
padding: 2rem;
background-color: white;
border: 1px solid #DEDEDE;
overflow-y: auto;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--wrap {
height: 150px;
}
}
.page--contact .post_article #contact .mailform__policy--wrap h3, .page--contact .post_article #contact .mailform__policy--wrap h4, .page--contact .post_article #contact .mailform__policy--wrap h5, .page--contact .post_article #contact .mailform__policy--wrap h6 {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul {
display: grid;
grid-template-columns: 1fr;
gap: 2em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li {
list-style-type: decimal;
line-height: 1.6;
font-size: 1.6rem;
letter-spacing: 0.05em;
margin-left: 2rem;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li h3 {
font-weight: 700;
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li h4 {
font-weight: 700;
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li h5 {
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li h6 {
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > p {
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul {
display: grid;
grid-template-columns: 1fr;
gap: 0.5em;
margin-bottom: 1em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul > li {
font-weight: 500;
margin-left: 1.3em;
list-style-type: disc;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol {
display: grid;
grid-template-columns: 1fr;
gap: 0.5em;
margin-bottom: 1em;
counter-reset: item;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol > li {
font-weight: 500;
margin-bottom: 1em;
display: flex;
align-items: flex-start;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol > li::before {
counter-increment: item;
content: "(" counter(item) ")";
margin-right: 0.2em;
margin-top: -0.2em;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ul, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ul {
display: grid;
grid-template-columns: 1fr;
gap: 0.5em;
margin: 1em 0;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ul > li, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ul > li {
font-weight: 500;
margin-left: 1.3em;
list-style-type: disc;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ol, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ol {
display: grid;
grid-template-columns: 1fr;
gap: 0.5em;
margin: 1em 0;
counter-reset: item;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ol li, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ol li {
font-weight: 500;
margin-left: 1.3em;
counter-increment: item;
list-style-type: katakana;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ol.att li, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ol.att li {
font-weight: 500;
margin-left: 1em;
display: flex;
align-items: flex-start;
}
.page--contact .post_article #contact .mailform__policy--wrap > ul > li > ul ol.att li::before, .page--contact .post_article #contact .mailform__policy--wrap > ul > li > ol ol.att li::before {
counter-increment: item;
content: "(※" counter(item) ")";
margin-right: 0.2em;
margin-top: -0.2em;
}
.page--contact .post_article #contact .mailform__policy--agree {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: center;
}
.page--contact .post_article #contact .mailform__policy--agree > span {
padding: 1rem;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--agree > span {
padding: 1rem 2rem;
}
}
.page--contact .post_article #contact .mailform__policy--agree a {
color: #333;
text-decoration: underline;
}
.page--contact .post_article #contact .mailform__policy--agree a:hover {
text-decoration: none;
}
.page--contact .post_article #contact .mailform__policy--agree label {
display: flex;
justify-content: center;
gap: 2rem;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--agree label {
gap: 1.5rem;
}
}
.page--contact .post_article #contact .mailform__policy--agree label span {
font-weight: 600;
word-break: auto-phrase;
}
.page--contact .post_article #contact .mailform__policy--agree input {
transform: scale(3);
accent-color: black;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform__policy--agree input {
transform: scale(2);
}
}
.page--contact .post_article #contact .mailform #submit {
height: 60px;
display: flex;
justify-content: center;
position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform #submit {
padding: 0 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform #submit {
max-width: 620px;
}
}
.page--contact .post_article #contact .mailform #submit input[type=submit] {
width: 100%;
height: 60px;
color: #FFF;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #000;
border: none;
cursor: pointer;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--contact .post_article #contact .mailform #submit input[type=submit] {
margin: 0 10px;
}
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mailform #submit input[type=submit] {
max-width: 280px;
margin: 0 15px;
}
}
.page--contact .post_article #contact .mailform #submit input[type=submit]:hover {
opacity: 0.8;
}
.page--contact .post_article #contact .mw_wp_form_input .mailform > p:nth-of-type(2) {
display: none;
}
.page--contact .post_article #contact .mw_wp_form_confirm .mailform > p:nth-of-type(1) {
display: none;
}
@media print, screen and (min-width: 835px) {
.page--contact .post_article #contact .mw_wp_form_confirm .mailform > dl dt:last-of-type {
padding-top: 0;
}
}
.page--contact .post_article #contact .mw_wp_form_confirm .mailform__policy {
display: none !important;
}
.page--contact .post_article #contact .thanks {
margin-bottom: -30px;
}
.page--contact .post_article #contact .thanks p {
line-height: 2;
text-align: center;
margin-bottom: 35px;
}
.page--contact .post_article #contact .thanks p::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
.page--contact .post_article #contact .thanks > a {
width: 100%;
max-width: 280px;
height: 60px;
color: #FFF;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
text-decoration: none;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #000;
border: none;
cursor: pointer;
transition: all 0.2s ease-out;
margin: 0 auto;
}
.page--contact .post_article #contact .thanks > a:hover {
opacity: 0.8;
}         .page--error404 { }
.page--error404 .post_article {    }
@media only screen and (max-width: 834px) {
.page--error404 .post_article .mod__pagetitle {
margin-bottom: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article .mod__pagetitle {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article #intro {
padding: 0 20px;
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article #intro {
padding: 0 30px;
margin-bottom: 80px;
}
}
.page--error404 .post_article #intro .mod__heading1,
.page--error404 .post_article #intro > p {
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article #intro .mod__heading1 {
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article #intro .mod__heading1 {
margin-bottom: 50px;
}
}
.page--error404 .post_article #intro .mod__heading1::after {
margin: 15px auto 40px auto;
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article #intro p {
margin-bottom: 25px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article #intro p {
margin-bottom: 50px;
}
}
.page--error404 .post_article #intro > a {
width: 100%;
min-height: 50px;
line-height: 1.4;
color: #FFF;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
background-color: #000;
border: 1px solid #000;
border-radius: 4px;
transition: all 0.2s ease-out;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto;
border-radius: 0;
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article #intro > a {
max-width: 340px;
}
}
.page--error404 .post_article #intro > a:hover { opacity: 0.8;
}
.page--error404 .post_article.news { }
.page--error404 .post_article.news .mod__pagetitle::before {
background: url(//www.hoshiyama.co.jp/assets/images/news/pagetitle.jpg) no-repeat center top/cover;
}
.page--error404 .post_article.news .mod__pagetitle::after {
background: #000;
}
.page--error404 .post_article.news .mod__pagetitle span {
color: #000;
}
.page--error404 .post_article.news #intro {
text-align: center;
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article.news #intro {
padding: 0 20px;
margin-bottom: 30px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article.news #intro {
max-width: 960px;
padding: 0 30px;
margin: 0 auto 80px auto;
}
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article.news #intro .mod__heading1 {
margin-bottom: 15px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article.news #intro .mod__heading1 {
margin-bottom: 30px;
}
}
.page--error404 .post_article.news #intro .mod__heading1::after {
display: block;
margin: 15px auto 40px auto;
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article.news #intro p {
margin-bottom: 20px;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article.news #intro p {
font-size: 1.6rem;
margin-bottom: 35px;
}
}
.page--error404 .post_article.news #intro .more {
width: 200px;
height: 40px;
color: #000;
font-size: 1.6rem;
font-weight: 700;
text-decoration: none;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFF;
border: 2px solid #000;
border-radius: 0;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 834px) {
.page--error404 .post_article.news #intro .more {
position: absolute !important;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
background: #FFF;
}
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article.news #intro .more {
margin: 40px auto 0 auto;
}
}
.page--error404 .post_article.news #intro .more:hover {
border-width: 3px;
}
.page--error404 .post_article.blog .mod__pagetitle::before {
background: url(//www.hoshiyama.co.jp/assets/images/blog/pagetitle.jpg) no-repeat center top/cover;
}
.page--error404 .post_article.blog .mod__pagetitle::after {
background: #FFEED8;
}
.page--error404 .post_article.blog .mod__pagetitle span {
color: #FFEED8;
}
.page--error404 .post_article.blog #intro .mod__heading1 {
color: #FFEED8;
}
.page--error404 .post_article.blog #intro > a {
width: 100%;
min-height: 50px;
line-height: 1.4;
color: #FFF;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
background-color: #858585;
border: 1px solid #858585;
border-radius: 4px;
transition: all 0.2s ease-out;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto;
color: #FFEED8;
background: #FFF;
border-color: #FFEED8 !important;
}
@media print, screen and (min-width: 835px) {
.page--error404 .post_article.blog #intro > a {
max-width: 340px;
}
}
.page--error404 .post_article.blog #intro > a:hover { opacity: 0.8;
}
.page--error404 .post_article.blog #intro > a::before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22128.284%22%20viewBox%3D%220%200%20120%20128.284%22%3E%20%3Cg%20id%3D%22Icon_feather-arrow-right%22%20data-name%3D%22Icon%20feather-arrow-right%22%20transform%3D%22translate(10%2014.142)%22%3E%20%3Cpath%20d%3D%22M7.5%2C18h100%22%20transform%3D%22translate(-7.5%2032)%22%20fill%3D%22none%22%20stroke%3D%22%23F0CC00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2220%22%2F%3E%20%3Cpath%20d%3D%22M18%2C7.5l50%2C50-50%2C50%22%20transform%3D%22translate(32%20-7.5)%22%20fill%3D%22none%22%20stroke%3D%22%23F0CC00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2220%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}
.page--error404 .post_article.blog #intro > a:hover {
color: #FFF;
background: #FFEED8;
}
.page--error404 .post_article.blog #intro > a:hover::before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22128.284%22%20viewBox%3D%220%200%20120%20128.284%22%3E%20%3Cg%20id%3D%22Icon_feather-arrow-right%22%20data-name%3D%22Icon%20feather-arrow-right%22%20transform%3D%22translate(10%2014.142)%22%3E%20%3Cpath%20d%3D%22M7.5%2C18h100%22%20transform%3D%22translate(-7.5%2032)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2220%22%2F%3E%20%3Cpath%20d%3D%22M18%2C7.5l50%2C50-50%2C50%22%20transform%3D%22translate(32%20-7.5)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2220%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-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;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.hoshiyama.co.jp/assets/vendor/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.hoshiyama.co.jp/assets/vendor/slick/fonts/slick.eot);
src: url(https://www.hoshiyama.co.jp/assets/vendor/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.hoshiyama.co.jp/assets/vendor/slick/fonts/slick.woff) format('woff'), url(https://www.hoshiyama.co.jp/assets/vendor/slick/fonts/slick.ttf) format('truetype'), url(https://www.hoshiyama.co.jp/assets/vendor/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.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: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}