/* Header ----------------------------------------------------------------- */
header {
text-align: left;
line-height: 1.0em;
z-index: 10000;
height: 52px;
width: 100%;
top: 0px;
padding: 0px;
margin: 0px;
/* border-bottom: 1px solid rgba(170,170,170,1.00); */
position: fixed;
background: rgba(255,255,255,1.0);
transition: all 0.5s;
}

header p {
display: inline-block;
margin: 0px;
padding: 0px;
}
header a {
text-decoration: none;
}
header ul {
list-style: none;
}
#allwrap.fixedheader header {
	position: fixed;
  background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.5);
	border: none;
}
header #nheader-block {
  display: table;
  position: relative;
}
header #nheader-block > dd {
  display: table-cell;
  vertical-align: top;
	transition: all 0.4s;
}
header #nheader-block .nhd-left {
padding: 10px 0px 0px 15px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.3);
  display: block;
}
header #nheader-logo img,
header #nheader-130logo img {
	width: 100%;
	height: auto;
	display: block;
}
header #nheader-logo img.icon-small {
	display: none;
}


/* nheader-navi */
#nheader-navi {
position: fixed;
width: 100%;
background: rgba(255,255,255,1.0);
z-index: 99;
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0);
top: 52px; /* ヘッダー分 */
/*left: 0%;
opacity: 1;*/
left: 100%;
opacity: 0;
transition: all 0.4s;
padding: 0px;
overflow: scroll;
/* height: 100%; */
}
#nheader-navi.active {
	left: 0%;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
	opacity: 1;
	height: auto;
}
#nheader-navi.active2 {
	left: 0%;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
	opacity: 1;
	height: calc(100% - 52px);
}




/* nav-global */
.nlist-nav-global {
margin: 0px;
padding: 0px 15px;
}
.nlist-nav-global li a p {
display: inline-block;
font-size: 15px;
line-height: 1.4em;
}
.nlist-nav-global li a {
position: relative;
transition: all 0.4s;
text-align: left;
padding: 11px 50px 11px 0px;
display: block;
/* background-color: rgba(255,255,255,1.00); */
font-size: 15px;
line-height: 1.3em;
border-bottom: 1px solid rgba(170,170,170,1.00);
}
.nlist-nav-global li a:after { /* ss width32 */
content: "";
width: 26px;
height: 10px;
display: block;
position: absolute;
right: 0px;
top: calc(50% - 8px);
background-image: url(../images/arrow_01_ss.svg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% auto;
transition: all 0.4s;
}

.nlist-nav-global li a:hover:after {
transform: translate(-4px);
}




/* topnavi */
.nlist-nav-global > li.topnavi > a {
border: none;
}
.nlist-nav-global > li.gnav-bt > a {
font-weight: bold;
}
.nlist-nav-global > li.topnavi {
border-bottom: 1px solid rgba(170,170,170,1.00);
}
.nlist-nav-global > li.topnavi > a:after,
.nlist-nav-global > li.topnavi > a:before {
	content: "";
	width: 16px;
	height: 1px;
	display: block;
	position: absolute;
	border: none;
	transform: rotate(0deg);
	right: 0px;
	top: calc(50% - 2px);
	background: rgba(136,136,136,1.0);
	transition: all 0.4s;
}
.nlist-nav-global > li.topnavi > a:before {
	transform: rotate(90deg);
}
.nlist-nav-global > li.topnavi.open > a:before {
	transform: rotate(135deg);
}
.nlist-nav-global > li.topnavi.open > a:after {
	transform: rotate(45deg);
}


.nlist-nav-global > li.menu-shop {
font-size: 14px;
line-height: 1.5em;
font-weight: bold;
}
.nlist-nav-global > li.menu-shop img {
height: auto;
display: inline-block;
width: 22px;
margin: 0px 0.5em 0px auto;
vertical-align: middle;
}


/* subnavi */
.subnavi {
/* background-color: rgba(255,224,225,1.00); */
 display: none;
}
.subnavi li {
margin: 0px 0px 0px 15px;
}
.subnavi .thumb,
.subnavi .corporate-thumb {
display: none;
}
.manufacturer-list,
.corporate-list {
padding: 0px 0px 0px 15px;
}
.manufacturer-list dt a,
.corporate-list dt a {
border: none;
}
.subnavi-list li a,
.c-subnavi-list li a {
border: none;
padding: 7px 50px 7px 0px;
}




/* nadd-nav-global */
.nadd-nav-global,
.othernavi {
display: table;
width: 100%;
margin: 10px 0px;
}
.nadd-nav-global li,
.othernavi li {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 5px 0px;
transition: all 0.4s;
}
.nadd-nav-global li a,
.othernavi li a {
border: none;
padding: 0px;
text-align: center;
}
.nadd-nav-global a img,
.othernavi a img {
	height: auto;
	width: 100%;
	display: block;
}
.nadd-nav-global li a:after,
.othernavi li a:after {
display: none;
}
.nadd-nav-global .ot-sns a,
.othernavi .ot-sns a {
height: calc(24px / 1.0);
width: calc(24px / 1.0);
display: inline-block;
}

.nadd-nav-global .tn-shop a,
.othernavi .tn-shop a {
display: block;
letter-spacing: 0px;
text-align: center;
}
.nadd-nav-global .tn-shop a p,
.othernavi .tn-shop a p {
font-size: 10px;
line-height: 1.3em;
display: block;
text-align: center;
}
.nadd-nav-global .tn-shop a img,
.othernavi .tn-shop a img {
height: calc(28px / 1.0);
width: calc(28px / 1.0);
display: inline-block;
}
.nadd-nav-global li.tn-shop,
.othernavi li.tn-shop {
border-left: 1px solid rgba(170,170,170,1.00);
border-right: 1px solid rgba(170,170,170,1.00);
}

.nadd-nav-global .ot-country a,
.othernavi .ot-country a {
padding: 0px 0.5em;
position: relative;
display: inline-block;
}
.nadd-nav-global li.ot-line {
position: relative;
padding: 0px 1em;
}
.nadd-nav-global li.ot-line::after {
content: "";
width: 1px;
height: 100%;
background-color: rgba(170,170,170,1.00);
display: block;
position: absolute;
left: 50%;
top: 0px;
}


.nadd-nav-global .ot-country a:after,
.othernavi .ot-country a:after {
content: "";
width: 0%;
height: 2px;
display: block;
position: absolute;
left: 49%;
bottom: -4px;
top: auto;
transition: all 0.3s;
background-color:  rgba(63,169,39,1.00);
}
.nadd-nav-global .ot-country a:hover:after,
.othernavi .ot-country a:hover:after {
width: 100%;
left: 0%;
bottom: -4px;
opacity: 0.7;
}
.jananese .nadd-nav-global .button20 a,
.english .nadd-nav-global .button21 a,
.jananese .othernavi .button20 a,
.english .othernavi .button21 a {
font-weight: bold;
}
.jananese .nadd-nav-global .button20 a:after,
.english .nadd-nav-global .button21 a:after,
.jananese .othernavi .button20 a:after,
.english .othernavi .button21 a:after {
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
left: 0px;
bottom: -4px;
}
.othernavi {
	display: none;
}


.page-home .nlist-nav-global > li#button0 > a,
.page-lifestyle .nlist-nav-global > li#button2 > a,
.page-community .nlist-nav-global > li#button2 > a,
.page-manufacturer .nlist-nav-global > li#button1 > a {
background-color: rgba(239,249,242,1.00);
color: rgba(0,0,0,1.00);
padding: 10px 50px 10px 8px;
}
.page-home .nlist-nav-global > li#button0 > a:after,
.page-lifestyle .nlist-nav-global > li#button2 > a:after,
.page-community .nlist-nav-global > li#button2 > a:after,
.page-manufacturer .nlist-nav-global > li#button1 > a:after {
  display: none;
}

#allwrap.fixedheader header {
background: rgba(255,255,255,0.9);
}





@media print, screen and (min-width: 375px) {
header {
height: 56px;
}
#allwrap.fixedheader header {
	box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 12px 0px 0px 15px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.2);
  display: block;
}

#nheader-navi {
box-shadow: 0px 0px 45px 2px rgba(0,0,0,0);
top: 56px; /* ヘッダー分 */
}
#nheader-navi.active {
	box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.5);
}

/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 13px 50px 13px 0px;
}
.page-home .nlist-nav-global > li#button1 > a,
.page-lifestyle .nlist-nav-global > li#button2 > a,
.page-community .nlist-nav-global > li#button3 > a,
.page-manufacturer .nlist-nav-global > li#button4 > a {
padding: 13px 50px 13px 8px;
}

}





@media print, screen and (min-width: 768px) {
header {
height: 70px;
}
#allwrap.fixedheader header {
	box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 17px 0px 0px 25px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: calc(144px / 1.1);
}

#nheader-navi {
box-shadow: 0px 0px 50px 2px rgba(0,0,0,0);
top: 70px; /* ヘッダー分 */
}

#nheader-navi.active {
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.5);
}
.nlist-nav-global {
padding: 0px 25px;
}

/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 14px 50px 14px 0px;
}
.page-home .nlist-nav-global > li#button1 > a,
.page-lifestyle .nlist-nav-global > li#button2 > a,
.page-community .nlist-nav-global > li#button3 > a,
.page-manufacturer .nlist-nav-global > li#button4 > a {
padding: 14px 50px 14px 10px;
}
.nlist-nav-global > li.menu-shop a {
padding: 14px 50px 14px 0px;
}
.nlist-nav-global > li.menu-shop {
font-size: 15px;
line-height: 1.5em;
}
.nlist-nav-global > li.menu-shop img {
width: 24px;
}

/* nadd-nav-global */
.nadd-nav-global,
.othernavi {
width: 60%;
}
.nadd-nav-global .ot-sns a {
	width: calc(24px * 1.1);
	height: calc(24px * 1.1);
}
.nadd-nav-global .tn-search a {
	width: calc(32px * 1.1);
	height: calc(32px * 1.1);
}
.nadd-nav-global .tn-shop a p,
.othernavi .tn-shop a p {
font-size: 12px;
line-height: 1.3em;
}
.nadd-nav-global .tn-shop a img {
	width: calc(32px * 1.1);
	height: calc(32px * 1.1);
}

}




@media print, screen and (min-width: 1024px) {
header {
height: 80px;
}
#allwrap.fixedheader header {
	box-shadow: 0px 0px 32px 2px rgba(0,0,0,0.5);
}
header #nheader-block .nhd-left {
padding: 19px 0px 0px 30px;
}
header #nheader-block .nhd-right {
}

header #nheader-logo a {
	width: 144px;
}

#nheader-navi {
box-shadow: 0px 0px 55px 2px rgba(0,0,0,0);
top: 80px; /* ヘッダー分 */
}
#nheader-navi.active {
	box-shadow: 0px 0px 55px 2px rgba(0,0,0,0.5);
}
.nlist-nav-global {
padding: 0px 30px;
}
.nlist-nav-global li a p {
font-size: 16px;
line-height: 1.4em;
}
/* nav-global */
.nlist-nav-global > li.gnav-bt a {
padding: 18px 50px 18px 0px;
}
.page-home .nlist-nav-global > li#button1 > a,
.page-lifestyle .nlist-nav-global > li#button2 > a,
.page-community .nlist-nav-global > li#button3 > a,
.page-manufacturer .nlist-nav-global > li#button4 > a,
.page-manufacturer .nlist-nav-global > li.menu-shop > a {
padding: 18px 50px 18px 10px;
	font-size: 16px;
	line-height: 1.4em;
}
.nlist-nav-global > li.menu-shop img {
width: 26px;
}

/* nadd-nav-global */
.nadd-nav-global,
.othernavi {
width: 40%;
}
#add-nav-global .ot-sns a {
	width: calc(24px * 1.2);
	height: calc(24px * 1.2);
}
#add-nav-global .tn-search a {
	width: calc(32px * 1.1);
	height: calc(32px * 1.1);
}

}






@media print, screen and (min-width: 1200px) {

header {
  height: 86px;
  position: relative;
}
header #nheader-block {
width: 100%;
}
header #nheader-block .nhd-left {
padding: 22px 0px 10px 34px;
width: calc(144px + 34px);
}
header #nheader-block .nhd-right {
padding: 0px 30px;
}


#othernavi-box {
display: none;
}
#nheader-navi {
position: relative;
width: 100%;
background: none;
z-index: 99;
box-shadow: none;
top: auto;
left: auto;
opacity: 1;
transition: all 0.4s;
padding: 0px;
margin: 0px 0px 0px auto;
overflow: visible;
}
#nheader-navi.active {
	left: auto;
	box-shadow: none;
	opacity: 1;
}


.othernavi {
display: table;
width: auto;
margin: 0px 0px 10px auto;
transition: all 0.4s;
}
.othernavi li {
padding: 5px 12px 5px;
font-size: 15px;
line-height: 1.3em;
}

.othernavi li#button-recruit {
padding: 0px 15px;
}
.othernavi li#button-recruit a {
position: relative;
transition: all 0.4s;
text-align: center;
padding: 6px 40px;
display: block;
font-size: 15px;
line-height: 1.3em;
font-weight: bold;
background: none;
border-left: 1px solid rgba(119,119,119,1.00);
border-right: 1px solid rgba(119,119,119,1.00);
border-bottom: 1px solid rgba(119,119,119,1.00);
border-top: none;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.othernavi li#button-recruit a:after {
content: "";
width: 30px;
height: 12px;
display: block;
position: absolute;
right: 6px;
top: calc(50% - 8px);
background-image: url(../images/arrow_another_s.svg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% auto;
transition: all 0.4s;
}
.othernavi li#button-recruit a:hover {
border-left: 1px solid rgba(63,169,39,1.00);
border-right: 1px solid rgba(63,169,39,1.00);
border-bottom: 1px solid rgba(63,169,39,1.00);
background-color: rgba(236,246,233,1.00);
}




/* nav-global */
#nheader-navi {
}
.nlist-nav-global {
display: table;
margin: 0px auto;
padding: 0px;
}
.nlist-nav-global > li {
border: none;
margin: 0px;
padding: 0px;
display: table-cell;
vertical-align: middle;
}
.nlist-nav-global > li#button5 {
display: none;
}
.nlist-nav-global > li.gnav-bt {
border: none;
margin: 0px;
padding: 0px;
}
.nlist-nav-global > li.gnav-bt a {
position: relative;
transition: all 0.4s;
text-align: center;
padding: 5px 20px;
display: block;
font-size: 16px;
line-height: 1.3em;
background: none;
border: none;
}
.nlist-nav-global > li.gnav-bt a p {
font-size: 16px;
line-height: 1.3em;
}

.nlist-nav-global > li.gnav-bt a:after,
.othernavi li.ot-topnavi a:after,
.othernavi .tn-shop a p:after {
content: "";
display: block;
position: absolute;
top: auto;
right: auto;
left: 49%;
bottom: 0px;
width: 0%;
height: 2px;
background-color: rgba(63,169,39,1.00);
opacity: 1;
transition: all 0.3s;
}
.nlist-nav-global > li.topnavi > a:before  {
display: none;
}

.nlist-nav-global > li.gnav-bt a:hover:after,
.othernavi li.ot-topnavi a:hover:after,
.othernavi .tn-shop a p:hover:after{
background-image: none;
left: 0%;
width: 100%;
opacity: 0.7;
}



.page-home .nlist-nav-global > li#button0 > a:after,
.page-lifestyle .nlist-nav-global > li#button2 > a:after,
.page-community .nlist-nav-global > li#button2 > a:after,
.page-manufacturer .nlist-nav-global > li#button1 > a:after,
.page-info .nlist-nav-global > li#button3 > a:after {
content: "";
display: block;
top: auto;
right: auto;
left: 0%;
bottom: 0px;
width: 100%;
height: 2px;
background-color: rgba(63,169,39,1.00);
opacity: 1;
}




/* subnavi */
.subnavi {
display: none;
position: fixed;
top: 86px;
left: 0px;
width: 100%;
background-color: rgba(255,255,255,1.0);
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
}
.subnavi .subnavi-in {
margin: 0px auto auto;
display: block;
max-width: 1000px;
padding: 20px 0px;
}


.subnavi .mobile-use {
display: none;
}
.subnavi .thumb {
display: block;
position: relative;
overflow: hidden;
}
.subnavi .thumb img,
.corporate-list .thumb img {
	height: auto;
	display: block;
	width: 100%;
	margin: 0px auto;
}

.subnavi-list a .thumb img,
.corporate-list a .thumb img {
	padding: 0px;
	display: block;
	margin: 0px;
	height: auto;
	width: 100%;
	transition: all 0.5s;
}

.subnavi-list a:hover .thumb img,
.corporate-list a:hover .thumb img {
	transform: scale(1.03);
}

.subnavi-list a .thumb::after,
.corporate-list a .thumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(0,0,0, 0), rgba(0,0,0,0.2));
	left: 0px;
	top: 0px;
	z-index: 2;
	opacity: 0;
	transition: all 0.5s;
	cursor: pointer;
}
.subnavi-list a:hover .thumb::after,
.corporate-list a:hover .thumb::after {
	opacity: 1;
}




.manufacturer-list,
.flower-list {
padding: 0px;
display: table;
background-image: url(../images/manufacturer/ve_banner.jpg);
background-position: center center;
background-size: cover;
margin: 0px 0px 20px;
width: 100%;
}
.flower-list {
background-image: url(../images/manufacturer/fl_banner.jpg);
background-position: center center;
background-size: cover;
margin: 0px;
}
.manufacturer-list dt,
.flower-list dt {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}
.manufacturer-list dd,
.flower-list dd {
display: table-cell;
width: 75%;
padding: 20px;
background-color: rgba(255,255,255,0.85);
}
.manufacturer-list dt a p,
.flower-list dt a p {
border: none;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
font-size: 35px !important;
line-height: 1.3em;
text-shadow: 0px 0px 6px rgba(255,255,255,1.00), 0px 0px 10px rgba(255,255,255,1.00), 0px 0px 15px rgba(255,255,255,1.00), 0px 0px 20px rgba(255,255,255,1.00), 0px 0px 25px rgba(255,255,255,1.00);
}
.manufacturer-list dt a::before,
.flower-list dt a::before {
content: "";
width: 32px;
height: 10px;
display: block;
position: absolute;
right: 15px;
top: calc(50% - 8px);
background-image: url(../images/arrow_01_active_ss.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
z-index: 1;
filter: drop-shadow(0px 0px 2px rgba(255,255,255,1.00));
}
.manufacturer-list dt a:hover::before,
.flower-list dt a:hover::before {
right: 20px;
top: calc(50% - 8px);
background-image: url(../images/arrow_01_active_ss.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}

.manufacturer-list dt a:hover:after,
.flower-list dt a:hover:after {
display: none;
}


.subnavi-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.subnavi-list li {
-ms-flex-preferred-size: calc(25% - 2px);
flex-basis: calc(25% - 2px);
background-color: rgba(223,246,255,1.00);
padding: 0px !important;
margin: 0px 0px 2px !important;
}

.subnavi-list::before {
  content:"";
  display: block;
  width:calc(25% - 2px);
  order:1;
}
.subnavi-list::after {
  content:"";
  display: block;
  width:calc(25% - 2px);
}


.subnavi-list li a {
border: none;
display: block;
margin: 0px !important;
padding: 0px !important;
position: relative;
}
.subnavi-list li a::before {
content: "";
width: 100%;
height: 30%;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
background-image: linear-gradient(0deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
}
.subnavi-list li a::after,
.subnavi-list li a:hover::after {
display: none;
}
.subnavi-list li a p {
display: block;
position: absolute;
width: 100%;
left: 0px;
bottom: 3px;
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
text-align: center;
z-index: 1;
text-shadow: 0px 0px 6px rgba(255,255,255,1.00);
letter-spacing: 1px;
}






#button4 .corporate-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#button4 .corporate-box > li:nth-child(1) {
	-ms-flex-preferred-size: 440px;
	flex-basis: 440px;
}
#button4 .corporate-box > li:nth-child(2) {
	-ms-flex-preferred-size: 204px;
	flex-basis: 204px;
}
#button4 .corporate-box > li:nth-child(3) {
	-ms-flex-preferred-size: 204px;
	flex-basis: 204px;
}
#button4 .corporate-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#button4 .corporate-box > li .c-subnavi-list li {
margin: 0px;
}

#button4 .corporate-list > dt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 9px 0px 0px;
border-bottom: 1px solid rgba(187,187,187,1.00);
}
#button4 .corporate-list > dt .thumb {
width: 204px;
}
#button4 .corporate-list > dd {
	-ms-flex-preferred-size: calc(50% - 7px);
	flex-basis: calc(50% - 7px);
}
#button4 .corporate-box > li:nth-child(2) .corporate-list > dd,
#button4 .corporate-box > li:nth-child(3) .corporate-list > dd {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}

#button4 .corporate-list > dt a::after,
#button4 .corporate-list > dd a::after {
display: none;
}
#button4 .corporate-list > dt a {
padding: 0px;
font-size: 16px;
line-height: 1.4em;
text-align: left;
font-weight: bold;
position: relative;
}
#button4 .corporate-list > dt a p {
display: block;
padding: 7px 0px;
}
#button4 .corporate-list > dd li a {
padding: 6px 0px;
text-align: left;
font-size: 15px;
line-height: 1.4em;
border-bottom: 1px solid rgba(187,187,187,1.00);
position: relative;
transition: all 0.4s;
}
#button4 .corporate-list > dd li a:hover {
border-bottom: 1px solid rgba(63,169,39,1.00);
}




/* .container.fixedheader */
#allwrap.fixedheader header {
position: fixed;
height: 58px;
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.5);
background-color: rgba(255,255,255,0.9);
}
#allwrap.fixedheader header #nheader-logo a {
	width: 26px;
  display: block;
}
#allwrap.fixedheader header #nheader-logo a img {
	width: 26px;
}
#allwrap.fixedheader header #nheader-block .nhd-left {
padding: 15px 0px 10px 24px;
width: calc(26px + 24px);
}
#allwrap.fixedheader header #nheader-logo img.icon-small {
display: block;
}
#allwrap.fixedheader header #nheader-logo img.icon-usually {
display: none !important;
}
#allwrap.fixedheader header #nheader-block .nhd-right {
padding: 0px 30px;
}


#allwrap.fixedheader .othernavi li {
padding: 3px 6px;
font-size: 14px;
line-height: 1.3em;
}

#allwrap.fixedheader .othernavi li#button-recruit {
padding: 0px 10px;
}
#allwrap.fixedheader .othernavi li#button-recruit a {
padding: 6px 30px;
font-size: 14px;
line-height: 1.3em;
}

#allwrap.fixedheader .subnavi {
top: 58px;
}

/* nav-global */
#allwrap.fixedheader .nlist-nav-global {
margin: 0px auto;
}
#allwrap.fixedheader .nlist-nav-global > li.gnav-bt a {
padding: 3px 15px;
font-size: 15px;
line-height: 1.3em;
}
#allwrap.fixedheader .nlist-nav-global > li.gnav-bt a p {
font-size: 15px;
line-height: 1.3em;
}
#allwrap.fixedheader #nheader-navi {
margin: -30px 0px 0px;
padding: 0px 150px 0px 0px;
}

#allwrap.fixedheader .othernavi li.ot-sns {
padding: 0px 4px 0px;
}
#allwrap.fixedheader .othernavi li.ot-sns a {
	width: calc(24px * 0.7);
	height: calc(24px * 0.7);
}

}






@media print, screen and (min-width: 1400px) {

header #nheader-block .nhd-right {
padding: 0px 30px 0px 30px;
}
#allwrap.fixedheader header #nheader-block .nhd-right {
padding: 0px 30px 0px 30px;
}
#allwrap.fixedheader #nheader-navi {
padding: 0px 50px 0px 0px;
}

.othernavi li {
font-size: 16px;
line-height: 1.3em;
}

.othernavi li#button-recruit a {
padding: 6px 45px;
font-size: 16px;
line-height: 1.3em;
}

.nlist-nav-global > li.gnav-bt a {
padding: 5px 25px;
font-size: 16px;
line-height: 1.3em;
}
.nlist-nav-global > li.gnav-bt a p {
font-size: 16px;
line-height: 1.3em;
}

}










@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {
#allwrap.fixedheader { /* ヘッダー分 */
padding-top: 86px;
}
}


@media print, screen and (min-width: 1400px) {

}











.yokohama2027 {
padding: 25px 0px 0px;
}
.yokohama2027 a {
background-color: rgba(255,255,255,0.9);
padding: 17px 74px 17px 24px;
display: block;
position: relative;
transition: all 0.4s;
}
.yokohama2027 a img {
height: auto;
display: block;
width: 100%;
margin: 0px auto;
max-width: 280px;
}
.yokohama2027 a::after {
content: "";
width: 50px;
height: 10px;
display: block;
position: absolute;
top: calc(50% - 5px);
right: 10px;
/* background-image: url(../images/arrow_01_ss.svg);
background-size: 32px 10px; */
background-image: url(../images/arrow_01_s.svg);
background-size: 50px 10px;
background-position: left top;
background-repeat: no-repeat;
transform: rotate(-45deg);
transition: all 0.4s;
}
.yokohama2027 a:hover {
box-shadow: 0px 0px 18px 1px rgba(255,255,255,1.00);
}
.yokohama2027 a:hover::after {
right: 14px;
}


@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1024px) {

}


@media print, screen and (min-width: 1200px) {
.yokohama2027 a {
padding: 17px 70px 17px 20px;
}

}


@media print, screen and (min-width: 1400px) {

}














/* Toggle Button */
#nav-toggle {
position: fixed;
right: 15px;
top: 15px;
width: 24px;
height: 24px;
cursor: pointer;
text-align: center;
z-index: 10001;
padding: 0px;
}
#nav-toggle div {
  position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background-color: rgba(63,169,39,1.00);
left: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 19px;
}
#nav-toggle.open span:nth-child(1) {
		top: 9px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
}
#nav-toggle.open span:nth-child(2) {
		width: 0;
		left: 50%;
}
#nav-toggle.open span:nth-child(3) {
		top: 9px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
}


@media print, screen and (min-width: 375px) {
/* Toggle Button */
#nav-toggle {
right: 15px;
top: 17px;
width: 26px;
height: 26px;
}

}



@media print, screen and (min-width: 768px) {
/* Toggle Button */
#nav-toggle {
right: 25px;
top: 23px;
width: 30px;
height: 30px;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
#nav-toggle.open span:nth-child(1) {
		top: 11px;
}
#nav-toggle.open span:nth-child(3) {
		top: 11px;
}

}



@media print, screen and (min-width: 1024px) {
/* Toggle Button */
#nav-toggle {
right: 30px;
top: 28px;
width: 32px;
height: 32px;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 12px;
}
#nav-toggle span:nth-child(3) {
    top: 24px;
}
#nav-toggle.open span:nth-child(1) {
		top: 12px;
}
#nav-toggle.open span:nth-child(3) {
		top: 12px;
}


}


@media print, screen and (min-width: 1200px) {
#nav-toggle {
	display: none;
}
}


@media print, screen and (min-width: 1400px) {
}