/*Theme Name: MARUTAKA-THEME
Author: 丸高衣料株式会社
Description: 丸高衣料株式会社コーポレートサイトテーマ
Version: 1.0
Text Domain marutaka-iryo
*/

@charset"UTF-8";
body {
	color: #666;
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
}

ul {
	padding-left: 0;
	list-style: none;
}

.bg-gray {
	background-color: #f8f9fa;
}

.siteHeading a {
	color: #083388;
	font-size: 28px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, sans-serif;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
	display: block;
}

.container > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

.siteHeading span {
	display: block;
	text-align: center;
	color: #083388;
}

.en,
.year {
	font-family: 'Varela', sans-serif;
}

.en {
	font-size: 14px;
}

.year {
	font-size: 10px;
}

.siteHeading img {
	width: 50px;
	height: 50px;
}

.recruitBox {
	height: 15px;
	z-index: 9999;
}

.recruitBox a {
	display: inline-block;
	background-color: #04881B;
	color: #fff;
	padding: .5% 1%;
	border-radius: 6px;
	font-size: 12px;
	margin-top: 6px;
}

#wrapper {
	margin-top: 130px;
}


/*ナビゲーション*/

.navbar-default .navbar-nav > li > a {
	color: #083388;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0;
}

.nav-item span {
	display: block;
	font-size: 12px;
	text-align: center;
	font-family: 'Varela', sans-serif;
	margin-left: 20px;
}

.navbar-default .navbar-nav > li > a:visited {
	color: #083388;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a:focus {
	color: #083388;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:hover {
	color: #fdd000;
	border-bottom: 1px solid #fdd000;
	background-color: transparent;
}

.topgNav a:before {
	font-family: FontAwesome;
	content: "\f015";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 10px;
}

.brandgNav a:before {
	font-family: FontAwesome;
	content: "\f02b";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 10px;
}

.shopsgNav a:before {
	font-family: FontAwesome;
	content: "\f041";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 14px;
}

.onlinegNav a:before {
	font-family: FontAwesome;
	content: "\f07a";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 10px;
}

.companygNav a:before {
	font-family: FontAwesome;
	content: "\f0f7";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 13px;
}

.recruitgNav a:before {
	font-family: FontAwesome;
	content: "\f2b5";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 6px;
}

.contactgNav a:before {
	font-family: FontAwesome;
	content: "\f003";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-right: 10px;
}

#header {
	background-color: #fff;
	border-top: 8px solid #083388;
	box-shadow: 0 6px 6px -6px #777;
}

section {
	margin-bottom: 120px;
}


/*mainvisual*/

.mainVisual {
	padding: 0;
}

.mainVisual img {
	width: 100%;
	position: relative;
}

.intro-btn {
	position: absolute;
	top: 60px;
}


/*Content*/

.heading01 {
	font-size: 28px;
	color: #083388;
	font-weight: bold;
	font-family: 'Varela', sans-serif;
}

.heading01 span {
	display: block;
	font-size: 16px;
	margin-top: 12px;
}

.news-list {
	padding-left: 0;
}

.news-list li {
	line-height: 1.5;
	border-bottom: 1px dotted #fdd000;
	margin-bottom: 20px;
	position: relative;
}

.news-list h3 {
	margin: 0 0 6px 0;
}

.news-list a {
	color: #444;
	font-size: 16px;
	font-weight: bold;
}

.news-list a:hover {
	text-decoration: underline;
}

.date {
	margin-right: 30px;
	font-size: 14px;
}

.newsTag,
.shopTag,
.onlineTag {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	border-radius: 6px;
	margin-right: 10px;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Varela', sans-serif;
	vertical-align: top;
	height: 20px;
}

.newsTag {
	background-color: #FFA190;
}

.shopTag {
	background-color: #04881B;
}

.onlineTag {
	background-color: #77A4FF;
}

.brandTag {
	background-color: #880033;
}

.informationBtn {
	margin-top: 15px;
	margin-bottom: 15px;
}

.informationBtn a {
	font-weight: bold;
	padding: 10px 30px;
	border-radius: 6px;
	border: 1px solid #083388;
	color: #083388;
	font-size: 14px;
}

.informationBtn a:hover {
	color: #fff;
	background-color: #083388;
	opacity: 1;
}


/*Brand*/

.brandHeading img {
	width: 70%;
	margin-left: 3px;
}

.brandImg {
	width: 100%;
	border-radius: 6px;
}

.brandBox1 p {
	padding: 0 8px;
	font-size: 14px;
	height: 160px;
	line-height: 1.7;
}

.brandBox2 p {
	font-size: 14px;
	height: 100px;
}

#mjj,
#dod,
#cal,
#smini,
#donkey,
#lbc,
#will,
#zoo,
#foret {
	padding-left: 6px;
	padding-right: 6px;
}

.thumbnail {
	border-radius: 10px;
	box-shadow: 0 8px 6px -6px #777;
	background-color: #fff;
}

.thumbnail img:hover {
	opacity: 0.7;
}

.thumbnail {
	margin-bottom: 0;
	background: #FBFBFB;
	-webkit-box-shadow: 0 4px 6px -6px #777;
	-moz-box-shadow: 0 4px 6px -6px #777;
	box-shadow: 0 4px 6px -6px #777;
}

.brandSecond {
	margin-bottom: 20px;
	border-radius: 6px;
}

.brandBtnBox {
	height: 60px;
}

.brandBox2 {
	margin-bottom: 20px;
}

.brandCooridnateBtn a {
	display: inline-block;
	border: 1px solid #04881B;
	color: #04881B;
	padding: 10px 0;
	width: 100%;
	margin-bottom: 15px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 14px;
}

.brandCooridnateBtn a:hover {
	background-color: #04881B;
	opacity: 1;
	color: #fff;
}

.brandEshopBtn a {
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
	padding: 14px 0;
	background-color: #fff;
	font-family: 'Varela', sans-serif;
	color: #083388;
	border-radius: 6px;
	font-weight: bold;
	border: 1px solid #083388;
	font-size: 14px;
	width: 100%;
	height: 50px;
}

.brandEshopBtn a:hover {
	background-color: #083388;
	color: #fff;
	opacity: 1;
}

.emptyBtn {
	height: 58px;
}


/*shops*/

#shops,
#page-shops,
.shopsHead {
	text-align: center;
	color: #083388;
	font-weight: bold;
	background-image: url("../marutaka-theme/img/bg_shops.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	padding: 120px 0;
	margin-bottom: 0;
}

#page-shops {
	padding: 0;
}

.shopsLogoWrap img {
	width: 10%;
	margin-right: 10px;
}

.shopsLogo {
	padding: 10px 0;
	background: rgba(255, 255, 255, 0.5);
}

.shopsLogoWrap {
	margin-top: 20px;
}

select {
	border: 2px solid #083388;
	border-radius: 6px;
	padding: 10px 20px;
}

.searchSubmit {
	background-color: #083388;
	border-radius: 6px;
	color: #fff;
	padding: 6px 20px;
	box-shadow: 1px 1px 2px #999999;
}

.search {
	padding-top: 100px;
}


/*Online*/

.onlineHeading {
	font-size: 16px;
	color: #083388;
	font-weight: bold;
	min-height: 80px;
}

.onlineHeading:after {
	font-family: FontAwesome;
	content: "\f08e";
	font-size: 16px;
	position: relative;
	left: 0;
	margin-left: 10px;
}

.onlineBox img {
	width: 100%;
}

#coordinate p {
	line-height: 1.5;
	margin-top: 12px;
}

.coordinateBtn a {
	width: 100%;
	border: 2px solid #083388;
	padding: 2% 2%;
	display: block;
	border-radius: 6px;
	color: #083388;
	font-weight: bold;
	margin-top: 50px;
	font-size: 14px;
}

.coordinateBtn a:hover {
	background-color: #083388;
	color: #fff;
	opacity: 1;
}

.coordinateImg {
	width: 100%;
	border-radius: 20px;
}

.bnrAreaPC img {
	max-width: 80%;
	margin-top: 50px;
	margin-bottom: 20px;
}

.bnrAreaSP {
	padding-left: 6px;
	padding-right: 6px;
}

.bnrAreaSP img {
	max-width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;
}


/*company*/

/*
.companyHeading {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    color: #04881B;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
}

.companyHeading:before,
.companyHeading:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 2px;
    background-color: #04881B;
}

.companyHeading:before {
    left: 0;
}

.companyHeading:after {
    right: 0;
}
*/

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.companyReadTxt {
	font-size: 14px;
	margin-bottom: 40px;
	line-height: 2;
	color: #333;
}

.companyBox h4 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #083388;
	margin-bottom: 20px;
}

.companyImg {
	max-width: 100%;
	border-radius: 20px;
}

.companyBox p {
	font-size: 14px;
	margin-top: 20px;
}

.companyBox h4 {
	vertical-align: top;
	min-height: 44px;
}

.yellow_line_narrow {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #fdd000 0%) repeat scroll 0 0;
}

.yellow_line {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fdd000 0%) repeat scroll 0 0;
}

.number {
	width: 30px;
	height: 30px;
}

.recruitBtn a,
.companyBtn a {
	margin-top: 30px;
	display: inline-block;
	width: 200px;
	padding: 10px 0;
	border-radius: 6px;
	font-weight: bold;
	font-size: 14px;
}

.companyBtn a {
	border: 1px solid #083388;
	color: #083388;
	width: 200px;
}

.recruitBtn a {
	border: 1px solid #04881B;
	color: #04881B;
	width: 300px;
}

.recruitBtn a:hover,
.companyBtn a:hover {
	margin-top: 30px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	border-radius: 6px;
	opacity: 1;
	font-weight: bold;
}

.companyBtn a:hover {
	background-color: #083388;
}

.recruitBtn a:hover {
	background-color: #04881B;
}

#contact .form-group input.form-control {
	height: 69px;
}

#contact .form-group textarea.form-control {
	height: 236px;
}

.sendMessageButton,
.backMessageButton {
	padding: 10px 30px;
	border-radius: 10px;
	margin-bottom: 30px;
	color: #083388;
	font-weight: bold;
	border: 1px solid #083388;
	background-color: #fff;
}

.backMessageButton {
	margin-right: 10px;
}

.sendMessageButton:hover,
.backMessageButton:hover {
	background-color: #083388;
	color: #fff;
}


/*お知らせ*/

#info {
	margin-top: 30px;
}

.CategoryList {
	padding-left: 0;
}

.CategoryList li {
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}

.CategoryList a {
	color: #555;
}

.Archive,
.CategoryArchive {
	margin-top: 20px;
}

.asideHeading {
	font-size: 20px;
	margin-top: 0;
}

.infoHeading {
	font-size: 20px;
	margin-top: 10px;
	border-bottom: 2px dotted #083388;
	line-height: 1.7;
	color: #444;
	font-weight: bold;
}

.editArea {
	margin-top: 30px;
}

.editArea img {
	width: 100%;
}

.editArea a {
	color: #083388;
	text-decoration: underline;
}

.editArea p {
	line-height: 1.7;
}

.editArea button a {
	text-decoration: none;
	color: #fff;
}

.info-date {
	margin-right: 10px;
}

.info-news,
.info-online,
.info-shop {
	display: inline-block;
	color: #fff;
	padding: 0 6px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
}

.info-news {
	background-color: #FFA190;
}

.info-online {
	background-color: #77A4FF;
}

.info-shop {
	background-color: #04881B;
}

.archive-pager {
	margin-top: 100px;
}

.archive-pager ul {
	margin: 0;
}

.archive-pager ul a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #555;
}

.archive-pager ul a:before {
	position: absolute;
	display: block;
}

.pager-prev {
	float: left;
}

.pager-prev a {
	padding-left: 20px;
}

.pager-next {
	float: right;
}

.pager-prev a:before {
	font-family: FontAwesome;
	content: "\f0d9";
	left: 0;
}

.pager-next a:after {
	font-family: FontAwesome;
	content: "\f0da";
	margin-left: 16px;
}

.screen-reader-text {
	display: none;
}


/*パンくず*/

.bread_crumb a,
.bread_crumb li {
	font-size: 14px;
}

.bread_crumb li {
	float: left;
	margin-right: 10px;
}

.bread_crumb li:after {
	content: '>';
	padding-left: 10px;
}

.bread_crumb li:last-child:after {
	content: '';
}


/*企業情報・店舗検索*/

/*company.html*/

.localNav ul {
	padding-left: 2px;
}

.localNav ul li {
	float: left;
	width: 20%;
	margin-bottom: 30px;
}

.localNav a {
	font-size: 16px;
	font-weight: bold;
	color: #083388;
	border-bottom: 3px solid #083388;
}

.companyH1 {
	margin: 30px 0;
	padding: 200px 0;
	background-image: url(../marutaka-theme/img/company-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	font-size: 36px;
	text-shadow: 0 1px 1px #fff;
	text-align: center;
	color: #083388;
	margin-top: 0;
}

.companyH3 {
	font-size: 22px;
	color: #083388;
	font-weight: bold;
	margin-bottom: 20px;
}

dt,
dd {
	margin-bottom: 10px;
}

.user dt {
	border-left: 3px solid #083388;
	padding-left: 10px;
	color: #333;
	text-align: left;
}

.jigyoudl dt {
	width: 300px;
}


/*shops.html*/

.directIcon,
.cornerIcon {
	font-size: 10px;
	padding: 3px 8px;
	color: #fff;
	float: left;
	margin-right: 10px;
	border-radius: 3px;
}

.directIcon {
	background-color: #77A4FF;
}

.cornerIcon {
	background-color: #FFA190;
}

.shopsH3 {
	font-size: 16px;
	float: left;
	margin: 3px 0 20px 20px;
}

.shopsbrandlogo {
	margin-right: 6px;
}

.shopsbrandlogo img {
	width: 45px;
	height: 35px;
	margin-bottom: 6px;
}

.shopsDl {
	margin-bottom: 30px;
}

.shopsDl dt {
	border-left: 3px solid #fdd000;
	padding-left: 10px;
	text-align: left;
	font-size: 14px;
}

.shopsDl dd {
	font-size: 14px;
}

.searchText {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin: 20px 0;
}

.count {
	font-size: 18px;
	color: #083388;
	font-family: 'Varela', sans-serif;
}

.shopSelect {
	margin-bottom: 30px;
}

.shopdescription {
	font-size: 12px;
}


/*Google mapレスポンシブ設定*/

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#brand,
#shops,
#online,
#company,
#contact,
#gaiyou,
#enkaku,
#jigyousyo,
#jigyou {
	margin-top: -105px;
	padding-top: 105px;
}


/*footer*/

#footer {
	padding: 30px 0;
	background-color: #083388;
}

.mrtkadd {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
	margin-right: 20px;
}

.copyright {
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.footerCompany {
	display: block;
	color: #fff;
	font-size: 24px;
}

#page-top-btn {
	position: fixed;
	right: 16px;
	bottom: 100px;
	display: none;
	z-index: 8888;
}

#page-top-btn a {
	color: #fff;
	padding: 10px;
	text-decoration: none;
	display: block;
	cursor: pointer;
	text-align: center;
	background: #083388;
	line-height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#page-top-btn a:hover {
	background: #083388;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#categories {
	list-style: none;
}


/*スマホ*/

@media screen and (min-width:320px) and ( max-width:960px) {
	.siteHeading a {
		font-size: 1.9rem;
		font-weight: bold;
		margin-top: 10px;
		display: block;
	}
	.nav-item span {
		display: none;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 1.4rem;
		border-radius: 0;
		padding: 10px 20px;
	}
	.navbar-toggle {
		margin-top: 10px;
		background-color: #083388;
		border-radius: 6px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:focus {
		background-color: #083388;
	}
	.nav-item a {
		border-bottom: 1px solid #083388;
	}
	.localNav ul li {
		width: 50%;
		padding: 1em;
		border: solid 1px #eae8e8;
		margin: 0;
		margin-bottom: -1px;
		margin-left: -1px;
	}
	.companyHeading {
		font-size: 18px;
	}
	.companyH1 {
		padding: 180px 0;
		background-image: url(../marutaka-theme/img/company-bg_sp.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-size: cover;
	}
	.navbar-default .navbar-nav > li > a.active,
	.navbar-default .navbar-nav > li > a:hover {
		color: #083388;
		border-bottom: 1px solid #083388;
		background-color: transparent;
	}
	.mainVisual img {
		margin-top: 90px;
	}
	.content {
		margin-top: 110px;
	}
	#shops img {
		width: 20%;
		margin-right: 10px;
	}
	#wrapper {
		margin-top: 10px;
	}
	.brandBox1 p {
		font-size: 16px;
	}
	.companyBox p {
		font-size: 16px;
	}
}


/* navbar collapse for iPad (bootstrap) */

@media (max-width: 991px) {
	.siteHeading a {
		font-size: 2rem;
		font-weight: bold;
		margin-top: 10px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
	.navbar-fixed-top .navbar-collapse {
		max-height: 400px;
	}
	.localNav ul li {
		padding: 1em;
		width: 50%;
		border: solid 1px #eae8e8;
		margin: 0;
		margin-bottom: -1px;
		margin-left: -1px;
	}
	.mainVisual img {
		margin-top: 90px;
	}
}

@media screen and (min-width:991px) and (max-width: 1280px) {
	.siteHeading a {
		font-size: 22px;
		font-weight: bold;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 12px;
	}
	.brandBox1 {
		margin-bottom: 20px;
	}
	#header {
		height: 120px
	}
}


/*ワイドデスクトップ*/

@media screen and (min-width:1281px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 1.7rem;
		border-radius: 0;
		margin-top: 30px;
	}
	.brandBox1 {
		margin-bottom: 20px;
	}
	#header {
		height: 120px;
	}
}


/*instagramボタン*/

.insta_btn2 {
	/*ボタンの下地*/
	color: #FFF;
	/*文字・アイコン色*/
	border-radius: 7px;
	/*角丸に*/
	position: relative;
	display: inline-block;
	height: 50px;
	/*高さ*/
	width: 100%;
	/*幅*/
	text-align: center;
	/*中身を中央寄せ*/
	font-size: 14px;
	/*文字のサイズ*/
	line-height: 50px;
	/*高さと合わせる*/
	vertical-align: middle;
	/*垂直中央寄せ*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	/*グラデーション①*/
	overflow: hidden;
	/*はみ出た部分を隠す*/
	text-decoration: none;
	/*下線は消す*/
}

.insta_btn2:before {
	/*グラデーション②*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*全体を覆う*/
	height: 100%;
	/*全体を覆う*/
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram {
	/*アイコン*/
	font-size: 24px;
	/*アイコンサイズ*/
	position: relative;
	top: 4px;
	/*アイコン位置の微調整*/
}

.insta_btn2 span {
	/*テキスト*/
	display: inline-block;
	position: relative;
}

.box404 {
	padding: 80px 0;
}

#policy h3 {
	font-weight: bold;
	font-size: 19px;
}

#policy ul li {
	line-height: 1.7;
}

#footer a {
	font-size: 12px;
	color: #fff;
}

#footer p {
	color: #fff;
}

#contact {
	margin-bottom: 0px;
}

div.wpcf7-response-output {
	margin: 0;
}


/*汎用スタイル*/

.singleH2 {
	font-size: 20px;
	font-weight: bold;
	border-left: 3px solid #083388;
	padding-left: 6px;
}

.singleH3 {
	font-size: 18px;
	background-color: #ddd;
	border-radius: 6px;
}

.page-id-1043 #header,
.page-id-1043 .bread_crumb,
.page-id-1043 #footer,
.page-id-1043 #page-top-btn {
	display: none;
}

/*youtube埋め込み*/
.video-area{
    padding: 0px 50px;
}
.video{
    position:relative;
    width:100%;
    padding-top:50%;
    margin:0 auto;
}
.video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
@media screen and (max-width:992px) {     
    .video-area {
        padding: 0px 8px;
        margin: -8% 0% 8%;
    }
}