html {position: relative; height: 100%;}
body {
  background: url(../img/background.jpg) center/cover no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom;
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial,
    helvetica, sans-serif;
}

@media screen and (min-width: 1000px) {
  body:before {
    content: "";
    background: inherit;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    position: fixed;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    z-index: -1;
  }
}
@media all and (-ms-high-contrast: none) {
  body:before {
    content: none;
  }
}
body:before {
  content: none\9;
}
@media screen and (max-width: 999px) {
  body {
    background: none;
  }
  body::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(../img/background_sp.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
  }
}

@media (max-width:736px){
	h1,.h1{font-size:24px;line-height:1.2;}
	h2,.h2{font-size:20px;line-height:1.3;}
	h3,.h3{font-size:16px;line-height:1.4; margin: 25px 0 0;}
}

a{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;}
a:hover,
a:focus,
a:active{text-decoration:none;cursor:pointer;}

a:hover {opacity: 0.4;}

@media screen and (min-width:1000px){a:hover{opacity:.7;}}
a,
button{-webkit-tap-highlight-color:rgba(0,0,0,.4);}
.btn {padding: 8px 15px;}

.cf {zoom: 1;}
.cf:after {display: block; height: 0; content: ""; visibility: hidden; clear: both;}

/*========= header =========*/
header {
	margin: 0 auto;
    padding: 8px 10px;
    position: relative;
}
header h1 {
    float: left;
    margin: 0 0 0 5px;
}
header h1 a {
    display: block;
    width: 150px;
}
header .header-wrap{}
header .cap {
    float: left;
	color: #fff;
    margin-left: 2rem;
    line-height: 60px;
    font-size: 120%;
    font-weight: 700;
}
header .cap > br {
    display: none;
}
header .header-pd {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -30px;
    width: 100px;
}
header .header-pd a {
    display: block;
    width: 100px;
}
header > .d-flex {
  align-items: center;
}
header .logo + div {
  width: 540px;
}
header .tel {
  padding: 3px 15px 0 0;
}
.breadcrumb {
  font-size: 0.8rem;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
.breadcrumb li {
  margin: 0 2px;
}
section#intro {
  background-color: #000000;
  background-image: url(../img/main_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 595px;
}

.navbar a {-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;}
.navbar-toggle {z-index: 100; margin-top: 14px; margin-bottom: 3px;}
@media (min-width: 768px){
	.navbar-right {
		margin: 15px 0 -15px 0;
	}
}

/*smart phone*/
@media (max-width: 767px) {
	header {
		padding: 10px 0;
	}
	header .logo {
		width: 88%;
		margin-bottom: 0;
	}
	header .logo + div {
		padding: 0.5rem 0;
	}
	header .logo img {
		width: 84px;
	}
	section#intro {
		background-size: auto 100%;
	}

	header h1 a {
		width: 100px;
	}
	.hide-sp {
		display: none;
	}

	header .cap {
		float: none;
		margin-left: 1rem;
		line-height: 14px;
		position: absolute;
		top: 20px;
		left: 106px;
		font-size: 92%;
	}

	header .cap > br {
		display: block;
	}
}

/*========= main =========*/
.main{background: none;}

/*smart phone*/
@media (max-width: 767px) {
	.module-medium {
		padding: 20px 0px;
	}
}

#topnews .post-entry a{ color: #337ab7}
#topnews .post-entry { overflow: auto; height: 240px;}
#topnews .post-entry p{margin: 0;}



/*========= Top Banner =========*/
.top-banner{
	margin: -20px auto -100px;
    display: block;
    width: 70%;
	max-width: 950px;
}
.top-banner img{
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.top-banner .flex-direction-nav a {
  width: 10%;
}

/*smart phone*/
@media (max-width: 767px) {
	.top-banner {
		margin: -50px auto -110px;
		width: 95%;
	}
}

/*========= Contents Area =========*/
.callout-text p{
	font-weight: 700;
	color: #FF8C00;
	background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
	background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 140px;
}

.callout-text {
    color: rgba(255, 255, 255, 1);
}

.callout-text small{
	color: rgba(255, 255, 255, 1);
}

.eventList{}
.eventList .team-item:hover .team-image:after {
  background: rgba(0, 0, 0, 0);
}
.eventList .team-name{
	font-size: 2.4rem;
	padding: 0 0 0.5rem;
	margin: 0 0 5px;
	text-align: center;
}
.eventList .team-name:after {
	content:"";
	display:block;
	height:3px;
	width:100%;
	background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
	background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}

.eventArchive p{margin: -30px 0 0;}
.eventArchive .btn{padding: 15px;}
/*smart phone*/
@media (max-width: 767px) {
	.eventArchive p{margin: 0 0 20px;}
	.eventArchive .btn{padding: 8px 15px;}
}

.post-header{}
.post-title {
	font-size: 2.4rem;
	padding: 0 0 0.5rem;
	margin: 15px 0 20px;
	text-align: center;
}
.post-title small{
	display: block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2;
	margin: 0 0 0.5rem;
}

.post-title:after {
	content:"";
	display:block;
	height:3px;
	width:100%;
	background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
	background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}

.post-notice{text-align: center;}
.post-notice h3{color: #e00; font-weight: 700; margin: 0 0 5px;}

.post-entry {
	background: #eee;
	border-top: none;
	padding: 30px;
	margin-top: 0;
}

/*= Alert Box =*/
.alert{width: 100%; max-width: 600px; margin: 0 auto;}

/*= Post Detail =*/
.tab-pane .post{margin: 0 0 15px;}
.post-detail {
	background: #fff;
    padding: 30px;
	margin: -25px -25px;
}
.post-detail a{color: #e70012;}
.post-detail h3{border-bottom: 1px #ccc solid;}
.post-detail h4{font-size: 2rem;}
.post-detail .color-orange{color: #f60;}
.post-detail .color-red{color: #e00;}
.post-detail .color-blue{color: #007bff;}
.btn-list a{color: #fff;}
.panel-body{font-size: 1.5rem;}
.panel-body table{border: 1px #ccc solid;}
.panel-body th,.panel-body td{border: 1px #ccc solid; padding: 8px;}
.panel-body tr.bg-gray{background: #eeeeee;}
.panel-body ul{padding: 0 0 0 20px;}
.panel-body li{font-size: 1.6rem;}
.panel-body ul.no-disc{padding: 0;}
.panel-body ul.no-disc li{list-style: none;}
.panel-body ul.list-style-diamond li{list-style: none; margin: 0 0 0 5px; text-indent: -2rem;}
.panel-body ul.list-style-diamond li:before {content: "◆"; margin-right: 5px;}
.panel-body .well-default{padding: 0; margin: 0; background-color: #fff583; border-color: transparent;}
.panel-body .well-default h2{font-size: 24px; margin: 10px 0 5px;}
.panel-body .well-default .show-sp{display: none;}

.panel-body .media{display: flex; justify-content: space-between; margin: 30px 0;}
.panel-body .media .color_accent{color: #ffc107!important;}
.panel-body .media .media__detail:first-of-type{width: 18%; margin: 0 2% 0 0;}
.panel-body .media .media__detail{width: 80%;}
.panel-body .media .media__detail h5{font-size: 3.2rem; line-height: 3.5rem;}

.ListBox{font-size: 1.28rem !important;}
.ListBox table{display: inline-table; overflow-x:scroll; white-space:nowrap;}
.ListBox table::-webkit-scrollbar{height:8px;}
.ListBox table::-webkit-scrollbar-track{background:#efefef;}
.ListBox table::-webkit-scrollbar-thumb{background:#337ab7;}

.ListBox label {width: 100%;}
.ListBox .dataTables_wrapper label input, .dataTables_wrapper label select {display: block; margin: auto; width: 100%;}
.ListBox .dataTables_filter {width: 45%; margin-bottom: 5px;}

.modal{display: none; height: 100vh; position: fixed; top: 0; width: 100%;}
.modal__bg{background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%;}
.modal__content{background: #fff; left: 50%; padding: 40px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 700px;}
.modal__content h3{text-align: center; margin: 0;}

.btn-modal{background: #5bc0de; border: 1px solid #46b8da; padding: 10px 40px; font-size: 1.4rem; font-weight: 400; text-align: center; border-radius: 30px; color: #ffffff; text-decoration: none; display: block; width: 35%; margin: 10px auto 0; transition: all .3s ease-in-out; cursor: pointer;}
.btn-modal.none{background: #ccc; border: 1px solid #bbb;}

/*Other Size*/
@media (max-width: 1200px) {
.ListBox table{display: block;}

}
/*smart phone*/
@media (max-width: 767px) {
.ListBox .dataTables_length{display: none;}
.ListBox .dataTables_filter {width: auto;}
.btn-modal{padding: 8px; font-size: 1.25rem; width: 90%;}

.modal{display: none; height: 100vh; position: fixed; top: 0; width: 100%;}
.modal__bg{background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%;}
.modal__content{width: 90%; height: 90vh; padding: 20px; overflow-y: scroll;}
.modal__content h3{text-align: center; margin: 0;}
.modal__content .tool_icon {width: 50%; max-width: 180px;}
}

.entry-step {position: relative; margin-bottom: 65px;}
.entry-step:last-child{margin-bottom: 0;}
.entry-step:before,
.entry-step:after {position: absolute; z-index: 51; right: 50%; bottom: -30px; display: block; width: 16px; height: 16px; margin-right: -10px; content: ""; border-right: 4px solid #ccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.entry-step:after {
webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.entry-step:last-child:before,
.entry-step:last-child:after {content: none;}
.post-entry .row{background: #fff; padding: 15px; margin: 0;}
.post-entry .row:after{content: ""; display: block; border-bottom: 1px #ccc dotted; margin: 0 0 -15px; padding: 10px 0 0;}
.post-entry .row .gallery-item{margin: 0 0 10px;}
.post-entry .dl_item a{color: #fff;}
.post-entry .dl_item ul{margin: 0 auto; padding: 0; text-align: center;}
.post-entry .dl_item li{list-style: none; display: inline-block; margin: 0; padding: 0;}
.post-entry .gallery-item a:hover{opacity:1;}

@media screen and (min-width:1000px){
.post-entry .gallery-item a:hover{opacity:1;}
}

.post-entry .entryBox{width: 100%; position: relative;}
.post-entry .entryBox ul{margin: 0; padding: 0;}
.post-entry .entryBox ul:after{content: ""; display: block; clear: both;}
.post-entry .entryBox li{list-style: none; width: 46%; margin: 0 2%; float: left;}
.post-entry .entryBox li a{width: 100%; background: #eee; border: 3px solid #eee; display: block; text-align: center;}
.post-entry .entryBox li a.entry_Shop{background: #337ab7;}
.post-entry .entryBox li a.entry_Person{background: #449d44;}
.post-entry .entryBox li a.entry_Fax{background: #f0ad4e;}
.post-entry .entryBox li h4{color: #fff; font-size: 3.6rem; font-weight: 700; padding: 15px 0; line-height: 1.4;}
.post-entry .entryBox li h4 i{font-size: 6.4rem;}
.post-entry .entryBox li p{color: #666; font-size: 1.5rem; font-weight: 700; display: block; width: 100%; background: #FFF; margin: 0; padding: 10px 0;}

.post-entry .entryListBox{width: 100%; position: relative;}
.post-entry .entryListBox ul{margin: 0; padding: 0;}
.post-entry .entryListBox ul:after{content: ""; display: block; clear: both;}
.post-entry .entryListBox li{list-style: none; width: 100%; margin: 0 0 2%; position: relative;}
.post-entry .entryListBox li:last-child{margin: 0;}
.post-entry .entryListBox li a{width: 100%; color: #337ab7; border: 3px solid #337ab7; display: table; text-align: center; padding: 10px;}
.post-entry .entryListBox li a:after{font-family: FontAwesome; content: "\f0a9"; position: absolute; top: 50%; right: 15px; margin-top: -20px; font-size: 24px;}
.post-entry .entryListBox li .thumnail-left{width: 10%; display: table-cell; vertical-align: middle;}
.post-entry .entryListBox li .thumnail-body{display: table-cell; text-align: left; vertical-align: middle; padding: 0 15px;}
.post-entry .entryListBox li p{color: #337ab7; font-size: 2.8rem; font-weight: 700; line-height: 1.2; display: block; width: 100%; background: #FFF; margin: 0; padding: 10px 0;}
.post-entry .entryListBox li span{font-size: 1.4rem; font-weight: normal; display: block;}

.post-entry .separate ul{margin: 0; padding: 0;}
.post-entry .separate ul:after{content: ""; display: block; clear: both;}
.post-entry .separate li{list-style: none; width: 50%; margin: 0 auto 2%; float: none;}

/*smart phone*/
@media (max-width: 767px) {
	.post-entry .entryBox li{width: 90%; margin: 0 auto 15px; float: none;}
	.post-entry .entryBox li:last-child{margin: 0 auto;}
	.post-entry .entryBox li h4{font-size: 2.6rem; line-height: 1.4;}
	.post-entry .entryBox li h4 i{font-size: 6.4rem;}
	.post-entry .entryListBox li{margin: 0 0 4%;}
	.post-entry .entryListBox li .thumnail-left{width: 16%;  min-width: 50px;}
	.post-entry .entryListBox li p{font-size: 2.2rem;}
	.post-entry .entryListBox li span{font-size: 1.3rem;}
}

#result .panel-body{padding: 15px 0;}
#result .panel-body li:last-child{font-size: 1.1rem;}
#result h3.band-primary {
  border-bottom: none;
  font-weight: bold;
}
#result h3.band-default,
#result h3.band-primary{
	font-size: 18px;
	line-height: 1;
	padding: 10px;
    margin: -15px 0 0;
}

#result .band-color,#result .band-color small{
  color: white !important;
}
#result .band-color,
.band-color + div .media-detail {
	background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
	background: -moz-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: -webkit-linear-gradient(left, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
	background: linear-gradient(to right, #0068B7 20%, #009944 40%, #FFF100 60%, #F39800 80%, #E60012 100%);
}
#result .caption{}

#result .gallon{}
#result .gallon .h3 + li.inline-block:after{
    content: "" !important;
}
#result .gallon li.inline-block {
    display: block !important;
}
#result .gallon li.inline-block:nth-child(6) {
	margin-bottom: 5px;
}

#result .caption ul{
	list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
#result .caption .h3{
	font-size: 18px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px 16px;
    padding-left: 24px;
    line-height: 1.2;
    margin-top: 3px;
    margin-bottom: 2px;
}
#result .caption li.inline-block {
	font-size: 1.6rem;
    display: inline-block;
}
#result .caption .caption_range {
    display: none;
}
#result .caption .h3 + li.inline-block:after{
    content: " & ";
}
#result .caption .h3.rank1 {
  background-image: url(../../tour/assets/img/result/common/icon_rank1.png);
}
#result .caption .h3.rank2 {
  background-image: url(../../tour/assets/img/result/common/icon_rank2.png);
}
#result .caption .h3.rank3 {
  background-image: url(../../tour/assets/img/result/common/icon_rank3.png);
}
#result .post-entry .row{
    padding: 15px 0;
}
#result .post-entry .row:after{
	content: "";
	display: block;
	border-bottom: none;
	margin: 0;
	padding: 0;
}
#result .flex li:last-child:before {
  font-family: FontAwesome;
  content: "\f015";
  margin-right: 0.2em;
}
#result .movieArea{} 
#result .movieArea .movie-wrap{position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden;}
#result .movieArea .movie-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#result .photoArea{margin: 15px 0 0;}
#result .photoArea .btn{display: block; width: 100%; margin: 0 auto; font-size: 1.6rem; padding: 12px 0;}
#result .photoArea a{color: #fff;}

.module-title {}
.module-title:after {
	content:"";
	display:block;
	height:3px;
	width:100%;
	background: -webkit-linear-gradient(0deg, #0068B7, #009944, #FFF100, #F39800, #E60012);
}
.module-title small{
	display: block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2;
	margin: 0 0 0.5rem;
}

.team-image {
    border: 1px #ddd solid;
}

.team-name span {
    background: #d9534f;
    color: #fff;
    font-size: 1rem;
    padding: 2px 3px 2px 4px;
    border-radius: 3px;
    vertical-align: 2px;
    margin: 0 3px 0 0;
}

.video-title {
    line-height: 3.8rem;
}
.video-title small{
	display: block;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2;
	margin: 0 0 0.5rem;
}

.bg-white-50{
	background: url("../img/schedule_bg.png") repeat;
}

/*smart phone*/
@media (max-width: 767px) {
	.post-title {font-size: 1.8rem;}
	.callout-text {margin: 0 0 10px;}
	.eventList .team-name{font-size: 1.8rem;}
	.post-entry {padding: 10px;}
	.module-title {margin: 25px 0 35px;}
	.team-detail {padding: 10px;}
	.video-box {padding: 10px 0;}
	.post-detail {padding: 10px; margin: -7px -7px;}
	.post-detail h4{font-size: 1.6rem;}
	.panel-body{font-size: 1.3rem;}
	.panel-body .well-default h2{font-size: 20px;}
	.panel-body .well-default .show-sp{display: block;}
	.panel-body ul.list-style-diamond li{list-style: none; margin: 0 0 0 3px;}
	.post-entry .dl_item a{width: 100%; max-width: 400px; margin: 0 auto;}
	.post-entry .dl_item li{display: block; margin: 0 0 10px; text-align: center;}
	.nav-tabs {border-bottom: none;}
	.nav-tabs>li{float: none; background: #efefef; border: 1px solid #ccc; margin-bottom: 1px; position: relative;}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none; border-bottom-color: transparent;}
	.nav-tabs>li>a {margin-right: 0; border: 1px solid transparent; border-radius: 0;}
	.nav-tabs>li>a:after {position: absolute; top: 50%; right: 10px; font-family: TablePress; content: "\f054"; margin-top: -8px;}
}

/*========= Form =========*/
/* 必須マーク */
.wpcf7-form .must {
  color: #fff;
  margin-right: 5px;
  padding: 0px 10px;
  background: #e41f1b;
  border-radius: 6px;
  font-size: 0.8rem;
}

/* 任意マーク */
.wpcf7-form .free {
  color: #fff;
  margin-right: 10px;
  padding: 6px 10px;
  background: #424242;
  border-radius: 20px;
}

/* 項目名を太字にする */
form.wpcf7-form p {
  font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #d0d5d8;
  border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
  width: 100%;
  color: #444;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 1rem;
}
input.wpcf7-submit:hover {
  cursor: pointer;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
  color: red;
  font-weight: 600;
}

.wpcf7-radio .wpcf7-list-item {
  margin: 0 1rem;
}

.screen-reader-response[role="alert"] {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}

/*========= Footer =========*/
footer a {
  color: white;
}
footer a:hover,
footer a:focus {
  color: white;
  text-decoration: underline;
}
footer ul {
  margin-bottom: 5px;
  padding: 0;
  list-style-type: none;
}
footer ul > li:after {
  content: "|";
  color: white;
  margin: 0 0.5rem;
}
footer ul > li:last-child:after {
  content: none;
}

/*========= core =========*/
.footline {
  background-color: #e41f1b;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0;
  color: white;
  text-align: center;
  line-height: 1.4;
  font-size: 84%;
  z-index: 1;
  padding: 3px 0;
}
.bg-px {
  background-color: #e41f1b !important;
}
@media (max-width: 767px) {
  body {
    background: none;
  }
}