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

 html {
-webkit-text-size-adjust: 100%;
max-height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img{ padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
fieldset,img {
border:0;
}
img {
vertical-align:bottom;
font-size:0;
line-height:0;
}
address,caption,cite,code,dfn,em,x_strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
max-height: 100%;
}
caption,th {
text-align:left;
max-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
dl,dt,dd,ul,ol,x_li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
max-height: 100%;
}
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
display:block;
padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
} .cl:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.cl{
display: inline-block; x_overflow:hidden;
} * html .cl{
height: 1%;
}
.cl{
display:block;
}

@import url(https://weloveiconfonts.com/api/?family=entypo);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");  html {
font-size:10px;
}
body {
position:relative;
font-size:1rem;
line-height:1.7;
font-family: 'Noto Sans JP', sans-serif;
color:#030000;
min-width:1300px;
padding-top:95px;  }
@media screen and (max-width: 1300px) {
html { font-size:0.923vw;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
padding-top:7.308vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size:2.868vw;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
line-height:1.5;
padding-top: 16.949vw;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt";
}
}
* {
font-style: normal;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a {color: #080304; text-decoration: none; transition: .3s;}
a:hover {color: #999999; text-decoration:underline; transition: .3s;}
main a {color: #080304; text-decoration: underline;	transition: .3s;}
main a:hover {color: #080304; text-decoration:none;	transition: .3s;}
a:hover img ,
a.opacity:hover ,
footer .footer_in .f_contents section dl a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
a:before, a:after,
a:hover:before, a:hover:after{
text-decoration: none !important;
display: inline-block;
}
img {
width: 100%;
height: auto;
} .tablet , .tablet_img {
display: none;
}
.sp , .sp_img {
display: none;
}
@media screen and (max-width: 1040px) {
.tablet , .tablet_img {
display: block;
}
}
@media screen and (max-width: 767px) {
img {
max-width: none;
width: 100%;
height: auto;
}
.pc {
display: none;
}
.sp , .sp_img {
display: block;
}
}   h1 {
display:none;
}
header {
position: fixed;
top:0;
left:0;
z-index:100;
width:100%;
height:95px;
background:#FFF;
box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
}
header:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header h2 {
float:left;
width:175px;
margin:15px 0 15px 65px;
}
header nav {
float:right;
margin-right:65px;
}
header nav ul {
display: table;
}
header nav ul li {
display: table-cell;
padding-right:1.5em;
font-size:1.4rem;
height:95px;
}
header nav ul li:last-child {
padding-right:0;
}
header nav ul li a {
position:relative;
display:block;
height:95px;
padding-top:2.8em;
}
header nav ul li a::before,
header nav ul li a::after {
position: absolute;
content: '';
width: 0;
height: 1px;
background-color: #66492a;
transition: .3s;
}
header nav ul li a::before {
top: 2.5em;
left: 0;
}
header nav ul li a::after {
bottom: 2em;
right: 0;
}
header nav ul li a:hover::before,
header nav ul li a:hover::after {
width: 100%;
}
header nav ul li a span:before {
display:inline-block;
margin-right:.5em;
font-family: "FontAwesome";
color:#999999;
}
header nav ul li.h_item a span:before {
content: "\f115";
}
header nav ul li.h_news a span:before {
content: "\f05a";
}
header nav ul li.h_login a span:before {
content: "\f090";
}
header nav ul li.h_user a span:before {
content: "\f234";
}
header nav ul li.h_cart a span:before {
content: "\f07a";
}
header nav ul li.h_contact a span:before {
content: "\f003";
}
header nav ul li.h_insta a span:before {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
content: "\f16d";
}
header nav ul li.h_line a span:before {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
content: "\f3c0";
}
header nav ul li a:hover ,
header nav ul li a:hover span {
text-decoration:none;
}
header nav ul li .menu {
display:none;
width: 100%;
height:calc(100vh - 95px);
left: 0;
text-align: center;
position: absolute;
top:95px;
z-index:2000;
background: rgba(102,73,42,.8);
overflow:auto;
}
header nav ul li .menu.menu_sub {
height:auto;
text-align: center;
font-size: 0;
}
header nav ul li a.void.selected + .main_cover + .menu {
display:block;
} header nav ul li .menu::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} header nav ul li .menu::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} header nav ul li .menu::-webkit-scrollbar-thumb{
background: #66492a;
border-radius: 2px;
} header nav ul li .menu::-webkit-scrollbar-thumb:horizontal{
background: #66492a;
border-radius: 2px;
} header nav ul li .menu::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} header nav ul li .menu::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} header nav ul li .menu::-webkit-scrollbar-corner{
background: transparent;
}
header nav ul li .menu ul {
padding:2em 0;
}
header nav ul li .menu.menu_sub ul {
width: auto;
padding:2em 0;
display: inline-block;
text-align: center;
font-size:1.5rem;
}
header nav ul li .menu ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header nav ul li .menu ul li {
float:left;
width:23.5%;
margin-right:2%;
margin-bottom:20px;
padding:0 !important;
height:auto;
}
header nav ul li .menu ul li:nth-child(4n) {
margin-right:0;
}
header nav ul li .menu ul li:nth-child(4n+1) {
clear:both;
}
header nav ul li .menu ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
header nav ul li .menu.menu_sub ul li {
display: inline-block;
float:none;
width:auto;
margin-right:2em;
margin-bottom:0;
font-size:1.5rem;
}
header nav ul li .menu.menu_sub ul li:last-child {
margin-right:0;
}
header nav ul li .menu ul li a {
display:block;
height:auto;
padding:0;
color:#FFF !important;
}
header nav ul li .menu ul li a:before ,
header nav ul li .menu ul li a:after {
display:none;
}
header nav ul li .menu ul li a i {
position:relative;
display:block;
overflow:hidden;
height:244px;
margin-bottom:20px;
background:#000;
}
header nav ul li .menu ul li a i img {
display: block;
transition: 0.5s;
}
header nav ul li .menu ul li a:hover i img {
transform: scale(1.1, 1.1);
}
header nav ul li .menu ul li a span {
display:block;
text-align:center;
line-height:1.1;
font-family: 'Noto Serif JP', serif;
font-size:1.5rem;
font-weight:500;
letter-spacing:.2em;
color:#FFFFFF;
}
header nav ul li .menu ul li a span:before {
display:none;
}
header nav ul li .menu ul li a span em {
display:inline-block;
}
header nav ul li .menu ul li a span em:first-letter {
letter-spacing:1.2em;
}
header nav ul li a.void.selected {
}
header nav ul li a.void.selected:before {
content: "";
position: absolute;
top:inherit;
left:0;
right:0;
background:none;
margin:0 auto;
bottom: 0;
z-index:2100;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #66492a transparent;
transition: all .2s ease-in;
}
header nav ul li a.void.selected:after {
display:none;
}
header nav ul li a.void.selected:hover {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
header nav ul li a.void.selected:hover span ,
header nav ul li a.void.selected:hover em {
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header nav ul li .menu ul li a span {
color:#FFF !important;
}
@media screen and (max-width: 1300px) {
header {
height:7.308vw;
}
header h2 {
width:13.462vw; margin:1.154vw 0 1.154vw 2vw;
}
header nav { margin-right:2vw;
}
header nav ul li { padding-right:.7em;
font-size:1.4rem;
height:7.308vw;
}
header nav ul li a {
height:7.308vw;
padding-top:2.3em;
}
header nav ul li a::before {
top: 2.0em;
left: 0;
}
header nav ul li a::after {
bottom: 1.5em;
right: 0;
}
header nav ul li .menu {
height:calc(100vh - 7.308vw);
top:7.308vw;
}
header nav ul li .menu ul {
padding:2em 0;
}
header nav ul li .menu ul li {
width:23.5%;
margin-right:2%;
margin-bottom:1.538vw;
}
header nav ul li .menu ul li a i {
height:18.769vw;
margin-bottom:1.538vw;
}
header nav ul li .menu ul li a span {
font-size:1.5rem;
font-weight:500;
}
header nav ul li a.void.selected:before {
content: "";
position: absolute;
top:inherit;
left:0;
right:0;
background:none;
margin:0 auto;
bottom: 0;
z-index:2100;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0.769vw 0.769vw 0.769vw;
border-color: transparent transparent #66492a transparent;
transition: all .2s ease-in;
}
}
@media screen and (max-width: 767px) {
header {
display:none;
}
} footer {
background:#000000;
padding:40px 0;
color:#FFF;
}
footer a ,
footer a:hover {
text-decoration:none;
color:#FFF;
}
footer .f_sns {
text-align:center;
margin-bottom:30px;
}
footer .f_sns div {
text-align:center;
}
footer .f_nav {
margin-bottom:30px;
text-align:center;
}
footer .f_nav ul {
display:inline-block;
text-align:center;
font-size:0;
}
footer .f_nav ul li {
display:inline-block;
font-size:1.4rem;
}
footer .f_nav ul li:after {
content:'／';
margin:0 .5em;
}
footer .f_nav ul li:last-child:after {
display:none;
}
footer .f_nav ul li a {
position: relative;
display: inline-block;
transition: 0.3s;
}
footer .f_nav ul li a::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
border-bottom: solid 1px #FFFFFF;
transition: 0.5s;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
footer .f_nav ul li a:hover::after {
width: 100%;
}
footer p {
width:390px;
margin:0 auto;
margin-bottom:20px;
}
footer ol {
display: flex;
align-items: center;
justify-content: center;
margin-bottom:20px;
}
footer ol li {
width: 390px;
}
footer ol li:not(:last-of-type) {
margin-right: 20px;
}
footer .copy {
display:block;
text-align:center;
font-size:1.2rem;
}
@media screen and (max-width: 1300px) {
footer {
padding:3.077vw 0;
}
footer .f_nav {
margin-bottom:2.308vw;
}
footer .f_nav ul li {
font-size:1.4rem;
}
footer .f_nav ul li:after {
content:'／';
margin:0 .3em;
}
footer .f_nav ul li a::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
border-bottom: solid 1px #FFFFFF;
transition: 0.5s;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
footer p {
width:30vw;
margin-bottom:1.538vw;
}
footer ol {
display: flex;
align-items: center;
justify-content: center;
margin-bottom:2vw;
}
footer ol li {
width: 30vw;
}
footer ol li:not(:last-of-type) {
margin-right: 5vw;
}
footer .copy {
font-size:1.2rem;
}
}
@media screen and (max-width: 767px) {
footer {
padding:7.823vw 0;
}
footer .f_nav {
display:none;
}
footer p {
width:60%;
margin-bottom:5.215vw;
}
footer ol {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom:2vw;
}
footer ol li {
width: 60%;
margin: 0 auto;
}
footer ol li:not(:last-of-type) {
margin-right: 0;
margin-bottom: 5vw;
}
footer .copy {
font-size:1.2rem;
}
} .h_vi {
background:url(//www.kinoshita-s.shop/img/common/header_bg.png) no-repeat center center;
height:129px;
}
@media screen and (min-width: 1920px) {
.h_vi {
background:url(//www.kinoshita-s.shop/img/common/header_bg.png) no-repeat center center;
background-size:cover;
}
}
@media screen and (max-width: 1300px) {
.h_vi {
background:url(//www.kinoshita-s.shop/img/common/header_bg.png) no-repeat center center;
background-size:cover;
height:9.923vw;
}
}
@media screen and (max-width: 767px) {
.h_vi {
background:url(//www.kinoshita-s.shop/img/common/header_bg.png) no-repeat center center;
background-size:cover;
height:30vw;
}
} main {
padding:80px 0 150px;
}
@media screen and (max-width: 1300px) {
main {
padding:6.154vw 0 11.538vw;
}
}
@media screen and (max-width: 767px) {
main {
padding:13.038vw 0 26.076vw;
}
}
.single_sns {
text-align:center;
padding-top:20px;
padding-bottom:20px;
}
.single_sns div {
text-align:center;
} .w1000 {
width:1000px;
margin:0 auto;
}
.w1000:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w1200 {
width:1200px;
margin:0 auto;
}
.w1200:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.w1280 {
width:1280px;
margin:0 auto;
}
.w1280:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
@media screen and (max-width: 1300px) {
.w1000 {
width:76.923vw;
}
.w1200 {
width:92.308vw;
}
.w1280 {
width:98.462vw;
}
}
@media screen and (max-width: 767px) {
.w1000 {
width:92vw;
}
.w1200 {
width:92vw;
}
.w1280 {
width:92vw;
}
}
.pan {
padding-bottom:100px;
font-size:1.2rem;
}
.pan ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.pan ul li {
float:left;
}
.pan ul li:after {
content:'>';
margin:0 1em;
color:#123887;
}
.pan ul li:last-child:after {
display:none;
}
.pan ul li a ,
.pan ul li a:hover {
color:#123887;
text-decoration:none;
}
@media screen and (max-width: 1300px) {
.pan {
padding-bottom:7.692vw;
}
}
@media screen and (max-width: 767px) {
.pan {
padding-bottom:13.038vw;
}
} .title {
position:relative;
margin:0 auto;
margin-bottom:100px;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
width:1285px;
height:94px;
line-height:1.1;
text-align:center;
}
.title:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:100px;
height:94px;
display:block;
content:'';
}
.title:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:100px;
height:94px;
display:block;
content:'';
}
.title span {
position:relative;
z-index:10;
display:inline-block;
font-family: 'Noto Serif JP', serif;
font-size:5.0rem;
font-weight:500;
letter-spacing:.2em;
margin-left:-.2em;
padding-top:.35em;
}
.title span em {
display:inline-block;
font-weight:500;
}
.title span em:first-letter {
letter-spacing:1.2em;
}
@media screen and (max-width: 1300px) {
.title {
margin-bottom:7.692vw;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
width:98.846vw;
height:7.231vw;
}
.title:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:7.692vw;
height:7.231vw;
display:block;
content:'';
}
.title:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:7.692vw;
height:7.231vw;
display:block;
content:'';
}
.title span {
font-size:4.2rem;
font-weight:500;
letter-spacing:.2em;
margin-left:-.2em;
padding-top:0;
line-height:7.231vw;
}
}
@media screen and (max-width: 767px) {
.title {
margin:0 auto;
margin-bottom:13.038vw;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
width:96%;
height:12.256vw;
}
.title:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:13.038vw;
height:12.256vw;
display:block;
content:'';
}
.title:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:13.038vw;
height:12.256vw;
display:block;
content:'';
}
.title span {
font-size:2.2rem;
letter-spacing:.1em;
margin-left:-.1em;
padding-top:0;
line-height:12.256vw;
}
.title span em:first-letter {
letter-spacing:.5em;
}
} .c_item {
margin-bottom:260px;
}
.c_item h3 {
background:#000000;
margin-bottom:20px;
text-align:center;
color:#FFF;
padding:.5em 0;
}
.c_item h3 span {
display:inline-block;
font-family: 'Noto Serif JP', serif;
font-size:1.8rem;
letter-spacing:.2em;
margin-right:.5em;
}
.c_item h3 em {
display:inline-block;
font-size:1.4rem;
letter-spacing:.2em;
}
.c_item ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.c_item ul li {
float:left;
width:134px;
margin-right:18px;
}
.c_item ul li:last-child {
margin-right:0;
}
.c_item ul li a {
display:block;
text-decoration:none;
}
.c_item ul li a span {
position:relative;
display:block;
overflow:hidden;
height:119px;
background:#000;
}
.c_item ul li a span img {
display: block;
transition: 0.5s;
}
.c_item ul li a:hover span img {
transform: scale(1.1, 1.1);
}
.c_item ul li a em {
display:block;
padding-top:.5em;
color:#4ca232;
font-family: 'Noto Serif JP', serif;
font-size:1.2rem;
letter-spacing:.1em;
}
.c_item ul li a em.ls:first-letter {
letter-spacing:1em;
}
.c_item ul li a:hover {
text-decoration:none;
}
.c_best {
background:#9e6038;
padding:40px 0;
text-align:center;
}
.c_best ul {
position:relative;
display:inline-block;
font-size:0;
text-align:center;
}
.c_best ul:before {
position:absolute;
top:5px;
left:-80px;
width:69px;
height:281px;
display:block;
background:url(//www.kinoshita-s.shop/img/common/best_ttl.svg) no-repeat center center;
background-size:cover;
content:'';
}
.c_best ul li {
position:relative;
display:inline-block;
width:236px;
margin-right:25px;
}
.c_best ul li:last-child {
margin-right:0;
}
.c_best ul li a {
position:relative;
display:block;
color:#FFF;
text-decoration:none;
}
.c_best ul li a:hover {
color:#FFF;
}
.c_best ul li a span {
display:block;
padding-top:.5em;
font-size:1.4rem;
}
.c_best ul li:before {
position:absolute;
top:-62px;
left:14px;
width:56px;
height:55px;
display:block;
background-size:cover !important;
content:'';
}
.c_best ul li:first-child:before {
background:url(//www.kinoshita-s.shop/img/common/best_flag01.svg) no-repeat center center;
}
.c_best ul li:nth-child(2):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag02.svg) no-repeat center center;
}
.c_best ul li:nth-child(3):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag03.svg) no-repeat center center;
}
.c_best ul li:nth-child(4):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag04.svg) no-repeat center center;
}
.c_best ul li:nth-child(5):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag05.svg) no-repeat center center;
}
.c_banner {
padding-top:90px;
width:1200px;
margin:0 auto;
}
.buy_info {
padding-bottom:130px;
}
.buy_info:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.buy_info .box_l {
float:left;
width:560px;
}
.buy_info .box_r {
float:right;
width:560px;
}
.buy_info section {
margin-bottom:70px;
font-size:1.2rem;
}
.buy_info section:last-child {
margin-bottom:0;
}
.buy_info section h3 {
background:#c5b156;
text-align:center;
padding:.3em 0;
font-size:1.4rem;
font-weight:500;
color:#FFF;
margin-bottom:35px;
}
.buy_info section section {
margin-bottom:2em !important;
}
.buy_info section section h4 {
font-size:1.6rem;
font-weight:500;
margin-bottom:.5em;
}
.buy_info section section .tbl ul {
margin-bottom:1em;
}
.buy_info section section .tbl ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.buy_info section section .tbl ul li {
float:left;
width:50%;
display:table;
border-collapse: collapse;
}
.buy_info section section .tbl ul li span {
display:table-cell;
white-space:normal;
width:30%;
}
.buy_info section section .tbl ul li span:first-child {
width:46%
}
.buy_info section section .tbl ul li span:last-child {
width:24%;
}
.buy_info section section .tbl ol:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.buy_info section section .tbl ol li {
float:left;
margin-right:1em;
}
.buy_info section section .tbl ol li:last-child {
margin-right:0;
}
.buy_info section section p {
margin-bottom:1em;
}
.buy_info section section .tbl p {
margin-bottom:.2em;
}
.buy_info section section .tbl p.area_price {
margin-bottom:1em;
}
.buy_info section section .tbl p.area_price:last-child {
margin-bottom:2em;
}
.buy_info section section .tbl p.area_price span {
display:block;
margin:0;
padding:0;
padding-left:.5em;
}
.buy_info section section .tbl p.area_price em {
margin: 0!important;
color: #FF0000;
font-weight: 700;
}
.buy_info section section p:last-child {
margin-bottom:0;
}
.buy_info section section p.card { width:500px;
}
.buy_info section section p span {
margin:0 1em;
}
.buy_info section section p em {
margin:0 1em 0 2em;
}
@media screen and (max-width: 1300px) {
.c_item {
margin-bottom:20vw;
}
.c_item h3 {
margin-bottom:1.538vw;
padding:.5em 0;
}
.c_item h3 span {
font-size:1.8rem;
letter-spacing:.2em;
margin-right:.5em;
}
.c_item h3 em {
font-size:1.4rem;
letter-spacing:.2em;
}
.c_item ul li {
width:10.308vw;
margin-right:1.385vw;
}
.c_item ul li a span {
height:9.154vw;
}
.c_item ul li a em {
padding-top:.5em;
font-size:1.2rem;
}
.c_best {
padding:3.077vw 0;
}
.c_best ul {
padding-left:6vw;
}
.c_best ul:before {
position:absolute;
top:0.385vw; left:0;
width:5.308vw;
height:21.615vw;
display:block;
background:url(//www.kinoshita-s.shop/img/common/best_ttl.svg) no-repeat center center;
background-size:cover;
content:'';
}
.c_best ul li {
width:18.154%;
margin-right:1.923%;
}
.c_best ul li a span {
padding-top:.5em;
font-size:1.4rem;
}
.c_best ul li:before {
position:absolute;
top:-4.769vw;
left:1.077vw;
width:4.308vw;
height:4.231vw;
display:block;
background-size:cover !important;
content:'';
}
.c_best ul li:first-child:before {
background:url(//www.kinoshita-s.shop/img/common/best_flag01.svg) no-repeat center center;
}
.c_best ul li:nth-child(2):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag02.svg) no-repeat center center;
}
.c_best ul li:nth-child(3):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag03.svg) no-repeat center center;
}
.c_best ul li:nth-child(4):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag04.svg) no-repeat center center;
}
.c_best ul li:nth-child(5):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag05.svg) no-repeat center center;
}
.c_banner {
padding-top:6.923vw;
width:92.308vw;
}
.buy_info {
padding:0 2vw;
padding-bottom:10vw;
}
.buy_info .box_l {
width:45%;
}
.buy_info .box_r {
width:50%;
}
.buy_info section {
margin-bottom:5.385vw;
font-size:1.2rem;
}
.buy_info section h3 {
padding:.3em 0;
font-size:1.4rem;
font-weight:500;
margin-bottom:2.692vw;
}
.buy_info section section {
margin-bottom:2em !important;
}
.buy_info section section h4 {
font-size:1.6rem;
font-weight:500;
margin-bottom:.5em;
}
.buy_info section section .tbl ul {
margin-bottom:1em;
}
.buy_info section section .tbl ul li {
float:left;
width:50%;
display:table;
border-collapse: collapse;
}
.buy_info section section .tbl ul li span {
display:table-cell;
white-space:normal;
width:30%;
}
.buy_info section section .tbl ul li span:first-child {
width:46%
}
.buy_info section section .tbl ul li span:last-child {
width:24%;
}
.buy_info section section .tbl ol li {
margin-right:1em;
}
.buy_info section section p {
margin-bottom:1em;
}
.buy_info section section .tbl p {
margin-bottom:.2em;
}
.buy_info section section p.card { width:70%;
}
.buy_info section section p span {
margin:0 1em;
}
.buy_info section section p em {
margin:0 1em;
}
}
@media screen and (max-width: 767px) {
.c_item {
margin-bottom:26.076vw;
}
.c_item h3 {
margin-bottom:5.215vw;
padding:.5em 0;
}
.c_item h3 span {
font-size:1.8rem;
letter-spacing:.1em;
margin-right:.5em;
}
.c_item h3 em {
font-size:1.4rem;
letter-spacing:.1em;
}
.c_item ul li {
float:none;
width:100%;
margin-right:0;
margin-bottom:3.911vw;
}
.c_item ul li:last-child {
margin-bottom:0;
}
.c_item ul li a {
display:table;
width:100%;
}
.c_item ul li a span {
display:table-cell;
width:20vw;
height:15vw;
}
.c_item ul li a em {
display:table-cell;
padding-top:0;
padding-left:5vw;
vertical-align:middle;
font-size:1.3rem;
letter-spacing:.1em;
}
.c_item ul li a em.ls:first-letter {
letter-spacing:1em;
}
.c_best {
padding:30vw 4vw 7.823vw;
}
.c_best ul {
display:block;
text-align:left;
padding:0;
}
.c_best ul:before {
position:absolute;
top:-25vw;
left:4vw;
width:calc(23.207vw * 2);
height:calc(9.778vw * 2);
display:block;
background:url(//www.kinoshita-s.shop/img/common/best_ttl_sp.svg) no-repeat center center;
background-size:cover;
content:'';
}
.c_best ul li {
position:relative;
display:block;
width:100%;
margin-right:0;
margin-bottom:3.911vw;
text-align:left;
}
.c_best ul li:last-child {
margin-bottom:0;
}
.c_best ul li a {
display:table;
width:100%;
}
.c_best ul li a img {
display:table-cell;
width:30vw;
}
.c_best ul li a span {
display:table-cell;
width:70vw;
padding-top:0;
padding-left:5vw;
vertical-align:middle;
text-align:left;
font-size:1.4rem;
}
.c_best ul li:before {
position:absolute;
top:-3vw;
left:-3vw;
z-index:5;
width:12vw;
height:12vw;
display:block;
background-size:cover !important;
content:'';
}
.c_best ul li:first-child:before {
background:url(//www.kinoshita-s.shop/img/common/best_flag01.svg) no-repeat center center;
}
.c_best ul li:nth-child(2):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag02.svg) no-repeat center center;
}
.c_best ul li:nth-child(3):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag03.svg) no-repeat center center;
}
.c_best ul li:nth-child(4):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag04.svg) no-repeat center center;
}
.c_best ul li:nth-child(5):before {
background:url(//www.kinoshita-s.shop/img/common/best_flag05.svg) no-repeat center center;
}
.c_banner {
padding-top:13.038vw;
width:92vw;
}
.buy_info {
padding-bottom:19.557vw;
}
.buy_info .box_l {
float:none;
width:100%;
margin-bottom:7.823vw;
}
.buy_info .box_r {
float:none;
width:100%;
}
.buy_info section {
float:none;
width:100%;
margin-bottom:7.823vw;
font-size:1.2rem;
}
.buy_info section:last-child {
margin-bottom:0;
}
.buy_info section h3 {
padding:.3em 0;
font-size:1.4rem;
margin-bottom:6.519vw;
}
.buy_info section section {
margin-bottom:2em !important;
}
.buy_info section section .tbl ul {
margin-bottom:1em;
}
.buy_info section section .tbl ul li {
float:none;
width:100%;
display:table;
border-collapse: collapse;
}
.buy_info section section .tbl ul li span {
display:table-cell;
white-space:normal;
width:30%;
}
.buy_info section section .tbl ul li span:first-child {
width:46%
}
.buy_info section section .tbl ul li span:last-child {
width:24%;
}
.buy_info section section .tbl ol li {
float:left;
margin-right:1em;
}
.buy_info section section .tbl ol li:last-child {
margin-right:0;
}
.buy_info section section h4 {
font-size:1.6rem;
margin-bottom:.5em;
}
.buy_info section section p {
margin-bottom:1em;
}
.buy_info section section p.card { width:80%;
}
.buy_info section section p span {
margin:0 1em;
}
}
@media screen and (max-width: 767px) {
.menu-trigger {
width: 100%;
height: 16.949vw;
position: fixed;
top: 0;
left: 0;
z-index:3000;
background:#FFF;
box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.1);
}
.menu-trigger:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.menu-trigger .head_logo {
float:left;
width:35vw;
margin:2vw 0 0 3.911vw;
}
.menu-trigger .menu_btn {
position:relative;
float:right;
width:16.297vw;
height:16.949vw;
background:#66492a;
}
.menu-trigger span {
position: absolute;
left: 5.215vw;
width: 6.519vw;
height:0.522vw;
z-index:3000;
display:block;
background:#FFF;
}
.menu-trigger span:nth-of-type(1) {
top: 5.346vw;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(2.8vw) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
top: 8.214vw;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
top: 10.952vw;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-2.8vw) rotate(45deg);
}
.fix_nav .box {
width:100%;
height:100%;
overflow:auto;
}
.fix_nav {
width: 100%;
height: 100vh;
padding-top: 10vh;
background: rgba(102,73,42,.9);
position: fixed;
top: 0;
right: 0;
z-index:2000;
transform: translate(100%);
transition: all .5s;
opacity:0;
}
.fix_nav.open {
opacity:1;
transform: translateZ(0);
}
.fix_nav .box {
padding-bottom:10vw;
}
.fix_nav ul li {
border-bottom: solid 1px #FFFFFF;
}
.fix_nav ul li.acd {
border-bottom: none;
}
.fix_nav ul li a {
position:relative;
display:block;
font-size:1.4rem;
color:#FFF;
padding:.8em 1.6em;
}
.fix_nav ul li ul li a {
padding-left:3.2em;
}
.fix_nav ul li ul li ul li a {
padding-left:4.8em;
}
.acd-check {
display: none;
}
.acd-label { color: #fff;
display: block;
border-bottom: solid 1px #FFFFFF;
padding:.8em 1.6em;
font-size:1.4rem;
position: relative;
background: rgba(102,73,42,.9);
}
.fix_nav ul li.acd ul li.acd .acd-label {
padding:.8em 1.6em .8em 3.2em;
}
.acd-label:after {
background: #66492a;
box-sizing: border-box; content: '+';
font-size:2.0rem;
display: block; position: absolute;
right: 0;
top: 0; padding:.32em 0;
width:12vw;
text-align:center;
}
.sub_nav {
display: block;
height: 0;
opacity: 0;
transition: .5s;
visibility: hidden;
background:#66492a;
}
.acd-check:checked + .acd-label:after { content: '−';
font-size:2.0rem;
padding:.32em 0;
}
.acd-check:checked + .acd-label + .sub_nav {
height:100%;
opacity: 1;
visibility: visible;
}
.fix_nav ol {
padding:5vw 10vw;
}
.fix_nav ol li {
margin-bottom:3vw;
}
.fix_nav ol li:last-child {
margin-bottom:0;
}
.fix_nav ol li a {
display:block;
padding:.8em 0;
text-align:center;
font-size:1.5rem;
line-height:1.1;
color:#FFF;
text-decoration:none;
border: solid 1px #FFFFFF;
}
.fix_nav ol li a span:before {
display:inline-block;
margin-right:.5em;
font-family: "FontAwesome";
color:#FFF;
}
.fix_nav ol li.h_login a span:before {
content: "\f090";
}
.fix_nav ol li.h_user a span:before {
content: "\f234";
}
.fix_nav ol li.h_cart a span:before {
content: "\f07a";
}
.fix_nav ol li.h_insta a span:before {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
content: "\f16d";
}
.fix_nav ol li.h_line a span:before {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
content: "\f3c0";
}
} .pagination {
padding:70px 0 0;
}
.pagination .pagination-box {
text-align:center;
font-size:0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
display:inline-block;
font-size:1.4rem;
font-weight:bold;
width:36px;
height:36px;
line-height:36px;
text-align:center;
margin-right:10px;
color:#AAAAAA;
border: solid 1px #AAAAAA;
text-decoration:none;
}
.pagination .pagination-box a:last-child ,
.pagination .pagination-box span:last-child {
margin-right:0;
}
.pagination .pagination-box span.current {
background:none;
border: solid 1px #000e59;
color:#000e59;
font-weight:bold;
}
.pagination .pagination-box a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 768px) {
.pagination {
padding:9.126vw 0 0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
font-size:1.4rem;
width:4.694vw;
height:6.78vw;
line-height:4.694vw;
margin-right:1.304vw;
}
} .contents {
font-size:1.5rem;
}
.contents img {
width:auto;
max-width:100%;
height:auto;
}
.contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.contents figcaption,
.contents figure,
.contents main {
display: block;
}
.contents figure {
margin: 1em 0;
}
.contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.contents b,
.contents strong {
font-weight: inherit;
}
.contents b,
.contents strong {
font-weight: 700;
}
.contents code,
.contents kbd,
.contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.contents dfn {
font-style: italic;
}
.contents mark {
background-color: #eee;
color: #222;
}
.contents small {
font-size: 80%;
}
.contents sub,
.contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.contents sub {
bottom: -0.25em;
}
.contents sup {
top: -0.5em;
}
.contents audio,
.contents video {
display: inline-block;
}
.contents audio:not([controls]) {
display: none;
height: 0;
}
.contents button,
.contents input,
.contents optgroup,
.contents select,
.contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.contents button,
.contents input {
overflow: visible;
}
.contents button,
.contents select {
text-transform: none;
}
.contents button,
.contents html [type="button"],
.contents [type="reset"],
.contents [type="submit"] {
-webkit-appearance: button;
}
.contents button::-moz-focus-inner,
.contents [type="button"]::-moz-focus-inner,
.contents [type="reset"]::-moz-focus-inner,
.contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.contents button:-moz-focusring,
.contents [type="button"]:-moz-focusring,
.contents [type="reset"]:-moz-focusring,
.contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.contents progress {
display: inline-block;
vertical-align: baseline;
}
.contents textarea {
overflow: auto;
}
.contents [type="checkbox"],
.contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.contents [type="number"]::-webkit-inner-spin-button,
.contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.contents [type="search"]::-webkit-search-cancel-button,
.contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.contents details,
.contents menu {
display: block;
}
.contents summary {
display: list-item;
}
.contents canvas {
display: inline-block;
}
.contents template {
display: none;
}
.contents [hidden] {
display: none;
}
.contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.contents .clear:before,
.contents .clear:after,
.contents .entry-content:before,
.contents .entry-content:after,
.contents .entry-footer:before,
.contents .entry-footer:after,
.contents .comment-content:before,
.contents .comment-content:after,
.contents .site-header:before,
.contents .site-header:after,
.contents .site-content:before,
.contents .site-content:after,
.contents .site-footer:before,
.contents .site-footer:after,
.contents .nav-links:before,
.contents .nav-links:after,
.contents .pagination:before,
.contents .pagination:after,
.contents .comment-author:before,
.contents .comment-author:after,
.contents .widget-area:before,
.contents .widget-area:after,
.contents .widget:before,
.contents .widget:after,
.contents .comment-meta:before,
.contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.contents .clear:after,
.contents .entry-content:after,
.contents .entry-footer:after,
.contents .comment-content:after,
.contents .site-header:after,
.contents .site-content:after,
.contents .site-footer:after,
.contents .nav-links:after,
.contents .pagination:after,
.contents .comment-author:after,
.contents .widget-area:after,
.contents .widget:after,
.contents .comment-meta:after {
clear: both;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
line-height: 1.66;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: .5em .1em;
}
.contents h1:first-child,
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child,
.contents h5:first-child,
.contents h6:first-child {
padding-top: 0;
}
.contents h1 {
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
}
.contents h2,
.contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25em;
font-weight: 300;
}
.contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
}
.contents h4 {
color: #333;
font-size: 16px;
font-size: 1em;
font-weight: 800;
}
.contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125em;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375em;
font-weight: 800;
}
.contents p {
margin: 0 0 1.5em;
padding: 0;
}
.contents dfn,
.contents cite,
.contents em,
.contents i {
font-style: italic;
}
.contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.contents address {
margin: 0 0 1.5em;
}
.contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.contents code,
.contents kbd,
.contents tt,
.contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375em;
}
.contents abbr,
.contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.contents mark,
.contents ins {
background: #eee;
text-decoration: none;
}
.contents big {
font-size: 125%;
}
.contents blockquote {
quotes: "" "";
}
.contents q {
quotes: "“" "”" "‘" "’";
}
.contents blockquote:before,
.contents blockquote:after {
content: "";
}
.contents :focus {
outline: none;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
font-weight: 700;
}
.contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.contents ul,
.contents ol {
margin: 0 0 1.5em;
padding: 0;
}
.contents ul {
list-style: disc;
}
.contents ol {
list-style: decimal;
}
.contents li > ul,
.contents li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.contents dt {
font-weight: 700;
}
.contents dd {
margin: 0 1.5em 1.5em;
}
.contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.contents thead th { padding-bottom: 0.5em;
}
.contents th {
padding: 0.4em;
text-align: left;
}
.contents tr { }
.contents td {
padding: 0.4em;
}
.contents th:first-child,
.contents td:first-child {
padding-left: 0;
}
.contents th:last-child,
.contents td:last-child {
padding-right: 0;
}
@media screen and (max-width: 768px) { .contents { }
.contents button,
.contents input,
.contents select,
.contents textarea {
font-size: 18px;
font-size: 1.125em;
}
.contents h1 {
font-size: 30px;
font-size:calc( 1.875em * 0.9);
}
.contents h2,
.contents .home.blog .entry-title,
.contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size:calc( 1.625em * 0.9);
}
.contents h3 {
font-size: 22px;
font-size:calc( 1.375rem * 0.9);
}
.contents h4 {
font-size: 18px;
font-size:calc( 1.125em * 0.9);
}
.contents h5 {
font-size: 13px;
font-size:calc( 0.8125em * 0.9);
}
.contents h6 {
font-size: 16px;
font-size:calc( 1em * 0.9);
}
.contents .entry-content blockquote.alignleft,
.contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875em;
}
.contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.contents img.alignright {
float: right;
margin-left: 1.5em;
}
.contents th {
display:block;
}
.contents tr { }
.contents td {
display:block;
}
}
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: 30px;
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: 30px;
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: 26px;
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: 20px;
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: 18px;
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: calc(30px * 0.7);
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: calc(30px * 0.7);
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: calc(26px * 0.7);
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: calc(20px * 0.8);
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: calc(18px * 0.8);
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: calc(16px * 0.8);
}
}
.form input[type="text"] ,
.form input[type="tel"] ,
.form input[type="email"] ,
.form input[type="date"] ,
.form input[type="number"] ,
.form textarea {
width:100%;
padding:.8em .6em;
font-size:1.8rem;
background:rgba(0, 0, 0, .05);
border: solid 1px rgba(0, 0, 0, .05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
}
.form input[type="text"]:focus ,
.form input[type="tel"]:focus ,
.form input[type="email"]:focus ,
.form input[type="number"]:focus ,
.form input[type="date"]:focus ,
.form textarea:focus {
outline: 0;
background:#FFF;
border: solid 1px rgba(0, 0, 0, .2);
}
.form input[type="number"] {
text-align:center;
}
.form textarea { height:250px;
}
.form input.input01 {
width:100%;
}
.form input.input02 {
width:320px;
}
.form .select_box01 {
position:relative;
overflow:hidden;
display:inline-block;
min-width:360px;
min-width:20em;
background:#fafafa;
border: solid 1px #dddddd;
color:#333;
margin:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form .select_box01 select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
min-width:360px;
min-width:20em;
margin:0;
padding:10px 10px;
background:transparent;
border:0;
outline:none;
font-size:1.6rem;
line-height:1.5;
text-align:center;
}
.form .select_box01.entypo-down-dir:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:0;
font-size:2.2rem;
line-height:1;
color:#FFF;
display: block;
text-align:center;
width:50px;
}
.form .select_box01.entypo-down-dir:after {
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
display: block;
background:#aaaaaa;
width:50px;
height:100%;
}
.form .mwform-radio-field ,
.form .mwform-checkbox-field {
display:inline-block;
margin:0 30px 0 0;
}
.form .mwform-radio-field:last-of-type ,
.form .mwform-checkbox-field:last-of-type {
margin:0 ;
}
input[type=checkbox] {
appearance: none;
display: none;
}
input[type=checkbox] + span {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
padding-left: 30px;
}
input[type=checkbox] + span:before {
position: absolute;
top: -.1em;
left: 0; font-family: "FontAwesome";
font-size: 2.0rem; content: "\f096";
display: inline-block;
margin-right: 0.5em;
font-weight: 400;
color: #a4a2a2;
}
input[type=checkbox]:checked + span:before { content: "\f14a";
font-size: 2.0rem;
font-weight: 400;
color: #ff5d0a;
}
input[type=radio] {
appearance: none;
display: none;
}
input[type=radio] + span {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
input[type=radio] + span:before {
position: relative;
top: .1em;
font-family: "Font Awesome 5 Free";
font-size: 2.0rem;
content: "\f111";
display: inline-block;
margin-right: 0.5em;
font-weight: 400;
color: #a4a2a2;
}
input[type=radio]:checked + span:before {
content: "\f192";
font-size: 2.0rem;
font-weight: 400;
color: #ff5d0a;
}
:-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
::-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
:-ms-input-placeholder {
color: #bdbec6;
}
::-ms-input-placeholder {
color: #bdbec6;
}
::-webkit-input-placeholder {
color: #bdbec6;
}
::placeholder {
color: #bdbec6;
}
.form .btn {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
}
.form .btn dl {
display: flex;
align-items: center;
justify-content: center;
}
.form .btn dl dt ,
.form .btn dl dd {
width:270px;
}
.form .btn dl dt span ,
.form .btn dl dd span {
display: none;
}
.form .btn dl dt {
margin-right: 50px;
}
.form .btn > p {
width:270px;
}
.form .btn input ,
.form .btn button {
position:relative;
background: #57a6db;
border:none;
display:block;
cursor:pointer;
color:#ffffff;
padding:25px 0;
text-decoration:none;
width:100%;
text-align:center;
font-size:2.0rem;
font-weight:500;
line-height:1.1;
margin:0;
text-decoration:none;
border-radius: 0;
appearance: none;
outline: 0;
}
.form .btn dl dt input {
background: #dcecf8;
border:none;
color:#57a6db;
}
.form .btn input:hover ,
.form .btn button:hover ,
.form .btn input:focus ,
.form .btn button:focus {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.form .wpcf7-form-control-wrap {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.form input[type="text"] ,
.form input[type="tel"] ,
.form input[type="email"] ,
.form input[type="date"] ,
.form input[type="number"] ,
.form textarea {
padding:.6em .6em;
font-size:1.6rem;
}
.form textarea {
height:60vw;
}
.form input.input01 {
width:100%;
}
.form input.input02 {
width:100%;
}
.form .btn {
width: 100%;
padding-top: 15vw;
}
.form .btn dl {
width: 100%;
}
.form .btn dl dt ,
.form .btn dl dd {
width:48%;
}
.form .btn dl dt {
margin-right: 4%;
}
.form .btn > p {
width:48%;
}
.form .btn input ,
.form .btn button {
padding:1.2em 0;
font-size:1.6rem;
}
.form .wpcf7-form-control-wrap {
margin-bottom: 6vw;
}
}
   html.opening_anim ,
html.opening_anim body {
overflow:hidden;
padding-top:0 !important;
}
.opening {
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:#FFF;
display: flex;
flex-wrap: wrap;
z-index: 100000;
align-items: center;
justify-content: center;
}
.opening span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display:inline-block;
margin: auto;
width:40vw;
}
.opening span:nth-of-type(1) {
opacity: 0;
animation:fadein 1s ease 1s forwards,fadeout 1s ease 2s forwards;
}
.opening span:nth-of-type(2) {
opacity: 0;
animation:fadein 1s ease 4s forwards,fadeout 1s ease 6s forwards;
}
.opening span:nth-of-type(3) {
opacity: 0;
animation:fadein 1s ease 8s forwards,fadeout 1s ease 10s forwards;
}
.opening span:nth-of-type(4) {
opacity: 0;
animation:fadein 1s ease 12s forwards,fadeout 1s ease 14s forwards;
}
.opening span:nth-of-type(5) {
opacity: 0;
animation:fadein 1s ease 16s forwards,fadeout 1s ease 18s forwards;
}
.opening span:nth-of-type(6) {
opacity: 0;
animation:fadein 1s ease 20s forwards,fadeout 1s ease 22s forwards;
}
.opening span:nth-of-type(7) {
opacity: 0;
animation:fadein 1s ease 24s forwards,fadeout 1s ease 26s forwards;
}
.opening span:nth-of-type(8) {
opacity: 0;
animation:fadein 1s ease 28s forwards,fadeout 1s ease 30s forwards;
}
.opening span:nth-of-type(9) {
opacity: 0;
animation:fadein 1s ease 32s forwards,fadeout 1s ease 34s forwards;
}
.opening span:nth-of-type(10) {
opacity: 0;
animation:fadein 1s ease 36s forwards,fadeout 1s ease 38s forwards;
}
.opening span:nth-of-type(11) {
opacity: 0;
animation:fadein 1s ease 40s forwards,fadeout 1s ease 42s forwards;
}
.opening span:nth-of-type(12) {
opacity: 0;
animation:fadein 1s ease 44s forwards,fadeout 3s ease 48s forwards;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.opening .opening_skip {
position: absolute;
display: block;
right: 4vw;
top: 4vh;
display:inline-block;
cursor:pointer;
}
.opening .opening_skip em {
display:block;
border: solid 2px #b5000d;
font-size:1.6rem;
font-weight:600;
line-height:1.1;
padding:.3em 3em;
}
.vi {
position:relative;
background:url(//www.kinoshita-s.shop/img/top/vi.png) no-repeat center center;
height:609px;
}
.vi h3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width:926px;
}
.top_catch {
padding:85px 0 160px;
text-align:center;
font-size:0;
background:url(//www.kinoshita-s.shop/img/top/catch_bg.png) no-repeat center center;
}
.top_catch .box {
position:relative;
display:inline-block;
font-family: 'Noto Serif JP', serif;
} .top_catch .box h3 {
text-align:center;
font-size:3.6rem;
line-height:1.1;
color:#5fac22;
margin-bottom:.8em;
}
.top_catch .box h4 {
text-align:center;
font-size:1.8rem;
line-height:1.1;
color:#6a696a;
margin-bottom:2.8em;
}
.top_catch .box .com {
text-align:center;
font-size:1.4rem;
line-height:3.0;
color:#1a1311;
margin-bottom:5.2em;
white-space:nowrap;
}
.top_catch .box .logo {
width:215px;
margin:0 auto;
}
.top_event {
display: table;
border-collapse: collapse;
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_event .img {
display: table-cell;
width: 400px;
vertical-align: middle;
}
.top_event .box_r {
display: table-cell;
vertical-align: middle;
padding-left: 40px;
}
.top_event .box_r h3 {
font-size: 2.0rem;
font-weight: 700;
line-height: 1.3;
padding-bottom: .3em;
margin-bottom: .6em;
border-bottom: solid 2px #5fac22;
}
.top_event .box_r h3 em {
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 1.4rem;
}
.top_event .box_r h3 span {
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
color: #5b4f38;
}
.top_event .box_r time {
display: block;
font-size: 1.4rem;
margin-bottom: .5em;
}
.top_event .box_r p {
font-size: 1.4rem;
color: #b5000d;
}
.top_event .box_r p:not(:last-of-type) {
margin-bottom: .5em;
}
.top_event .box_r dl {
margin-bottom: 4em;
}
.top_event .box_r dl dt {
font-size: 1.4rem;
margin-bottom: .2em;
}
.top_event .box_r dl dd a {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #212529;
border-radius: 0.5rem;
border: 2px solid #000;
border-radius: 0;
background: #fff;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top_event .box_r dl dd a:before {
position: absolute;
top: 0;
left: 0;  
width: 5px;
height: 100%;  
content: '';
transition: all .3s;  
background: #000;
}
.top_event .box_r dl dd a:hover {
color: #fff;
background: #000;
}
.top_event .box_r dl dd a:hover:before {
background: #fff;
}
.top_catch .box h3 {
text-align:center;
font-size:3.6rem;
line-height:1.1;
color:#5fac22;
margin-bottom:.8em;
}
.top_catch .box h4 {
text-align:center;
font-size:1.8rem;
line-height:1.1;
color:#6a696a;
margin-bottom:2.8em;
}
.top_catch .box .com {
text-align:center;
font-size:1.4rem;
line-height:3.0;
color:#1a1311;
margin-bottom:5.2em;
white-space:nowrap;
}
.top_catch .box .logo {
width:215px;
margin:0 auto;
}
.top_event {
display: table;
border-collapse: collapse;
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_event .img {
display: table-cell;
width: 400px;
vertical-align: middle;
}
.top_event .box_r {
display: table-cell;
vertical-align: middle;
padding-left: 40px;
}
.top_event .box_r h3 {
font-size: 2.0rem;
font-weight: 700;
line-height: 1.3;
padding-bottom: .3em;
margin-bottom: .6em;
border-bottom: solid 2px #5fac22;
}
.top_event .box_r h3 em {
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 1.4rem;
}
.top_event .box_r h3 span {
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
color: #5b4f38;
}
.top_event .box_r time {
display: block;
font-size: 1.4rem;
margin-bottom: .5em;
}
.top_event .box_r p {
font-size: 1.4rem;
color: #b5000d;
}
.top_event .box_r p:not(:last-of-type) {
margin-bottom: .5em;
}
.top_event .box_r dl {
margin-bottom: 4em;
}
.top_event .box_r dl dt {
font-size: 1.4rem;
margin-bottom: .2em;
}
.top_event .box_r dl dd a {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #212529;
border-radius: 0.5rem;
border: 2px solid #000;
border-radius: 0;
background: #fff;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top_event .box_r dl dd a:before {
position: absolute;
top: 0;
left: 0;  
width: 5px;
height: 100%;  
content: '';
transition: all .3s;  
background: #000;
}
.top_event .box_r dl dd a:hover {
color: #fff;
background: #000;
}
.top_event .box_r dl dd a:hover:before {
background: #fff;
}
.top_holiday {
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.top_holiday .box {
display: inline-block;
padding: 20px 30px;
border:  solid 2px rgb(224, 36, 36);
}
.top_holiday h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size: 2.6rem;
font-weight: 700;
}
.top_holiday h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_holiday p {
text-align: center;
font-size: 1.5rem;
}
.top_holiday p span {
font-size: 1.8rem;
font-weight: 700;
color: rgb(224, 36, 36);
}
.top_koke {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_koke h3 {
width: 600px;
margin: 0 auto;
margin-bottom: 40px;
}
.top_koke .img {
margin-bottom: 30px;
}
.top_koke .img span {
display: block;
text-align: right;
font-size: 1.4rem;
}
.top_koke .time {
padding: 0 100px;
margin-bottom: 30px;
}
.top_koke .time ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_koke .time ul li {
float: left;
width: 48%;
margin-bottom: 20px;
}
.top_koke .time ul li:nth-child(2n) {
float: right;
}
.top_koke .time ul li:nth-child(2n+1) {
clear: both;
}
.top_koke .time ul li:nth-last-child(-n+2) {
margin-bottom: 0;
}
.top_koke .price {
padding: 0 200px;
margin-bottom: 30px;
}
.top_koke .catch {
padding: 0 100px;
margin-bottom: 50px;
}
.top_koke .catch h4 {
font-size: 2.0rem;
font-weight: 700;
border-bottom: solid 2px #8fc31f;
margin-bottom: 1em;
}
.top_koke .catch p {
font-size: 1.6rem;
}
.top_koke .catch p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.top_koke .btn {
text-align: center;
margin-bottom: 40px;
}
.top_koke .btn a {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #212529;
border-radius: 0.5rem;
border: 2px solid #000;
border-radius: 0;
background: #fff;  
-webkit-transform-style: preserve-3d;  
transform-style: preserve-3d;
}
.top_koke .btn a:before {
position: absolute;
top: 0;
left: 0;  
width: 5px;
height: 100%;  
content: '';
transition: all .3s;  
background: #000;
}
.top_koke .btn a:hover {
color: #fff;
background: #000;
}
.top_koke .btn a:hover:before {
background: #fff;
}
.top_koke .koke_box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_koke .koke_box section {
float: left;
width: 48%;
margin-bottom: 30px;
font-size: 1.4rem;
}
.top_koke .koke_box section:nth-child(2n) {
float: right;
}
.top_koke .koke_box section:nth-child(2n+1) {
clear: both;
}
.top_koke .koke_box section:nth-last-child(-n+2) {
margin-bottom: 0;
}
.top_koke .koke_box section.teacher {
border: solid 2px #16902e;
padding: 20px 30px;
}
.top_koke .koke_box section.teacher table {
margin-bottom: .5em;
font-size: 1.4rem;
}
.top_koke .koke_box section.teacher table th {
font-weight: 700;
white-space: nowrap;
}
.top_koke .koke_box section.area {
border: solid 2px #ae1a48;
padding: 20px 30px;
}
.top_koke .koke_box section.area h4 {
position: relative;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1.5em;
text-align: center;
}
.top_koke .koke_box section.area h4:before {
position: absolute;
bottom: -10px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #ae1a48;
}
.top_koke .koke_box section.area dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_koke .koke_box section.area dl dt ,
.top_koke .koke_box section.area dl dd {
float: left;
}
.top_koke .koke_box section.area dl dt {
font-weight: 700;
margin-right: .5em;
}
.top_koke .koke_box section.application {
border: solid 2px #533f1a;
padding: 20px 30px;
}
.top_koke .koke_box section.application h4 {
position: relative;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1.5em;
text-align: center;
}
.top_koke .koke_box section.application h4:before {
position: absolute;
bottom: -10px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #533f1a;
}
.top_koke .koke_box section.application .btn {
margin-bottom: 0;
padding-top: 20px;
}
.top_koke .koke_box section.application dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_koke .koke_box section.application dl dt ,
.top_koke .koke_box section.application dl dd {
float: left;
}
.top_koke .koke_box section.application dl dt {
font-weight: 700;
margin-right: .5em;
}
.top_koke .koke_box section.caution ul li {
position: relative;
padding-left: 1em;
}
.top_koke .koke_box section.caution ul li:before {
position: absolute;
left: 0;
content: '＊';
}
.top_sale202111 {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_sale202111 h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size:3.0rem;
font-weight:700;
}
.top_sale202111 h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_sale202111 .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_sale202111 .box .img {
float:left;
width:30%;
}
.top_sale202111 .box .box_r {
float:right;
width:65%;
}
.top_sale202111 .box .box_r time {
display:block;
font-size:2.0rem;
margin-bottom:.8em;
}
.top_sale202111 .box .box_r time em {
font-size:1.4rem;
}
.top_sale202111 .box .box_r .catch h4 {
width:80%;
margin-bottom:1em;
}
.top_sale202111 .box .box_r .catch p {
font-size:1.4rem;
margin-bottom:1.2em;
}
.top_sale202111 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:0;
}
.top_sale202111 .box .box_r .catch p.caution span {
padding-left:1em;
font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.top_deli {
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.top_deli .box {
display: inline-block;
padding: 20px 30px;
border:  solid 2px rgb(224, 36, 36);
}
.top_deli h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size: 2.6rem;
font-weight: 700;
}
.top_deli h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_deli p {
text-align: left;
font-size: 1.5rem;
}
.top_deli p span {
font-size: 1.8rem;
font-weight: 700;
color: rgb(224, 36, 36);
}
.top_deli p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.top_xmas2021 {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_xmas2021 h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size:3.0rem;
font-weight:700;
}
.top_xmas2021 h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_xmas2021 .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_xmas2021 .box .img {
float:left;
width:30%;
}
.top_xmas2021 .box .box_r {
float:right;
width:65%;
}
.top_xmas2021 .box .box_r time {
display:block;
font-size:2.0rem;
margin-bottom:.8em;
}
.top_xmas2021 .box .box_r time em {
font-size:1.4rem;
}
.top_xmas2021 .box .box_r .catch h4 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom:1em;
}
.top_xmas2021 .box .box_r .catch p {
font-size:1.4rem;
margin-bottom:1.2em;
}
.top_xmas2021 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:0;
}
.top_xmas2021 .box .box_r .catch p.caution span {
padding-left:1em;
font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.workshop202201 {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.workshop202201 h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size:3.0rem;
font-weight:700;
}
.workshop202201 h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.workshop202201 .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.workshop202201 .box .img {
float:left;
width:40%;
}
.workshop202201 .box .box_r {
float:right;
width:55%;
}
.workshop202201 .box .box_r time {
display:block;
font-size:2.0rem;
margin-bottom:.8em;
}
.workshop202201 .box .box_r time em {
font-size:1.4rem;
}
.workshop202201 .box .box_r .catch h4 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom:1em;
color: #4a3f1f;
}
.workshop202201 .box .box_r .catch p.com {
font-size:2.0rem;
font-weight: 700;
margin-bottom:1.2em;
color: #798a5d;
}
.workshop202201 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:1.5em;
}
.workshop202201 .box .box_r .catch p.caution span {
display: block; font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.workshop202201 .box .box_r dl dt {
font-size: 1.4rem;
margin-bottom: .2em;
}
.workshop202201 .box .box_r dl dd a {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #212529;
border-radius: 0.5rem;
border: 2px solid #000;
border-radius: 0;
background: #fff;  
-webkit-transform-style: preserve-3d;  
transform-style: preserve-3d;
}
.workshop202201 .box .box_r dl dd a:before {
position: absolute;
top: 0;
left: 0;  
width: 5px;
height: 100%;  
content: '';
transition: all .3s;  
background: #000;
}
.workshop202201 .box .box_r dl dd a:hover {
color: #fff;
background: #000;
}
.workshop202201 .box .box_r dl dd a:hover:before {
background: #fff;
}
.organic202204 {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.organic202204 h3 {
position: relative;
padding:0 0 2.5em;
text-align: center;
line-height: 1.6;
font-size:3.0rem;
font-weight:700;
}
.organic202204 h3 em {
display: block;
text-align: center;
font-size:2.0rem;
font-weight:700;
color: #666666;
}
.organic202204 h3:before {
position: absolute;
bottom: 2em;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.organic202204 .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.organic202204 .box .img {
float:left;
width:40%;
}
.organic202204 .box .box_r {
float:right;
width:55%;
}
.organic202204 .box .box_r time {
display:block;
font-size:2.0rem;
margin-bottom:.8em;
}
.organic202204 .box .box_r .catch h4 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom:1em;
color: #4a3f1f;
}
.organic202204 .box .box_r .catch p.com {
font-size:1.4rem;
margin-bottom:1.2em;
}
.organic202204 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:1.5em;
color:#FF0000;
}
.organic202204 .box .box_r .catch p.caution span {
display: block; font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.organic202204 .box .box_r dl dt {
font-size: 1.4rem;
margin-bottom: 1em;
}
.organic202204 .box .box_r dl dd a {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #212529;
border-radius: 0.5rem;
border: 2px solid #000;
border-radius: 0;
background: #fff;  
-webkit-transform-style: preserve-3d;  
transform-style: preserve-3d;
}
.organic202204 .box .box_r dl dd a:before {
position: absolute;
top: 0;
left: 0;  
width: 5px;
height: 100%;  
content: '';
transition: all .3s;  
background: #000;
}
.organic202204 .box .box_r dl dd a:hover {
color: #fff;
background: #000;
}
.organic202204 .box .box_r dl dd a:hover:before {
background: #fff;
}
.top_alcal {
text-align: center;
margin: 0 auto;
margin-bottom: 100px;
}
.top_alcal h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size:3.0rem;
font-weight:700;
}
.top_alcal h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_alcal h4 {
position: relative;
padding:0 0 20px;
text-align: center;
line-height: 1.1;
font-size:2.0rem;
font-weight:700;
color: transparent;
background: linear-gradient( 90deg, #0091EA 0% 30%, #00B0FF 40% 60%, #80D8FF 70% 100% );
-webkit-background-clip: text;
}
.top_alcal .link_btn {
padding-top: 40px;
text-align: center;
}
.top_alcal .link_btn a {
position: relative;
display: inline-block;
padding: .9em 4em;
background-color: #333;
border: 2px solid #333;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 1.4rem;
}
.top_alcal .link_btn a::after {
position: absolute;
top: 50%;
right: .2em;
content: '';
margin-top: -5px;
border: 7px solid transparent;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-color: #fff;
transition: all .2s;
}
.top_alcal .link_btn a:hover::after {
right: -.05em;
}
.news_pickup {
padding-bottom:190px;
}
.news_pickup .news {
float:left;
width:500px;
}
.news_pickup .pickup {
float:right;
width:740px;
}
.news_pickup section h3 {
position:relative;
margin:0 auto;
margin-bottom:45px;
background:url(//www.kinoshita-s.shop/img/top/title_bg_m.svg) repeat-x center center;
width:100%;
height:96px;
line-height:96px;
text-align:center;
color:#66492a;
}
.news_pickup section h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:80px;
height:96px;
display:block;
content:'';
}
.news_pickup section h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:80px;
height:96px;
display:block;
content:'';
}
.news_pickup section h3 span {
position:relative;
z-index:10;
display:inline-block;
font-family: 'Noto Serif JP', serif;
font-size:1.6rem;
font-weight:500;
letter-spacing:.2em;
margin-left:-.2em;
margin-right:1em;
}
.news_pickup section h3 em {
display:inline-block;
font-weight:500;
font-size:1.4rem;
letter-spacing:.2em;
margin-left:-.2em;
}
.news_pickup .news .box {
height:275px;
overflow:auto;
border: solid 1px #000000;
} .news_pickup .news .box::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-thumb{
background: #66492a;
border-radius: 2px;
} .news_pickup .news .box::-webkit-scrollbar-thumb:horizontal{
background: #66492a;
border-radius: 2px;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-corner{
background: transparent;
}
.news_pickup .news .box .box_in {
padding:30px 25px;
}
.news_pickup .news .box .box_in dl {
margin-bottom:1em;
font-size:1.4rem;
}
.news_pickup .news .box .box_in dl:last-child {
margin-bottom:0;
}
.news_pickup .news .box .box_in dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news_pickup .news .box .box_in dl dt ,
.news_pickup .news .box .box_in dl dd {
float:left;
width:20%;
}
.news_pickup .news .box .box_in dl dd {
width:80%;
}
.news_pickup .pickup .box {
background:#f7eaa0;
padding:24px;
}
.news_pickup .pickup .box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news_pickup .pickup .box ul li {
float:left;
width:158px;
margin-right:20px;
}
.news_pickup .pickup .box ul li:last-child {
margin-right:0;
}
.news_pickup .pickup .box ul li a {
text-decoration:none;
}
.news_pickup .pickup .box ul li a span {
display:block;
padding-top:.5em;
font-size:1.4rem;
}
.top_bg_img01 {
background:url(//www.kinoshita-s.shop/img/top/bg_img01.png) no-repeat center center;
height:480px;
}
.top_bg_img02 {
background:url(//www.kinoshita-s.shop/img/top/bg_img02.png) no-repeat center center;
height:480px;
}
.top_category {
padding:140px 0 130px;
}
.top_category h3 {
position:relative;
margin:0 auto;
margin-bottom:100px;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
width:1285px;
height:94px;
line-height:94px;
text-align:center;
color:#66492a;
}
.top_category h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:100px;
height:94px;
display:block;
content:'';
}
.top_category h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:100px;
height:94px;
display:block;
content:'';
}
.top_category h3 span {
position:relative;
z-index:10;
display:inline-block;
font-family: 'Noto Serif JP', serif;
font-size:1.8rem;
font-weight:500;
letter-spacing:.2em;
margin-left:-.2em;
}
.top_category h3 em {
display:inline-block;
font-family: 'Noto Sans JP', sans-serif;
font-size:1.4rem;
font-weight:500;
margin-left:1em;
}
.top_category .box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_category .box ul li {
float:left;
width:293px;
margin-right:36px;
margin-bottom:120px;
}
.top_category .box ul li:nth-child(4n) {
margin-right:0;
}
.top_category .box ul li:nth-child(4n+1) {
clear:both;
}
.top_category .box ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.top_category .box ul li a {
display:block;
}
.top_category .box ul li a i {
position:relative;
display:block;
overflow:hidden;
height:253px;
margin-bottom:20px;
background:#000;
}
.top_category .box ul li a i img {
display: block;
transition: 0.5s;
}
.top_category .box ul li a:hover i img {
transform: scale(1.1, 1.1);
}
.top_category .box ul li a span {
display:block;
background:url(//www.kinoshita-s.shop/img/top/category_bg.svg) no-repeat center center;
background-size:cover;
width:291px;
height:54px;
margin:0 auto;
text-align:center;
line-height:54px;
font-family: 'Noto Serif JP', serif;
font-size:1.5rem;
font-weight:500;
letter-spacing:.2em;
color:#4ca132;
}
.top_category .box ul li a span em {
display:inline-block;
}
.top_category .box ul li a span em:first-letter {
letter-spacing:1.2em;
}
.top_category .box ul li a:hover {
text-decoration:none;
}
.c_banner_top {
padding-bottom:80px;
}
.top_column_blog {
position:relative;
margin-bottom:80px;
padding:90px 0;
background:#ffef00;
}
.top_column_blog:before ,
.top_column_blog:after {
position:absolute;
top:40px;
left:0;
right:0;
width:100%;
height:13px;
display:block;
background:url(//www.kinoshita-s.shop/img/top/column_line.svg) no-repeat center center;
content:'';
}
.top_column_blog:after {
top:inherit;
bottom:40px;
}
.top_column_blog .box {
background:#FFF;
}
.top_column_blog .box a {
position:relative;
display:table;
width:100%;
}
.top_column_blog .box a:hover {
text-decoration:none;
color:#666;
}
.top_column_blog .box a:after {
position:absolute;
top:20px;
left:20px;
width:calc(100% - 40px);
height:calc(100% - 40px);
display:block;
border: solid 2px #FFFFFF;
content:'';
}
.top_column_blog .box a span ,
.top_column_blog .box a .box_r {
display:table-cell;
}
.top_column_blog .box a span {
width:775px;
}
.top_column_blog .box a .box_r {
width:505px;
background:#a3c876;
vertical-align:middle;
padding-left:65px;
font-family: 'Noto Serif JP', serif;
}
.top_column_blog .box a .box_r h3 {
font-size:2.1rem;
margin-bottom:1.5em;
}
.top_column_blog .box a .box_r p {
font-size:1.4rem;
margin-bottom:1.5em;
line-height:2.5;
}
.top_column_blog .box a .box_r p:last-child {
margin-bottom:0;
}
.top_banner {
position:relative;
padding:160px 0 150px;
}
.top_banner:before {
position:absolute;
top:165px;
left:0;
right:0;
width:100%;
height:400px;
display:block;
background:url(//www.kinoshita-s.shop/img/top/banner_bg.svg) no-repeat center center;
content:'';
}
.top_banner .box dl {
position:relative;
z-index:2;
float:left;
width:520px;
}
.top_banner .box dl dt {
margin-bottom:25px;
}
.top_banner .box p {
position:relative;
z-index:2;
float:right;
width:680px;
}
.top_banner .box ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.top_banner .box ul li {
position: relative;
width: calc((100% - 20px) / 2);
margin-right: 20px;
margin-bottom: 20px;
}
.top_banner .box ul li:nth-of-type(2n) {
margin-right: 0;
}
.top_banner .box ul li:nth-of-type(1)::before ,
.top_banner .box ul li:nth-of-type(2)::before {
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 1px;
background: #666;
content: '';
}
.top_banner .box ul li:nth-of-type(1)::before {
width: calc(100% + 20px);
}
.top_banner .box ul li:nth-of-type(1)::after ,
.top_banner .box ul li:nth-of-type(3)::after {
position: absolute;
top: 0;
right: -10px;
width: 1px;
height: 100%;
background: #666;
content: '';
}
.top_banner .box ul li:nth-of-type(1)::after {
height: calc(100% + 20px);
}
.insta {
margin-bottom: 30px;
}
.insta #sb_instagram #sbi_images {
float: none !important;
padding: 0 !important;
}
.insta .bx-wrapper {
background: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.insta #sb_instagram #sbi_images .sbi_item {
width: 260px !important;
height: 260px !important;
margin: 0 20px !important;
}
.insta #sb_instagram #sbi_images .sbi_item img {
height: 100%;
width: 100%;
object-fit: cover;
backface-visibility: inherit;
-webkit-backface-visibility: inherit;
-moz-backface-visibility: inherit;
-ms-backface-visibility: inherit;
}
.insta + .insta_btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 100px;
}
.insta + .insta_btn a {
display: block;
border: solid 1px #231815;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
padding: .8em 5.5em .6em;
}
.insta + .insta_btn a:hover {
background: #231815;
border: solid 1px #231815;
color: #FFF;
} .privacy {
margin-bottom:200px;
font-size:1.4rem;
}
.privacy h3 {
font-size:2.1rem;
font-weight:500;
text-align:center;
margin-bottom:80px;
}
.privacy section {
margin-bottom:2.5em;
}
.privacy section:last-child {
margin-bottom:0;
}
.privacy section h4 {
font-weight:700;
margin-bottom:1em;
}
.privacy section p {
margin-bottom:1em;
}
.privacy section p:last-child {
margin-bottom:0;
}
.specific {
margin-bottom:340px;
font-size:1.4rem;
}
.specific h3 {
font-size:2.1rem;
font-weight:500;
text-align:center;
margin-bottom:80px;
}
.specific section {
margin-bottom:2.5em;
}
.specific section:last-child {
margin-bottom:0;
}
.specific section h4 {
font-weight:700;
margin-bottom:1em;
}
.specific section p {
margin-bottom:1em;
}
.specific section p:last-child {
margin-bottom:0;
} .category .explanation {
margin-bottom:100px;
font-family: 'Noto Serif JP', serif;
font-size:1.8rem;
}
.category .explanation section {
margin-bottom:80px;
}
.category .explanation section:last-child {
margin-bottom:0;
}
.category .explanation section h3 {
font-family: 'Noto Serif JP', serif; font-size:3.4rem;
font-weight:500;
line-height:1.4;
margin-bottom:40px;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.category .explanation section .box {
margin-bottom:80px;
}
.category .explanation section .box:last-child {
margin-bottom:0;
}
.category .explanation section .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category .explanation section .box .img {
float:left;
width:508px;
}
.category .explanation section .box ul.img li {
margin-bottom:40px;
}
.category .explanation section .box ul.img li:last-child {
margin-bottom:0;
}
.category .explanation section .box ul.img li span {
display:block;
padding-top:.5em;
font-family: 'Noto Sans JP', sans-serif;
font-size:1.4rem;
}
.category .explanation section .box .box_r {
float:right;
width:580px;
}
.category .explanation section .box .box_r h4.organic_logo {
width:243px;
margin-bottom:55px;
}
.category .explanation section .box .box_r h4.organic_logo span {
display:block;
margin-left:-15px;
}
.category .explanation section .box .box_r h4.detergent_logo01 {
width:205px;
margin-bottom:55px;
}
.category .explanation section .box .box_r h4.detergent_logo01 span {
display:block;
}
.category .explanation section .box .box_r h4.toy_logo01 ,
.category .explanation section .box .box_r h4.toy_logo02 ,
.category .explanation section .box .box_r h4.toy_logo03 ,
.category .explanation section .box .box_r h4.toy_logo04 {
margin-bottom:55px;
}
.category .explanation section .box .box_r h4.toy_logo01 {
width:298px;
}
.category .explanation section .box .box_r h4.toy_logo02 {
width:164px;
}
.category .explanation section .box .box_r h4.toy_logo03 {
width:70px;
}
.category .explanation section .box .box_r h4.toy_logo04 {
width:105px;
}
.category .explanation section .box .box_r h4.toy_logo01 span ,
.category .explanation section .box .box_r h4.toy_logo02 span ,
.category .explanation section .box .box_r h4.toy_logo03 span ,
.category .explanation section .box .box_r h4.toy_logo04 span {
display:block;
}
.category .explanation section .box .box_r h4.toy_logo02 span {
padding-top:20px;
}
.category .explanation section .box .box_r h4.toy_logo03 span {
padding-top:20px;
}
.category .explanation section .box .box_r h4.toy_logo04 span {
padding-top:20px;
}
.category .explanation section .box .box_r h4.body_logo01 ,
.category .explanation section .box .box_r h4.body_logo02 ,
.category .explanation section .box .box_r h4.body_logo03 {
margin-bottom:40px;
}
.category .explanation section .box .box_r h4.body_logo01 {
width:130px;
}
.category .explanation section .box .box_r h4.body_logo02 {
width:67px;
}
.category .explanation section .box .box_r h4.body_logo03 {
width:280px;
}
.category .explanation section .box .box_r h4.body_logo01 span ,
.category .explanation section .box .box_r h4.body_logo02 span ,
.category .explanation section .box .box_r h4.body_logo03 span {
display:block;
}
.category .explanation section .box .box_r h4.body_logo01 span {
padding-top:55px;
}
.category .explanation section .box .box_r h4.body_logo02 span {
padding-top:10px;
}
.category .explanation section .box .box_r h4.body_logo03 span {
padding-top:30px;
}
.category .explanation section .box .box_r h4.food_logo01 ,
.category .explanation section .box .box_r h4.food_logo02 {
margin-bottom:50px;
}
.category .explanation section .box .box_r h4.food_logo01 {
width:290px;
}
.category .explanation section .box .box_r h4.food_logo02 {
width:215px;
}
.category .explanation section .box .box_r h4.food_logo01 span ,
.category .explanation section .box .box_r h4.food_logo02 span {
display:block;
}
.category .explanation section .box .box_r h4.food_logo01 span {
padding-top:5px;
}
.category .explanation section .box .box_r h4.food_logo02 span {
padding-top:10px;
}
.category .explanation section .box .box_r p {
margin-bottom:1em;
line-height:1.9;
}
.category .explanation section .box .box_r p:last-child {
margin-bottom:0;
}
.category .explanation section .box_w01 .img {
margin-bottom:35px;
}
.category .explanation section .box_w01 ul {
margin-bottom:70px;
}
.category .explanation section .box_w01 ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category .explanation section .box_w01 ul li {
float:left;
width:392px;
margin-right:12px;
}
.category .explanation section .box_w01 ul li:last-child {
margin-right:0;
}
.category .explanation section .box_w01 .com {
line-height:2.5;
}
.category .item_list {
margin-bottom:120px;
}
.category .item_list h3 {
width:1182px;
margin:0 auto;
margin-bottom:60px;
}
.category .item_list .item_sub_title {
text-align:center;
margin-bottom:60px;
}
.category .item_list .item_sub_title span {
position: relative;
display: inline-block;
padding: 0 65px;
padding-right:calc(65px - .2em);
text-align: center;
font-size:3.0rem;
font-weight:700;
letter-spacing:.2em;
}
.category .item_list .item_sub_title span:before,
.category .item_list .item_sub_title span:after {
position: absolute;
top: calc(50% - 3px);
width: 50px;
height: 6px;
content: '';
border-top: solid 2px #000;
border-bottom: solid 2px #000;
}
.category .item_list .item_sub_title span:before {
left: 0;
}
.category .item_list .item_sub_title span:after {
right: 0;
}
.category .item_list .box ul {
margin-bottom:80px;
}
.category .item_list .box ul:last-child {
margin-bottom:0;
}
.category .item_list .box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category .item_list .box ul li {
float:left;
width:266px;
margin-right:45px;
margin-bottom:80px;
}
.category .item_list .box ul li:nth-child(4n) {
margin-right:0;
}
.category .item_list .box ul li:nth-child(4n+1) {
clear:both;
}
.category .item_list .box ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.category .item_list .box ul li a {
text-decoration:none;
}
.category .item_list .box ul li a span {
display:block;
padding-top:.5em;
font-size:1.4rem;
}
.category .item_list .box ul li a em {
display:block;
padding-top:.5em;
font-size:1.4rem;
font-weight:700;
color:#F00;
} .school {
margin-bottom:160px;
}
.school h3 {
text-align:center;
margin-bottom:70px;
}
.school h3 span ,
.school h3 em {
display:inline-block;
font-family: 'Noto Serif JP', serif;
font-size:6.5rem;
line-height:1.1;
}
.school h3 span {
position:relative;
top:-.3em;
font-size:3.2rem;
margin-right:.5em;
}
.school .com01 {
font-family: 'Noto Serif JP', serif;
font-size:1.8rem;
text-align:center;
margin-bottom:100px;
}
.school .explanation {
position:relative;
background:#d9e88b;
padding:70px 0 100px;
}
.school .explanation .img {
margin-bottom:100px;
}
.school .explanation .img ul {
margin-bottom:35px;
}
.school .explanation .img ul:after ,
.school .explanation .img ol:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.school .explanation .img ul li {
float:left;
width:586px;
}
.school .explanation .img ul li:last-child {
float:right;
}
.school .explanation .img .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.school .explanation .img ol {
float:left;
width:586px;
}
.school .explanation .img ol li {
float:left;
width:279px;
margin-right:28px;
margin-bottom:25px;
}
.school .explanation .img ol li:nth-child(2n) {
margin-right:0;
}
.school .explanation .img ol li:nth-child(2n+1) {
clear:both;
}
.school .explanation .img ol li:nth-last-child(-n+2) {
margin-bottom:0;
}
.school .explanation .img dl {
float:right;
width:586px;
}
.school .explanation .img dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.school .explanation .img dl dt {
float:left;
width:279px;
}
.school .explanation .img dl dt img {
margin-bottom:25px;
}
.school .explanation .img dl dt img:last-child {
margin-bottom:0;
}
.school .explanation .img dl dd {
float:right;
width:235px;
}
.school .explanation .guide {
background:#FFF;
padding:35px 80px;
}
.school .explanation .guide h4 {
padding-bottom:35px;
margin-bottom:70px;
border-bottom: solid 2px #4ca232;
}
.school .explanation .guide .box section {
margin-bottom:100px;
}
.school .explanation .guide .box section:last-child {
margin-bottom:0;
}
.school .explanation .guide .box section h5 {
font-size:3.6rem;
line-height:1.1;
margin-bottom:35px;
}
.school .explanation .guide .box section .com02 {
font-size:1.6rem;
line-height:2.0;
margin-bottom:40px;
}
.school .explanation .guide .box section .about {
font-size:1.8rem;
line-height:1.1;
padding-bottom:.5em;
margin-bottom:30px;
border-bottom: dashed 1px #000000;
}
.school .explanation .guide .box section section {
padding-bottom:35px;
margin-bottom:45px;
border-bottom: solid 1px #6fc27c;
}
.school .explanation .guide .box section:last-child section:last-child {
margin-bottom:0;
border-bottom: none;
}
.school .explanation .guide .box section section h6 {
font-size:3.0rem;
margin-bottom:1.2em;
color:#6fc27c;
}
.school .explanation .guide .box section section p {
font-size:1.8rem;
line-height:2.0;
}
.school .explanation .guide .box section section p span {
display:block;
font-family: 'Noto Serif JP', serif;
font-size:2.4rem;
line-height:1.5;
}
.school .explanation .guide .box section .com03 {
font-size:1.6rem;
padding-bottom:70px;
margin-bottom:30px;
border-bottom: dashed 1px #000000;
}
.school .explanation .guide .box section .com03 p {
margin-bottom:1.1em;
}
.school .explanation .guide .box section .com03 p:last-child {
margin-bottom:0;
}
.school .explanation .guide .box section .com03 p span {
display:block;
padding-left:2em;
}
.school .explanation .guide .box section section ul.list01 {
font-size:1.6rem;
}
.school .explanation .guide .box section section ul.list01 li {
position:relative;
padding-left:1.2em;
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list01 li:last-child {
margin-bottom:0;
}
.school .explanation .guide .box section section ul.list01 li:before {
position:absolute;
left:0;
content:'■';
}
.school .explanation .guide .box section section ul.list01 li span {
font-size:1.2rem;
}
.school .explanation .guide .box section section ul.list02 {
font-size:1.6rem;
margin-bottom:1.5em;
}
.school .explanation .guide .box section section ul.list02 li {
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list02 li:nth-child(n+2) {
padding-left:1em;
}
.school .explanation .guide .box section section ul.list02 li:last-child {
margin-bottom:0;
padding-left:3em;
}
.school .explanation .guide .box section section ul.list02 li span {
margin-right:1em;
}
.school .explanation .guide .box section section ul.list02 + p {
font-size:1.8rem;
margin-bottom:3em;
}
.school .explanation .guide .box section section ul.list02 + p span {
display:inline;
margin-right:1em;
}
.school .explanation .guide dl dt {
font-size:1.48rem;
margin-bottom:.5em;
}
.school .explanation .guide dl dd ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.school .explanation .guide dl dd ul li {
float:left;
width:248px;
margin-right:16px;
}
.school .explanation .guide dl dd ul li:last-child {
margin-right:0;
} .column {
margin-bottom:160px;
}
.column h3 {
margin-bottom:70px;
}
.column h3 span {
display:block;
width:590px;
margin:0 auto;
}
.column .com01 {
font-family: 'Noto Serif JP', serif;
font-size:1.8rem;
text-align:center;
margin-bottom:100px;
}
.column .explanation {
position:relative;
background:#d2e368;
padding:70px 0 100px;
}
.column .explanation:before {
position:absolute;
top:-25px;
left:0;
width:100%;
height:10px;
background:#d2e368;
display:block;
content:'';
}
.column .explanation .box {
margin-bottom:50px;
}
.column .explanation .box:last-child {
margin-bottom:0;
}
.column .explanation .contents {
float:right;
width:640px;
}
.column .explanation .contents h4 {
font-size:2.6rem;
margin-bottom:2em;
}
.column .explanation .contents p {
font-size:1.6rem;
margin-bottom:1.3em;
}
.column .explanation .contents p:last-child {
font-size:1.6rem;
margin-bottom:0;
}
.column .explanation ul {
float:left;
width:486px;
}
.column .explanation ul li {
margin-bottom:75px;
}
.column .explanation ul li:last-child {
margin-bottom:0;
} .detail {
margin-bottom:160px;
}
.detail .explanation {
background: url(//www.kinoshita-s.shop/img/detail/bg.png) repeat center center;
padding:60px 0;
margin-bottom:170px;
}
.detail .explanation .box h3 {
line-height:1.4;
font-size:3.2rem;
font-weight:700;
margin-bottom:1.6em;
}
.detail .explanation .box .box_in { }
.detail .explanation .box .box_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.detail .explanation .box .box_in .img {
float:left;
width:481px;
}
.detail .explanation .box .box_in .img p {
margin-bottom:25px;
}
.detail .explanation .box .box_in .img ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.detail .explanation .box .box_in .img ul li {
float:left;
width:148px;
margin-right:17px;
margin-bottom:17px;
}
.detail .explanation .box .box_in .img ul li:nth-child(3n) {
margin-right:0;
}
.detail .explanation .box .box_in .img ul li:nth-child(3n+1) {
clear:both;
}
.detail .explanation .box .box_in .img ul li:nth-last-child(-n+3) {
margin-bottom:0;
}
.detail .explanation .box .box_in .box_r {
float:right;
width:446px;
font-size:1.4rem;
}
.detail .explanation .box .box_in .box_r .comment01 {
margin-bottom:4em;
}
.detail .explanation .box .box_in .box_r .comment01 p {
margin-bottom:1em;
}
.detail .explanation .box .box_in .box_r .comment01 p:last-child {
margin-bottom:0;
}
.detail .explanation .box .box_in .box_r .price {
font-size:1.8rem;
}
.detail .explanation .box .box_in .box_r .price em {
display:block;
margin-bottom:.5em;
font-size:1.6rem;
font-weight:700;
color:#F00;
}
.detail .explanation .box .box_in .box_r .price span {
margin-right:2em;
}
.detail .explanation .box .box_in .box_r .buy_info {
padding-top: 1.5em;
}
.detail .explanation .box .box_in .box_r .buy_info p {
font-size: 1.6rem;
}
.detail .explanation .box .box_in .box_r .buy_info p:not(:last-of-type) {
margin-bottom: .8em;
}
.detail .explanation .box .box_in .box_r .buy_info p a {
display: block;
border: solid 1px #333;
background: #333;
color: #FFF;
padding: .4em 1em;
text-align: center;
text-decoration: none;
}
.detail .explanation .box .box_in .box_r .buy_info p a:hover {
border: solid 1px #333;
background: none;
color: #333;
}
.detail .explanation .box .comment02 {
font-size:1.2rem;
}
.detail .explanation .box .comment02 h4 {
font-size:1.8rem;
margin-bottom:1em;
}
.detail .explanation .box .comment02 p {
margin-bottom:1em;
}
.detail .explanation .box .comment02 p:last-child {
margin-bottom:0;
}
.detail .item_list .box ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.detail .item_list .box ul li {
float:left;
width:266px;
margin-right:45px;
margin-bottom:80px;
}
.detail .item_list .box ul li:nth-child(4n) {
margin-right:0;
}
.detail .item_list .box ul li:nth-child(4n+1) {
clear:both;
}
.detail .item_list .box ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.detail .item_list .box ul li a {
text-decoration:none;
}
.detail .item_list .box ul li a span {
display:block;
padding-top:.5em;
font-size:1.4rem;
}
.detail .item_list .box ul li a em {
display:block;
padding-top:.5em;
font-size:1.4rem;
font-weight:700;
color:#F00;
} .company {
margin-bottom:250px;
}
.company h3 {
font-size:2.1rem;
font-weight:500;
text-align:center;
margin-bottom:80px;
}
.company .com {
text-align:center;
font-size:1.4rem;
line-height:3.0;
color:#1a1311;
margin-bottom:5.2em;
white-space:nowrap;
}
.company table {
width:100%;
font-size:1.4rem;
margin-bottom:2em;
}
.company table th {
background:#93806a;
color:#FFFFFF;
padding:.8em 0;
text-align:center;
width:200px;
border-right: solid 4px #FFFFFF;
border-bottom: solid 4px #FFFFFF;
}
.company table td {
background:#e8e4df;
padding:.8em 1em;
border-bottom: solid 4px #FFFFFF;
}
.company table tr:last-child th ,
.company table tr:last-child td {
border-bottom: none;
}
.company .img {
font-size:1.4rem;
margin-bottom:2em;
}
.company .img ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.company .img ul li {
float:left;
width:23.5%;
margin-right:2%;
margin-bottom:20px;
}
.company .img ul li:nth-child(4n) {
margin-right:0;
}
.company .img ul li:nth-child(4n+1) {
clear:both;
}
.company .img ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.company .map iframe {
width:100%;
height:400px;
} .news_detail .box {
margin-bottom:50px;
}
.news_detail .box .cat_time {
margin-bottom:10px;
}
.news_detail .box .cat_time time {
display:block;
font-size:1.4rem;
}
.news_detail .box .ttl {
font-size:2.4rem;
font-weight:bold;
line-height:1.5;
margin-bottom:30px;
padding:0 .1em .4em;
border-bottom: solid 2px #cacbcb;
}
.news_detail .btn {
text-align:center;
}
.news_detail .btn a {
display:inline-block;
line-height:1.1;
font-size:1.4rem;
color:#846453;
text-decoration:none;
}
.news_detail .btn a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.news_detail .btn a span {
font-weight:bold;
}
.news_detail .btn a span:after {
font-family: "FontAwesome";
content: "\f105";
margin-left:.5em;
}
.news_list section {
padding-bottom:15px;
margin-bottom:35px;
border-bottom: solid 2px #cacbcb;
}
.news_list section:last-child {
margin-bottom:0;
}
.news_list section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news_list .cat_time {
margin-bottom:10px;
}
.news_list .cat_time time {
display:block;
font-size:1.3rem;
}
.news_list section h3 a {
font-size:1.8rem;
font-weight:bold;
line-height:1.5;
text-decoration:none;
transition: .3s;
}
.news_list section h3 a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
transition: .3s;
} .contact .box {
}
.contact main .form {
padding-left: 35px;
padding-right: 210px;
padding-bottom:50px;
}
.contact main .form table {
width: 100%;
}
.contact main .form table tr th ,
.contact main .form table tr td {
font-size: 1.8rem;
}
.contact main .form table tr:not(:last-of-type) th ,
.contact main .form table tr:not(:last-of-type) td {
padding-bottom: 1em;
}
.contact main .form table tr th {
width: 220px;
font-weight: 700;
padding-top: .3em;
}
.contact main .form table tr th span {
position: relative;
top: -.1em;
display: inline-flex;
align-items: center;
justify-content: center;
background: #c50000;
font-size: 1.2rem;
font-weight: 700;
color: #FFF;
padding: .1em .8em;
margin-right: .5em;
border-radius: 5px;
}
.contact main .form table tr td {
width: calc(100% - 220px);
}
.contact.confirm main .form table tr th {
padding-top: 0;
}
.contact.confirm main .form table tr th span {
display: none;
}
.contact main .comment {
font-size: 1.6rem;
margin-bottom: 2em;
}
.contact main .comment p {
font-size: 1.6rem;
}
.contact main .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.contact.confirm main .comment {
font-size: 1.6rem;
margin-bottom: 2em;
}
.contact.confirm main .comment p {
font-size: 1.6rem;
}
.contact.confirm main .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.contact.thanks main .form .comment p {
font-size: 1.6rem;
}
.contact.thanks main .form .comment p:not(:last-of-type) {
margin-bottom: 1.2em;
} @media screen and (max-width: 1300px) { .vi {
background:url(//www.kinoshita-s.shop/img/top/vi.png) no-repeat center center;
background-size:cover;
height:46.846vw;
}
.vi h3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width:71.231vw;
}
.top_catch {
width:98.462vw;
margin:0 auto;
padding:6.538vw 0 12.308vw;
background:none;
}
.top_catch .box h3 {
font-size:3.6rem;
margin-bottom:.8em;
}
.top_catch .box h4 {
font-size:1.8rem;
margin-bottom:2.8em;
}
.top_catch .box .com {
font-size:1.4rem;
margin-bottom:5.2em;
}
.top_catch .box .logo {
width:16.538vw;
}
.news_pickup {
padding-bottom:14.615vw;
}
.news_pickup .news {
width:38.462vw;
}
.news_pickup .pickup {
width:56.923vw;
}
.news_pickup section h3 {
margin-bottom:3.462vw;
background:url(//www.kinoshita-s.shop/img/top/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
height:7.385vw;
line-height:7.385vw;
}
.news_pickup section h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:6.154vw;
height:7.385vw;
display:block;
content:'';
}
.news_pickup section h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:6.154vw;
height:7.385vw;
display:block;
content:'';
}
.news_pickup section h3 span {
font-size:1.6rem;
letter-spacing:.2em;
margin-left:-.2em;
margin-right:1em;
}
.news_pickup section h3 em {
font-size:1.4rem;
letter-spacing:.2em;
margin-left:-.2em;
}
.news_pickup .news .box {
height:21.154vw;
} .news_pickup .news .box::-webkit-scrollbar{
width: 0.769vw;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar:horizontal{
width: 0.769vw;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-thumb{
background: #66492a;
border-radius: 0.154vw;
} .news_pickup .news .box::-webkit-scrollbar-thumb:horizontal{
background: #66492a;
border-radius: 0.154vw;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-corner{
background: transparent;
}
.news_pickup .news .box .box_in {
padding:2vw 1vw;
}
.news_pickup .news .box .box_in dl {
margin-bottom:1em;
font-size:1.4rem;
}
.news_pickup .news .box .box_in dl dt ,
.news_pickup .news .box .box_in dl dd {
width:23%;
}
.news_pickup .news .box .box_in dl dd {
width:77%;
}
.news_pickup .pickup .box {
padding:1.846vw;
}
.news_pickup .pickup .box ul li {
width:12.154vw;
margin-right:1.538vw;
}
.news_pickup .pickup .box ul li a span {
padding-top:.5em;
font-size:1.4rem;
}
.top_bg_img01 {
background:url(//www.kinoshita-s.shop/img/top/bg_img01.png) no-repeat center center;
background-size:cover;
height:36.923vw;
}
.top_bg_img02 {
background:url(//www.kinoshita-s.shop/img/top/bg_img02.png) no-repeat center center;
background-size:cover;
height:36.923vw;
}
.top_category {
padding:10.769vw 0 10vw;
}
.top_category h3 {
margin-bottom:7.692vw;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
width:98.846vw;
height:7.231vw;
line-height:7.231vw;
}
.top_category h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:7.692vw;
height:7.231vw;
display:block;
content:'';
}
.top_category h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:7.692vw;
height:7.231vw;
display:block;
content:'';
}
.top_category h3 span {
font-size:1.8rem;
font-weight:500;
letter-spacing:.2em;
margin-left:-.2em;
}
.top_category h3 em {
font-size:1.4rem;
font-weight:500;
margin-left:1em;
}
.top_category .box ul li {
width:22.538vw;
margin-right:2.769vw;
margin-bottom:9.231vw;
}
.top_category .box ul li a i {
height:19.462vw;
margin-bottom:1.538vw;
}
.top_category .box ul li a span {
background:url(//www.kinoshita-s.shop/img/top/category_bg.svg) no-repeat center center;
background-size:cover;
width:22.385vw;
height:4.154vw;
line-height:4.154vw;
font-size:1.5rem;
letter-spacing:.2em;
}
.c_banner_top {
padding-bottom:6.154vw;
}
.top_column_blog {
margin-bottom:6.154vw;
padding:6.923vw 0;
}
.top_column_blog:before ,
.top_column_blog:after {
position:absolute;
top:3.077vw;
left:0;
right:0;
width:100%;
height:1vw;
display:block;
background:url(//www.kinoshita-s.shop/img/top/column_line.svg) no-repeat center center;
content:'';
}
.top_column_blog:after {
top:inherit;
bottom:3.077vw;
}
.top_column_blog .box a:after {
position:absolute;
top:1.538vw;
left:1.538vw;
width:calc(100% - 3.076vw);
height:calc(100% - 3.076vw);
display:block;
border: solid 2px #FFFFFF;
content:'';
}
.top_column_blog .box a span {
width:59.615vw;
}
.top_column_blog .box a .box_r {
width:38.846vw;
padding-left:3vw;
}
.top_column_blog .box a .box_r h3 {
font-size:2.1rem;
margin-bottom:1.5em;
}
.top_column_blog .box a .box_r p {
font-size:1.4rem;
margin-bottom:1.5em;
}
.top_banner {
padding:12.308vw 0 11.538vw;
}
.top_banner:before {
display:none;
}
.top_banner .box dl {
width:40vw;
}
.top_banner .box dl dt {
margin-bottom:1.923vw;
}
.top_banner .box p {
width:52.308vw;
}
.top_banner .box ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -10vw;
}
.top_banner .box ul li {
position: relative;
width: 100%;
margin-right: 0;
margin-bottom: 10vw;
}
.top_banner .box ul li:nth-of-type(1)::before ,
.top_banner .box ul li:nth-of-type(2)::before {
display: none !important;
}
.top_banner .box ul li:nth-of-type(1)::after ,
.top_banner .box ul li:nth-of-type(3)::after {
display: none !important;
} .privacy {
margin-bottom:15.385vw;
font-size:1.4rem;
}
.privacy h3 {
font-size:2.1rem;
margin-bottom:6.154vw;
}
.privacy section {
margin-bottom:2.5em;
}
.privacy section h4 {
margin-bottom:1em;
}
.privacy section p {
margin-bottom:1em;
}
.specific {
margin-bottom:26.154vw;
font-size:1.4rem;
}
.specific h3 {
font-size:2.1rem;
margin-bottom:6.154vw;
}
.specific section {
margin-bottom:2.5em;
}
.specific section h4 {
margin-bottom:1em;
}
.specific section p {
margin-bottom:1em;
} .category .explanation {
margin-bottom:7.692vw;
font-size:1.8rem;
}
.category .explanation section {
margin-bottom:6.154vw;
}
.category .explanation section h3 {
font-size:3.0rem;
margin-bottom:3.077vw;
}
.category .explanation section .box {
margin-bottom:6.154vw;
}
.category .explanation section .box .img {
width:39.077vw;
}
.category .explanation section .box ul.img li {
margin-bottom:3.077vw;
}
.category .explanation section .box ul.img li span {
padding-top:.5em;
font-size:1.4rem;
}
.category .explanation section .box .box_r {
width:44.615vw;
}
.category .explanation section .box .box_r h4.organic_logo {
width:18.692vw;
margin-bottom:4.231vw;
}
.category .explanation section .box .box_r h4.organic_logo span {
margin-left:-1.154vw;
}
.category .explanation section .box .box_r h4.toy_logo01 ,
.category .explanation section .box .box_r h4.toy_logo02 ,
.category .explanation section .box .box_r h4.toy_logo03 ,
.category .explanation section .box .box_r h4.toy_logo04 {
margin-bottom:4.231vw;
}
.category .explanation section .box .box_r h4.toy_logo01 {
width:22.923vw;
}
.category .explanation section .box .box_r h4.toy_logo02 {
width:12.615vw;
}
.category .explanation section .box .box_r h4.toy_logo03 {
width:5.385vw;
}
.category .explanation section .box .box_r h4.toy_logo04 {
width:8.077vw;
}
.category .explanation section .box .box_r h4.toy_logo02 span {
padding-top:1.538vw;
}
.category .explanation section .box .box_r h4.toy_logo03 span {
padding-top:3.462vw;
}
.category .explanation section .box .box_r h4.toy_logo04 span {
padding-top:6.923vw;
}
.category .explanation section .box .box_r h4.body_logo01 ,
.category .explanation section .box .box_r h4.body_logo02 ,
.category .explanation section .box .box_r h4.body_logo03 {
margin-bottom:3.077vw;
}
.category .explanation section .box .box_r h4.body_logo01 {
width:10vw;
}
.category .explanation section .box .box_r h4.body_logo02 {
width:5.154vw;
}
.category .explanation section .box .box_r h4.body_logo03 {
width:21.538vw;
}
.category .explanation section .box .box_r h4.body_logo01 span {
padding-top:4.231vw;
}
.category .explanation section .box .box_r h4.body_logo02 span {
padding-top:0.769vw;
}
.category .explanation section .box .box_r h4.body_logo03 span {
padding-top:2.308vw;
}
.category .explanation section .box .box_r h4.food_logo01 ,
.category .explanation section .box .box_r h4.food_logo02 {
margin-bottom:3.846vw;
}
.category .explanation section .box .box_r h4.food_logo01 {
width:22.308vw;
}
.category .explanation section .box .box_r h4.food_logo02 {
width:16.538vw;
}
.category .explanation section .box .box_r h4.food_logo01 span ,
.category .explanation section .box .box_r h4.food_logo02 span {
display:block;
}
.category .explanation section .box .box_r h4.food_logo01 span {
padding-top:0.385vw;
}
.category .explanation section .box .box_r h4.food_logo02 span {
padding-top:0.769vw;
}
.category .explanation section .box .box_r p {
margin-bottom:1em;
line-height:2.5;
}
.category .explanation section .box_w01 .img {
margin-bottom:2.692vw;
}
.category .explanation section .box_w01 ul {
margin-bottom:5.385vw;
}
.category .explanation section .box_w01 ul li {
width:30.154vw;
margin-right:0.923vw;
}
.category .item_list {
margin-bottom:9.231vw;
}
.category .item_list h3 {
width:90.923vw;
margin-bottom:4.615vw;
}
.category .item_list .box ul li {
width:20.462vw;
margin-right:3.462vw;
margin-bottom:6.154vw;
}
.category .item_list .box ul li a span {
padding-top:.5em;
font-size:1.4rem;
} .school {
margin-bottom:12.308vw;
}
.school h3 {
margin-bottom:5.385vw;
}
.school .com01 {
font-size:1.8rem;
margin-bottom:7.692vw;
}
.school .explanation {
padding:5.385vw 0 7.692vw;
}
.school .explanation .img {
margin-bottom:7.692vw;
}
.school .explanation .img ul {
margin-bottom:2.692vw;
}
.school .explanation .img ul li {
width:45.077vw;
}
.school .explanation .img ol {
width:45.077vw;
}
.school .explanation .img ol li {
width:21.462vw;
margin-right:0;
margin-bottom:1.923vw;
}
.school .explanation .img ol li:nth-child(2n) {
float:right;
}
.school .explanation .img dl {
width:45.077vw;
}
.school .explanation .img dl dt {
width:21.462vw;
}
.school .explanation .img dl dt img {
margin-bottom:1.923vw;
}
.school .explanation .img dl dd {
width:18.077vw;
}
.school .explanation .guide {
padding:2.692vw 6.154vw;
}
.school .explanation .guide h4 {
padding-bottom:2.692vw;
margin-bottom:5.385vw;
border-bottom: solid 2px #4ca232;
}
.school .explanation .guide .box section {
margin-bottom:7.692vw;
}
.school .explanation .guide .box section h5 {
font-size:3.6rem;
line-height:1.1;
margin-bottom:2.692vw;
}
.school .explanation .guide .box section .com02 {
font-size:1.6rem;
line-height:2.0;
margin-bottom:3.077vw;
}
.school .explanation .guide .box section .about {
font-size:1.8rem;
line-height:1.1;
padding-bottom:.5em;
margin-bottom:2.308vw;
}
.school .explanation .guide .box section section {
padding-bottom:2.692vw;
margin-bottom:3.462vw;
}
.school .explanation .guide .box section section h6 {
font-size:3.0rem;
margin-bottom:1.2em;
}
.school .explanation .guide .box section section p {
font-size:1.8rem;
line-height:2.0;
}
.school .explanation .guide .box section section p span {
font-size:2.4rem;
line-height:1.5;
}
.school .explanation .guide .box section .com03 {
font-size:1.6rem;
padding-bottom:5.385vw;
margin-bottom:2.308vw;
}
.school .explanation .guide .box section .com03 p {
margin-bottom:1.1em;
}
.school .explanation .guide .box section .com03 p span {
padding-left:2em;
}
.school .explanation .guide .box section section ul.list01 {
font-size:1.6rem;
}
.school .explanation .guide .box section section ul.list01 li {
padding-left:1.2em;
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list01 li:before {
position:absolute;
left:0;
content:'■';
}
.school .explanation .guide .box section section ul.list01 li span {
font-size:1.2rem;
}
.school .explanation .guide .box section section ul.list02 {
font-size:1.6rem;
margin-bottom:1.5em;
}
.school .explanation .guide .box section section ul.list02 li {
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list02 li:nth-child(n+2) {
padding-left:1em;
}
.school .explanation .guide .box section section ul.list02 li:last-child {
padding-left:3em;
}
.school .explanation .guide .box section section ul.list02 li span {
margin-right:1em;
}
.school .explanation .guide .box section section ul.list02 + p {
font-size:1.8rem;
margin-bottom:3em;
}
.school .explanation .guide .box section section ul.list02 + p span {
margin-right:1em;
}
.school .explanation .guide dl dt {
font-size:1.48rem;
margin-bottom:.5em;
}
.school .explanation .guide dl dd ul li {
width:19.077vw;
margin-right:1.231vw;
} .column {
margin-bottom:12.308vw;
}
.column h3 {
margin-bottom:5.385vw;
}
.column h3 span {
width:45.385vw;
}
.column .com01 {
font-size:1.8rem;
margin-bottom:7.692vw;
}
.column .explanation {
padding:5.385vw 0 7.692vw;
}
.column .explanation:before {
position:absolute;
top:-1.923vw;
left:0;
width:100%;
height:0.769vw;
background:#d2e368;
display:block;
content:'';
}
.column .explanation .box {
margin-bottom:3.846vw;
}
.column .explanation .box:last-child {
margin-bottom:0;
}
.column .explanation .contents {
width:49.231vw;
}
.column .explanation .contents h4 {
font-size:2.6rem;
margin-bottom:2em;
}
.column .explanation .contents p {
font-size:1.6rem;
margin-bottom:1.3em;
}
.column .explanation .contents p:last-child {
font-size:1.6rem;
}
.column .explanation ul {
width:37.385vw;
}
.column .explanation ul li {
margin-bottom:5.769vw;
} .detail {
margin-bottom:12.308vw;
}
.detail .explanation {
padding:4.615vw 0;
margin-bottom:13.077vw;
}
.detail .explanation .box h3 {
font-size:3.2rem;
margin-bottom:1.6em;
}
.detail .explanation .box .box_in {
margin-bottom:12.308vw;
}
.detail .explanation .box .box_in .img {
width:37vw;
}
.detail .explanation .box .box_in .img p {
margin-bottom:1.923vw;
}
.detail .explanation .box .box_in .img ul li {
width:11.385vw;
margin-right:1.308vw;
margin-bottom:1.308vw;
}
.detail .explanation .box .box_in .box_r {
width:34.308vw;
font-size:1.2rem;
}
.detail .explanation .box .box_in .box_r .comment01 {
margin-bottom:3em;
}
.detail .explanation .box .box_in .box_r .comment01 p {
margin-bottom:1em;
}
.detail .explanation .box .comment02 {
font-size:1.2rem;
}
.detail .explanation .box .comment02 h4 {
font-size:1.8rem;
margin-bottom:1em;
}
.detail .explanation .box .comment02 p {
margin-bottom:1em;
}
.detail .item_list .box ul li {
width:20.462vw;
margin-right:3.462vw;
margin-bottom:6.154vw;
}
.detail .item_list .box ul li a span {
padding-top:.5em;
font-size:1.4rem;
} .company {
margin-bottom:19.231vw;
}
.company h3 {
font-size:2.1rem;
margin-bottom:6.154vw;
}
.company .com {
font-size:1.4rem;
margin-bottom:5.2em;
}
.company table {
font-size:1.4rem;
margin-bottom:2em;
}
.company table th {
padding:.8em 0;
width:15.385vw;
}
.company table td {
padding:.8em 1em;
}
.company .img {
font-size:1.4rem;
margin-bottom:2em;
}
.company .img ul li {
width:23.5%;
margin-right:2%;
margin-bottom:1.538vw;
}
.company .map iframe {
height:30.769vw;
}
} @media screen and (max-width: 767px) { .opening span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display:inline-block;
margin: auto;
width:100vw;
}
.opening .opening_skip {
position: absolute;
right: 4vw;
top: 4vh;
}
.opening .opening_skip em {
font-size:1.6rem;
padding:.3em 3em;
}
.vi {
position:relative;
background:url(//www.kinoshita-s.shop/img/top/vi.png) no-repeat center center;
background-size:cover;
height:104.302vw;
}
.vi h3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width:70vw;
}
.top_catch {
width:100%;
padding:13.038vw 4vw 18.253vw;
background:none;
}
.top_catch .box {
display:block;
}
.top_catch .box h3 {
text-align:center;
font-size:3.0rem;
line-height:1.5;
margin-bottom:.8em;
}
.top_catch .box h4 {
text-align:center;
font-size:1.8rem;
line-height:1.1;
margin-bottom:2.8em;
}
.top_catch .box .com {
text-align:left;
font-size:1.4rem;
line-height:2.0;
margin-bottom:3em;
white-space: normal;
}
.top_catch .box .logo {
width:80vw;
}
.top_event {
display: block;
margin-bottom: 15vw;
}
.top_event .img {
display: block;
width: 80vw;
margin: 0 auto;
margin-bottom: 5vw;
}
.top_event .box_r {
display: block;
padding-left: 4%;
padding-right: 4%;
}
.top_event .box_r dl dt {
margin-bottom: .8em;
}
.top_event .box_r dl dd {
text-align: center;
}
.top_holiday {
margin-bottom: 10vw;
}
.top_holiday .box {
display: block;
width: 92vw;
margin: 0 auto;
padding: 4vw 5vw;
border:  solid 2px rgb(224, 36, 36);
}
.top_holiday h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size: 2.6rem;
font-weight: 700;
}
.top_holiday h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_holiday p {
text-align: center;
font-size: 1.4rem;
}
.top_holiday p span {
font-size: 1.6rem;
font-weight: 700;
color: rgb(224, 36, 36);
}
.top_koke {
text-align: center;
margin: 0 auto;
margin-bottom: 15vw;
}
.top_koke h3 {
width: 100%;
margin-bottom: 5vw;
}
.top_koke .img {
margin-bottom: 5vw;
}
.top_koke .img span {
font-size: 1.4rem;
}
.top_koke .time {
padding: 0;
margin-bottom: 5vw;
}
.top_koke .time ul {
padding: 0 10%;
}
.top_koke .time ul li {
float: none;
width: 100%;
margin-bottom: 3vw;
}
.top_koke .time ul li:nth-child(2n) {
float: none;
}
.top_koke .time ul li:nth-child(2n+1) {
clear: both;
}
.top_koke .time ul li:nth-last-child(-n+2) {
margin-bottom: 3vw;
}
.top_koke .time ul li:last-child {
margin-bottom: 0;
}
.top_koke .price {
padding: 0;
margin-bottom: 5vw;
}
.top_koke .catch {
padding: 0;
margin-bottom: 5vw;
}
.top_koke .btn {
margin-bottom: 10vw;
}
.top_koke .koke_box section {
float: none;
width: 100%;
margin-bottom: 8vw;
}
.top_koke .koke_box section:nth-child(2n) {
float: none;
}
.top_koke .koke_box section:nth-last-child(-n+2) {
margin-bottom: 8vw;
}
.top_koke .koke_box section:last-child {
margin-bottom: 0;
}
.top_koke .koke_box section.teacher {
padding: 3vw 4vw;
}
.top_koke .koke_box section.area {
padding: 3vw 4vw;
}
.top_koke .koke_box section.area dl dt ,
.top_koke .koke_box section.area dl dd {
float: none;
}
.top_koke .koke_box section.application {
padding: 3vw 4vw;
}
.top_koke .koke_box section.application dl dt ,
.top_koke .koke_box section.application dl dd {
float: none;
}
.top_sale202111 {
margin-bottom: 15vw;
}
.top_sale202111 h3 {
padding:0 0 10vw;
font-size:2.0rem;
}
.top_sale202111 h3:before {
position: absolute;
bottom: 5vw;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_sale202111 .box .img {
float:none;
width:80%;
margin:0 auto 5vw;
}
.top_sale202111 .box .box_r {
float:none;
width:100%;
}
.top_sale202111 .box .box_r time {
font-size:2.0rem;
}
.top_sale202111 .box .box_r time em {
font-size:1.4rem;
}
.top_sale202111 .box .box_r .catch h4 {
width:100%;
margin-bottom:1em;
}
.top_sale202111 .box .box_r .catch p {
font-size:1.4rem;
margin-bottom:1.2em;
}
.top_sale202111 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:0;
}
.top_sale202111 .box .box_r .catch p.caution span {
padding-left:1em;
font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.top_deli {
margin-bottom: 10vw;
}
.top_deli .box {
display: block;
width: 92vw;
margin: 0 auto;
padding: 4vw 5vw;
border:  solid 2px rgb(224, 36, 36);
}
.top_deli h3 {
position: relative;
padding:0 0 40px;
text-align: center;
line-height: 1.1;
font-size: 2.6rem;
font-weight: 700;
}
.top_deli h3:before {
position: absolute;
bottom: 20px;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_deli p {
text-align: center;
font-size: 1.4rem;
}
.top_deli p span {
font-size: 1.6rem;
font-weight: 700;
color: rgb(224, 36, 36);
}
.top_alcal {
margin-bottom: 15vw;
}
.top_alcal h3 {
padding:0 0 10vw;
font-size:2.0rem;
}
.top_alcal h3:before {
position: absolute;
bottom: 5vw;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_alcal h4 {
padding:0 0 5vw;
font-size:1.6rem;
}
.top_alcal .link_btn {
padding-top: 8vw;
}
.top_xmas2021 {
margin-bottom: 15vw;
}
.top_xmas2021 h3 {
padding:0 0 10vw;
font-size:2.0rem;
}
.top_xmas2021 h3:before {
position: absolute;
bottom: 5vw;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.top_xmas2021 .box .img {
float:none;
width:80%;
margin:0 auto 5vw;
}
.top_xmas2021 .box .box_r {
float:none;
width:100%;
}
.top_xmas2021 .box .box_r time {
font-size:2.0rem;
}
.top_xmas2021 .box .box_r time em {
font-size:1.4rem;
}
.top_xmas2021 .box .box_r .catch h4 {
width:100%;
margin-bottom:1em;
}
.top_xmas2021 .box .box_r .catch p {
font-size:1.4rem;
margin-bottom:1.2em;
}
.top_xmas2021 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:0;
}
.top_xmas2021 .box .box_r .catch p.caution span {
padding-left:1em;
font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.workshop202201 {
margin-bottom: 15vw;
}
.workshop202201 h3 {
padding:0 0 10vw;
font-size:2.0rem;
}
.workshop202201 h3:before {
position: absolute;
bottom: 5vw;
left: calc(50% - 30px);
width: 60px;
height: 5px;
content: '';
border-radius: 3px;
background: #CCC;
}
.workshop202201 .box .img {
float:none;
width:80%;
margin:0 auto 5vw;
}
.workshop202201 .box .box_r {
float:none;
width:100%;
}
.workshop202201 .box .box_r time {
font-size:2.0rem;
}
.workshop202201 .box .box_r time em {
font-size:1.4rem;
}
.workshop202201 .box .box_r .catch h4 {
width:100%;
margin-bottom:1em;
}
.workshop202201 .box .box_r .catch p {
font-size:2.4rem;
margin-bottom:1.2em;
}
.workshop202201 .box .box_r .catch p.caution {
font-size:2.0rem;
margin-bottom:0;
}
.workshop202201 .box .box_r .catch p.caution span { font-size:1.4rem;
font-weight:700;
color:#FF0000;
}
.workshop202201 .box .box_r dl dt {
margin-bottom: .8em;
}
.workshop202201 .box .box_r dl dd {
text-align: center;
}
.organic202204 {
margin-bottom: 15vw;
}
.organic202204 .box .img {
float:none;
width:80%;
margin:0 auto 5vw;
}
.organic202204 .box .box_r {
float:none;
width:100%;
}
.news_pickup {
padding-bottom:26.076vw;
}
.news_pickup .news {
float:none;
width:100%;
margin-bottom:13.038vw;
}
.news_pickup .pickup {
float:none;
width:100%;
}
.news_pickup section h3 {
position:relative;
margin:0 auto;
margin-bottom:7.823vw;
background:url(//www.kinoshita-s.shop/img/top/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
height:12.516vw;
line-height:12.516vw;
}
.news_pickup section h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:10.43vw;
height:12.516vw;
display:block;
content:'';
}
.news_pickup section h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/top/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:10.43vw;
height:12.516vw;
display:block;
content:'';
}
.news_pickup section h3 span {
font-size:1.6rem;
letter-spacing:.1em;
margin-left:-.1em;
margin-right:1em;
}
.news_pickup section h3 em {
font-size:1.4rem;
letter-spacing:.1em;
margin-left:-.1em;
}
.news_pickup .news .box {
height:40vw;
} .news_pickup .news .box::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-thumb{
background: #66492a;
border-radius: 2px;
} .news_pickup .news .box::-webkit-scrollbar-thumb:horizontal{
background: #66492a;
border-radius: 2px;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} .news_pickup .news .box::-webkit-scrollbar-corner{
background: transparent;
}
.news_pickup .news .box .box_in {
padding:4vw 2vw;
}
.news_pickup .news .box .box_in dl {
margin-bottom:1em;
font-size:1.4rem;
}
.news_pickup .news .box .box_in dl dt ,
.news_pickup .news .box .box_in dl dd {
float:none;
width:100%;
}
.news_pickup .news .box .box_in dl dd {
width:100%;
}
.news_pickup .pickup .box {
padding:5vw;
}
.news_pickup .pickup .box ul li {
float:none;
width:100%;
margin-right:0;
margin-bottom:5.215vw;
}
.news_pickup .pickup .box ul li:last-child {
margin-bottom:0;
}
.news_pickup .pickup .box ul li a {
display:table;
width:100%;
}
.news_pickup .pickup .box ul li a img {
display:table-cell;
vertical-align:middle;
width:100%;
}
.news_pickup .pickup .box ul li a span {
display:table-cell;
vertical-align:middle;
padding-top:0;
width:75%;
padding-left:3vw;
font-size:1.4rem;
}
.top_bg_img01 {
background:url(//www.kinoshita-s.shop/img/top/bg_img01.png) no-repeat center center;
background-size:cover;
height:30vw;
}
.top_bg_img02 {
background:url(//www.kinoshita-s.shop/img/top/bg_img02.png) no-repeat center center;
background-size:cover;
height:30vw;
}
.top_category {
padding:140px 0 130px;
}
.top_category h3 {
margin-bottom:13.038vw;
background:url(//www.kinoshita-s.shop/img/common/title_bg_m.svg) repeat-x center center;
background-size:auto 100%;
width:100%;
height:12.256vw;
}
.top_category h3:before {
position: absolute;
top:0;
left:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_l.svg) no-repeat left center;
background-size:cover;
width:13.038vw;
height:12.256vw;
display:block;
content:'';
}
.top_category h3:after {
position: absolute;
top:0;
right:0;
z-index:5;
background:url(//www.kinoshita-s.shop/img/common/title_bg_r.svg) no-repeat left center;
background-size:cover;
width:13.038vw;
height:12.256vw;
display:block;
content:'';
}
.top_category h3 span {
font-size:2.2rem;
letter-spacing:.1em;
margin-left:-.1em;
padding-top:0;
line-height:12.256vw;
}
.top_category h3 span em:first-letter {
letter-spacing:.5em;
}
.top_category .box ul li {
float:none;
width:100%;
margin-right:0;
margin-bottom:5.215vw;
}
.top_category .box ul li:nth-child(4n) {
margin-right:0;
}
.top_category .box ul li:nth-child(4n+1) {
clear:none;
}
.top_category .box ul li:nth-last-child(-n+4) {
margin-bottom:5.215vw;
}
.top_category .box ul li:last-child {
margin-bottom:0;
}
.top_category .box ul li a i {
position:relative;
height:60vw;
margin-bottom:5.215vw;
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
}
.top_category .box ul li a span {
display:block;
background:url(//www.kinoshita-s.shop/img/top/category_bg.svg) no-repeat center center;
background-size:cover;
width:calc(37.94vw * 1.5);
height:calc(7.04vw * 1.5);
line-height:calc(7.04vw * 1.5);
font-size:1.5rem;
letter-spacing:.2em;
}
.top_category .box ul li a span em:first-letter {
letter-spacing:1.2em;
}
.c_banner_top {
padding-bottom:13.038vw;
}
.top_column_blog {
position:relative;
margin-bottom:13.038vw;
padding:13.038vw 0;
}
.top_column_blog:before ,
.top_column_blog:after {
position:absolute;
top:5.215vw;
left:0;
right:0;
width:100%;
height:calc(1.695vw * 2);
display:block;
background:url(//www.kinoshita-s.shop/img/top/column_line.svg) no-repeat center center;
background-size:cover;
content:'';
}
.top_column_blog:after {
top:inherit;
bottom:5.215vw;
}
.top_column_blog .box a {
display:block;
}
.top_column_blog .box a:after {
position:absolute;
top:3vw;
left:3vw;
width:calc(100% - 6vw);
height:calc(100% - 6vw);
display:block;
border: solid 2px #FFFFFF;
content:'';
}
.top_column_blog .box a span ,
.top_column_blog .box a .box_r {
display:block;
}
.top_column_blog .box a span {
width:100%;
}
.top_column_blog .box a .box_r {
width:100%;
padding:5vw 8vw;
}
.top_column_blog .box a .box_r h3 {
text-align:center;
font-size:2.1rem;
margin-bottom:1em;
}
.top_column_blog .box a .box_r p {
font-size:1.4rem;
margin-bottom:1em;
line-height:2.0;
}
.top_banner {
padding:23.468vw 0 18.253vw;
}
.top_banner:before {
display:none;
}
.top_banner .box dl {
float:none;
width:100%;
margin-bottom:3.911vw;
}
.top_banner .box dl dt {
margin-bottom:3.911vw;
}
.top_banner .box p {
float:none;
width:100%;
}
.insta {
margin-bottom: 10vw;
}
.insta #sb_instagram #sbi_images {
float: none !important;
padding: 0 !important;
}
.insta .bx-wrapper {
background: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.insta #sb_instagram #sbi_images .sbi_item {
width: 40vw !important;
height: 40vw !important;
margin: 0 5vw !important;
}
.insta #sb_instagram #sbi_images .sbi_item img {
height: 100%;
width: 100%;
object-fit: cover;
backface-visibility: inherit;
-webkit-backface-visibility: inherit;
-moz-backface-visibility: inherit;
-ms-backface-visibility: inherit;
}
.insta + .insta_btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10vw;
}
.insta + .insta_btn a {
display: block;
border: solid 1px #231815;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
padding: .8em 5.5em .6em;
}
.insta + .insta_btn a:hover {
background: #231815;
border: solid 1px #231815;
color: #FFF;
} .privacy {
margin-bottom:26.076vw;
font-size:1.4rem;
}
.privacy h3 {
font-size:2.1rem;
margin-bottom:10.43vw;
}
.privacy section {
margin-bottom:2.5em;
}
.privacy section h4 {
margin-bottom:1em;
}
.privacy section p {
margin-bottom:1em;
}
.specific {
margin-bottom:26.076vw;
font-size:1.4rem;
}
.specific h3 {
font-size:2.1rem;
margin-bottom:10.43vw;
}
.specific section {
margin-bottom:2.5em;
}
.specific section h4 {
margin-bottom:1em;
}
.specific section p {
margin-bottom:1em;
} .category .explanation {
margin-bottom:20.86vw;
font-size:1.8rem;
}
.category .explanation section {
margin-bottom:13.038vw;
}
.category .explanation section h3 {
font-size:2.4rem;
margin-bottom:5.215vw;
}
.category .explanation section .box {
margin-bottom:10.43vw;
}
.category .explanation section .box .img {
float:none;
width:100%;
margin-bottom:5.215vw;
}
.category .explanation section .box ul.img li {
margin-bottom:5.215vw;
}
.category .explanation section .box ul.img li span {
padding-top:.5em;
font-size:1.4rem;
}
.category .explanation section .box .box_r {
float:none;
width:100%;
}
.category .explanation section .box .box_r h4.organic_logo {
width:calc(31.682vw * 2);
margin:0 auto;
margin-bottom:7.171vw;
}
.category .explanation section .box .box_r h4.organic_logo span {
margin-left:-1.956vw;
}
.category .explanation section .box .box_r h4.toy_logo01 ,
.category .explanation section .box .box_r h4.toy_logo02 ,
.category .explanation section .box .box_r h4.toy_logo03 ,
.category .explanation section .box .box_r h4.toy_logo04 {
margin:0 auto;
margin-bottom:7.171vw;
}
.category .explanation section .box .box_r h4.toy_logo01 {
width:calc(38.853vw * 2);
}
.category .explanation section .box .box_r h4.toy_logo02 {
width:calc(21.382vw * 2);
}
.category .explanation section .box .box_r h4.toy_logo03 {
width:calc(9.126vw * 2);
}
.category .explanation section .box .box_r h4.toy_logo04 {
width:calc(13.69vw * 2);
}
.category .explanation section .box .box_r h4.toy_logo02 span {
padding-top:2.608vw;
}
.category .explanation section .box .box_r h4.toy_logo03 span {
padding-top:5.867vw;
}
.category .explanation section .box .box_r h4.toy_logo04 span {
padding-top:11.734vw;
}
.category .explanation section .box .box_r h4.body_logo01 ,
.category .explanation section .box .box_r h4.body_logo02 ,
.category .explanation section .box .box_r h4.body_logo03 {
margin:0 auto;
margin-bottom:5.215vw;
}
.category .explanation section .box .box_r h4.body_logo01 {
width:calc(16.949vw * 2);
}
.category .explanation section .box .box_r h4.body_logo02 {
width:8.735vw;
}
.category .explanation section .box .box_r h4.body_logo03 {
width:calc(36.506vw * 2);
}
.category .explanation section .box .box_r h4.body_logo01 span {
padding-top:7.171vw;
}
.category .explanation section .box .box_r h4.body_logo02 span {
padding-top:1.304vw;
}
.category .explanation section .box .box_r h4.body_logo03 span {
padding-top:3.911vw;
}
.category .explanation section .box .box_r h4.food_logo01 ,
.category .explanation section .box .box_r h4.food_logo02 {
margin:0 auto;
margin-bottom:6.519vw;
}
.category .explanation section .box .box_r h4.food_logo01 {
width:calc(37.81vw * 2);
}
.category .explanation section .box .box_r h4.food_logo02 {
width:calc(28.031vw * 2);
}
.category .explanation section .box .box_r h4.food_logo01 span {
padding-top:0.652vw;
}
.category .explanation section .box .box_r h4.food_logo02 span {
padding-top:1.304vw;
}
.category .explanation section .box .box_r p {
margin-bottom:1em;
line-height:2.0;
}
.category .explanation section .box_w01 .img {
margin-bottom:5.215vw;
}
.category .explanation section .box_w01 ul {
margin-bottom:9.126vw;
}
.category .explanation section .box_w01 ul li {
float:none;
width:100%;
margin-right:0;
margin-bottom:5.215vw;
}
.category .explanation section .box_w01 ul li:last-child {
margin-bottom:0;
}
.category .explanation section .box_w01 .com {
line-height:2.0;
}
.category .item_list {
margin-bottom:13.038vw;
}
.category .item_list h3 {
width:100%;
margin:0 auto;
margin-bottom:7.823vw;
overflow:hiddenl
}
.category .item_list h3 img {
width:180%;
margin-left:-40%;
}
.category .item_list .box ul li {
width:48%;
margin-right:0;
margin-bottom:10.43vw;
}
.category .item_list .box ul li:nth-child(4n) {
margin-right:0;
}
.category .item_list .box ul li:nth-child(4n+1) {
clear:none;
}
.category .item_list .box ul li:nth-last-child(-n+4) {
margin-bottom:10.43vw;
}
.category .item_list .box ul li:nth-child(2n) {
float:right;
}
.category .item_list .box ul li:nth-child(2n+1) {
clear:both;
}
.category .item_list .box ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.category .item_list .box ul li a span {
padding-top:.5em;
font-size:1.4rem;
} .school {
margin-bottom:18.253vw;
}
.school h3 {
margin-bottom:7.823vw;
}
.school h3 span ,
.school h3 em {
display:block;
font-family: 'Noto Serif JP', serif;
font-size:6.5rem;
line-height:1.1;
text-align:center;
}
.school h3 span {
position:relative;
top: inherit;
font-size:3.2rem;
margin-right:0;
}
.school .com01 {
font-size:1.8rem;
text-align:left;
width:92%;
margin:0 auto;
margin-bottom:13.038vw;
}
.school .explanation {
padding:10.43vw 0 13.038vw;
}
.school .explanation .img {
margin-bottom:13.038vw;
}
.school .explanation .img ul {
margin-bottom:4.563vw;
}
.school .explanation .img ul li {
float:none;
width:100%;
margin-bottom:3.259vw;
}
.school .explanation .img ul li:last-child {
float:none;
margin-bottom:0;
}
.school .explanation .img ol {
float:none;
width:100%;
margin-bottom:4.563vw;
}
.school .explanation .img ol li {
float:left;
width:48%;
margin-right:0;
margin-bottom:3.259vw;
}
.school .explanation .img ol li:nth-child(2n) {
float:right;
margin-right:0;
}
.school .explanation .img dl {
float:none;
width:100%;
}
.school .explanation .img dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.school .explanation .img dl dt {
float:left;
width:48%;
}
.school .explanation .img dl dt img {
margin-bottom:3.259vw;
}
.school .explanation .img dl dd {
float:right;
width:48%;
}
.school .explanation .guide {
background:#FFF;
padding:5vw 4vw;
}
.school .explanation .guide h4 {
padding-bottom:4vw;
margin-bottom:5vw;
border-bottom: solid 2px #4ca232;
}
.school .explanation .guide .box section {
margin-bottom:10vw;
}
.school .explanation .guide .box section h5 {
font-size:3.6rem;
line-height:1.1;
margin-bottom:4vw;
}
.school .explanation .guide .box section .com02 {
font-size:1.6rem;
line-height:2.0;
margin-bottom:4vw;
}
.school .explanation .guide .box section .about {
font-size:1.8rem;
line-height:1.1;
padding-bottom:.5em;
margin-bottom:4vw;
border-bottom: dashed 1px #000000;
}
.school .explanation .guide .box section section {
padding-bottom:4vw;
margin-bottom:5vw;
border-bottom: solid 1px #6fc27c;
}
.school .explanation .guide .box section section h6 {
font-size:3.0rem;
margin-bottom:1.2em;
}
.school .explanation .guide .box section section p {
font-size:1.8rem;
line-height:2.0;
}
.school .explanation .guide .box section section p span {
font-size:2.4rem;
line-height:1.5;
}
.school .explanation .guide .box section .com03 {
font-size:1.6rem;
padding-bottom:5vw;
margin-bottom:4vw;
}
.school .explanation .guide .box section .com03 p {
margin-bottom:1.1em;
}
.school .explanation .guide .box section .com03 p span {
padding-left:2em;
}
.school .explanation .guide .box section section ul.list01 {
font-size:1.6rem;
}
.school .explanation .guide .box section section ul.list01 li {
padding-left:1.2em;
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list01 li:before {
position:absolute;
left:0;
content:'■';
}
.school .explanation .guide .box section section ul.list01 li span {
font-size:1.2rem;
}
.school .explanation .guide .box section section ul.list02 {
font-size:1.6rem;
margin-bottom:1.5em;
}
.school .explanation .guide .box section section ul.list02 li {
margin-bottom:.2em;
}
.school .explanation .guide .box section section ul.list02 li:nth-child(n+2) {
padding-left:1em;
}
.school .explanation .guide .box section section ul.list02 li:last-child {
padding-left:3em;
}
.school .explanation .guide .box section section ul.list02 li span {
margin-right:1em;
}
.school .explanation .guide .box section section ul.list02 + p {
font-size:1.8rem;
margin-bottom:3em;
}
.school .explanation .guide .box section section ul.list02 + p span {
margin-right:1em;
}
.school .explanation .guide dl dt {
font-size:1.48rem;
margin-bottom:.5em;
}
.school .explanation .guide dl dd ul li {
float:left;
width:48%;
margin-right:0;
margin-bottom:4vw;
}
.school .explanation .guide dl dd ul li:nth-child(2n) {
float:right;
}
.school .explanation .guide dl dd ul li:nth-child(2n+1) {
clear:both;
}
.school .explanation .guide dl dd ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.school .explanation .guide dl dd ul li:last-child {
margin-right:0;
} .column {
margin-bottom:18.253vw;
}
.column h3 {
margin-bottom:7.823vw;
}
.column h3 span {
width:80vw;
}
.column .com01 {
font-size:1.8rem;
text-align:left;
width:92%;
margin:0 auto;
margin-bottom:13.038vw;
}
.column .explanation {
padding:10.43vw 0 13.038vw;
}
.column .explanation:before {
position:absolute;
top:-3.259vw;
left:0;
width:100%;
height:1.304vw;
background:#d2e368;
display:block;
content:'';
}
.column .explanation .box {
margin-bottom:5vw;
}
.column .explanation .box:last-child {
margin-bottom:0;
}
.column .explanation .contents {
float:none;
width:100%;
margin-bottom:6vw;
}
.column .explanation .contents h4 {
font-size:2.6rem;
margin-bottom:2em;
}
.column .explanation .contents p {
font-size:1.6rem;
margin-bottom:1.3em;
}
.column .explanation .contents p:last-child {
font-size:1.6rem;
}
.column .explanation ul {
float:none;
width:100%;
}
.column .explanation ul li {
margin-bottom:3.911vw;
} .detail {
margin-bottom:20.86vw;
}
.detail .explanation {
padding:7.823vw 0;
margin-bottom:19.557vw;
}
.detail .explanation .box h3 {
line-height:1.4;
font-size:2.2rem;
margin-bottom:1em;
}
.detail .explanation .box .box_in {
margin-bottom:13.038vw;
}
.detail .explanation .box .box_in .img {
float:none;
width:100%;
margin-bottom:5vw;
}
.detail .explanation .box .box_in .img p {
margin-bottom:3.259vw;
}
.detail .explanation .box .box_in .img ul li {
width:48%;
margin-right:0;
margin-bottom:3.911vw;
}
.detail .explanation .box .box_in .img ul li:nth-child(3n) {
margin-right:0;
}
.detail .explanation .box .box_in .img ul li:nth-child(3n+1) {
clear:none;
}
.detail .explanation .box .box_in .img ul li:nth-last-child(-n+3) {
margin-bottom:3.911vw;
}
.detail .explanation .box .box_in .img ul li:nth-child(2n) {
float:right;
}
.detail .explanation .box .box_in .img ul li:nth-child(2n+1) {
clear:both;
}
.detail .explanation .box .box_in .img ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.detail .explanation .box .box_in .box_r {
float:none;
width:100%;
font-size:1.3rem;
}
.detail .explanation .box .box_in .box_r .comment01 {
margin-bottom:3em;
}
.detail .explanation .box .box_in .box_r .comment01 p {
margin-bottom:1em;
}
.detail .explanation .box .comment02 {
font-size:1.3rem;
}
.detail .explanation .box .comment02 h4 {
font-size:1.8rem;
margin-bottom:1em;
}
.detail .explanation .box .comment02 p {
margin-bottom:1em;
}
.detail .explanation .box .comment02 p:last-child {
margin-bottom:0;
}
.detail .item_list .box ul li {
width:48%;
margin-right:0;
margin-bottom:10.43vw;
}
.detail .item_list .box ul li:nth-child(4n) {
margin-right:0;
}
.detail .item_list .box ul li:nth-child(4n+1) {
clear:none;
}
.detail .item_list .box ul li:nth-last-child(-n+4) {
margin-bottom:10.43vw;
}
.detail .item_list .box ul li:nth-child(2n) {
float:right;
}
.detail .item_list .box ul li:nth-child(2n+1) {
clear:both;
}
.detail .item_list .box ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.detail .item_list .box ul li a span {
padding-top:.5em;
font-size:1.4rem;
} .company {
margin-bottom:26.076vw;
}
.company h3 {
font-size:2.1rem;
margin-bottom:10.43vw;
}
.company .com {
width:92%;
text-align:left;
font-size:1.4rem;
line-height:2.0;
margin:0 auto;
margin-bottom:3em;
white-space: normal;
}
.company table {
font-size:1.4rem;
margin-bottom:2em;
}
.company table th {
display:block;
padding:.8em 1em;
text-align:left;
width:100%;
border-right:none;
border-bottom:none;
font-weight:600;
}
.company table td {
display:block;
padding:.8em 1em;
border-bottom: solid 4px #FFFFFF;
}
.company .img {
font-size:1.4rem;
margin-bottom:2em;
}
.company .img ul li {
width:48%;
margin-right:0;
margin-bottom:5.215vw;
}
.company .img ul li:nth-child(4n) {
margin-right:0;
}
.company .img ul li:nth-child(4n+1) {
clear:none;
}
.company .img ul li:nth-last-child(-n+4) {
margin-bottom:5.215vw;
}
.company .img ul li:nth-child(2n) {
float:right;
}
.company .img ul li:nth-child(2n+1) {
clear:both;
}
.company .img ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.company .map iframe {
width:100%;
height:78.227vw;
} .contact main {
}
.contact main .form {
padding-left: 0;
padding-right: 0;
padding-bottom: 10vw;
}
.contact main .form table {
width: 100%;
}
.contact main .form table tr th ,
.contact main .form table tr td {
display: block;
font-size: 1.4rem;
}
.contact main .form table tr:not(:last-of-type) th ,
.contact main .form table tr:not(:last-of-type) td {
padding-bottom: 1em;
}
.contact main .form table tr th {
width: 100%;
font-weight: 700;
padding-top: .3em;
padding-bottom: 1em;
}
.contact main .form table tr th span {
position: relative;
top: -.1em;
display: inline-flex;
align-items: center;
justify-content: center;
background: #c50000;
font-size: 1.2rem;
font-weight: 700;
color: #FFF;
padding: .1em .8em;
margin-right: .5em;
border-radius: 5px;
}
.contact main .form table tr td {
width: 100%;
}
}