@charset "utf-8";
@font-face {
font-family:'NotoSansJP-Regular';
src:url('../font/NotoSansJP-Regular.otf') format('opentype');
}
@font-face {
font-family:'NotoSansJP-Medium';
src:url('../font/NotoSansJP-Medium.otf') format('opentype');
}
@font-face {
font-family:'NotoSansJP-Bold';
src:url('../font/NotoSansJP-Bold.otf') format('opentype');
}
@font-face {
font-family:'NotoSansJP-Black';
src:url('../font/NotoSansJP-Black.otf') format('opentype');
}

/* =reset
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,form,fieldset,legend,a,em,address,img {
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 0;
border: none;
text-align: left;
line-height: 1;
list-style-type: none;
font-family: 'NotoSansJP-Regular', sans-serif;
}

*:focus {
outline: none;
}

img {
display:block;
}
/* 画面サイズ 〜939px*/
@media only screen and (max-width: 939px) {
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
}

/* 画面サイズ 〜1000px*/
@media screen and (min-width: 1000px){
.brPc {display:block;}
.brSp {display:none;}
}
/* 画面サイズ 〜999px*/
@media screen and (max-width: 999px){
.brPc {display:none;}
.brSp {display:block;}
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

a {
opacity:1;
transition:.3s;
}
a:link {
color:#deac2c;
text-decoration: none;
line-height:140%;
}
a:visited {
color:#deac2c;
text-decoration: none;
}
a:hover {
color:#deac2c;
text-decoration: none;
opacity:0.5;
}

/* =layout
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
body {
font-size: 16px;
margin: 0px;
padding: 0px;
text-align: center;
color: #000000;
background:#ffffff;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
body {
font-size: 16px;
margin: 0px;
padding: 0px;
text-align: center;
color: #000000;
background:#ffffff;
}
}

/* =object
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
h1 {
font-size: 213%;/* 34px */
line-height:120%;
margin:0 0 20px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h2 {
font-size: 175%;/* 28px */
line-height:120%;
margin:0 0 20px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h3 {
font-size: 125%;/* 20px */
line-height:120%;
margin:0 0 10px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h4 {
font-size: 113%;/* 18px */
line-height:120%;
margin:0 0 10px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}

p {
font-size: 88%;/* 14px */
line-height:180%;
margin:0 0 20px;
}

b {
font-size: 125%;
font-weight:bold;
}

.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}

.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.mgn40{
margin-bottom:40px !important;
}
.mgn50{
margin-bottom:50px !important;
}
.mgn60{
margin-bottom:60px !important;
}

/* boxLink */
.boxLink {
font-size: 113%;/* 18px */
line-height:100%;
}
.boxLink a {
display:block;
width:260px;
text-align:center;
padding:12px 0;
margin:0 auto 20px;
color:#ffffff;
background:#00ba6c;
 box-shadow: 5px 5px 0px 0px rgba(0, 57, 44, 0.3);
opacity:1;
transition:.3s;
cursor:pointer;
}
.boxLink a:hover {
opacity:0.7;
}
.boxLink a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

/* pagetop */
.pagetop {
position:fixed;
bottom:50px;
right:30px;
width:64px;
height:86px;
margin:0;
transition:.8s;
opacity: 0;
pointer-events:none;
z-index:50;
}
.pagetop.active {
bottom:30px;
opacity:1;
pointer-events:auto;
}

/* imghover */
a.imghover img {
transition: .3s;
}
a.imghover img:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
h1 {
font-size: 200%;/* 32px */
line-height:120%;
margin:0 0 20px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h2 {
font-size: 175%;/* 28px */
line-height:120%;
margin:0 0 20px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h3 {
font-size: 125%;/* 20px */
line-height:120%;
margin:0 0 10px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}
h4 {
font-size: 113%;/* 18px */
line-height:120%;
margin:0 0 10px;
color:#00392c;
font-family: 'NotoSansJP-Medium', sans-serif;
}

p {
font-size: 88%;/* 14px */
line-height:180%;
margin:0 0 20px;
}

b {
font-size: 125%;
font-weight:bold;
}

.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}

.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.mgn40{
margin-bottom:40px !important;
}
.mgn50{
margin-bottom:50px !important;
}
.mgn60{
margin-bottom:60px !important;
}

/* boxLink */
.boxLink {
font-size: 113%;/* 18px */
line-height:100%;
}
.boxLink a {
display:block;
width:260px;
text-align:center;
padding:12px 0;
margin:0 auto 20px;
color:#ffffff;
background:#00ba6c;
 box-shadow: 5px 5px 0px 0px rgba(0, 57, 44, 0.3);
opacity:1;
transition:.3s;
cursor:pointer;
}
.boxLink a:hover {
opacity:0.7;
}
.boxLink a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

/* pagetop */
.pagetop {
position:fixed;
bottom:50px;
right:30px;
width:64px;
height:86px;
margin:0;
transition:.8s;
opacity: 0;
pointer-events:none;
z-index:50;
}
.pagetop.active {
bottom:30px;
opacity:1;
pointer-events:auto;
}

/* imghover */
a.imghover img {
transition: .3s;
}
a.imghover img:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
h1 {
font-size: 188%;/* 30px */
}
h2 {
font-size: 150%;/* 24px */
}
h3 {
font-size: 113%;/* 18px */
}
p {
font-size: 82%;/* 13px */
}

/* boxLink */
.boxLink {
font-size: 100%;/* 16px */
}
.boxLink a {
width:220px;
}
.boxLink a:hover {
opacity:0.7;
}
.boxLink a img {
width:20px;
}

/* pagetop */
.pagetop {
position:fixed;
bottom:40px;
right:15px;
width:48px;
height:64px;
}
.pagetop.active {
bottom:20px;
}
}

/* =navigation
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
#navigation {
background:#ffffff;
padding:15px 0;
border-bottom:1px solid #f2f0e6;
}
#navigation .inner {
width:1000px;
margin:0 auto;
position:relative;
}
#navigation .inner:after {
content: "";
display: block;
clear: both;
}
#navigation .inner .navigationLogo {
float:left;
width:140px;
}
#navigation .inner ul.navigationIcon {
float:right;
width:188px;
margin:10px 0 0;
}
#navigation .inner ul.navigationIcon:after {
content: "";
display: block;
clear: both;
}
#navigation .inner ul.navigationIcon li {
float:left;
width:32px;
margin:0 0 0 15px;
}
#navigation .inner ul.navigationIcon li a img {
transition: .3s;
}
#navigation .inner ul.navigationIcon li a:hover img {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

#navigation .inner .open {
position:absolute;
top:10px;
right:0;
width:32px;
height:32px;
cursor: pointer;
background:url("../images/menu_close.svg") no-repeat 50% 50%;
z-index:102;
}
#navigation .inner .open img {
opacity: 1;
transition: 0.3s;
}
#navigation .inner .open.active img {
opacity: 0;
}

#navigation .navigationMenu {
position:absolute;
top:70px;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:101;
transition: all 0s;
opacity: 0;
}
#navigation .navigationMenu.active {
display:block;
top:80px;
pointer-events:auto;
transition: all 0.8s;
opacity:1;
}
#navigation .navigationMenu ul {
width:1000px;
margin:0 auto;
}
#navigation .navigationMenu ul li {
border-bottom:1px solid #ceb888;
font-size: 113%;/* 18px */
}
#navigation .navigationMenu ul li:first-child {
border-top:1px solid #ceb888;
}
#navigation .navigationMenu ul li a {
display:block;
padding:15px 0;
text-align:center;
}
#navigation .navigationMenu ul li a:link {
color:#deac2c;
}
#navigation .navigationMenu ul li a:visited {
color:#deac2c;
}
#navigation .navigationMenu ul li a:hover {
color:#d6c392;
opacity:0.5;
}
#navigation .navigationMenu ul li a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#navigationBg {
position: fixed;
z-index:-1;
top: 0;
left: 0;
width: 100%;
height:100%;
opacity: 0;
background:#ffffff;
transition: all 0.5s;
}
#navigationBg.active {
z-index: 99;
opacity: 1;
}
}

/* 画面サイズ 〜1600px*/
@media only screen and (min-width: 1600px) {
#navigation .inner {
width:1200px;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
#navigation {
background:#ffffff;
padding:15px 0;
border-bottom:1px solid #f2f0e6;
}
#navigation .inner {
width:88vw;
margin:0 auto;
position:relative;
}
#navigation .inner:after {
content: "";
display: block;
clear: both;
}
#navigation .inner .navigationLogo {
float:left;
width:20vw;
}
#navigation .inner ul.navigationIcon {
float:right;
width:32vw;
margin:10px 0 0;
}
#navigation .inner ul.navigationIcon:after {
content: "";
display: block;
clear: both;
}
#navigation .inner ul.navigationIcon li {
float:left;
width:5vw;
margin:0 0 0 3vw;
}
#navigation .inner ul.navigationIcon li a img {
transition: .3s;
}
#navigation .inner ul.navigationIcon li a:hover img {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

#navigation .inner .open {
position:absolute;
top:10px;
right:0;
width:5vw;
height:5vw;
cursor: pointer;
background:url("../images/menu_close.svg") no-repeat 50% 50%;
z-index:102;
}
#navigation .inner .open img {
opacity: 1;
transition: 0.3s;
}
#navigation .inner .open.active img {
opacity: 0;
}

#navigation .navigationMenu {
position:absolute;
top:70px;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:101;
transition: all 0s;
opacity: 0;
}
#navigation .navigationMenu.active {
display:block;
top:80px;
pointer-events:auto;
transition: all 0.8s;
opacity:1;
}
#navigation .navigationMenu ul {
width:86vw;
margin:0 auto;
}
#navigation .navigationMenu ul li {
border-bottom:1px solid #ceb888;
font-size: 113%;/* 18px */
}
#navigation .navigationMenu ul li:first-child {
border-top:1px solid #ceb888;
}
#navigation .navigationMenu ul li a {
display:block;
padding:15px 0;
text-align:center;
}
#navigation .navigationMenu ul li a:link {
color:#deac2c;
}
#navigation .navigationMenu ul li a:visited {
color:#deac2c;
}
#navigation .navigationMenu ul li a:hover {
color:#d6c392;
opacity:0.5;
}
#navigation .navigationMenu ul li a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#navigationBg {
position: fixed;
z-index:-1;
top: 0;
left: 0;
width: 100%;
height:100%;
opacity: 0;
background:#ffffff;
transition: all 0.5s;
}
#navigationBg.active {
z-index: 99;
opacity: 1;
}
}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
#navigation .inner .navigationLogo {
width:25vw;
}
#navigation .inner ul.navigationIcon {
width:36vw;
}
#navigation .inner ul.navigationIcon li {
width:6vw;
margin:0 0 0 3vw;
}
#navigation .inner .open {
width:6vw;
height:6vw;
}
}

/* =index
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
#index #keyvisual{
position: relative;
}
#index #keyvisual .catchCopy{
width:500px;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
color:#ffffff;
z-index:11;
}
#index #keyvisual .catchCopy img{
width:140px;
margin:0 auto 40px;
}
#index #keyvisual .grouwn-in-good-nature{
width:180px;
position:absolute;
bottom:20px;
right:30px;
z-index:11;
}
#index #keyvisual ul.image{
height: 620px;
overflow: hidden;
position: relative;
}
#index #keyvisual ul.image li{
width: 100%;
height: 620px;
z-index:10;
opacity: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 18s 0s infinite;
animation: anime 18s 0s infinite;
}
#index #keyvisual ul.image li:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#index #keyvisual ul.image li:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s;
}

#index #information {
padding:50px 0;
}
#index #information .inner {
width:780px;
margin:0 auto;
}
#index #information .inner h2 img {
width:136px;
}
#index #information .inner dl.informationList {
border-bottom:1px solid #ceb888;
}
#index #information .inner dl.informationList:after {
content: "";
display: block;
clear: both;
}
#index #information .inner dl.informationList dt {
clear:both;
float:left;
width:120px;
padding:15px 0;
font-size: 88%;/* 14px */
line-height:150%;
color:#666666;
border-top:1px solid #ceb888;
}
#index #information .inner dl.informationList dd {
float:right;
width:660px;
padding:15px 0;
font-size: 88%;/* 14px */
line-height:150%;
border-top:1px solid #ceb888;
}

#index #about {
padding:100px 0 0;
background:#f2f0e6;
}
#index #about .cont-1 {
width:1000px;
margin:0 auto;
padding:0 0 30px;
}
#index #about .cont-1:after {
content: "";
display: block;
clear: both;
}
#index #about .cont-1 .text {
float:left;
width:470px;
}
#index #about .cont-1 .photo {
float:right;
width:470px;
}
#index #about .cont-1 .photo img {
width:470px;
}

#index #about .bgImage{
background:url("../../images/about_03.jpg") no-repeat 50% 50%;
background-size:cover;
margin:100px 0 0;
}
#index #about .bgImage .inner {
width:1000px;
margin:0 auto;
}
#index #about .bgImage .inner .cont-2 {
float:left;
width:470px;
background:#ceb888;
position:relative;
top:-100px;
margin:0 auto 30px;
}
#index #about .bgImage .inner .cont-2 img {
width:410px;
margin:0 30px 30px;
}
#index #about .bgImage .inner .cont-3 {
float:right;
width:470px;
background:#ceb888;
position:relative;
top:-100px;
margin:0 auto 30px;
}
#index #about .bgImage .inner .cont-2 h2,
#index #about .bgImage .inner .cont-3 h2 {
margin:30px 30px 15px;
padding:0 0 8px;
border-bottom:1px solid #00392c;
}
#index #about .bgImage .inner .cont-2 p {
color:#00392c;
margin:0 30px 15px;
}
#index #about .bgImage .inner .cont-3 ul li {
color:#00392c;
margin:0 30px 15px;
padding:0 0 15px;
font-size: 88%;/* 14px */
line-height:180%;
background:url("../images/dot.gif") repeat-x 0 100%;
}
#index #about .bgImage .inner .cont-3 ul li:last-child {
background:none;
}

#index #about .bgImage .inner .cont-4 {
clear: both;
position:relative;
top:-100px;
padding:0 180px;
}
#index #about .bgImage .inner .cont-4:after {
content: "";
display: block;
clear: both;
}
#index #about .bgImage .inner .cont-4 h2 {
float:left;
width:310px;
color:#ffffff;
margin:150px 0 0;
padding:0 0 8px;
border-bottom:1px solid #ffffff;
}
#index #about .bgImage .inner .cont-4 img {
float:right;
width:310px;
}

#index #recipe {
width:860px;
margin:0 auto;
padding:50px 0 20px;
}
#index #recipe h2 {
text-align:center;
}
#index #recipe h2 img {
width:110px;
margin:0 auto;
}
#index #recipe h3 {
text-align:center;
margin:0 0 50px;
}
#index #recipe .recipeList {
}
#index #recipe .recipeList:after {
content: "";
display: block;
clear: both;
}
#index #recipe .recipeList li {
float:left;
width:260px;
margin:0 40px 30px 0;
text-align:center;
}
#index #recipe .recipeList li:nth-child(3n) {
margin:0 0 30px 0;
}
#index #recipe .recipeList li:nth-child(3n+1) {
clear:both;
}
#index #recipe .recipeList li img {
width:260px;
margin:0 0 10px;
transition: .3s;
}
#index #recipe .recipeList li a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#index #recipe .recipeList li .small {
font-size: 88%;/* 14px */
}

#index #trade {
background:url("../../images/bg_trade.jpg") no-repeat 50% 50%;
background-size:cover;
padding:80px 0;
}
#index #trade .textBox {
width:470px;
margin:0 auto;
padding:30px 0;
background:#ceb888;
}
#index #trade .textBox h2 {
margin:0 30px 15px;
padding:0 0 8px;
border-bottom:1px solid #00392c;
}
#index #trade .textBox p {
color:#00392c;
margin:0 30px 15px;
}

}

/* 画面サイズ 〜1600px*/
@media only screen and (min-width: 1600px) {
#index #information .inner {
width:980px;
}
#index #information .inner dl.informationList dt {
width:220px;
}
#index #information .inner dl.informationList dd {
width:760px;
}

#index #about .cont-1 {
width:1200px;
}
#index #about .cont-1 .text {
width:570px;
}
#index #about .cont-1 .photo {
width:570px;
}
#index #about .cont-1 .photo img {
width:570px;
}

#index #about .bgImage .inner {
width:1200px;
}
#index #about .bgImage .inner .cont-2 {
width:570px;
}
#index #about .bgImage .inner .cont-2 img {
width:510px;
}
#index #about .bgImage .inner .cont-3 {
width:570px;
}

#index #about .bgImage .inner .cont-4 h2 {
width:410px;
}
#index #about .bgImage .inner .cont-4 img {
width:410px;
}

#index #recipe {
width:1060px;
}

#index #recipe .recipeList li {
width:320px;
margin:0 50px 35px 0;
}
#index #recipe .recipeList li:nth-child(3n) {
margin:0 0 35px 0;
}
#index #recipe .recipeList li img {
width:320px;
}

#index #trade .textBox {
width:570px;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
#index #keyvisual{
position: relative;
}
#index #keyvisual .catchCopy{
width:420px;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
color:#ffffff;
z-index:11;
}
#index #keyvisual .catchCopy img{
width:160px;
margin:0 auto 40px;
}
#index #keyvisual .grouwn-in-good-nature{
width:20vw;
position:absolute;
bottom:20px;
right:30px;
z-index:11;
}
#index #keyvisual ul.image{
height: 80vh;
overflow: hidden;
position: relative;
}
#index #keyvisual ul.image li{
width: 100%;
height: 80vh;
z-index:10;
opacity: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 18s 0s infinite;
animation: anime 18s 0s infinite;
}
#index #keyvisual ul.image li:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#index #keyvisual ul.image li:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s;
}

#index #information {
padding:50px 0;
}
#index #information .inner {
width:88vw;
margin:0 auto;
}
#index #information .inner h2 img {
width:136px;
}
#index #information .inner dl.informationList {
border-bottom:1px solid #ceb888;
}
#index #information .inner dl.informationList:after {
content: "";
display: block;
clear: both;
}
#index #information .inner dl.informationList dt {
clear:both;
float:left;
width:22vw;
padding:15px 0;
font-size: 88%;/* 14px */
line-height:150%;
color:#666666;
border-top:1px solid #ceb888;
}
#index #information .inner dl.informationList dd {
float:right;
width:66vw;
padding:15px 0;
font-size: 88%;/* 14px */
line-height:150%;
border-top:1px solid #ceb888;
}

#index #about {
padding:50px 0 0;
background:#f2f0e6;
}
#index #about .cont-1 {
width:88vw;
margin:0 auto;
padding:0 0 30px;
}
#index #about .cont-1 .text {
}
#index #about .cont-1 .text p {
margin:0;
}
#index #about .cont-1 .photo {
}
#index #about .cont-1 .photo img {
margin:0 auto;
}

#index #about .bgImage{
background:url("../../images/about_03_sp.jpg") no-repeat 50% 50%;
background-size:cover;
margin:100px 0 0;
}
#index #about .bgImage .inner {
width:88vw;
margin:0 auto;
}
#index #about .bgImage .inner .cont-2 {
background:#ceb888;
position:relative;
top:-100px;
margin:0 auto 30px;
padding:30px;
}
#index #about .bgImage .inner .cont-2 img {
width:100%;
}
#index #about .bgImage .inner .cont-3 {
background:#ceb888;
position:relative;
top:-100px;
margin:0 auto 60px;
padding:30px;
}
#index #about .bgImage .inner .cont-2 h2,
#index #about .bgImage .inner .cont-3 h2 {
margin:0 0 15px;
padding:0 0 8px;
border-bottom:1px solid #00392c;
}
#index #about .bgImage .inner .cont-2 p {
color:#00392c;
margin:0 0 15px;
}
#index #about .bgImage .inner .cont-3 ul li {
color:#00392c;
margin:0 0 15px;
padding:0 0 15px;
font-size: 88%;/* 14px */
line-height:180%;
background:url("../images/dot.gif") repeat-x 0 100%;
}
#index #about .bgImage .inner .cont-3 ul li:last-child {
margin:0 0 0;
padding:0 0 0;
background:none;
}

#index #about .bgImage .inner .cont-4 {
position:relative;
top:-100px;
}

#index #about .bgImage .inner .cont-4 h2 {
width:50vw;
color:#ffffff;
text-align:center;
margin:0 auto 30px;
padding:0 0 8px;
border-bottom:1px solid #ffffff;
}
#index #about .bgImage .inner .cont-4 img {
width:50vw;
margin:0 auto;
}

#index #recipe {
width:88vw;
margin:0 auto;
padding:50px 0 20px;
}
#index #recipe h2 {
text-align:center;
}
#index #recipe h2 img {
width:110px;
margin:0 auto;
}
#index #recipe h3 {
text-align:center;
margin:0 0 50px;
}
#index #recipe .recipeList {
}
#index #recipe .recipeList:after {
content: "";
display: block;
clear: both;
}
#index #recipe .recipeList li {
float:left;
width:26vw;
margin:0 5vw 5vw 0;
text-align:center;
}
#index #recipe .recipeList li:nth-child(3n) {
margin:0 0 5vw 0;
}
#index #recipe .recipeList li:nth-child(3n+1) {
clear:both;
}
#index #recipe .recipeList li img {
width:26vw;
margin:0 0 10px;
transition: .3s;
}
#index #recipe .recipeList li a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#index #recipe .recipeList li .small {
font-size: 88%;/* 14px */
}

#index #trade {
background:url("../../images/bg_trade_sp.jpg") no-repeat 50% 50%;
background-size:cover;
padding:200px 0;
}
#index #trade .textBox {
width:78vw;
margin:0 auto;
padding:30px 0;
background:#ceb888;
}
#index #trade .textBox h2 {
margin:0 30px 15px;
padding:0 0 8px;
border-bottom:1px solid #00392c;
}
#index #trade .textBox p {
color:#00392c;
margin:0 30px 15px;
}
}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
#index #keyvisual .catchCopy{
width:88vw;
font-size: 188%;/* 30px */
}
#index #keyvisual .catchCopy img{
width:120px;
margin:0 auto 30px;
}
#index #keyvisual .grouwn-in-good-nature{
width:30vw;
}
#index #about .bgImage .inner .cont-4 h2 {
width:60vw;
}
#index #about .bgImage .inner .cont-4 img {
width:60vw;
}

#index #recipe .recipeList li {
width:41vw;
margin:0 6vw 6vw 0;
}
#index #recipe .recipeList li:nth-child(3n) {
margin:0 6vw 6vw 0;
}
#index #recipe .recipeList li:nth-child(3n+1) {
clear:none;
}
#index #recipe .recipeList li:nth-child(2n) {
margin:0 0 6vw 0;
}
#index #recipe .recipeList li:nth-child(2n+1) {
clear:both;
}
#index #recipe .recipeList li img {
width:41vw;
}
}

/* 画面サイズ 〜400px*/
@media only screen and (max-width: 400px) {
#index #keyvisual .catchCopy{
font-size: 138%;/* 22px */
}
}

/* =keyframes anime（keyvisual）
--------------------------------------------------------- */
@keyframes anime {
0% {/* 0秒 */
opacity: 0;
}
16% {/* 約3秒後 */
opacity: 1;
}
33% {/* 約6秒後 */
opacity: 1;
}
50% {/* 9秒後 */
opacity: 0;
z-index:9;
}
100% {/* 18秒後 */
transform: scale(1.15) ;
opacity: 0;
}
}

/* =recipePage
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
#recipePage .recipeList {
width:860px;
margin:50px auto 0;
}
#recipePage .recipeList:after {
content: "";
display: block;
clear: both;
}
#recipePage .recipeList li {
float:left;
width:260px;
margin:0 40px 30px 0;
text-align:center;
}
#recipePage .recipeList li:nth-child(3n) {
margin:0 0 30px 0;
}
#recipePage .recipeList li:nth-child(3n+1) {
clear:both;
}
#recipePage .recipeList li img {
width:260px;
margin:0 0 10px;
transition: .3s;
}
#recipePage .recipeList li a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#recipePage .recipeList li .small {
font-size: 88%;/* 14px */
}

#recipePage #photo {
width:1000px;
margin:0 auto;
padding:30px 0 0;
}
#recipePage #photo h2 {
text-align:center;
}
#recipePage #photo h2 img {
width:110px;
margin:0 auto;
}
#recipePage #photo h3 {
text-align:center;
margin:0 0 0;
}
#recipePage #photo .mainPhoto {
position:relative;
top:30px;
z-index:1;
}

#recipePage #name {
background:#00b96c;
}
#recipePage #name h2 {
width:1000px;
font-size: 225%;/* 36px */
color:#ffffff;
text-align:center;
margin:0 auto;
padding:50px 0 20px;
position:relative;
}
#recipePage #name h2 .small {
font-size: 66%;/* 24px */
}
#recipePage #name h2 .quantity {
position:absolute;
display:block;
top:0;
right:20px;
width:95px;
height:72px;
background:url("../../recipe/images/bg_quantity.svg") no-repeat 50% 50%;
background-size:cover;
z-index:1;
}
#recipePage #name h2 .quantity em {
display:block;
font-size: 62%;/* 22px */
color:#ffffff;
font-style: normal;
font-family: 'NotoSansJP-Medium', sans-serif;
text-align:center;
padding:25px 0 0;
}

#recipePage #recipeDetail {
width:1000px;
margin:0 auto;
padding:50px 0;
}
#recipePage #recipeDetail h3.headline {
text-align:center;
line-height:180%;
margin:0 0 40px;
}
#recipePage #recipeDetail .recipeDetail2cols {
margin:0 0 100px;
}
#recipePage #recipeDetail .recipeDetail2cols:after {
content: "";
display: block;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left {
float:left;
width:450px;
}
#recipePage #recipeDetail .recipeDetail2cols .right {
float:right;
width:450px;
}
#recipePage #recipeDetail .recipeDetail2cols .left h2,
#recipePage #recipeDetail .recipeDetail2cols .right h2 {
margin:0 0 10px;
}
#recipePage #recipeDetail .recipeDetail2cols .left h3 {
margin:20px 0 10px;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl {
border-bottom:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl:after {
content: "";
display: block;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dt {
float:left;
width:350px;
font-size: 88%;/* 14px */
line-height:140%;
padding:12px 0;
border-top:1px solid #ceb888;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dd {
float:right;
width:100px;
font-size: 88%;/* 14px */
line-height:140%;
text-align:right;
padding:12px 0;
border-top:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol {
border-bottom:1px solid #ceb888;
counter-reset: count 0;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol li {
font-size: 88%;/* 14px */
line-height:140%;
padding:12px 0 12px 22px;
text-indent: -22px;
border-top:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol li:before {
content: counter(count) "   ";
counter-increment: count 1;
color:#00392c;
font-size:200%;/* 28px */
}

#recipePage #recipeDetail .otherRecipe {
padding:50px 0;
margin:0 0 80px;
border-top:1px solid #ceb888;
border-bottom:1px solid #ceb888;
position:relative;
}
#recipePage #recipeDetail .otherRecipe .title {
width:232px;
position:absolute;
top:-35px;
left:30px;
}

#recipePage #recipeDetail .otherRecipe ul.slider {
width:936px;
margin:0 auto;
}
#recipePage #recipeDetail .otherRecipe ul.slider li {
height:auto;
font-size: 88%;/* 14px */
line-height:120%;
}
#recipePage #recipeDetail .otherRecipe ul.slider li a {
display:block;
width:292px;
margin:0 auto;
text-align:center;
}
#recipePage #recipeDetail .otherRecipe ul.slider li img {
width:292px;
margin:0 0 5px;
}
#recipePage #recipeDetail .otherRecipe .prev-arrow {
width:36px;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
left:-36px;
z-index:10;
}
#recipePage #recipeDetail .otherRecipe .next-arrow {
width:36px;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
right:-36px;
z-index:10;
}

.boxLinkPrev {
font-size: 138%;/* 22px */
line-height:100%;
}
.boxLinkPrev a {
display:block;
width:340px;
text-align:center;
padding:15px 0;
margin:0 auto 20px;
color:#00694b;
background:#ffffff;
border:1px solid #00694b;
opacity:1;
transition:.3s;
}
.boxLinkPrev a:hover {
opacity:0.6;
}
.boxLinkPrev a img {
display:inline;
width:22px;
margin:0 10px 0 0;
vertical-align:middle;
top:-3px;
position:relative;
}

}

/* 画面サイズ 〜1600px*/
@media only screen and (min-width: 1600px) {
#recipePage .recipeList {
width:1060px;
}
#recipePage .recipeList li {
width:320px;
margin:0 50px 35px 0;
}
#recipePage .recipeList li:nth-child(3n) {
margin:0 0 35px 0;
}
#recipePage .recipeList li img {
width:320px;
}
#recipePage #photo {
width:1200px;
}
#recipePage #photo .mainPhoto {
width:1200px;
}
#recipePage #name h2 {
width:1200px;
}

#recipePage #recipeDetail {
width:1200px;
}
#recipePage #recipeDetail .recipeDetail2cols .left {
width:550px;
}
#recipePage #recipeDetail .recipeDetail2cols .right {
width:550px;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dt {
width:400px;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dd {
width:150px;
}

#recipePage #recipeDetail .otherRecipe ul.slider {
width:936px;
margin:0 auto;
}
#recipePage #recipeDetail .otherRecipe ul.slider li {
height:auto;
font-size: 88%;/* 14px */
line-height:120%;
}
#recipePage #recipeDetail .otherRecipe ul.slider li a {
display:block;
width:292px;
margin:0 auto;
text-align:center;
}
#recipePage #recipeDetail .otherRecipe ul.slider li img {
width:292px;
margin:0 0 5px;
}
#recipePage #recipeDetail .otherRecipe .prev-arrow {
width:36px;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
left:-36px;
z-index:10;
}
#recipePage #recipeDetail .otherRecipe .next-arrow {
width:36px;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
right:-36px;
z-index:10;
}

.boxLinkPrev {
font-size: 138%;/* 22px */
line-height:100%;
}
.boxLinkPrev a {
display:block;
width:340px;
text-align:center;
padding:15px 0;
margin:0 auto 20px;
color:#00694b;
background:#ffffff;
border:1px solid #00694b;
opacity:1;
transition:.3s;
}
.boxLinkPrev a:hover {
opacity:0.6;
}
.boxLinkPrev a img {
display:inline;
width:22px;
margin:0 10px 0 0;
vertical-align:middle;
top:-3px;
position:relative;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
#recipePage .recipeList {
width:88vw;
margin:50px auto 0;
}
#recipePage .recipeList:after {
content: "";
display: block;
clear: both;
}
#recipePage .recipeList li {
float:left;
width:26vw;
margin:0 5vw 5vw 0;
text-align:center;
}
#recipePage .recipeList li:nth-child(3n) {
margin:0 0 5vw 0;
}
#recipePage .recipeList li:nth-child(3n+1) {
clear:both;
}
#recipePage .recipeList li img {
width:26vw;
margin:0 0 10px;
transition: .3s;
}
#recipePage .recipeList li a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#recipePage .recipeList li .small {
font-size: 88%;/* 14px */
}

#recipePage #photo {
width:88vw;
margin:0 auto;
padding:30px 0 0;
}
#recipePage #photo h2 {
text-align:center;
}
#recipePage #photo h2 img {
width:110px;
margin:0 auto;
}
#recipePage #photo h3 {
text-align:center;
margin:0 0 0;
}
#recipePage #photo .mainPhoto {
position:relative;
top:30px;
z-index:1;
}

#recipePage #name {
background:#00b96c;
}
#recipePage #name h2 {
width:88vw;
font-size: 225%;/* 36px */
color:#ffffff;
text-align:center;
margin:0 auto;
padding:50px 0 20px;
position:relative;
}
#recipePage #name h2 .small {
font-size: 66%;/* 24px */
}
#recipePage #name h2 .quantity {
position:absolute;
display:block;
top:-20px;
right:20px;
width:95px;
height:72px;
background:url("../../recipe/images/bg_quantity.svg") no-repeat 50% 50%;
background-size:cover;
z-index:1;
}
#recipePage #name h2 .quantity em {
display:block;
font-size: 62%;/* 22px */
color:#ffffff;
font-style: normal;
font-family: 'NotoSansJP-Medium', sans-serif;
text-align:center;
padding:25px 0 0;
}

#recipePage #recipeDetail {
width:88vw;
margin:0 auto;
padding:50px 0;
}
#recipePage #recipeDetail h3.headline {
line-height:180%;
margin:0 0 40px;
}
#recipePage #recipeDetail .recipeDetail2cols {
}
#recipePage #recipeDetail .recipeDetail2cols:after {
content: "";
display: block;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left {
margin:0 0 40px;
}
#recipePage #recipeDetail .recipeDetail2cols .right {
margin:0 0 80px;
}
#recipePage #recipeDetail .recipeDetail2cols .left h2,
#recipePage #recipeDetail .recipeDetail2cols .right h2 {
margin:0 0 10px;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl {
border-bottom:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl:after {
content: "";
display: block;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dt {
float:left;
width:54vw;
font-size: 88%;/* 14px */
line-height:140%;
padding:12px 0;
border-top:1px solid #ceb888;
clear: both;
}
#recipePage #recipeDetail .recipeDetail2cols .left dl dd {
float:right;
width:34vw;
font-size: 88%;/* 14px */
line-height:140%;
text-align:right;
padding:12px 0;
border-top:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol {
border-bottom:1px solid #ceb888;
counter-reset: count 0;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol li {
font-size: 88%;/* 14px */
line-height:140%;
padding:12px 0 12px 22px;
text-indent: -22px;
border-top:1px solid #ceb888;
}
#recipePage #recipeDetail .recipeDetail2cols .right ol li:before {
content: counter(count) "   ";
counter-increment: count 1;
color:#00392c;
font-size:200%;/* 28px */
}

#recipePage #recipeDetail .otherRecipe {
padding:40px 0px;
margin:0 0 80px;
border-top:1px solid #ceb888;
border-bottom:1px solid #ceb888;
position:relative;
}
#recipePage #recipeDetail .otherRecipe .title {
width:232px;
position:absolute;
top:-35px;
left:30px;
}

#recipePage #recipeDetail .otherRecipe ul.slider {
width:78vw;
margin:0 auto;
}
#recipePage #recipeDetail .otherRecipe ul.slider li {
height:auto;
font-size: 88%;/* 14px */
line-height:120%;
}
#recipePage #recipeDetail .otherRecipe ul.slider li a {
display:block;
width:24vw;
margin:0 auto;
text-align:center;
}
#recipePage #recipeDetail .otherRecipe ul.slider li img {
width:24vw;
margin:0 0 5px;
}
#recipePage #recipeDetail .otherRecipe .prev-arrow {
width:5vw;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
left:-5vw;
z-index:10;
}
#recipePage #recipeDetail .otherRecipe .next-arrow {
width:5vw;
position:absolute;
top:0;
bottom:0;
margin:auto 0;
right:-5vw;
z-index:10;
}

.boxLinkPrev {
font-size: 125%;/* 20px */
line-height:100%;
}
.boxLinkPrev a {
display:block;
width:280px;
text-align:center;
padding:15px 0;
margin:0 auto 20px;
color:#00694b;
background:#ffffff;
border:1px solid #00694b;
opacity:1;
transition:.3s;
}
.boxLinkPrev a:hover {
opacity:0.6;
}
.boxLinkPrev a img {
display:inline;
width:20px;
margin:0 10px 0 0;
vertical-align:middle;
top:-3px;
position:relative;
}

}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
#recipePage .recipeList li {
width:41vw;
margin:0 6vw 6vw 0;
}
#recipePage .recipeList li:nth-child(3n) {
margin:0 6vw 6vw 0;
}
#recipePage .recipeList li:nth-child(3n+1) {
clear:none;
}
#recipePage .recipeList li:nth-child(2n) {
margin:0 0 6vw 0;
}
#recipePage .recipeList li:nth-child(2n+1) {
clear:both;
}
#recipePage .recipeList li img {
width:41vw;
}

#recipePage #name h2 {
font-size: 175%;/* 28px */
}
#recipePage #name h2 .small {
font-size: 65%;/* 18px */
}
#recipePage #name h2 .quantity {
width:80px;
height:60px;
}
#recipePage #name h2 .quantity em {
font-size: 65%;/* 18px */
padding:20px 0 0;
}

#recipePage #recipeDetail {
padding:40px 0;
}
#recipePage #recipeDetail h3.headline {
line-height:140%;
}

#recipePage #recipeDetail .otherRecipe ul.slider li {
font-size: 82%;/* 13px */
}
#recipePage #recipeDetail .otherRecipe ul.slider li a {
width:37vw;
}
#recipePage #recipeDetail .otherRecipe ul.slider li img {
width:37vw;
}

}

/* 画面サイズ 〜400px*/
@media only screen and (max-width: 400px) {
}

/* =recipePage
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
#tradePage #topPhoto {
background:url("../../trade/images/bg_01_pc.jpg") no-repeat 50% 50%;
background-size:cover;
height:440px;
position: relative;
}
#tradePage #topPhoto h2 {
width:172px;
background:#ceb888;
padding:20px 0;
font-size: 125%;/* 20px */
color:#00392c;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
z-index:11;
}
#tradePage #topPhoto h2 img {
width:92px;
margin:0 auto 10px;
}

#tradePage #content {
width:680px;
margin:80px auto;
}
#tradePage #content .headline {
line-height:160%;
margin:0 0 50px;
}
#tradePage #content .addressBox {
margin:0 0 80px;
background:#f2f0e6;
padding:30px;
}
#tradePage #content .addressBox h3 {
text-align:center;
border-bottom:1px solid #00392c;
padding:0 0 10px;
}
#tradePage #content .addressBox p {
font-size: 113%;/* 18px */
text-align:center;
margin:0;
}
#tradePage #content .note {
color:#666666;
text-align:center;
}

#tradePage #content .documentList {
border-bottom:1px solid #ceb888;
margin:0 0 50px;
}
#tradePage #content .documentList li {
font-size: 88%;/* 14px */
border-top:1px solid #ceb888;
padding:15px 0;
}
#tradePage #content .documentList li img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#tradePage #bottomPhoto {
background:url("../../trade/images/bg_02_pc.jpg") no-repeat 50% 50%;
background-size:cover;
height:440px;
}

}

/* 画面サイズ 〜1600px*/
@media only screen and (min-width: 1600px) {
#tradePage #content {
width:880px;
}
#tradePage #content .addressBox {
padding:40px;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
#tradePage #topPhoto {
background:url("../../trade/images/bg_01_sp.jpg") no-repeat 50% 50%;
background-size:cover;
height:80vh;
position: relative;
}
#tradePage #topPhoto h2 {
width:172px;
background:#ceb888;
padding:20px 0;
font-size: 125%;/* 20px */
color:#00392c;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
z-index:11;
}
#tradePage #topPhoto h2 img {
width:92px;
margin:0 auto 10px;
}

#tradePage #content {
width:88vw;
margin:50px auto;
}
#tradePage #content .headline {
line-height:160%;
margin:0 0 50px;
}
#tradePage #content .addressBox {
margin:0 0 80px;
background:#f2f0e6;
padding:30px;
}
#tradePage #content .addressBox h3 {
text-align:center;
border-bottom:1px solid #00392c;
padding:0 0 10px;
}
#tradePage #content .addressBox p {
font-size: 113%;/* 18px */
text-align:center;
margin:0;
}
#tradePage #content .note {
color:#666666;
text-align:center;
}

#tradePage #content .documentList {
border-bottom:1px solid #ceb888;
margin:0 0 50px;
}
#tradePage #content .documentList li {
font-size: 88%;/* 14px */
border-top:1px solid #ceb888;
padding:15px 0;
}
#tradePage #content .documentList li img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#tradePage #bottomPhoto {
background:url("../../trade/images/bg_02_sp.jpg") no-repeat 50% 50%;
background-size:cover;
height:80vh;
}

}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
#tradePage #content .addressBox p {
font-size: 88%;/* 14px */
text-align:center;
margin:0;
}
}

/* 画面サイズ 〜400px*/
@media only screen and (max-width: 400px) {
}

/* =footer
--------------------------------------------------------- */
/* 画面サイズ 1000px〜*/
@media only screen and (min-width: 1000px) {
#footer {
padding:80px 0;
background:#f2f0e6;
}
#footer .inner {
width:1000px;
margin:0 auto;
}
#footer .inner .footerLogo {
float:left;
width:560px;
margin:20px 0 60px;
}
#footer .inner .footerLogo:after {
content: "";
display: block;
clear: both;
}
#footer .inner .footerLogo li {
float:left;
}
#footer .inner .footerLogo li:nth-child(1) {
width:180px;
}
#footer .inner .footerLogo li:nth-child(2) {
width:160px;
margin:0 40px;
}
#footer .inner .footerLogo li:nth-child(3) {
width:140px;
margin:10px 0 0;
}
#footer .inner .footerLogo li:nth-child(1) img {
width:180px;
}
#footer .inner .footerLogo li:nth-child(2) img {
width:160px;
}
#footer .inner .footerLogo li:nth-child(3) img {
width:140px;
}

#footer .inner .footerMenu {
float:left;
width:140px;
margin:0 10px 60px 110px;
}
#footer .inner .footerMenu li {
font-family: 'NotoSansJP-Medium', sans-serif;
margin:0 0 15px;
}
#footer .inner .footerMenu li a:link {
color:#00392c;
}
#footer .inner .footerMenu li a:visited {
color:#00392c;
}
#footer .inner .footerMenu li a:hover {
color:#00392c;
}
#footer .inner .footerMenu li a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#footer .inner .footerSNS {
float:left;
width:180px;
margin:0 0 60px;
text-align:center;
}
#footer .inner .footerSNS p {
color:#00392c;
text-align:center;
font-size: 100%;/* 16px */
}
#footer .inner .footerSNS img {
width:32px;
display:inline;
margin:0 8px;
}
#footer .inner .copyright {
clear: both;
text-align:center;
font-size: 100%;/* 16px */
color:#00392c;
margin:0;
}

}

/* 画面サイズ 〜1600px*/
@media only screen and (min-width: 1600px) {
#footer .inner {
width:1200px;
}
#footer .inner .footerLogo {
width:700px;
}
#footer .inner .footerLogo li:nth-child(1) {
width:220px;
}
#footer .inner .footerLogo li:nth-child(2) {
width:200px;
margin:0 50px;
}
#footer .inner .footerLogo li:nth-child(3) {
width:180px;
}
#footer .inner .footerLogo li:nth-child(1) img {
width:220px;
}
#footer .inner .footerLogo li:nth-child(2) img {
width:200px;
}
#footer .inner .footerLogo li:nth-child(3) img {
width:180px;
}
#footer .inner .footerMenu {
width:140px;
margin:0 10px 60px 130px;
}
#footer .inner .footerSNS {
width:220px;
}
#footer .inner .footerSNS img {
width:38px;
margin:0 10px;
}
}

/* 画面サイズ 〜999px*/
@media only screen and (max-width: 999px) {
#footer {
padding:80px 0;
background:#f2f0e6;
}
#footer .inner {
width:88vw;
margin:0 auto;
}

#footer .inner .footerLogo {
width:78vw;
margin:0 auto 50px;
}
#footer .inner .footerLogo:after {
content: "";
display: block;
clear: both;
}
#footer .inner .footerLogo li {
float:left;
}
#footer .inner .footerLogo li:nth-child(1) {
width:24vw;
}
#footer .inner .footerLogo li:nth-child(2) {
width:20vw;
margin:0 8vw;
}
#footer .inner .footerLogo li:nth-child(3) {
width:18vw;
margin:10px 0 0;
}
#footer .inner .footerLogo li:nth-child(1) img {
width:24vw;
}
#footer .inner .footerLogo li:nth-child(2) img {
width:20vw;
}
#footer .inner .footerLogo li:nth-child(3) img {
width:18vw;
}

#footer .inner .footerMenu {
margin:0 0 50px;
}
#footer .inner .footerMenu li {
font-family: 'NotoSansJP-Medium', sans-serif;
padding:15px 0;
text-align:center;
border-top:1px solid #00392c;
}
#footer .inner .footerMenu li:last-child {
border-bottom:1px solid #00392c;
}
#footer .inner .footerMenu li a:link {
color:#00392c;
}
#footer .inner .footerMenu li a:visited {
color:#00392c;
}
#footer .inner .footerMenu li a:hover {
color:#00392c;
}
#footer .inner .footerMenu li a img {
display:inline;
width:22px;
margin:0 0 0 10px;
vertical-align:middle;
top:-3px;
position:relative;
}

#footer .inner .footerSNS {
width:200px;
margin:0 auto 60px;
text-align:center;
}
#footer .inner .footerSNS p {
color:#00392c;
text-align:center;
font-size: 100%;/* 16px */
}
#footer .inner .footerSNS img {
width:32px;
display:inline;
margin:0 8px;
}
#footer .inner .copyright {
text-align:center;
font-size: 100%;/* 16px */
color:#00392c;
margin:0;
}

}

/* 画面サイズ 〜600px*/
@media only screen and (max-width: 600px) {
#footer .inner .footerLogo {
width:70vw;
}
#footer .inner .footerLogo li {
float:none;
}
#footer .inner .footerLogo li:nth-child(1) {
width:50vw;
margin:0 auto 40px;
}
#footer .inner .footerLogo li:nth-child(2) {
width:50vw;
margin:0 auto 40px;
}
#footer .inner .footerLogo li:nth-child(3) {
width:50vw;
margin:0 auto;
}
#footer .inner .footerLogo li:nth-child(1) img {
width:50vw;
}
#footer .inner .footerLogo li:nth-child(2) img {
width:50vw;
}
#footer .inner .footerLogo li:nth-child(3) img {
width:50vw;
}
#footer .inner .copyright {
text-align:center;
font-size: 88%;/* 14px */
color:#00392c;
margin:0;
}
}