/*Gナビ*/
/*ハンバーガーメニュー化*/
.gnavi{
	/*width:100%;*/
	width:1180px;
	z-index:100;
	position:fixed;
	top: 0px;
	right:0;
	background: rgba(255,255,255,10)}

.gnavi {display:table;font-size:0;line-height:0}
.gnavi h1, .menu {display:table-cell}
.gnavi .menu {text-align:right;vertical-align:bottom}
.gnavi h1 a {height:40px;margin:10px}
.gnavi ul {font-size:13px;line-height:1;margin:0 0}
.gnavi ul li {margin-left:3px; display:inline-block}
.gnavi ul li:last-child::after {content:''}
.gnavi ul li a {color:inherit;}

/*PC表示に消す*/
.gnavi
{display: none;}

/* Toggle(Button) */
#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:13px;
	top:9px;
	width:30px;
	height:25px;
	cursor:pointer}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}


/*Media-queries_____________________________________*/
@media screen and (max-width: 1000px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
.gnavi h1 a img {height:30px}
}
@media screen and (max-height: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
.gnavi h1 a img {height:30px}
}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
.gnavi h1 a img {height:30px}
footer {font-size:80%; padding:5px}
}


/*GナビPC用表示*/
.gnavi{
height: 30px;
background: none;
z-index: 300;
/*margin-top: 25px;*/
margin-top: 0px;
}

.gnavi ul{
background:none;
}

.gnavi ul li{
line-height: 30px;
}

.gnavi ul li{
margin-right: 30px;
}
.gnavi ul li a{
text-decoration: none;
}
.gnavi ul li a:hover{
}

.gnavi ul li.data{
position: relative;
width: 30px;
}

.gnavi ul li.data a{
display: block;
position: absolute;
top: -44px;
left: -149px;
width: 70px;
height: 70px;
font-size: 0px;
text-indent: -9999px;
background-image: url(../image/icon_data.gif);
background-size: cover;
}

.gnavi ul li.reorder_namecard{
position: relative;
width: 30px;
}

.gnavi ul li.reorder_namecard a{
display: block;
position: absolute;
top: -44px;
left: -12px;
width: 70px;
height: 70px;
font-size: 0px;
text-indent: -9999px;
background-image: url(../image/icon_reorder02.gif);
background-size: cover;
}

.gnavi ul li.contact{
position: relative;
width: 30px;
}

.gnavi ul li.contact a{
display: block;
position: absolute;
top: -44px;
left: 124px;
width: 70px;
height: 70px;
font-size: 0px;
text-indent: -9999px;
background-image: url(../image/icon_mail02.gif);
background-size: cover;
}


.gnavi ul li span{
display: block;
clear: both;
height: inherit;
background-image: url(../image/icon_under_arrow.png);
background-repeat: no-repeat;
background-size: 10px;
background-position: 0px 10px;
background-position: right;
padding-right: 16px;
cursor : pointer;
}


/*ドロップメニュー*/
ul.drop{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  /*width: 600px;*/
  margin:0 0 0 0;
  padding: 0;
  float: right;
}
ul.drop:before, .drop:after{
  content: "";
  display: table;
}
ul.drop:after{
  clear: both;
}
ul.drop li{
  position: relative;
}
ul.drop li a{
/*  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;*/
}

ul.drop li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  text-align: center;
}
ul.drop li ul li{
  width: 120px;
  text-align: left;
  font-size: 12px;
}
ul.drop li ul li a{
  /*padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;*/
  background: #fff;
  padding-left: 12px;
}
ul.drop li:hover > a{
  /*background: #6e7c0c;*/
}
.drop li a:hover{
  /*background: #616d0b;*/
}

ul#normal li ul{
  display: none;
}
ul#normal li:hover ul{
  display: block;
}



ul#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
ul#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
ul#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
ul#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

video{
	margin-top:-60px;
}

.colorPrimary
{
	color: #5f3cca;
}
@-webkit-keyframes slideUp
{
	from
	{
		opacity: 0;
		webkit-transform: translateY(80%);
	}
	to
	{
		opacity: 1;
		webkit-transform: translateY(0);
	}
}
@keyframes slideUp
{
	from
	{
		ms-transform: translateY(80%);
		opacity: 0;
		transform: translateY(80%);
		webkit-transform: translateY(80%);
	}
	to
	{
		ms-transform: translateY(0);
		opacity: 1;
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
}
.rotate_screen
{
	display: none;
}




















.hamburger
{
	cursor: pointer;
	float: right;
	height: 46px;
	padding: 12px 6%;
	width: 46px;
}
.hamburger .hamburger-closed
{
	display: block;
}
.hamburger .hamburger-open
{
	display: none;
}
.is-menuOpen .hamburger .hamburger-closed
{
	display: none;
}
.is-menuOpen .hamburger .hamburger-open
{
	display: block;
}
@media only screen and (min-width: 641px)
{
	.hamburger
	{
		padding: 12px 20px;
		pointer-events: none;
	}
}
.hamburger-icon,.close-icon
{
	background-color: transparent;
	border-radius: 23px;
	box-shadow: rgba(112,113,114,0.4) 0 0 0 2px inset;
	cursor: pointer;
	display: block;
	fill: #707172;
	height: 46px;
	left: 14px;
	position: relative;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
	width: 46px;
}
.is-menuOpen .hamburger-icon,.is-menuOpen .close-icon
{
	background-color: #5f3cca;
	fill: #202021;
}
@media only screen and (min-width: 641px)
{
	.hamburger-icon,.close-icon
	{
		box-shadow: rgba(112,113,114,0.4) 0 0 0 2px inset;
		left: 0;
		pointer-events: auto;
	}
	.hamburger-icon:hover,.hamburger-icon:active,.close-icon:hover,.close-icon:active
	{
		background-color: #5f3cca;
		box-shadow: transparent 0 0 0 2px inset;
		fill: #202021;
	}
	.is-menuOpen .hamburger-icon,.is-menuOpen .close-icon
	{
		background-color: transparent;
		fill: #707172;
	}
	.is-menuOpen .hamburger-icon:hover,.is-menuOpen .close-icon:hover
	{
		fill: #fff;
	}
}




.colorPrimary
{
	color: #5f3cca;
}
@-webkit-keyframes slideUp
{
	from
	{
		opacity: 0;
		webkit-transform: translateY(80%);
	}
	to
	{
		opacity: 1;
		webkit-transform: translateY(0);
	}
}
@keyframes slideUp
{
	from
	{
		ms-transform: translateY(80%);
		opacity: 0;
		transform: translateY(80%);
		webkit-transform: translateY(80%);
	}
	to
	{
		ms-transform: translateY(0);
		opacity: 1;
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
}
.banner
{
	height: 285px;
	margin: 0 auto 31px;
	max-width: 1600px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 1000px)
{
	.banner
	{
		height: 480px;
		margin-bottom: 76px;
	}
	.banner.animate
	{
		animation: slideUp 0.7s cubic-bezier(0.12, 0.955, 0.435, 0.99) forwards 0s;
		webkit-animation: slideUp 0.7s cubic-bezier(0.12, 0.955, 0.435, 0.99) forwards 0s;
	}
}
.banner--small
{
	height: 170px;
}
@media only screen and (min-width: 1000px)
{
	.banner--small
	{
		height: 300px;
	}
}
.banner-container
{
	background-color: #202021;
	left: 50%;
	ms-transform: translate(-50%, -50%);
	position: relative;
	top: 50%;
	transform: translate(-50%, -50%);
	webkit-transform: translate(-50%, -50%);
}
.banner-container img
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.colorPrimary
{
	color: #5f3cca;
}
@-webkit-keyframes slideUp
{
	from
	{
		opacity: 0;
		webkit-transform: translateY(80%);
	}
	to
	{
		opacity: 1;
		webkit-transform: translateY(0);
	}
}
@keyframes slideUp
{
	from
	{
		ms-transform: translateY(80%);
		opacity: 0;
		transform: translateY(80%);
		webkit-transform: translateY(80%);
	}
	to
	{
		ms-transform: translateY(0);
		opacity: 1;
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
}
.gallery
{
	position: relative;
	width: 100%;
}
.gallery-row
{
	clear: both;
	margin: 0 -5px;
	overflow: hidden;
	position: relative;
}
.gallery-cell
{
	box-sizing: border-box;
	float: left;
	padding: 5px;
	position: relative;
	width: 50%;
}
.gallery-cell img
{
	display: block;
	height: auto;
	position: relative;
	width: 100%;
}
.gallery-cell:first-child
{
	width: 100%;
}
.gallery-row--medium .gallery-cell
{
	width: 50%;
}
.gallery-cell .img-container--overlay
{
	display: none;
}
@media only screen and (min-width: 641px)
{
	.gallery-cell,.gallery-cell:first-child
	{
		width: 33.3333333%;
	}
	.gallery-row--large .gallery-cell:first-child
	{
		width: 66.6666667%;
	}
	.gallery-row--largeRight .gallery-cell
	{
		float: right;
	}
	.gallery-row--medium .gallery-cell
	{
		width: 50%;
	}
	.gallery-cell .img-container--overlay
	{
		backface-visibility: hidden;
		background: rgba(0,0,0,0.5);
		cursor: pointer;
		display: block;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		transition: opacity 250ms;
		webkit-backface-visibility: hidden;
		webkit-transition: opacity 250ms;
		width: 100%;
	}
	.gallery-cell .img-container--overlay .zoom
	{
		left: 50%;
		margin-left: -40px;
		margin-top: -40px;
		ms-transform: scale(0);
		position: absolute;
		top: 50%;
		transform: scale(0);
		transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		webkit-transform: scale(0);
		webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	.gallery-cell:hover .img-container--overlay
	{
		opacity: 1;
	}
	.gallery-cell:hover .img-container--overlay .zoom
	{
		ms-transform: scale(1);
		transform: scale(1);
		webkit-transform: scale(1);
	}
}
.colorPrimary
{
	color: #5f3cca;
}
@-webkit-keyframes slideUp
{
	from
	{
		opacity: 0;
		webkit-transform: translateY(80%);
	}
	to
	{
		opacity: 1;
		webkit-transform: translateY(0);
	}
}
@keyframes slideUp
{
	from
	{
		ms-transform: translateY(80%);
		opacity: 0;
		transform: translateY(80%);
		webkit-transform: translateY(80%);
	}
	to
	{
		ms-transform: translateY(0);
		opacity: 1;
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
}
.js-lazyImg img
{
	opacity: 0;
}
.js-lazyImg.is-loaded img
{
	opacity: 1;
	transition: all 350ms ease-out;
	webkit-transition: all 350ms ease-out;
}
.img-container
{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.img-container img
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.img-container--news
{
	padding-bottom: 62.39%;
}
.img-container--square
{
	padding-bottom: 100%;
}
.img-container--pod
{
	padding-bottom: 88.54%;
}
.img-container-figure
{
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.buckets
{
	font-size: 0;
	position: relative;
	text-align: center;
}
.buckets h3
{
	color: #fff;
	/*font-family: "FFDINWebProBlack";*/
	font-size: 45px;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 45px;
	margin-bottom: 40px;
	margin-top: 0;
}
.buckets h4
{
	color: #5f3cca;
	/*font-family: "FFDINWebProBlack";*/
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 8px;
	margin-top: 0;
	margin-top: 100px;
}
.buckets .bucket-item
{
	display: block;
	margin-bottom: 50px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.buckets .bucket-item img
{
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 200px;
}
.buckets .bucket-item .bucket-item-title
{
	color: #fff;
	display: block;
	/*font-family: "FFDINWebProBlack";*/
	font-size: 36px;
	line-height: 40px;
	margin: 35px auto 15px;
	max-width: 200px;
}
.buckets .bucket-item .bucket-item-content
{
	color: #707172;
	display: block;
	font-size: 16px;
	margin: 0 auto;
	max-width: 200px;
}
@media (min-width: 768px)
{
	.buckets h3
	{
		font-size: 90px;
		letter-spacing: -3.5px;
		line-height: 90px;
		margin-bottom: 80px;
		margin-top: 0;
	}
	.buckets h4
	{
		font-size: 32px;
		letter-spacing: -2px;
		line-height: 16px;
		margin-top: 100px;
	}
	.buckets .bucket-item
	{
		display: inline-block;
		margin-bottom: 0;
		width: 33%;
	}
}
.loadMore
{
	height: 135px;
	margin: 40px auto;
	ms-transform: scale(0.5);
	opacity: 0;
	transform: scale(0.5);
	transition: opacity 350ms, transform 350ms, -webkit-transform 350ms;
	transition: opacity 350ms, transform 350ms;
	transition: opacity 350ms, -webkit-transform 350ms;
	webkit-transform: scale(0.5);
	webkit-transition: opacity 350ms, -webkit-transform 350ms;
	width: 186px;
}
.loadMore.is-loading
{
	ms-transform: scale(0.5);
	opacity: 1;
	transform: scale(0.5);
	webkit-transform: scale(0.5);
}
.lightbox-bg
{
	background: rgba(0,0,0,0.8);
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
.lightbox
{
	box-sizing: border-box;
	height: 100%;
	max-width: 1600px;
	moz-user-select: none;
	ms-user-select: none;
	overflow: hidden;
	padding: 100px;
	position: fixed;
	user-select: none;
	webkit-touch-callout: none;
	webkit-user-select: none;
	width: 100%;
}
@media (min-width: 1600px)
{
	.lightbox
	{
		left: 50%;
		margin-left: -800px;
	}
}
.lightbox .lightbox-inner
{
	box-sizing: border-box;
	left: 50%;
	max-height: 1200px;
	max-width: 1200px;
	ms-transform: scale(0);
	position: absolute;
	top: 50%;
	transform: scale(0);
	webkit-transform: scale(0);
}
.lightbox .lightbox-inner img
{
	max-height: 1200px;
	max-width: 1200px;
	moz-user-select: none;
	ms-user-select: none;
	opacity: 0;
	user-select: none;
	webkit-touch-callout: none;
	webkit-user-select: none;
}
.lightbox .lightbox-inner .caption
{
	background: rgba(0,0,0,0.9);
	bottom: 30px;
	color: #fff;
	/*font-family: "FFDINWebProBlack";*/
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	left: 30px;
	letter-spacing: .03em;
	line-height: 30px;
	max-width: 400px;
	padding: 30px;
	position: absolute;
}
.lightbox .lightbox-prev
{
	cursor: pointer;
	height: 24px;
	left: 26px;
	margin-top: -32px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	top: 50%;
	width: 14px;
}
.lightbox .lightbox-prev:after
{
	background: url(../images/icons/arrow-left.svg) no-repeat top left;
	background-size: contain;
	content: '';
	display: block;
	height: 24px;
	width: 14px;
}
.lightbox .lightbox-next
{
	cursor: pointer;
	height: 24px;
	margin-top: -32px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	right: 26px;
	top: 50%;
	width: 14px;
}
.lightbox .lightbox-next:after
{
	background: url(../images/icons/arrow-right.svg) no-repeat top left;
	background-size: contain;
	content: '';
	display: block;
	height: 24px;
	width: 14px;
}
.colorPrimary
{
	color: #5f3cca;
}
@-webkit-keyframes slideUp
{
	from
	{
		opacity: 0;
		webkit-transform: translateY(80%);
	}
	to
	{
		opacity: 1;
		webkit-transform: translateY(0);
	}
}
@keyframes slideUp
{
	from
	{
		ms-transform: translateY(80%);
		opacity: 0;
		transform: translateY(80%);
		webkit-transform: translateY(80%);
	}
	to
	{
		ms-transform: translateY(0);
		opacity: 1;
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
}
.sections--wide
{
	height: 70px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.sections ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sections li
{
	display: inline-block;
	height: 70px;
	margin: 0 0.9vw;
	position: relative;
}
.sections li.is-active:after
{
	background-color: #5f3cca;
	bottom: 5px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}
.sections a
{
	color: #FFF;
	display: block;
	/*font-family: "FFDINWebProBlack";*/
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 70px;
	text-decoration: none;
	text-transform: uppercase;
}
.sections a:hover
{
	color: #fff;
}
.sections .is-active a
{
	color: #FFF;
}
.sections--small
{
	background-color: #2a2b2c;
	bottom: 70px;
	display: none;
	height: 70px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.sections--small li
{
	margin: 0 1.5vw;
}
.sections--small li:last-child
{
	display: none;
}













/*SP用*/
@media screen and (max-width: 640px) {
	

header.header .sections,
header.header ul.sns{
	display: none;
}

.landing-hero-copy h1{
	text-align:center;
}

.landing-tiles-wrapper{
	display: none;
}

/*SP用メインメニュー*/
.main_menu{
width: 100%;
}

.main_menu ul{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

.main_menu ul li{
	width:49%;
	float: left;
	margin: 0 2px 2px 0;
}

.main_menu ul li.no02,
.main_menu ul li.no04{
	margin: 0 0px 2px 0;
}

.main_menu ul li img{
width: 100%;
height: auto;
}




/*Gナビ ハンバーガーメニュー化*/

/*SP表示時にPC表示無効化を消す*/
.gnavi
{display: block;}
	
.gnavi{
	margin: 0px;
	z-index: 2000;
	height: auto;
	width: 100%;
}

.gnavi .menu {
	position:absolute;
	right:0;
    top:-820px; /*通常時はビュー外*/
	background:rgba(0,0,0,.9);
    width:90%;
	padding:0 5%;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
.gnavi ul {margin:0}
.gnavi ul li {display:block;margin:0;border-bottom:solid 1px #fff; line-height:140%;}
.gnavi ul li a {display:block; color:#fff; text-decoration: none; padding: 6px 0; text-indent: 0; font-size: 13px; }
.gnavi ul li::after {content:''}
.gnavi ul li:last-child {border-bottom:none}

/*コンタクトボタン設定リセット*/

.gnavi ul li.contact{
position: static;
display: block;
line-height: 140%;
padding: 12px 0;
width: auto;
}

.gnavi ul li.contact a{
display:inline;
position: static;
width: 100%;
height: auto;
font-size: 14px;
text-indent: 0;
background: none;
}


/*再注文ボタン設定リセット*/

.gnavi ul li.reorder_namecard{
position: static;
display: block;
line-height: 140%;
padding: 12px 0;
width: auto;
}

.gnavi ul li.reorder_namecard a{
display:inline;
position: static;
width: 100%;
height: auto;
font-size: 14px;
text-indent: 0;
background: none;
}

/*データ入稿ボタン設定リセット*/

.gnavi ul li.data{
position: static;
display: block;
line-height: 140%;
padding: 12px 0;
width: auto;
}

.gnavi ul li.data a{
display:inline;
position: static;
width: 100%;
height: auto;
font-size: 14px;
text-indent: 0;
background: none;
}



.gnavi ul li span{
display: block;
clear: both;
font-size: 13px;
height: inherit;
}

.gnavi ul li,
.gnavi ul li a{
width: auto;
height: auto;
}


.gnavi ul li ul{
display: none;
}



/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav .menu {
	-moz-transform: translateY(870px);
	-webkit-transform: translateY(870px);
	transform: translateY(870px)}



/*ドロップメニュー*/
ul.drop{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin:0;
  padding: 0;
}
ul.drop:before, .drop:after{
  content: "";
  display: table;
}
ul.drop:after{
  clear: both;
}
ul.drop li{
  position:static;
}
ul.drop li a{
/*  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;*/
}
	
ul.drop li img{
}
	
ul.drop li ul{
  list-style: none;
  position:static;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  background:none;
  text-align: left;
}
ul.drop li ul li{
  width: 100%;
  overflow: hidden;
  border:none;
  padding-bottom: 0px;
}

ul.drop li span{
color: #fff;
margin-bottom: 6px;
margin-top: 6px;
}

ul.drop li ul li a{
  /*padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;*/
  background:none;
  padding: 0px 12px;
}
ul.drop li ul li:last-child a{
padding-bottom: 12px;
}

ul.drop li:hover > a{
  /*background: #6e7c0c;*/
}
.drop li a:hover{
  /*background: #616d0b;*/
}


ul#fade-in li ul{
  visibility:visible;
  opacity: 1;
  transition: .5s;
}
ul#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
ul#fade-in li ul li a{
  visibility:visible;
  opacity: 1;
  transition: .5s;
}
ul#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}


/*動画とキャッチコピー入れ替え*/

.landing-hero-copy{
	position:absolute;
	top:70px;
	height:80px;
}

.landing-hero-copy h1{
	font-size:80%;
}

video{
	position:absolute;
	top:130px;
}


}