/**********************************************
nomarise
**********************************************/
html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: touch;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5em !important;
	line-height: 1.42857143 !important;
	color: #333 !important;
	background-color: #fff;
	font-size: 1.4em !important;
}
a {
  color: #3ea021
}
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: #228702
}
a.disabled{
    pointer-events: none;
    opacity: 0.5;
}

ul {
	margin:0;
	padding:0;
}

/**********************************************
component
**********************************************/
.content-header h1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.content-wrapper {
	background-color: #edf1e6 !important;
}
.content {
	margin-top: 10px;
}
#admin .content-wrapper {
	padding: 8px 15px 15px;
	background-color: #fff3f8;
}
#admin .content-header {
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}
#admin .content-header h1 {
	padding-bottom: 20px;
}

.login-page, .register-page {
	position: relative;
	width: 100%;
	min-height: 100%;
}
.login-admin-bg {
	background-color: #3bba54 !important;
}
.login-box, .register-box {
	position: relative;
	top:50px;
	width: 700px;
	margin: 7% auto;
	z-index: 2;
}
.login-logo {
	font-size: 24px;
	line-height: 1.5;
	color:#fff;
	margin-bottom: 0
}
.login-icon {
	text-align: center
}
.login-icon img {
	max-width:80%;
}
.login-logo img, .register-logo img {
	max-width: 100%;
	margin-bottom: 30px !important;
}
.login-box-body {
	width: 500px;
	margin: 0 auto;
	background-color: #3bba54;
	border: 0px solid #ccc;
	border-radius: 5px;
	font-size: 13px;
	color:#fff;
}
.login-box-body .form-group {
	margin-bottom: 30px;
}
.login-box-body .form-control {
	border-radius: 5px;
	font-size: 16px;
	line-height: 2 !important;
	padding: 10px !important;
	height: 46px;
	opacity: 0.7;
}
.login-box-body .glyphicon{
	margin-top: 6px;
	color: #3bba54;
}
.login-box-body .btn {
	border-radius: 5px;
	font-size: 16px;
	line-height: 2 !important;
}
.login-box-footer {
	width: 500px;
	margin: 0 auto;
	padding: 15px 5px;
	font-size: 12px;
	text-align: center;
	color:#000;
}
@media (max-width:991px) {
	.login-box, .register-box {
		width: 90%;
	}
	.login-logo img, .register-logo img {
		width: 90%;
		margin-bottom: 0 !important;
	}
	.login-box-body {
		width: 100%;
	}
}

h3 {
    margin-bottom: 30px;
}

.home-btn-area {
	padding: 0 20px 10px;
	background-color: #edf1e6 !important;
	border: 1px solid #fff !important;
}
.home-btn-area .btn {
	margin-top: 20px;
	line-height: 30px;
}

.btn-item {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #84c43b;
	border-color: #84c43b
}
.btn-item:hover, .btn-item:active, .btn-item.hover {
	color: #fff;
	background-color: #72b526
}
.btn-tool {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #adb85a;
	border-color: #b0ba63
}
.btn-tool:hover, .btn-tool:active, .btn-tool.hover {
	color: #fff;
	background-color: #9ca74a
}
.btn-home {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #bfa65c;
	border-color: #bfa65c
}
.btn-home:hover, .btn-home:active, .btn-home.hover {
	color: #fff;
	background-color: #af9442
}
.btn-file {
	background-color: #f4f4f4;
	color: #d34c63;
	font-weight: 600;
	font-size: 1.1em;
	border-color: #ccc
}
.btn-file:hover, .btn-file:active, .btn-file.hover {
	color: #d34c63;
	background-color: #dfdede
}
.btn-search {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #3c8dbc;
	border-color: #367fa9
}
.btn-search:hover, .btn-search:active, .btn-search.hover {
	color: #fff;
	background-color: #367fa9
}
.btn-add {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #e00000;
	border-color: #ff002c
}
.btn-add:hover, .btn-add:active, .btn-add.hover {
	color: #fff;
	background-color: #c20000
}
.btn-edit {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #d34c63;
	border-color: #bf213c
}
.btn-edit:hover, .btn-edit:active, .btn-edit.hover {
	color: #fff;
	background-color: #c1334b
}
.btn-delete {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #d4904d;
	border-color: #bf7e3c
}
.btn-delete:hover, .btn-delete:active, .btn-delete.hover {
	color: #fff;
	background-color: #c57c33
}
.btn-delete-small {
	background-color: #f4f4f4;
	color: #cf6476;
	font-weight: 600;
	font-size: 1.0em;
	border-color: #ccc;
}
.btn-delete-small:hover, .btn-delete-small:active, .btn-delete-small.hover {
	color: #d34c63;
	background-color: #f4f4f4;
}
.btn-login {
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	background-color: #d34c63;
	border-color: #bf213c
}
.btn-login:hover, .btn-login:active, .btn-login.hover {
	color: #fff;
	background-color: #ab2c41
}
.btn-sm {
	font-size: 100%;
	padding: 3px !important;
}

.box {
	border-top:0;
	padding: 20px;
	border-radius: 5px;
	overflow-x: hidden;
}
.box.box-default {
	border: 3px solid #ccc;
}

.table-bordered{border:1px solid #e0e0e0}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #e0e0e0}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}

.open-page{
	background-color: #edf1e6;
}
.open-page .wrapper {
	padding: 20px 20px 0px;
}
.open-page .content-header h1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.open-page .content {
	margin-top: 0;
}
.open-page .box {
	border: 0px;
	padding: 0;
	margin: 0;
	background: none;
}
.open-page .table-bordered{border:2px solid #00a65a; background-color: none;}
.open-page table th {
	white-space: nowrap;
}
.open-page table td {
	vertical-align: middle !important;
}
.open-page .detail th {
	white-space: nowrap;
	border-bottom:1px solid #c6c6c6 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #00a65a;
}
.open-page .detail td {
	vertical-align: middle !important;
	border-bottom:1px solid #c6c6c6 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.open-page table .env img {
	margin-right:10px;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 5px 12px 5px 12px !important;
  font-weight: 500;
  line-height: 1;
  font-size: 1.0em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #777;
  border-radius: 10px;
  margin-right:20px;
}

.modal-page {
	background-color: #edf1e6;
}
.modal-page .wrapper {
	padding: 10px 0 10px;
}
.modal-page .content-header h1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.modal-page .content {
	margin-top: 0;
}
.modal-page .box {
	border: 0px;
	padding: 0;
	margin: 0;
	background: none;
}
.modal-page .box-footer {
	background: none;
}
.modal-page .table-bordered{border:2px solid #00a65a; background-color: #fff;}
.modal-page .table-bordered>thead>tr>th,.modal-page .table-bordered>tbody>tr>th,.modal-page .table-bordered>tfoot>tr>th,.modal-page .table-bordered>thead>tr>td,.modal-page .table-bordered>tbody>tr>td,.modal-page .table-bordered>tfoot>tr>td{border:1px solid #00a65a}
.modal-page table th {
	white-space: nowrap;
}
.modal-page table td {
	vertical-align: middle !important;
}

@media (max-width:480px) {
	.open-page .wrapper {
		padding: 20px 10px 20px;
	}
	.modal-page .wrapper {
		padding: 0;
	}
	.content {
		padding: 0;
	}
	.box {
		margin: 0;
	}
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom > .nav-tabs {
  border-bottom-color: #e0e0e0;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0
}
.nav-tabs-custom  table th{
	color: #2cab72;
}
.nav-tabs-custom  table td {
	vertical-align: middle !important;
}

.tab-content{
	padding: 20px 20px 20px !important;
	margin: 0;
}
.tab-content table{
	margin: 0;
}
.tab-content .tab-pane {
	margin: 0;
	padding: 0;
}
.tab-content .list .env img {
	margin: 3px 5px 3px 0 ;
}

.notice {
  background: none;
  /*border-radius: 6px;*/
  padding:0 !important;
  margin:0 !important;
  font-size:130%;
  font-weight:bold;
  color:#ff0f0f;
  display: none;
}
.notice2 {
  background: none;
  /*border-radius: 6px;*/
  padding:10px;
  font-size:130%;
  font-weight:bold;
  color:#ff0f0f;
  display: none;
}
.callout {
	border-radius: 6px;
	margin: 0 0 20px 0;
	padding: 10px;
	border-left: none;
	border: 1px solid #cd3535 !important;
}
.callout h4 {
	margin-top: 0;
	font-weight: 600;
	font-size: 1.1em;
	color: #cd3535 !important;
}
.callout.callout-danger {
	border-color: #cd3535 !important;
	background-color: #fff !important;
	color: #cd3535 !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #1a8053;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #00a65a;
  border-color: #00a65a
}

#file_list {
	width:90%;
	margin:0 auto;
	margin-bottom: 40px;
}
#file_list img {
	height:100px;
	width: auto;
	max-width:100px;
}
#file_list .file-content{
   flex: 0;
   margin: 0;
   padding: 0;
   height:100%;
   position: relative;
}
#file_list .file-content p{
   position: absolute;
   top: 0;
   left: 6px;
   width:100px;
   height:100px;
   margin:0;
   padding:0;
   background: #333;
   opacity: 0;
}
#file_list .file-content p a{
	display: block;
	height:100%;
	color: #fff;
	font-size: 80%;
	padding:10px;
}

.input_plural input.form-control {
    display: inline-block;
    width: 85%;
}

.input_plural input.pluralBtn {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    padding: 0;
    margin: 0;
}

.input_plural textarea.form-control {
    display: inline-block;
    width: 100%;
}

.input_plural textarea.pluralBtn {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    padding: 0;
    margin: 0;
}

.caution_input {
   background: #ffe7e7 !important;
}

.margin-top {
	margin-top: 20px;
}
.margin-left {
	margin-left: 10px;
}

#searchform {
	margin-top: -10px;
}
#searchform input {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
#searchform input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
#searchform input::-moz-placeholder {
  color: #999;
  opacity: 1
}
#searchform input:-ms-input-placeholder {
  color: #999
}
#searchform input::-webkit-input-placeholder {
  color: #999
}
#searchform input::-ms-expand {
  background-color: transparent;
  border: 0
}
#searchform input[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}
#searchform input[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}

.box-rep {
	height: 200px;
	overflow: scroll;
	padding:10px;
	background-color: #fff;
	border:1px solid #00a65a;
}

.box-com {
	height: 250px;
	overflow: scroll;
	padding:0 10px 10px;
	background-color: #fff;
	border:1px solid #00a65a;
}

.detail {
	font-size: 90%;
}
.detail th {
	padding-top:3px !important;
	padding-bottom:3px !important;
}
.detail td {
	padding-top:5px !important;
	padding-bottom:5px !important;
}

/*====================================================================
　ファイルアップロード
====================================================================*/
#drop_zone{
    width: 80%;
    height: 150px;
    border: 2px dotted #999;
    border-radius: 1rem;
    margin: auto;
    margin-top: 1rem;
    font-size: 1.5rem;
    text-align: center;
    padding-top:60px;
}
#progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
}
#progress_bar.loading {
opacity: 1.0;
}
#progress_bar .percent {
background-color: #99ccff;
height: auto;
width: 0;
}

#drag-area {
    width: 80%;
    height: 180px;
    border: 3px dotted #3bb27d;
    border-radius: 1rem;
    margin: auto;
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    text-align: center;
    padding-top:35px;
    color: #3bb27d;
    cursor: pointer;
}

#progressBar {
	 margin-top: 15px;
	 vertical-align: middle;
}
progress[value] {
  width: 250px;
  height: 20px;
}
progress[value] {
  -webkit-appearance: none;
  appearance: none;
}
progress[value]::-webkit-progress-bar {
  background-color: "green";
}
progress[value] {
  -moz-appearance: none;
  appearance: none;
  border: none;  /* Firefox also renders a border */
}
progress[value]  {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;  /* Remove border from Firefox */
  width: 250px;
  height: 20px;
  color: blue;
}

/*====================================================================
.accordion_one
====================================================================*/
.accordion_one {
  max-width: 1024px;
  margin: 0 auto;
}
.accordion_one .accordion_header {
  background-color: #84c43b;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 60px 15px 15px;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.accordion_inner .accordion_header {
  background-color: #b0ba63;
}
.accordion_inner .accordion_inner  .accordion_header {
  background-color: #bfa65c;
}
.accordion_inner .accordion_inner  .accordion_header.inner {
  background-color: #fff !important;
  color: #7d5d18 !important;
  padding: 15px 30px 15px 30px;
}
.accordion_inner .accordion_inner .accordion_inner  .accordion_header {
  background-color: #fff;
  color: #7d5d18;
}
.accordion_inner .accordion_inner  .accordion_subheader{
  background-color: #fff !important;
  color: #7d5d18 !important;
  font-size: 16px;
  padding: 15px 30px 15px 30px;
  cursor: pointer;
}
.accordion_inner .accordion_inner .accordion_inner  .accordion_subheader {
  background-color: #fff;
  color: #7d5d18;
  font-size: 16px;
  cursor: pointer;
}
.accordion_one .indent {
  padding-left: 3rem !important;
}
.accordion_one .indent02 {
  padding-left: 5rem !important;
}

/*.accordion_one .accordion_header {
  background-color: #db0f2f;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 60px 15px 15px;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.accordion_one:nth-of-type(1) .accordion_inner .accordion_header {
  background-color: #f52d4c;
}
.accordion_one:nth-of-type(1) .accordion_inner .accordion_inner  .accordion_header {
  background-color: #ff667e;
}
.accordion_one:nth-of-type(2) .accordion_header {
  background-color: #ff9a05;
}
.accordion_one:nth-of-type(2) .accordion_inner .accordion_header {
  background-color: #ffb64a;
}
.accordion_one:nth-of-type(2) .accordion_inner .accordion_inner  .accordion_header {
  background-color: #ffce85;
}
.accordion_one:nth-of-type(3) .accordion_header {
  background-color: #1c85d8;
}
.accordion_one:nth-of-type(3) .accordion_inner .accordion_header {
  background-color: #4cacf9;
}
.accordion_one:nth-of-type(3) .accordion_inner .accordion_inner  .accordion_header {
  background-color: #85c9ff;
}*/
.accordion_one .accordion_header:hover {
  opacity: .8;
}
.accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 3%;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  margin-top: -15px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion_one .accordion_header .i_box .one_i:before, .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion_one .accordion_inner {
  display: none;
  padding: 0;
  box-sizing: border-box;
}
.accordion_one .accordion_inner .box_one {
  height: 300px;
}
.accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
. slide-inner {
	background-color: #fff !important;
}

/*====================================================================
スライダー
====================================================================*/
.content-slider {
	display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
	overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    background: #fff;
    padding: 0 20px 20px;
}
.content-slider li {
    padding: 0;
    margin-right: 10px;
    display: inline-block;
}
.content-slider li img{
   height:150px;
   width:auto;
}
.content-slider li a {
   cursor: pointer;
}
.content-slider li a:hover {
   opacity: 0.7;
}
.content-slider li:last-child {
    margin-right: 0;
}

/************************************
** スライダー
************************************/
.slide-wrap{
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;
   padding: 1em 0 2em;
   margin: 0;
   background: #fff;
   scroll-behavior: smooth;
}
.slide-wrap .slide-content{
   flex: 0;
   margin: 0;
   padding: 0;
   height:100%;
   position: relative;
}
.slide-wrap .slide-content img{
   height:150px;
   width:auto;
}
.slide-wrap .slide-content p{
   position: absolute;
   /*top: 50%;
   left: 50%;
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);*/
   top: 0;
   left: 0;
   width:200px;
   height:150px;
   margin:0;
   padding:0;
   background: #333;
   opacity: 0.6;
}
.slide-wrap .slide-content p a{
	display: block;
	height:100%;
	color: #fff;
	font-size: 100%;
	padding:10px;
}
@media screen and (max-width: 480px){
	.slide-wrap .slide-content {
	    flex: 0;
	    margin: 0px 5px;
	    scroll-snap-align:center;
	}
}

/************************************
** スライダー（営業ツール用）
************************************/
.slide-wrap_u{
   display:-webkit-box;
   display:-ms-flexbox;
   display: flex;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   scroll-snap-type: x mandatory;
   padding: 1em 0 2em;
   margin: 0;
   background: none;
   scroll-behavior: smooth;
}
.slide-wrap_u .slide-content{
   flex: 0;
   margin: 0;
   padding: 0;
   height:100%;
   position: relative;
}
.slide-wrap_u .slide-content img{
   height:150px;
   width:auto;
}
.slide-wrap_u .slide-content p{
   position: absolute;
   /*top: 50%;
   left: 50%;
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);*/
   top: 0;
   left: 0;
   width:200px;
   height:150px;
   margin:0;
   padding:0;
   background: #333;
   opacity: 0.6;
}
.slide-wrap_u .slide-content p a{
	display: block;
	height:100%;
	color: #fff;
	font-size: 100%;
	padding:10px;
}
@media screen and (max-width: 480px){
	.slide-wrap_u .slide-content {
	    flex: 0;
	    margin: 0px 5px;
	    scroll-snap-align:center;
	}
}

/*====================================================================
#page-top
====================================================================*/
#page-top {
    position: fixed;
    bottom: 0px;
    right: 10px;
    font-size: 100%;
    font-weight: bold;
}
#page-top a {
    background: #4dcc7a;
    text-decoration: none;
    color: #fff;
    padding: 8px 14px;
    text-align: center;
    display: block;
    border-radius: 100px;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

@media only screen and (min-width:1400px){
	.modaal-video-container{padding-bottom:0;height:731px}
}
@media only screen and (max-width:1140px){
	.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}
	.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}
	.modaal-gallery-control:after, .modaal-gallery-control:before{background:#fff}
	.modaal-gallery-next{left:auto;right:20px}
	.modaal-gallery-prev{left:20px;right:auto}
}
@media screen and (max-width:900px){
	.modaal-instagram iframe{width:500px!important}
}
@media only screen and (max-width:600px){
	.modaal-instagram iframe{width:280px!important}
}
@media screen and (max-height:1100px){
	.modaal-instagram iframe{width:700px!important}
}
@media screen and (max-height:1000px){
	.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}
	.modaal-instagram iframe{width:600px!important}
}
@media screen and (max-height:900px){
	.modaal-instagram iframe{width:500px!important}
	.modaal-video-container{max-width:900px;max-height:510px}
}
@media only screen and (max-height:820px){
	.modaal-gallery-label{display:none}
}