@charset "utf-8";
 html { box-sizing: border-box;
-webkit-text-size-adjust: 100%; word-break: normal;
-moz-tab-size: 4;
tab-size: 4;
}
*, ::before, ::after {
background-repeat: no-repeat; box-sizing: inherit;
}
::before, ::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
} p, li, dt {
margin: 0 0 1em;
}
ul {
list-style: none;
}
ol {
margin: 0 0 1em;
padding: 0 0 0 1.5em;
}
ol li {
margin: 0 0 0;
padding: 0 0 0 1em;
}
hr {
overflow: visible; height: 0; margin: 40px 0;
}
details, main {
display: block; z-index: 1;
position: relative;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden] {
display: none; }
abbr[title] {
border-bottom: none;  text-decoration: underline;
text-decoration: underline dotted;
}
a {
background-color: transparent; }
a:active, a:hover {
outline-width: 0; }
code, kbd, pre, samp {
font-family: monospace, monospace; }
pre {
font-size: 1em; }
b, strong {
font-weight: bolder; font-family: "noto_bold";
} sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-collapse: collapse;
} input {
border-radius: 0;
} [disabled] {
cursor: default;
}
[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; }
textarea {
overflow: auto; resize: vertical; }
button, input, optgroup, select, textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; }
button, select {
text-transform: none; } button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
cursor: pointer;
color: inherit;
} 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-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button, input, select, textarea {
background-color: transparent;
border-style: none;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; max-width: 100%; }
::-webkit-file-upload-button { -webkit-appearance: button;
color: inherit;
font: inherit; } img {
border-style: none; } progress {
vertical-align: baseline;
}  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
} @font-face {
font-family: "noto_regular";
src: url(//iphone-shuri-plant.jp/fonts/NotoSansCJKjp-Regular.woff2) format('woff2'), url(//iphone-shuri-plant.jp/fonts/NotoSansCJKjp-Regular.otf) format('opentype');
}
@font-face {
font-family: "noto_bold";
src: url(//iphone-shuri-plant.jp/fonts/NotoSansCJKjp-Bold.woff2) format('woff2'), url(//iphone-shuri-plant.jp/fonts/NotoSansCJKjp-Bold.otf) format('opentype');
}
@font-face {
font-family: "lato_bold";
src: url(//iphone-shuri-plant.jp/fonts/Lato-Bold.woff2) format('woff2'), url(//iphone-shuri-plant.jp/fonts/Lato-Bold.ttf) format("truetype");
}
* {
box-sizing: border-box;
}
body {
width: 100%;
min-width: 320px;
color: #030303;
font-size: 17px;
line-height: 1.75;
font-family: "noto_regular";
position: relative;
overflow-x: hidden;
}
body::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 99999;
}
body.loaded {
position: static;
}
body.loaded::before {
content: none;
}
body.is-active #document::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
background: #fff;
z-index: 1001;
}
@media screen and (max-width: 1170px) {
body.is-active #document::before {
right: 0;
left: 0;
}
}
a {
color: #030303;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
label, input, textarea {
display: block;
}
input[type="text"], textarea {
width: 100%;
border-radius: 5px;
background: #fff;
border: 1px solid #dbdbdb;
padding: 10px;
}
label {
margin: 0 0 5px;
}
input::placeholder, input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder {
color: #cccccc;
opacity: 0.5;
}
#document {
width: 100%;
max-width: 1170px;
margin: auto;
padding: 0 20px;
}
@media screen and (max-width: 1170px) {
#document {
overflow: hidden;
}
}
@media screen and (max-width: 768px) {
body {
min-width: 100%;
font-size: 14px;
}
}
@media screen and (max-width: 500px) {
img {
width: 100%;
}
}
.js-acd_ttl {
pointer-events: all;
}
.js-acd_content {
display: none;
}
.js-acd_ttl._type02 {
pointer-events: none;
}
.js-acd_ttl._type02 + .js-acd_content {
display: block;
}
@media screen and (max-width: 768px) {
.js-acd_ttl._type02 {
pointer-events: all;
}
.js-acd_ttl._type02 + .js-acd_content {
display: none;
}
}
@media screen and (min-width: 768px) {
.js-acd_ttl._type02 + .js-acd_content {
display: block !important;
}
}
.l-header {
width: 100%;
background: #fff;
transition: opacity 0.2s linear, padding 0.2s linear;
-webkit-transition: opacity 0.2s linear, padding 0.2s linear;
-moz-transition: opacity 0.2s linear, padding 0.2s linear;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
z-index: 999;
position: relative;
}
.l-header::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
-moz-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
-webkit-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
-ms-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
background: #fff;
}
@media screen and (max-width: 1170px) {
.l-header::before {
right: -20px;
left: -20px;
}
}
.l-header_inner {
position: relative;
margin: auto;
}
.l-header_inner ._logo {
margin: 0;
line-height: 1;
}
.l-header_inner ._logo img {
vertical-align: middle;
}
.l-header_content01 {
padding: 35px 0;
}
.l-header .l-header_menubutton {
display: none;
}
.l-header_gnav {
padding: 15px 0;
position: relative;
}
.l-header_gnav::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
background: #020202;
}
@media screen and (max-width: 1170px) {
.l-header_gnav::before {
right: -20px;
left: -20px;
}
}
.l-header_gnav ul {
margin: 0 0 0 -60px;
text-align: center;
}
.l-header_gnav ul li {
margin: 0 0 0 60px;
font-size: 18px;
display: inline-block;
}
.l-header_gnav ul li a {
text-decoration: none;
display: block;
position: relative;
color: #fff;
}
.l-header_gnav ul li a:hover {
color: #8CC63F;
}
.l-header_menuwrap {
background: #000000;
}
.l-header_menuwrap ._tel {
line-height: 1;
position: absolute;
left: 371px;
top: 35px;
text-align: center;
}
.l-header_menuwrap ._tel ._branch {
vertical-align: middle;
font-size: 14px;
}
.l-header_menuwrap ._tel a {
display: inline-block;
vertical-align: middle;
text-decoration: none;
font-family: 'lato_bold';
font-size: 28px;
color: #C40000;
line-height: 3rem;
}
.l-header_menuwrap ._tel span {
font-size: 14px;
vertical-align: middle;
}
.l-header_menuwrap .c-cvlist {
margin: 0;
position: absolute;
right: 0;
top: 35px;
}
.l-header_menuwrap .c-cvlist li {
margin: 0 0 0 20px;
flex-basis: 160px;
min-width: 135px;
}
.l-header_menuwrap .c-cvlist li a {
padding: 20px;
}
.l-header_menuwrap .c-cvlist li.c-button02 a span {
display: none;
}
body.is-active .l-header {
z-index: 9999;
}
.l-header .header_text {
position: absolute;
left: 400px;
top: 40px;
text-align: center;
font-size: 16px;
}
@media screen and (max-width: 1100px) {
.l-header_inner ._logo {
width: 31%;
}
.l-header_inner ._logo img {
width: 100%;
}
.l-header_menuwrap ._tel {
left: calc(31% + 20px);
}
.l-header_menuwrap ._tel ._branch {
font-size: 1.2vw;
}
.l-header_menuwrap ._tel span {
font-size: 1.2vw;
}
.l-header .header_text {
left: calc(31% + 20px);
}
}
@media screen and (max-width: 1050px) {
.l-header_content01 {
padding: 30px 0;
}
.l-header_menuwrap ._tel {
top: 32px;
}
.l-header_menuwrap ._tel a {
font-size: 30px;
}
.l-header_menuwrap .c-cvlist {
top: 30px;
}
.l-header_menuwrap .c-cvlist li {
margin: 0 0 0 20px;
flex-basis: 140px;
min-width: 140px;
}
.l-header_menuwrap .c-cvlist li a {
font-size: 16px;
}
.l-header .header_text {
top: 30px;
font-size: 15px;
}
}
@media screen and (max-width: 950px) {
.l-header_content01 {
padding: 25px 0;
}
.l-header_menuwrap ._tel {
top: 27px;
}
.l-header_menuwrap ._tel a {
font-size: 24px;
line-height: 2.5rem;
}
.l-header_menuwrap .c-cvlist {
top: 25px;
}
.l-header_menuwrap .c-cvlist li {
margin: 0 0 0 20px;
flex-basis: 140px;
min-width: 140px;
}
.l-header_menuwrap .c-cvlist li.c-button01 a, .l-header_menuwrap .c-cvlist li.c-button02 a, .l-header_menuwrap .c-cvlist li.c-button05 a {
padding: 15px;
font-size: 16px;
}
.l-header .header_text {
top: 25px;
font-size: 14px;
}
}
@media screen and (max-width: 850px) {
.l-header_content01 {
padding: 20px 0;
}
.l-header_menuwrap ._tel {
left: calc(31% + 10px);
top: 22px;
}
.l-header_menuwrap ._tel a {
font-size: 22px;
}
.l-header_menuwrap .c-cvlist {
top: 20px;
}
.l-header_menuwrap .c-cvlist li {
margin: 0 0 0 10px;
}
}
@media screen and (max-width: 800px) {
.l-header {
padding: 0;
height: auto;
}
.l-header_inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
padding: 15px 0;
position: relative;
}
.l-header_inner .l-header_content01 {
padding: 0;
flex-basis: 202px;
max-width: 202px;
}
.l-header_inner .l-header_content01 ._logo {
width: auto;
}
.l-header_inner .l-header_menubutton {
display: block;
width: 38px;
height: 38px;
position: fixed;
top: 15px;
right: 10px;
z-index: 10000;
}
.l-header_inner .l-header_menubutton::before, .l-header_inner .l-header_menubutton::after, .l-header_inner .l-header_menubutton span {
content: '';
display: block;
width: 25px;
height: 2px;
background: #303030;
border-radius: 10px;
position: absolute;
left: 5px;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
transition: all 0.2s linear;
}
.l-header_inner .l-header_menubutton::before {
top: 8px;
}
.l-header_inner .l-header_menubutton::after {
bottom: 8px;
}
.l-header_inner .l-header_menubutton span {
top: 18px;
}
.l-header_inner .l-header_menubutton.is-active::before {
transform: rotate(45deg);
top: 19px;
left: 4.5px;
}
.l-header_inner .l-header_menubutton.is-active::after {
transform: rotate(-45deg);
top: 19px;
left: 4.5px;
}
.l-header_inner .l-header_menubutton.is-active span {
filter: alpha(opacity=0) !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
}
.l-header_menuwrap {
width: 100.5vw;
padding: 0px 20px 20px;
background: #f1f1f1;
position: fixed;
left: 0;
top: 70px;
z-index: 999999;
transition: opacity 0.4s linear;
-webkit-transition: opacity 0.4s linear;
-moz-transition: opacity 0.4s linear;
display: none;
}
.l-header_menuwrap .l-header_gnav {
padding: 0;
}
.l-header_menuwrap .l-header_gnav::before {
content: none;
}
.l-header_menuwrap .l-header_gnav ul {
margin: 0;
}
.l-header_menuwrap .l-header_gnav ul li {
margin: 0;
border-bottom: 1px solid #E6E6E6;
text-align: center;
display: block;
}
.l-header_menuwrap .l-header_gnav ul li a {
display: block;
padding: 6px 20px;
color: #333;
}
.l-header_menuwrap .l-header_gnav ul li a:hover {
color: #8CC63F;
}
.l-header_menuwrap ._tel {
margin: 10px 0 10px;
position: static;
text-align: center;
line-height: 1.5;
}
.l-header_menuwrap ._tel a {
font-size: 33px;
}
.l-header_menuwrap .c-cvlist {
margin: 0 0 0 -20px;
position: static;
}
.l-header_menuwrap .c-cvlist li {
margin: 10px 0 0 20px;
flex-basis: calc(50% - 20px);
}
.l-header_menuwrap .c-cvlist li.c-button01 a {
padding: 19px 20px;
}
.l-header_menuwrap .c-cvlist li.c-button02 a {
padding: 19px 20px;
}
.l-header_menuwrap .c-cvlist li.c-button02 a span {
font-size: 16px;
display: inline-block;
}
.l-header_menuwrap .c-cvlist li.c-button02 a span:last-child {
font-size: 22px;
}
.l-header_menuwrap .c-cvlist li.c-button05 a {
padding: 19px 20px;
}
body.js-scroll_down .l-header {
padding: 0;
}
body.js-scroll_down .l-header ._logo img {
width: 100%;
}
body.js-scroll_up .l-header {
padding: 0;
}
body.js-scroll_up .l-header ._logo img {
width: 100%;
}
.l-header.is-active {
height: 100%;
}
.l-header.is-active .l-header_menuwrap {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
overflow: auto !important;
display: block;
}
.l-header .header_text {
padding: 1rem 0;
position: static;
}
}
@media screen and (max-width: 768px) {
.l-header_menuwrap ._tel {
left: calc(31% + 20px);
}
.l-header_menuwrap ._tel ._branch {
font-size: 14px;
}
.l-header_menuwrap ._tel span {
font-size: 14px;
}
}
.l-footer {
width: 100%;
padding: 60px 20px 40px;
position: relative;
color: #fff;
text-align: center;
}
.l-footer .l-footer_unav {
margin: 0 auto 100px;
max-width: 953px;
}
.l-footer .l-footer_unav_inner01 {
width: 33.3%;
}
.l-footer .l-footer_unav_inner02 {
width: 33.3%;
}
.l-footer .l-footer_unav_inner03 {
width: 33.3%;
}
.l-footer::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
background: #020202;
}
@media screen and (max-width: 1170px) {
.l-footer::before {
right: -20px;
left: -20px;
}
}
.l-footer_unav {
margin: 0 0 40px;
}
.l-footer_unav ul {
font-size: 16px;
}
.l-footer_unav ul li {
margin: 0 0 0 2rem;
text-align: left;
margin-bottom: 0.6rem;
}
.l-footer_unav ul li a {
color: #fff;
text-decoration: none;
}
.l-footer_unav ul li a:hover {
color: #8CC63F;
}
.l-footer_unav ul .title {
font-size: 16px;
font-family: "noto_bold";
margin-top: 1.5rem;
}
.l-footer_unav ul .title:first-child {
margin-top: 1.5rem !important;
}
.l-footer_unav ul .small {
font-size: 14px;
}
.l-footer_copyright {
margin: 0;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.l-footer {
padding: 60px 0 40px;
}
.l-footer .l-footer_unav {
display: flex;
}
.l-footer .l-footer_unav_inner02 {
width: 33.3%;
padding-right: 5px;
}
.l-footer .l-footer_unav_inner01 {
width: 50%;
}
.l-footer .l-footer_unav_inner02 {
width: 50%;
}
.l-footer .l-footer_unav_inner03 {
width: 100%;
margin-top: 2rem;
}
.l-footer .l-footer_unav_inner03 .l-footer_unav_inner03_box {
display: flex;
}
.l-footer .l-footer_unav_inner03 .l-footer_unav_inner03_box .l-footer_unav_inner03_boxin {
width: 50%;
}
.l-footer_unav {
margin: 0 0 20px;
}
.l-footer_unav ul {
font-size: 14px;
}
.l-footer_unav ul li {
margin: 0 0 12px 0;
}
.l-footer_unav ul .title {
font-size: 15px;
}
.l-footer_unav ul .small {
font-size: 14px;
}
.l-footer_copyright {
font-size: 12px;
}
.l-fixed_cv nav ul li {
flex-basis: calc(33.33333% - 15px) !important;
}
.l-fixed_cv nav .btn2 li {
flex-basis: calc(33.33333% - -40px) !important;
}
}
.l-main {
position: relative;
z-index: 1000;
}
.l-main a img, .l-main input[type="submit"], .l-main button {
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
.l-main a:hover img, .l-main input[type="submit"]:hover, .l-main button:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
.l-fixed_cv {
display: none;
}
@media screen and (max-width: 800px) {
.l-fixed_cv {
-moz-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
-webkit-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
-ms-box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
box-shadow: 0px -5px 25px -4px rgba(0, 0, 0, 0.38);
width: 100%;
background: #fff;
padding: 20px 8px;
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 9990;
transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
filter: alpha(opacity=0) !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
}
.l-fixed_cv nav ul {
margin: 0 0 0 -8px;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
}
.l-fixed_cv nav ul li {
flex-basis: calc(33.33333% - -40px);
margin: 0 0 0 8px;
}
.l-fixed_cv nav ul li a {
border-radius: 5px;
padding: 15px;
font-size: 16px;
}
.l-fixed_cv nav ul li a::after {
content: none;
}
body.js-scroll_down .l-fixed_cv {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
body.js-scroll_up .l-fixed_cv {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
}
@media screen and (max-width: 768px) {
.l-main {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.l-fixed_cv nav ul li a {
padding: 15px 8px;
font-size: 14px;
}
}
.c-button01 a {
display: block;
padding: 27px 20px;
border-radius: 5px;
background: linear-gradient(180deg, #FFA700 0%, #FFA700 50%, #F7A200 50%, #F7A200 100%);
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 1.25;
}
.c-button01 a:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
margin: -3px 5px -5px 0;
background: url(//iphone-shuri-plant.jp/images/common/ioc_btn_pc.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
.c-button02 a {
display: block;
padding: 27px 20px;
border-radius: 5px;
background: linear-gradient(180deg, #00B9B2 0%, #00B9B2 50%, #00AAA4 50%, #00AAA4 100%);
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 1.25;
}
.c-button02 a:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
margin: -10px 5px -5px 0;
background: url(//iphone-shuri-plant.jp/images/common/ioc_btn_tel.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
.c-button02 a span {
font-size: 27px;
cursor: pointer;
}
.c-button02s a {
display: block;
padding: 11px 20px;
border-radius: 5px;
background: linear-gradient(180deg, #00B9B2 0%, #00B9B2 50%, #00AAA4 50%, #00AAA4 100%);
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 1.25;
}
.c-button02s a span {
font-size: 27px;
cursor: pointer;
}
.c-button03 {
margin: 40px auto 80px;
width: 240px;
}
.c-button03 a {
display: block;
padding: 20px;
background: #000;
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 1.25;
position: relative;
}
.c-button03 a::after {
content: '';
margin: -5px 0 0 0;
top: 50%;
right: 30px;
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
position: absolute;
transition: right 0.2s ease-in;
-webkit-transition: right 0.2s ease-in;
-moz-transition: right 0.2s ease-in;
}
.c-button03 a:hover::after {
right: 25px;
}
.c-button04 {
margin: 40px auto 40px;
width: 360px;
}
.c-button04 a {
display: block;
padding: 18px;
background: #000;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
line-height: 1.25;
position: relative;
border-radius: 5px;
}
.c-button05 a {
display: block;
padding: 27px 20px;
border-radius: 5px;
background: linear-gradient(180deg, #06C755 0%, #06C755 50%, #07B24D 50%, #07B24D 100%);
color: #fff;
font-size: 16px;
text-align: center;
text-decoration: none;
line-height: 1.25;
}
.c-button05 a:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
margin: -10px 5px -10px 0;
background: url(//iphone-shuri-plant.jp/images/common/ioc_btn_line.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
.c-button05 a span {
font-size: 27px;
cursor: pointer;
}
.c-button01 a, .c-button02 a, .c-button02s a, .c-button03 a, .c-button04 a, .c-button05 a {
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
.c-button01 a:hover, .c-button02 a:hover, .c-button02s a:hover, .c-button03 a:hover, .c-button04 a:hover, .c-button05 a:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
@media screen and (max-width: 768px) {
.c-button01 a {
padding: 20px;
font-size: 16px;
}
.c-button02 a {
padding: 20px 20px;
color: #fff;
font-size: 16px;
}
.c-button02 a span {
font-size: 23px;
}
.c-button02s a {
padding: 10px 20px;
color: #fff;
font-size: 16px;
}
.c-button02s a span {
font-size: 23px;
}
.c-button03 a {
font-size: 15px;
}
.c-button04 {
width: 100%;
margin: 40px auto 20px;
}
.c-button05 a {
padding: 20px 20px;
color: #fff;
font-size: 16px;
}
.c-button05 a span {
font-size: 23px;
}
}
.c-heading01 {
margin: 0 0 60px;
padding: 60px 0 20px;
font-size: 30px;
font-weight: normal;
text-align: center;
position: relative;
}
.c-heading01::before {
position: absolute;
top: 0;
left: 50%;
}
.c-heading01::after {
content: '';
margin: 0 0 0 -40px;
width: 80px;
height: 1px;
border-bottom: 1px solid #8CC63F;
position: absolute;
bottom: 15px;
left: 50%;
}
.c-heading01._ico01::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_list.png);
margin: 0 0 0 -20px;
}
.c-heading01._ico02::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_shop.png);
margin: 0 0 0 -20px;
}
.c-heading01._ico03::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_placeholder.png);
margin: 0 0 0 -17px;
}
.c-heading01._ico04::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_question.png);
margin: 0 0 0 -20px;
}
.c-heading01._ico05::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_device.png);
margin: -25px 0 0 -20px;
}
.c-heading01._ico06::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_info.png);
margin: -25px 0 0 -20px;
}
.c-heading01._ico07::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_blog.png);
margin: -25px 0 0 -35px;
}
.c-heading01._ico08::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_flow.png);
margin: -25px 0 0 -20px;
}
.c-heading01._ico09::before {
content: url(//iphone-shuri-plant.jp/images/common/ico_voice.png);
margin: -25px 0 0 -40px;
}
.c-heading02 {
margin: 0 0 30px;
font-weight: normal;
font-size: 20px;
position: relative;
}
.c-heading02::before {
content: '■';
color: #8CC63F;
}
@media screen and (max-width: 768px) {
.c-heading01 {
margin: 0 0 40px 0;
padding: 45px 0 20px;
font-size: 24px;
}
.c-heading01._ico01::before {
transform: scale(0.75);
margin: 0 0 0 -15px;
}
.c-heading01._ico02::before {
transform: scale(0.75);
margin: 0 0 0 -20px;
}
.c-heading01._ico03::before {
transform: scale(0.75);
margin: 0 0 0 -17px;
}
.c-heading01._ico04::before {
transform: scale(0.75);
margin: 0 0 0 -20px;
}
.c-heading01._ico05::before {
transform: scale(0.75);
margin: -10px 0 0 -20px;
}
.c-heading01._ico06::before {
transform: scale(0.75);
margin: 0 0 0 -20px;
}
.c-heading01._ico07::before {
transform: scale(0.75);
margin: -5px 0 0 -35px;
}
.c-heading01._ico08::before {
transform: scale(0.75);
margin: 0 0 0 -20px;
}
.c-heading01._ico09::before {
transform: scale(0.75);
margin: -15px 0 0 -45px;
}
.c-heading02 {
margin: 0 0 20px;
padding-right: 20px;
font-size: 17px;
}
.c-heading02::after {
content: '';
margin: -5px 0 0 0;
top: 50%;
right: 0;
width: 9px;
height: 9px;
border-top: 2px solid #8CC63F;
border-right: 2px solid #8CC63F;
transform: rotate(135deg);
position: absolute;
}
.is-active .c-heading02::after {
margin: 0 0 0 0;
transform: rotate(-45deg);
}
}
.c-section_c01 {
background: #ffffff;
padding: 50px 0;
}
.c-section_c02 {
background: #fafafa;
padding: 50px 0;
position: relative;
}
.c-section_c02::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
background: #fafafa;
}
@media screen and (max-width: 1170px) {
.c-section_c02::before {
right: -20px;
left: -20px;
}
}
.c-section_c03 {
background: #F6FBEF;
padding: 50px 0;
position: relative;
}
.c-section_c03::before {
position: absolute;
top: 0;
right: calc(( (1170px - 40px ) - 100vw ) / 2);
bottom: 0;
left: calc(( (1170px - 40px ) - 100vw ) / 2);
content: "";
z-index: -1;
background: #F6FBEF;
}
@media screen and (max-width: 1170px) {
.c-section_c03::before {
right: -20px;
left: -20px;
}
}
.c-section_mb00 {
margin: 0 auto;
}
.c-section_mb01 {
margin: 0 auto 10px;
}
.c-section_mb02 {
margin: 0 auto 20px;
}
.c-section_mb03 {
margin: 0 auto 30px;
}
.c-section_mb04 {
margin: 0 auto 40px;
}
.c-section_mb05 {
margin: 0 auto 50px;
}
.c-section_mb06 {
margin: 0 auto 60px;
}
.c-section_mb07 {
margin: 0 auto 70px;
}
.c-section_mb08 {
margin: 0 auto 80px;
}
.c-section_mb09 {
margin: 0 auto 90px;
}
.c-section_mb10 {
margin: 0 auto 100px;
}
.c-section_mb11 {
margin: 0 auto 110px;
}
.c-section_mb12 {
margin: 0 auto 120px;
}
.c-section_mb13 {
margin: 0 auto 130px;
}
.c-section_mb14 {
margin: 0 auto 140px;
}
.c-section_mb15 {
margin: 0 auto 150px;
}
@media screen and (max-width: 768px) {
.c-section_c01 {
padding: 30px 0;
}
.c-section_c02 {
padding: 30px 0;
}
.c-section_c03 {
padding: 30px 0;
}
}
.c-table01 {
width: 100%;
}
.c-table01 tr th:first-child, .c-table01 tr td:first-child {
width: 200px;
padding: 5px 10px 5px 0;
text-align: left;
}
.c-table01 tr th:last-child, .c-table01 tr td:last-child {
width: calc(100% - 200px);
padding: 5px 0 5px 10px;
text-align: right;
}
.c-table01 tr th {
font-size: 16px;
}
.c-table01 tr th span {
margin: 0 0 5px;
background: #8CC63F;
min-width: 80px;
padding: 2px 5px;
color: #fff;
text-align: center;
font-weight: normal;
display: inline-block;
}
.c-table01 tr td {
border-bottom: 1px solid #8CC63F;
font-size: 15px;
}
.c-table01._column3 th:nth-child(2), .c-table01._column3 td:nth-child(2) {
width: 100px;
padding: 5px 10px 5px 0;
text-align: right;
}
.c-table01._column3 th:last-child, .c-table01._column3 td:last-child {
width: calc(100% - 230px);
}
.c-tabal02 {
width: 100%;
}
.c-tabal02 tr th, .c-tabal02 tr td {
border-bottom: 1px solid #8CC63F;
text-align: left;
}
.c-tabal02 tr:last-child th, .c-tabal02 tr:last-child td {
border-bottom: none;
}
.c-tabal02 th {
width: 160px;
padding: 10px 10px 10px 0;
font-size: 16px;
font-weight: normal;
color: #8CC63F;
}
.c-tabal02 th span::before {
content: '■';
}
.c-tabal02 td {
padding: 10px 0;
font-size: 17px;
}
.c-tabal03 {
width: 100%;
}
.c-tabal03 tr th {
border: 1px solid #8CC63F;
text-align: center;
padding: 1rem;
}
.c-tabal03 tr td {
border: 1px solid #8CC63F;
text-align: left;
padding: 1rem 1rem 1rem 3.5rem;
}
.c-tabal03 th {
width: 160px;
padding: 10px 10px 10px 0;
font-size: 16px;
font-weight: normal;
color: #8CC63F;
}
.c-tabal03 td {
padding: 10px 0;
font-size: 17px;
}
@media screen and (max-width: 768px) {
.c-table01 {
width: 100%;
}
.c-table01 tr td {
font-size: 14px;
}
.c-tabal02 th {
width: 140px;
font-size: 14px;
}
.c-tabal02 td {
font-size: 14px;
}
.c-tabal03 tr th {
width: 140px;
font-size: 14px;
}
.c-tabal03 tr td {
font-size: 14px;
padding: 1rem 1rem 1rem 1rem;
}
}
.c-noteslist li {
margin: 0 0 0 1em;
text-indent: -1em;
font-size: 16px;
color: #050505;
}
.c-noteslist li::before {
content: '※';
}
.c-disclist {
list-style-type: disc;
margin: 0 0 0 1em;
}
.c-disclist li {
margin: 0 0 0 0;
}
.c-cvlist {
margin: 100px 0 0 -30px;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
}
.c-cvlist li {
margin: 0 0 0 30px;
flex-basis: 360px;
}
@media screen and (max-width: 768px) {
.c-noteslist li {
font-size: 12px;
}
.c-cvlist {
margin: 60px 0 0 -30px;
}
}
@media screen and (max-width: 600px) {
.c-cvlist {
margin: 60px 0 0 0;
display: block;
}
.c-cvlist li {
margin: 10px 0 0 0;
}
}
.c-input_wrap {
margin: 0 0 40px;
}
.c-read01 {
margin: 0 0 60px;
font-size: 18px;
text-align: center;
}
.c-heading01 + .c-read01 {
margin-top: -20px;
}
@media screen and (max-width: 768px) {
.c-read01 {
margin: 0 0 40px;
font-size: 16px;
}
}
@media screen and (max-width: 550px) {
.c-read01 {
font-size: 14px;
}
}
.c-column {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.c-bold {
font-weight: bolder; font-family: "noto_bold";
}
.c-background_white {
background: #ffffff !important;
}
.c-menulist ._notes {
display: inline-block;
margin: 0 0 0 1em;
text-indent: -1em;
color: #A42416;
}
.c-menulist ._notes::before {
content: '※';
}
.c-menulist ._item01 {
width: 40%;
}
.c-menulist ._item01 img {
width: 100%;
object-fit: cover;
height: 500px;
}
.c-menulist ._item02 {
width: 60%;
padding: 20px 25px 20px 40px;
}
.c-menulist ._item02 .c-menulist_title {
font-size: 2rem;
}
.c-menulist ._item02 .c-menulist_attention {
color: #A42416;
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
.c-menulist ._item02 .c-menulist_attention .large {
font-size: 1.5rem;
}
.c-menulist ._item02 .c-menulist_contents {
font-size: 1rem;
}
.c-menulist .c-table01 + p {
margin: 20px 0 0 0;
font-size: 15px;
text-align: center;
}
.c-menulist._type02 ._item02 p br {
display: none;
}
.c-tab {
margin: 0 0 30px;
}
.c-tab_button01, .c-tab_button02 {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.c-tab_button01 a, .c-tab_button02 a {
text-decoration: none;
}
.c-tab_button01 {
margin: 0;
position: relative;
z-index: 100;
}
.c-tab_button01 li {
margin: 0 16px -2px 0;
min-width: 216px;
}
.c-tab_button01 li a {
border-radius: 12px 12px 0px 0px;
border: 3px solid #8CC63F;
background: #fff;
padding: 20px;
color: #8CC63F;
text-align: center;
font-size: 18px;
display: block;
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
.c-tab_button01 li a:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
.c-tab_button01 li.active a {
background: #8CC63F;
color: #fff;
position: relative;
}
.c-tab_button01 li.active a::before {
content: url(//iphone-shuri-plant.jp/images/common/img_corner_w.png);
position: absolute;
top: -2px;
left: 5px;
}
.c-tab_button01 li.active a:hover {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
.c-tab_button01 li:last-child {
margin-right: 0;
}
.c-tab_content {
margin-top: -1px;
margin-bottom: 25px;
border: 3px solid #8CC63F;
padding: 30px 20px;
position: relative;
z-index: 10;
}
.c-tab_button02 {
margin: 0 0 30px -10px;
}
.c-tab_button02 li {
margin: 0 0 10px 10px;
border: 1px solid #8CC63F;
width: calc(12.5% - 10px);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
height: 65px;
padding: 5px;
}
.c-tab_button02 li a {
width: 100%;
height: 100% !important;
color: #8CC63F;
font-size: 14px;
display: block;
letter-spacing: -1px;
display: flex;
align-items: center;
justify-content: center;
}
.c-tab_button02 li.active {
background: #8CC63F;
}
.c-tab_button02 li.active a {
color: #fff;
}
.c-tab .c-menu_devicelist {
padding: 10px 0 10px;
margin-bottom: 30px;
color: #0E0E0E;
border-bottom: 1px solid #8CC63F;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding: 0;
margin: 0;
list-style: none;
}
.c-tab .c-menu_devicelist li {
padding: 0 12px;
border-right: 1px solid #0E0E0E;
}
.c-tab .c-menu_devicelist li a {
text-decoration: none;
transition: 0.3s;
}
.c-tab .c-menu_devicelist li a:hover {
color: #8CC63F;
}
.c-tab .c-menu_devicelist li.active a {
color: #8CC63F;
}
.c-tab .c-menu-devicename {
font-size: 1.1rem;
padding: 20px 10px 50px;
}
.c-shop_box .c-shop_box_inner {
width: calc(25% - 30px * 3 / 4);
margin: 0 30px 30px 0;
}
.c-shop_box .c-shop_box_inner a {
text-decoration: none;
transition: 0.3s;
}
.c-shop_box .c-shop_box_inner a:hover {
color: #8CC63F;
}
.c-shop_box .c-shop_box_inner .c-shop_image img {
width: 100%;
height: 220px;
object-fit: cover;
}
.c-shop_box .c-shop_box_inner .c-shop_name {
padding: 10px 0 0 0;
}
.c-shop_box .c-shop_box_inner:nth-child(4n+4) {
margin-right: 0;
}
.c-menu_box a {
text-decoration: none;
}
.c-menu_box .c-menu_box_inner {
width: calc(33.333% - 30px * 2 / 3);
margin: 0 30px 30px 0;
}
.c-menu_box .c-menu_box_inner .c-menu_card {
justify-content: space-between;
border: 3px solid #8CC63F;
border-radius: 9px;
transition: 0.3s;
}
.c-menu_box .c-menu_box_inner .c-menu_card .c-menu_card_text {
color: #8CC63F;
width: 53%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0.7rem;
position: relative;
}
.c-menu_box .c-menu_box_inner .c-menu_card .c-menu_card_text .c-menu_price {
position: absolute;
bottom: 10px;
right: 5px;
color: #0E0E0E;
}
.c-menu_box .c-menu_box_inner .c-menu_card .c-menu_card_image {
width: 47%;
padding: 0.7rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.c-menu_box .c-menu_box_inner .c-menu_card .c-menu_card_image img {
width: 100%;
height: 6rem;
object-fit: cover;
border-radius: 5px;
border: 1px solid #eaeaea;
}
.c-menu_box .c-menu_box_inner .c-menu_card:hover {
background-color: #8CC63F;
cursor: pointer;
}
.c-menu_box .c-menu_box_inner .c-menu_card:hover .c-menu_card_text {
color: #ffffff;
}
.c-menu_box .c-menu_box_inner .c-menu_card:hover .c-menu_card_text .c-menu_price {
color: #ffffff;
}
.c-menu_box .c-menu_box_inner:nth-child(3n+3) {
margin-right: 0;
}
.c-flow_btn {
background-color: #FFA700;
justify-content: space-between;
border-radius: 9px;
transition: 0.3s;
padding: 0.5rem;
margin: 0 auto;
width: 400px;
}
.c-flow_btn .c-flow_btn_image {
width: 47%;
padding-right: 0.25rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.c-flow_btn .c-flow_btn_image img {
width: 100%;
height: 6rem;
object-fit: cover;
border-radius: 5px;
}
.c-flow_btn .c-flow_btn_text {
width: 53%;
padding-left: 0.25rem;
}
.c-flow_btn .c-flow_btn_text a {
color: #ffffff;
text-decoration: none;
}
.c-flow_btn .c-flow_btn_text .c-flow_btn_text_inner {
color: #ffffff;
border: 2px solid #ffffff;
background: -moz-linear-gradient(top, #FA9000, #EB7600);
background: -webkit-linear-gradient(top, #FA9000, #EB7600);
background: linear-gradient(to bottom, #FA9000, #EB7600);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0.7rem;
height: 100%;
border-radius: 5px;
position: relative;
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
}
.c-flow_btn .c-flow_btn_text .c-flow_btn_text_inner::after {
content: '';
margin: -5px 0 0 0;
top: 50%;
right: 30px;
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
position: absolute;
transition: right 0.2s ease-in;
-webkit-transition: right 0.2s ease-in;
-moz-transition: right 0.2s ease-in;
}
.c-flow_btn .c-flow_btn_text .c-flow_btn_text_inner:hover {
opacity: 0.7;
}
.c-device .c-device_inner .c-device_circle {
display: inline-block;
width: 15px;
height: 15px;
background: #8CC63F;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
margin-right: 5px;
}
.c-device .c-device_inner li {
position: relative;
padding-left: 1.5rem;
border-bottom: 1px dashed #8CC63F;
}
.c-device .c-device_inner li a {
text-decoration: none;
transition: 0.3s;
}
.c-device .c-device_inner li a:hover {
color: #8CC63F;
}
.c-device .c-device_inner li::before {
position: absolute;
content: '';
top: 7px;
left: 0;
width: 15px;
height: 15px;
background: #8CC63F;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
margin-right: 5px;
}
.c-device .c-device_inner .c-device_iphone {
width: 42%;
border-bottom: 2px solid #8CC63F;
border-left: 2px solid #8CC63F;
}
.c-device .c-device_inner .c-device_iphone .c-device_header_iphone {
background: #8CC63F;
padding: 10px;
text-align: center;
color: #ffffff;
font-size: 1.3rem;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone .c-device_body_iphone_inner01 {
width: 50%;
padding: 25px;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone .c-device_body_iphone_inner02 {
width: 50%;
padding: 25px 25px 25px 0;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 {
display: flex;
flex-wrap: wrap;
padding: 1rem;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box {
width: 50%;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box .c-device_body_iphone_inner {
margin: 10px 20px 10px 0px;
padding: 0 0 0 20px;
position: relative;
border-bottom: 1px dashed #8CC63F;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box .c-device_body_iphone_inner::before {
position: absolute;
content: '';
top: 8px;
left: 0px;
width: 15px;
height: 15px;
background: #8CC63F;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
margin-right: 5px;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box .c-device_body_iphone_inner a {
text-decoration: none;
transition: 0.3s;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box .c-device_body_iphone_inner a:hover {
color: #8CC63F;
}
.c-device .c-device_inner .c-device_ipad {
width: 58%;
border-right: 2px solid #8CC63F;
border-bottom: 2px solid #8CC63F;
border-left: 1px solid #8CC63F;
}
.c-device .c-device_inner .c-device_ipad .c-device_header_ipad {
background: #8CC63F;
padding: 10px;
text-align: center;
color: #ffffff;
font-size: 1.3rem;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner01 {
width: 30%;
padding: 25px;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner02 {
width: 30%;
padding: 25px 25px 25px 0;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner03 {
width: 40%;
padding: 25px 25px 25px 0;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 {
display: flex;
flex-wrap: wrap;
padding: 1rem;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box {
width: 33.3%;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box .c-device_body_ipad_inner {
margin: 10px 10px 10px 0px;
padding: 0 0 0 20px;
position: relative;
border-bottom: 1px dashed #8CC63F;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box .c-device_body_ipad_inner::before {
position: absolute;
content: '';
top: 8px;
left: 0px;
width: 15px;
height: 15px;
background: #8CC63F;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
margin-right: 5px;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box .c-device_body_ipad_inner a {
text-decoration: none;
transition: 0.3s;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box .c-device_body_ipad_inner a:hover {
color: #8CC63F;
}
.c-info {
margin: 0 auto 100px;
max-width: 953px;
}
.c-info a {
text-decoration: none;
transition: 0.3s;
}
.c-info a:hover {
color: #8CC63F;
}
.c-info .c-info_row {
width: 100%;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #d1d1d1;
}
.c-info .c-info_row:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.c-info .c-info_row .c-info_row_date {
width: 15%;
color: #8CC63F;
font-size: 0.9rem;
}
.c-info .c-info_row .c-info_row_text {
width: 85%;
font-size: 1rem;
}
.c-info .c-info_row .c-info_row_text a {
text-decoration: none;
transition: 0.3s;
color: #0070c9;
}
.c-info .c-info_row .c-info_row_text a:hover {
text-decoration: underline;
}
.c-info .c-button04 {
margin-top: 6rem;
}
.p-news .c-info {
padding: 2rem 2rem;
margin: 0 auto;
background: #ffffff;
border-radius: 5px;
}
.c-blog a {
text-decoration: none;
transition: 0.3s;
display: block;
margin-bottom: 2rem;
}
.c-blog a:hover .c-blog_box .c-blog_image img {
opacity: 0.7;
}
.c-blog a:hover .c-blog_box .c-blog_text {
background: #edffd6;
}
.c-blog .c-blog_box {
margin-bottom: 2rem;
}
.c-blog .c-blog_box .c-blog_image {
width: 30%;
}
.c-blog .c-blog_box .c-blog_image img {
width: 100%;
height: 220px;
object-fit: cover;
transition: 0.3s;
}
.c-blog .c-blog_box .c-blog_text {
width: 70%;
display: flex;
padding: 0 1.5rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
transition: 0.3s;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header {
width: 100%;
padding-bottom: 0.5rem;
color: #848484;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header .c-blog_text_header_date {
width: 15%;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header .c-blog_text_header_store {
width: 85%;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_title {
color: #8CC63F;
font-size: 1.2rem;
padding-bottom: 1rem;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_content {
color: #848484;
padding-bottom: 0.5rem;
}
.c-blog a:last-of-type, .c-blog .c-blog_box:last-of-type {
margin-bottom: 0;
}
.c-blog .c-button04 {
margin-top: 6rem;
}
.p-shop .c-blog {
padding: 1.5rem;
background: #ffffff;
border-radius: 5px;
}
.p-blog .c-blog {
padding: 1.5rem;
background: #ffffff;
border-radius: 5px;
}
.c-access {
margin: 0 0 0 -52px;
}
.c-access li {
margin: 0 0 52px 52px;
flex-basis: 342px;
max-width: 342px;
position: relative;
font-size: 16px;
}
.c-access li ._num {
width: 70px;
height: 42px;
padding: 3px;
background: url(//iphone-shuri-plant.jp/images/home/img_arrow01.png) no-repeat 0 0;
background-size: 70px 42px;
text-align: center;
font-size: 20px;
color: #fff;
display: inline-block;
position: absolute;
top: 7px;
left: 7px;
}
.c-faq {
margin: 0 auto 50px;
max-width: 953px;
}
.c-faq_item {
margin: 0 0 25px;
border: 2px solid #8CC63F;
padding: 20px 25px;
overflow: hidden;
}
.c-faq_item .c-faq_q {
cursor: pointer;
padding: 0 30px 0 125px;
font-size: 19px;
font-weight: normal;
position: relative;
}
.c-faq_item .c-faq_q::before {
content: 'Q';
width: 35px;
padding: 3px 0;
background: #8CC63F;
font-size: 25px;
text-align: center;
color: #fff;
line-height: 1.25;
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
}
.c-faq_item .c-faq_q::after {
content: '';
margin: -9px 0 0 0;
top: 50%;
right: 0;
width: 14px;
height: 14px;
border-top: 2px solid #8CC63F;
border-right: 2px solid #8CC63F;
transform: rotate(135deg);
position: absolute;
}
.c-faq_item .c-faq_q ._num {
min-width: 20px;
font-size: 20px;
color: #8CC63F;
vertical-align: bottom;
line-height: 1.25;
display: inline-block;
position: absolute;
position: absolute;
top: 6px;
left: 45px;
}
.c-faq_item .c-faq_a {
margin: 30px 0 0 0;
font-size: 17px;
position: relative;
border-top: 1px solid #8CC63F;
padding: 0 0 0 125px;
}
.c-faq_item .c-faq_a::before {
content: 'A';
width: 35px;
padding: 3px 0;
background: #A32416;
font-size: 25px;
text-align: center;
color: #fff;
line-height: 1.25;
display: inline-block;
position: absolute;
top: 25px;
left: 0;
}
.c-faq_item.is-active .c-faq_q::after {
margin: 0 0 0 0;
transform: rotate(-45deg);
}
.c-faq .c-button04 {
margin-top: 6rem;
}
.c-cv_message {
background: #8CC63F;
padding: 10px;
color: #fff;
text-align: center;
font-size: 21px;
position: relative;
}
.c-cv_message .c-cv_message_inner {
background: #55B900;
padding: 20px;
}
.c-cv_message .c-cv_message_inner strong {
font-size: 27px;
font-family: "noto_bold";
color: #F5FF00;
}
.c-cv_message .c-cv_message_inner br._type02 {
display: none;
}
.c-cv_message .c-cv_message_inner::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #75B71D; }
.c-cv_message .c-cv_message_inner::after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 15px transparent;
border-left: solid 20px #75B71D; }
.c-cv_message .c-cv_message_inner .disp_sp {
display: none;
}
.c-catch {
font-size: 1rem;
text-align: center;
}
.c-catch strong {
font-size: 1.9rem;
color: #8CC63F;
}
.c-catch .plantcolor {
color: #8CC63F;
}
.c-pricelist {
margin: 0 auto 100px;
max-width: 700px;
}
.c-pricelist .c-pricelist_attention {
text-align: right;
font-size: 0.8rem;
margin-top: 1.5rem;
}
.c-flow {
margin: 0 auto 0;
max-width: 953px;
}
.c-flow .c-flow_box {
margin-bottom: 2rem;
}
.c-flow .c-flow_box .c-flow_image {
width: 45%;
}
.c-flow .c-flow_box .c-flow_image img {
width: 100%;
}
.c-flow .c-flow_box .c-flow_text {
width: 55%;
display: flex;
padding: 0 1.5rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header {
color: #8CC63F;
width: 100%;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step {
width: 20%;
position: relative;
line-height: 1.5rem;
text-align: center;
font-size: 1.3rem;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step .num {
font-size: 2rem;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step img {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 8px;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_title {
width: 80%;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding-left: 1rem;
font-size: 1.5rem;
}
.c-flow .c-flow_box .c-flow_text .c-flow_contents {
padding: 1.5rem 0 1.5rem 1.5rem;
color: #848484;
}
.c-kv_shopname {
padding: 0.5rem 2rem;
background: #ffffff;
font-size: 1.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.c-kv_shopname_bar {
background: #000000;
padding: 0.5rem 0 1rem;
width: 100%;
margin-bottom: -6px;
text-align: center;
border-top: 2px solid #8b8b8b;
}
.c-kv_shopname_bar span {
font-size: 1rem;
color: #fff;
}
.c-shop_nav {
margin-left: calc(( (1170px - 25px ) - 100vw ) / 2);
margin-right: calc(( (1170px - 25px ) - 100vw ) / 2);
background: #8CC63F;
padding: 10px 0;
padding: 15px 0 15px;
}
.c-shop_nav a {
color: #ffffff;
text-decoration: none;
transition: 0.3s;
}
.c-shop_nav a:hover {
color: #8e8e8e;
}
.c-shop_nav ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.c-shop_nav ul li {
padding: 0 30px;
margin-bottom: 0;
}
.c-voice .c-voice_box {
display: flex;
flex-wrap: wrap;
}
.c-voice .c-voice_box .c-voice_card {
width: calc(33.3333% - 30px * 2 / 3);
margin: 0 30px 75px 0;
border: 2px solid #8CC63F;
border-radius: 5px;
padding: 1rem;
color: #848484;
position: relative;
}
.c-voice .c-voice_box .c-voice_card a {
text-decoration: none;
}
.c-voice .c-voice_box .c-voice_card a:hover .c-voice_contents {
color: #8CC63F !important;
}
.c-voice .c-voice_box .c-voice_card a .c-voice_date {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}
.c-voice .c-voice_box .c-voice_card a .c-voice_title {
font-size: 1.1rem;
color: #8CC63F;
font-family: "noto_bold";
}
.c-voice .c-voice_box .c-voice_card a .c-voice_user {
font-size: 1rem;
padding-bottom: 1rem;
}
.c-voice .c-voice_box .c-voice_card a .c-voice_contents {
transition: 0.3s;
font-size: 1rem;
}
.c-voice .c-voice_box .c-voice_card:nth-child(3n+3) {
margin-right: 0;
}
.c-voice .c-voice_box .c-voice_card:before {
content: '';
position: absolute;
display: block;
z-index: 1;
border-style: solid;
border-color: #FFF transparent;
border-width: 40px 0 0 25px;
bottom: -33px;
left: 44px;
margin-left: -10px;
}
.c-voice .c-voice_box .c-voice_card:after {
content: '';
position: absolute;
display: block;
z-index: 0;
border-style: solid;
border-color: #8CC63F transparent;
border-width: 40px 0 0 25px;
bottom: -40px;
left: 50px;
margin-left: -14px;
}
.c-voice .c-button04 {
margin-top: 2rem;
}
.c-voice-detail {
border: 2px solid #8CC63F;
border-radius: 5px;
background: #ffffff;
padding: 2rem;
}
.c-voice-detail .c-voice-detail-deader {
border-bottom: 2px solid #8CC63F;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-date {
font-size: 1rem;
color: #848484;
padding-bottom: 1rem;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box {
display: flex;
padding-bottom: 2.5rem;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box .c-voice-detail-title {
width: 70%;
font-size: 1.2rem;
color: #8CC63F;
font-family: "noto_bold";
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box .c-voice-detail-user {
width: 30%;
text-align: right;
}
.c-voice-detail .c-voice-detail-contents {
padding: 2rem 0;
}
.c-blog-detail {
border-radius: 5px;
background: #ffffff;
padding: 2rem;
}
.c-blog-detail .c-blog-detail-deader .c-blog-detail-date {
font-size: 1rem;
color: #848484;
padding-bottom: 1rem;
}
.c-blog-detail .c-blog-detail-deader .c-blog-detail-title {
width: 100%;
font-size: 1.2rem;
color: #8CC63F;
font-family: "noto_bold";
}
.c-blog-detail .c-blog-detail-contents {
padding: 2rem 0;
}
.c-news-detail {
border-radius: 5px;
background: #ffffff;
padding: 2rem;
}
.c-news-detail .c-news-detail-deader .c-news-detail-date {
font-size: 1rem;
color: #848484;
padding-bottom: 1rem;
}
.c-news-detail .c-news-detail-deader .c-news-detail-title {
width: 100%;
font-size: 1.2rem;
color: #8CC63F;
font-family: "noto_bold";
}
.c-news-detail .c-news-detail-contents {
padding: 2rem 0;
}
.c-pager_section {
padding: 30px 0;
}
.c-pager .c-pager_box a {
color: #8CC63F;
text-decoration: none;
transition: 0.3s;
}
.c-pager .c-pager_box a:hover {
color: #8e8e8e;
}
.c-pager .c-pager_box ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.c-pager .c-pager_box ul li {
padding: 0 30px;
margin-bottom: 0;
}
.c-pager .c-pager_box .pods-pagination-number {
margin: 0 1rem;
color: #BCBCBC;
}
.c-pager .c-pager_box .pods-pagination-prev {
margin-right: 2rem;
color: #8CC63F;
}
.c-pager .c-pager_box .pods-pagination-next {
margin-left: 2rem;
color: #8CC63F;
}
.c-pager .c-pager_box .pods-pagination-current {
color: #8CC63F;
border-bottom: solid 2px #8CC63F;
}
@media screen and (max-width: 1170px) {
.c-access {
margin: 0 0 0 0;
}
.c-access li {
margin: 0 5% 5% 0;
flex-basis: 30%;
max-width: 30%;
position: relative;
}
.c-access li:nth-child(3n) {
margin: 0 0 5% 0;
}
.c-shop_nav {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width: 1000px) {
.c-menulist ._item01 {
flex-basis: 45%;
max-width: 45%;
}
.c-menulist ._item01 img {
width: 100%;
}
.c-menulist ._item02 {
flex-basis: 50%;
max-width: 50%;
margin: 0 0 0 5%;
padding: 0;
}
.c-tab_button02 li {
width: calc(16.66666% - 10px);
}
.c-shop_box .c-shop_box_inner .c-shop_image img {
height: 180px;
}
.c-access li ._num {
width: 52.5px;
height: 31.5px;
padding: 0px;
background-size: 52.5px 31.5px;
font-size: 18px;
}
}
@media screen and (max-width: 950px) {
.c-tab_button02 li {
width: calc(16.66666% - 10px);
}
}
@media screen and (max-width: 850px) {
.c-cv_message {
font-size: 17px;
}
.c-cv_message strong {
font-size: 22px;
}
}
@media screen and (max-width: 800px) {
.c-tab_button02 li {
width: calc(20% - 10px);
}
.c-access {
margin: 0 0 30px 0;
justify-content: space-between;
}
.c-access li {
margin: 0 0 30px 0;
flex-basis: 48%;
max-width: 48%;
position: relative;
}
.c-access li:nth-child(3n) {
margin: 0 0 30px 0;
}
}
@media screen and (max-width: 768px) {
.c-column {
display: block;
}
.c-menulist {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.c-tab_button01 {
justify-content: center;
}
.c-tab_button01 li {
flex-basis: 30%;
min-width: 100px;
}
.c-tab_button01 li a {
padding: 10px;
font-size: 13px;
}
.c-tab_button01 li a::before {
content: none !important;
}
.c-tab_content {
margin-left: -20px;
margin-right: -20px;
border-left: none;
border-right: none;
}
.c-tab_button02 li {
width: calc(25% - 10px);
}
.c-tab .c-menu_devicelist ul li {
padding: 0 10px;
}
.c-access {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.c-access li {
margin: 0 0 30px;
}
.c-faq {
margin: 0 auto 30px;
}
.c-faq_item .c-faq_q {
padding: 0 20px 0 75px;
font-size: 17px;
}
.c-faq_item .c-faq_q::before {
width: 30px;
font-size: 22px;
}
.c-faq_item .c-faq_q::after {
content: '';
margin: -5px 0 0 0;
width: 9px;
height: 9px;
}
.c-faq_item .c-faq_q ._num {
min-width: 20px;
font-size: 17px;
top: 12px;
left: 40px;
}
.c-faq_item .c-faq_a {
padding: 5px 0 0 75px;
font-size: 17px;
}
.c-faq_item .c-faq_a::before {
width: 30px;
font-size: 22px;
}
.c-faq .c-button04 {
margin-top: 3rem;
}
.c-cv_message {
margin: 0 -20px;
}
.c-cv_message .c-cv_message_inner strong {
font-size: 23px;
}
.c-cv_message .c-cv_message_inner br._type02 {
display: inline-block;
}
.c-cv_message .c-cv_message_inner .disp_sp {
display: block;
}
.c-shop_box {
display: flex;
}
.c-shop_box .c-shop_box_inner {
width: calc(50% - 30px * 1 / 2);
margin: 0 30px 30px 0;
}
.c-shop_box .c-shop_box_inner .c-shop_image img {
height: 38vw;
}
.c-shop_box .c-shop_box_inner .c-shop_name {
padding: 0 0 0 0;
}
.c-shop_box .c-shop_box_inner:nth-child(2n+2) {
margin-right: 0;
}
.c-menu_box .c-menu_box_inner {
width: 100%;
margin: 0 30px 30px 0;
}
.c-menu_box .c-menu_box_inner .c-menu_card {
display: flex;
}
.c-flow_btn {
display: flex;
width: 300px;
}
.c-flow_btn .c-flow_btn_text .c-flow_btn_text_inner::after {
top: 51%;
right: 20px;
}
.c-device .c-device_inner .c-device_iphone {
width: 100%;
border-right: 2px solid #8CC63F;
border-left: 2px solid #8CC63F;
}
.c-device .c-device_inner .c-device_iphone .c-device_header_iphone {
font-size: 1.1rem;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone {
display: flex;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone .c-device_body_iphone_inner01 {
width: 50%;
padding: 15px;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone .c-device_body_iphone_inner02 {
width: 50%;
padding: 15px 15px 15px 0;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 {
padding: 1rem 0.5rem;
}
.c-device .c-device_inner .c-device_iphone .c-device_body_iphone_2 .c-device_body_iphone_box .c-device_body_iphone_inner::before {
top: 5px;
}
.c-device .c-device_inner .c-device_ipad {
width: 100%;
border-right: 2px solid #8CC63F;
border-bottom: 2px solid #8CC63F;
border-left: 1px solid #8CC63F;
}
.c-device .c-device_inner .c-device_ipad .c-device_header_ipad {
font-size: 1.1rem;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad {
display: flex;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner01 {
width: 30%;
padding: 15px;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner02 {
width: 30%;
padding: 15px 15px 15px 0;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad .c-device_body_ipad_inner03 {
width: 40%;
padding: 15px 15px 15px 0;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 {
padding: 1rem 0.5rem;
}
.c-device .c-device_inner .c-device_ipad .c-device_body_ipad_2 .c-device_body_ipad_box .c-device_body_ipad_inner::before {
top: 5px;
}
.c-info {
margin: 0 auto 30px;
}
.c-info .c-info_row {
margin-bottom: 2rem;
}
.c-info .c-info_row .c-info_row_date {
width: 100%;
font-size: 0.9rem;
}
.c-info .c-info_row .c-info_row_text {
width: 100%;
font-size: 1rem;
}
.c-info .c-button04 {
margin-top: 3rem;
}
.c-blog a {
margin-bottom: 3.5rem;
}
.c-blog .c-blog_box {
margin-bottom: 3.5rem;
}
.c-blog .c-blog_box .c-blog_image {
width: 100%;
}
.c-blog .c-blog_box .c-blog_image img {
width: 100%;
height: 230px;
object-fit: cover;
}
.c-blog .c-blog_box .c-blog_text {
width: 100%;
display: flex;
padding: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header {
display: flex;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header .c-blog_text_header_date {
width: 30%;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_header .c-blog_text_header_store {
width: 70%;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_title {
font-size: 1.1rem;
padding-bottom: 1rem;
}
.c-blog .c-blog_box .c-blog_text .c-blog_text_content {
padding-bottom: 0.5rem;
}
.c-blog .c-button04 {
margin-top: 3rem;
}
.p-shop .c-blog {
padding: 0.5rem;
}
.p-blog .c-blog {
padding: 0.5rem;
}
.c-flow .c-flow_box .c-flow_image {
width: 100%;
}
.c-flow .c-flow_box .c-flow_image img {
width: 100%;
max-height: 60vw;
object-fit: cover;
}
.c-flow .c-flow_box .c-flow_text {
width: 100%;
padding: 0;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header {
display: flex;
width: 100%;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step {
width: 20%;
text-align: left;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step .num {
font-size: 2rem;
}
.c-flow .c-flow_box .c-flow_text .c-flow_header .c-flow_step img {
top: 0;
right: 0;
}
.c-flow .c-flow_box .c-flow_text .c-flow_contents {
padding: 0.5rem 0 1.5rem 0;
}
.c-kv_shopname {
padding: 0.5rem 1rem;
font-size: 1rem;
}
.c-shop_nav {
padding: 15px 0 5px;
}
.c-shop_nav ul {
justify-content: space-between;
}
.c-shop_nav ul li {
padding: 0 30px;
margin-bottom: 10px;
}
.c-voice .c-voice_box .c-voice_card {
width: 100%;
margin: 0 0 60px 0;
}
.c-voice-detail {
padding: 1rem;
}
.c-voice-detail .c-voice-detail-deader {
border-bottom: 2px solid #8CC63F;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box {
display: flex;
flex-wrap: wrap;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box .c-voice-detail-title {
width: 100%;
}
.c-voice-detail .c-voice-detail-deader .c-voice-detail-title_box .c-voice-detail-user {
width: 100%;
text-align: left;
}
.c-voice-detail .c-voice-detail-contents {
padding: 2rem 0;
}
.c-blog-detail {
padding: 1rem;
}
.c-blog-detail .c-blog-detail-contents img {
width: auto !important;
}
.c-news-detail {
padding: 1rem;
}
.c-news-detail .c-news-detail-contents img {
width: auto !important;
}
.c-pager .c-pager_box ul {
flex-wrap: unset;
}
.c-pager .c-pager_box ul li {
padding: 0 20px;
}
}
@media screen and (max-width: 700px) {
.c-tab_button02 li {
margin: 0 10px 10px 20px;
width: calc(33.333333% - 30px);
height: 50px;
padding: 2px;
}
.c-tab_button02 li a {
font-size: 11px;
}
}
@media screen and (max-width: 600px) {
.c-menulist {
display: block;
}
.c-menulist ._item01 {
max-width: none;
width: 100%;
}
.c-menulist ._item01 img {
max-height: 80vw;
object-fit: cover;
}
.c-menulist ._item02 {
max-width: none;
margin: 0 0 0 0;
width: 100%;
}
.c-menulist ._item02 .c-menulist_title {
font-size: 1.6rem;
}
.c-menulist ._item02 .c-menulist_attention {
font-size: 1rem;
}
}
@media screen and (max-width: 550px) {
.c-access {
display: block;
}
.c-access li {
max-width: none;
}
.c-access li ._num {
width: 70px;
height: 42px;
padding: 4px;
background-size: 70px 42px;
}
.c-faq_item {
padding: 12px 10px;
}
.c-faq_item .c-faq_q {
padding: 0 20px 0 60px;
font-size: 14px;
}
.c-faq_item .c-faq_q::before {
width: 24px;
font-size: 18px;
top: -2px;
}
.c-faq_item .c-faq_q ._num {
min-width: 20px;
font-size: 16px;
top: 2px;
left: 35px;
}
.c-faq_item .c-faq_a {
font-size: 14px;
padding: 5px 0 0 60px;
}
.c-faq_item .c-faq_a::before {
width: 24px;
font-size: 18px;
}
.c-cv_message {
padding: 15px;
font-size: 15px;
}
.c-cv_message strong {
font-size: 18px;
}
}
.p-root_index .p-kv {
margin-left: calc(( (1170px - 25px ) - 100vw ) / 2);
margin-right: calc(( (1170px - 25px ) - 100vw ) / 2);
position: relative;
margin-bottom: -7px;
}
.p-root_index #p-catch {
font-size: 1rem;
text-align: center;
}
.p-root_index #p-catch .p-catch_text01 .p-highlight01 {
font-weight: 700;
font-size: 1.5rem;
}
.p-root_index #p-catch .p-catch_text01 .p-highlight02 {
font-weight: 700;
font-size: 2rem;
}
.p-root_index #p-catch .p-catch_text02 {
margin-top: 1rem;
}
.p-root_index #p-catch .p-text_color01 {
color: #FFA700;
}
.p-root_index #p-shop .p-inner {
max-width: 1028px;
margin: auto;
}
.p-root_index #p-shop .p-inner .p-shop_summary {
margin: 0 0 60px;
}
.p-root_index #p-shop .p-inner .p-shop_summary ._item02 {
flex-basis: calc(100% - 435px);
}
.p-root_index #p-shop .p-inner .p-shop_map iframe {
width: 100% !important;
height: 356px !important;
}
.p-root_index #p-shop .p-inner .p-shop_route dl {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dt {
margin: 0 20px 0 0;
flex-basis: 200px;
max-width: 200px;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dd {
margin: 0 0 20px 0;
flex-basis: calc(100% - 220px);
max-width: calc(100% - 220px);
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dd dt {
margin: 0 20px 0 0;
flex-basis: 130px;
max-width: 130px;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dd dd {
flex-basis: calc(100% - 150px);
max-width: calc(100% - 150px);
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dd dd ._arrow {
margin: 0 0 0 1em;
text-indent: -1.5em;
display: inline-block;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl dd dd ._arrow::before {
content: '→';
}
.p-root_index #p-access hr {
margin: 60px 0;
}
.p-root_index #p-access .pc_access {
display: block;
}
.p-root_index #p-access .sp_access {
display: none;
}
.p-shop .p-kv img {
height: 580px !important;
object-fit: cover;
}
.swiper-pagination {
bottom: -25px;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
border: 1px solid #000000 !important;
}
.swiper-pagination-bullet-active {
background: #8CC63F !important;
}
@media screen and (max-width: 1170px) {
.p-root_index .p-kv {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width: 1000px) {
.p-root_index #p-shop .p-inner .p-shop_summary ._item01 {
flex-basis: 45%;
max-width: 45%;
}
.p-root_index #p-shop .p-inner .p-shop_summary ._item01 img {
width: 100%;
}
.p-root_index #p-shop .p-inner .p-shop_summary ._item02 {
flex-basis: 100%;
max-width: 100%;
margin: 0 0 0 0;
}
}
@media screen and (max-width: 900px) {
.p-root_index #p-shop .p-inner .p-shop_route > dl {
display: block;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl > dt {
margin: 0 0 10px;
font-weight: bold;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl > dd {
flex-basis: 100%;
max-width: 100%;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl > dd dt {
flex-basis: 110px;
max-width: 110px;
}
.p-root_index #p-shop .p-inner .p-shop_route > dl > dd dd {
flex-basis: calc(100% - 130px);
max-width: calc(100% - 130px);
}
}
@media screen and (max-width: 768px) {
.p-root_index .p-kv img {
height: 370px !important;
object-fit: cover;
}
.p-root_index #p-catch .p-catch_text01 .p-highlight01 {
font-size: 1.3rem;
}
.p-root_index #p-catch .p-catch_text01 .p-highlight02 {
font-size: 1.6rem;
}
.p-root_index #p-catch .p-catch_text02 {
font-size: 0.95rem;
}
.p-root_index #p-shop .p-inner .p-shop_summary ._item01 {
max-width: none;
}
.p-root_index #p-shop .p-inner .p-shop_summary ._item02 {
max-width: none;
margin: 0 0 0 0;
}
.p-root_index #p-shop .p-inner .p-shop_map {
margin: 0 -20px;
}
.p-root_index #p-shop .p-inner .p-shop_map iframe {
width: 100% !important;
height: 356px !important;
}
.p-root_index #p-access {
margin: 0 0 0;
}
.p-root_index #p-access hr {
margin: 20px 0;
}
.p-root_index #p-access .pc_access {
display: none;
}
.p-root_index #p-access .sp_access {
display: block;
}
.p-root_index #p-access .c-heading02 {
text-align: center;
color: #0070c9;
}
.p-root_index #p-access .c-heading02:after {
right: 90px !important;
}
.p-root_index #p-access .c-heading02:before {
content: '' !important;
}
}
@media screen and (max-width: 600px) {
.p-root_index .c-tab .c-noteslist {
text-align: left;
}
}
.u-text_left {
text-align: left;
}
.u-text_center {
text-align: center;
}
.u-text_right {
text-align: right;
}
.u-display_pcdib {
display: inline-block;
}
.u-display_spdib {
display: none;
}
.u-color_red {
color: #D61B26;
}
@media screen and (max-width: 768px) {
.u-display_pcdib {
display: none;
}
.u-display_spdib {
display: inline-block;
}
}
<!-- WP Optimize page cache - https://getwpo.com - page NOT cached -->