@charset "utf-8";
/* CSS Document */
/* PC用サイズ */


h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 140%;
}

.p_none {
	display: none;
}

.t_block {
	display: none;
}

.m_none {
	display: block;
}

.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #EEE;
	border: 1px solid #DDD;
	color: #111;
	padding: 10px 0;
	margin: 0 auto;
	cursor: pointer;
	line-height: 1;
}

/*------------------------------------------
// nohover マウスカーソル載せても薄くならない
----------------------------------------- */
.nohover{
  pointer-events: none;
}
/*------------------------------------------
// 分野別 COLOR
----------------------------------------- */
/* 画像に枠線追加のためCSSでのborderなしへ */
 /* 歯科 */
/*.dental { background: #00a0e9; } */
/* .dental_border { border: 1px #9c9c9c solid; } */
/* 産業 */
/*.industry { background: #920783; } */
/* .industry_border { border: 1px #9c9c9c solid; } */
/* 医科 */
/*.medical { background: #E4007F; }*/
/* .medical_border { border: 1px #9c9c9c solid; } */
/* 動物 */
/*.vet { background: #009944; }*/
/* .vet_border { border: 1px #9c9c9c solid; } */

/*------------------------------------------
// column
----------------------------------------- */
.column2, .column3, .column4, .column5 {
	position: relative;
	display: inline;
	float: left;
	padding: 0;
}

.column2 {
	width: 49%;
	margin: 0 0.5%;
}

.column3 {
	width: 32.6%;
	margin: 1% 0.5%;
}
.column4 {
	width: 24.25%;
	margin: 1% 1% 1% 0;
}

.column4_ind {
	width: 24.25%;
	margin: 1% 1% 1% 0;
}

/*------------------------------------------
//（hidden）
----------------------------------------- */

.hidden_box {
	margin: 0;
	padding: 10px 0;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.hidden_box label {
	border-radius: 5px;
	cursor : pointer;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 0 0 25px;
	width: 75%;
	color: #4d4d4d;
	font-size: 0.95rem;
}

.hidden_box label:hover {
	opacity:0.8;filter:Alpha(opacity=80);
}

.hidden_box label:after {
 content: "詳細";	/* 閉じている状態のときにラベルの後ろに続く文字 */
padding: 0.8% 1.8%;
 background:#08c;
 margin-left:1%;
 border-radius:3px;
 color: #FFF;
}

.hidden_box input {
 display: none;
}
.hidden_box input:checked + label:after {
	content: "詳細を閉じる ×";	/* 開いている状態のときにラベルの後ろに続く文字 */
	background: #FFF;
	color: #08c;
	border: 1px solid #08c;
}

.hidden_box input:checked ~ .hidden_show {
	height: auto;
	opacity: 1;
	width: 94%;
	margin: 1% auto 0;
	padding: 10px 0;
	font-size: 0.88rem;
	line-height: 170%;
	color: #4d4d4d;
	background:#FFF;
}

.hidden_box .hidden_show {
 height: 0;
 overflow: hidden;
 opacity: 0;
 padding: 0;
 text-align: left;
 transition: 0.5s;
}
.hidden_box .hidden_show a:hover{
	text-decoration: underline;
}

.hidden_box .hidden_show .exhibition {
	font-size: 0.9rem;
	margin-bottom: 4%;
	line-height: 150%;
	font-weight: normal;
}

.hidden_box .hidden_show .exhibition .caution{
	font-size:0.75rem;
}
.hidden_box .hidden_show .exhibition .bold{
	font-weight:bold;
	font-size:0.9rem;
}
.hidden_box .hidden_show .exhibition a{
	font-weight:bold;
}
.hidden_box .hidden_show .exhibition a:hover{
	text-decoration: underline;
}

.hidden_box .hidden_show .showroomList {
	display: inline-block;
	width: auto;
	padding: 1%;
	background: #F5F5F5;
	border-radius: 4px;
}
.hidden_box .hidden_show .showroomList li {
	float: left;
	margin: 0;
	font-size: 0.8em;
}

p.news_new,
label.news_new {
	padding: 0;
}

.news_new:before {
	content: "NEW";
	color:#F00;
	font-size:0.65rem;
	font-weight:bold;
}

/*---- 産業展示会 ----（閉じるverはバックアップを参照してください） */

.exbox2 {
	background: #FF0000;
	border-radius: 6px;
	font-size: 1.3rem;
	font-weight: bold;
	border: 1px solid #FF0000;
	padding: 10px 0 0;
	overflow:hidden;
}

.exbox2 label, .exbox2 h2 {
    font-size: 1.5rem;
    padding: 0 0 0 20px;
    color: #FFF;
    line-height: 25px;
    overflow: hidden;
    height: 25px;
}
.exbox2 label span, .exbox2 h2 span {
	font-size:0.75rem;
}

.exbox_show2 {
    overflow: hidden;
    height: 100%;
    opacity: 1;
    margin: 1% auto 0;
    padding: 1.5% 5% 0.5%;
    line-height: 170%;
    color: #4d4d4d;
    background: #FFF;
    border-radius: 0 0 5px 5px;
}
.ex_50 {
	width:48%;
	margin:0 1% 0 1%;
	float: left;
}

.ex_100 {
	width: 100%;
	/*overflow: hidden;*/
	position:relative;

}

ul.exhibition {
	width: 100%;
	float: left;
	display: block;
	font-size: 1.05rem;
	margin: 0 auto 1%;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 1%;
	position:relative;

}

ul.exhibition a{
	display: inline-block;
	/* position: absolute;
	top: 0;
	left: 30%;*/
}

ul.exhibition li.date{
	width:30%;
	float:left;
}

ul.exhibition li.ex_name, ul.exhibition li.booth{
	width:70%;
	float:right;
}

ul.exhibition li.booth{
	padding-left: 2%;
}

/* ul.exhibition li.bold{
} */

ul.exhibition li.bold,
ul.exhibition a{
	font-weight:bold;
	display:block;
}

ul.exhibition a:visited {
    color: #08c;
    text-decoration: underline;
}

ul.exhibition li.booth{
	margin-top:0;
	font-size:0.8rem;
	line-height:150%;
}

p.ct_sampletxt {
	display: none;
	font-size: 1.2rem;
	color: red;
	text-align: center;
	margin: 0 auto 0;
	line-height: 150%;
	border: 1px solid #F00;
	padding: 2% 0;
	border-radius: 6px;
	width: 80%;
}

span.ct_sampletxt2 {
    font-size: 0.8rem;
    color: #F00;
    text-align: center;
    /* margin: 0 auto 0; */
    /* line-height: 150%; */
    /* border: 1px solid #F00; */
    border-radius: 6px;
    width: 55%;
    float: right;
    background: #FFF;
    font-size: 0.8rem!important;
    padding: 0;
    margin-right: 1%;
}

/* slide-btn （詳しく見る） */
.slide-btn-open, .slide-btn-close {
    cursor: pointer;
    /* display: block; */
    background: #666;
    border-radius: 6px;
    color: #FFF;
    text-align: center;
    padding: 0;
    /* margin: 20px auto 0; */
    width: 15%;
    font-size: 0.95rem;
    /* float: right; */
    position: absolute;
		height:30px;
    line-height: 30px;
		right: 0;
		bottom: 7.5%;
}

/* .slide-contents {
} */

.slide-btn-open {
			bottom: 33%;

}

.slide-btn-close {
			bottom: 11.5%;

}
.slide-btn-open:hover,
.slide-btn-close:hover {
	color: #EBEBEB;
	text-decoration: none;
}
.slide-contents,
.slide-btn-close {
	display: none;
}


/*------------------------------------------
// top_bnr
----------------------------------------- */
.top_bnr {
	width: 98%;
	background: #CCC;
	padding: 0 1%;
	margin: 20px 0 30px;
}

.top_bnr li {
	margin: 1% 0.5%;
	background: #CCC;
}
.top_bnr li.column4:first-child{
	margin-left: 0;
}
.top_bnr li.column4:last-child{
	margin-right: 0;
}

.top_bnr li.column3:first-child{
	margin-left: 0;
}
.top_bnr li.column3:last-child{
	margin-right: 0;
}

/*------------------------------------------
// genre_title
----------------------------------------- */
.genre_title {
	width: 100%;
	height: 50px;
	margin: 20px auto 40px;
	padding: 0 2%;
	background:#9c9c9c;
	/* padding・borderもwidthに含める */
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.genre_title h1 {
	float: left;
	line-height: 50px;
	color: #FFF;
}

/*------------------------------------------
// DM_box 英語訳完成まで残す
----------------------------------------- */
.DM_box {
	width: 100%;
	margin: 0 auto 40px;
}
.DM_box img {
	width: 100%;
}
.newDM {
	width: 100%;
	margin: 0 auto 10px;
}
.newDM a {
	display: inline-block;
	background: #EAEAEA;
	margin-bottom: 20px;
	width: 96%;
	padding: 2%;
	color: #4D4D4D;
}


.newDM a:hover {
	text-decoration: none;
}
.newDM_title {
	display: inline-block;
	margin: 0 0 5px;
	width:100%;
}
.newDM_title p {
	float: left;
	font-size: 1.2em;
	line-height: 30px;
	font-weight: bold;
}
.newDM_title p.new {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	background: #4D4D4D;
	padding: 0 ;
	margin-right: 10px;
}
.DM_archive {
	display: inline-block;
	width: 85%;
	margin: 0;
}
.DM_archive .column4 {
	margin-top: 0;
}
.DM_archive .column4:first-child {
	margin-left: 0;
}
.DM_archive .column4:last-child {
	margin-right: 0;
}
.DM_archive .column4 img {
	border: 1px solid #4D4D4D;
	width: 90%;
	margin: 0 auto;
}
.DM_archive .column4 a {
	display: inline-block;
	color: #4D4D4D;
	text-align: center;
}
.DM_archive .column4 a:hover {
	text-decoration: none;
	color: #999;
}
a.archive_link {
	float: right;
	width: 150px;
	height: 30px;
	font-size: 13px;
	color: #4D4D4D;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	background: #CCC;
	border-radius: 15px;
}
a.archive_link:hover {
	text-decoration: none;
	color: #FFF;
	background: #4D4D4D;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/*------------------------------------------
// DM_box（medical） 英語訳完成まで残す
----------------------------------------- */

.dm_med{
	width: 55%!important;
	}

.newDM a .left,
.newDM a .right {
	width: 49%;
}

/* .m_ {
} */

.newDM a .m_{
	width: 45%!important;
}

.med_dmbox{
	overflow:hidden;
	width:60%;
	margin:0 auto;

}

.med_dmbox2{
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
.newDM a .med_dmbox2 .left {
    width: 48%;
}
.newDM a .med_dmbox2 .right {
    width: 48%;
}

/*------------------------------------------
// DM_box（industry） 英語訳完成まで残す
----------------------------------------- */
.dm_ind {
    display: inline-block;
    background: #EAEAEA;
    width: 96%;
    padding: 2%;
    color: #4D4D4D;
}


/*------------------------------------------
// news（お知らせ）
----------------------------------------- */

.link_box2 {
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5px;
	margin-left: 0;
}

.link_box2 p {
    cursor: pointer;
    font-weight: normal;
    padding: 5px;
    width: 99%;
    color: #4d4d4d!important;
    font-size: 1em!important;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

.link_box2 p:hover {
	opacity:0.8;filter:Alpha(opacity=80);
}


.link_box2 p:after {
    content: "More details";
    padding: 0.4% 1%;
    background: #08c;
    margin-left: 1%;
    border-radius: 3px;
    color: #FFF;
    font-weight: normal;
}






/*------------------------------------------
// p_category
----------------------------------------- */

.p_category {
	width: 100%;
	margin: 0 0 5rem;
}
.p_category a:hover {
	text-decoration: none;
}
.p_category .cate_title {
	display: inline-block;
	position: relative;
	width: 98%;
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
	padding: 0 1%;
}
.sub_title {
	position: relative;
	bottom: 0;
	margin-top: -3%;
}
.sub_title h3 {
	float: left;
	line-height: 1.6;
	font-size:1.5rem;

}
.sub_title h3 span {
	font-size: 0.8rem;
}
.sub_title h4 {
	float: left;
	font-size: 1.2rem;
	bottom: 5%;
	background: #FFEFFF;
	padding: 6.5px 10px;
	margin: 0 0 0 20px;
	line-height: 1.2;
}
.sub_title h4 span {
	font-size: 0.6rem;
	margin: 0 0 0 5px;
}

.cate_title h3.s_cate_title {
	display:inline-block;
}

.cate_title p {
	/* float: right; */
	/* font-size: 0.6rem; */
	line-height: 140%;
	/* text-align: right; */
	color: #666;
}

.cate_title p.deve {
	display:inline;
	line-height: 15px;
}

.cate_title p img.lease_tel {
	display: inline;
	vertical-align: bottom;
	width: 20px;
}
.p_category .cateBox {
	width: 96%;
	margin: 0 auto;
}
.p_category .l_colB, .exbox_show2 .l_colB{
	display: flex;
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%;
}
.p_category .cateBox .column4 {
	height: auto;
	width: 23.7%;
	flex-basis: 23.7%;
	-webkit-flex-basis: 23.7%;/*--- safari（PC）用 ---*/
	/* padding・borderもwidthに含める */
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.p_category .cateBox .column4:nth-child(4n+1) {
	margin-left: 0;
}
.p_category .cateBox .column4:nth-child(4n) {
	margin-right: 0;
}

.cateBox_title {
	background: #e5e5e5;
	height: auto!important;
	padding-bottom: 12px;
}

.lease_title {
    background: #e5e5e5;
    height: auto;
    padding-bottom: 1%;
}

.okiraku	 {
	height:auto!important;
}
.p_category .cateBox .column4 .cateBox_title p {
	font-family: Arial;
	color: #4d4d4d;
	text-align: center;
	font-size: 1.05rem;
	padding: 6px 0;
	letter-spacing: -1px;
}

.p_category .cateBox .column4 .cateBox_title p span.s_text {
	font-size:0.8rem;
}

.p_category .cateBox .column4 .cateBox_title p span.ct,
.p_category .cateBox .column4 .cateBox_title p span.censor,
.p_category .cateBox .column4 .cateBox_title p span.camera,
.p_category .cateBox .column4 .cateBox_title p span.other {
	font-size:1.4rem;
	padding-left: 1.5%;
	padding-right: 1%;
}

.p_category .cateBox .column4 .cateBox_title p span.other_s {
	font-size:1.1rem;
	padding: 0 1%;
}


.p_category .cateBox .column4 .cateBox_title p span.ct {	/* CT */
	color:red;
}

.p_category .cateBox .column4 .cateBox_title p span.censor {	/* センサー */
	color:#4693ff;
}

.p_category .cateBox .column4 .cateBox_title p span.camera {	/* カメラ */
	color:#009944;
}

.p_category .cateBox .column4 .cateBox_title p span.other,
.p_category .cateBox .column4 .cateBox_title p span.other_s {	/* その他 */
	color:#ff49a2;
}

.p_category .cateBox .column4:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .pro_txt{
	position:absolute;
	bottom:0;
	width: 100%;
}

/* .p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .pro_txt p{
} */

.p_category .cateBox .cateimg_box .pro_txt p.ind_txt{
	text-align: right;
	font-size: 0.7rem;
	margin-right: 5%;
	margin-top: -7px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp{
	height: 37px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp2{
	height:40px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp2_2{
	height:65px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp3{
	height:50px;
}

.p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box .kara_sp_ind{
	height:73px;
}

/* .p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box p.rows_new{
} */

/* .p_category .cateBox .bk_soon:hover, .p_category .cateBox .cateimg_box img {
} */



/*------------------------------------------
// 産業のお知らせ
----------------------------------------- */

.p_category .ind_news {
	width: 55%!important;
}
.news_left {
	float:left;
	width:57%;
}

.news_right {
	float:right;
	width:40%;
}

a.ct_center_link {
	display: block;
	background: #FFF;
	border-radius: 6px;
	text-align: center;
	height: auto;
	border: 1px solid #920783;
	margin-bottom:3%;
	margin-top: -8%;
	}

a.ct_center_link h2{
	font-size:1.25rem;
	font-weight:bold;
	color:#FFF;
	display:block;
	background:#920783;
	border-radius:6px;
	height:50px;
	line-height:50px;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

a.ct_center_link img{
	width:93%;
	margin:2.5% auto;
}

a.ct_center_link:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



/*------------------------------------------
// （text）
----------------------------------------- */

.text_box {
	padding: 10px 0;
	margin: 0;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.text_box p{
	font-weight: bold;
/*	width: 100%;*/
	color: #4d4d4d!important;
	font-size: 0.9rem;
	padding-left: 25px;
	padding-right: 25px;
}

.text_box p span{
	padding-left:25px;

}

/*------------------------------------------
// （link）
----------------------------------------- */

.link_box {
	padding: 10px 0;
	margin: 0;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.link_box {
	cursor : pointer;
	font-weight: bold;
/*	width: 100%;*/
	color: #4d4d4d;
font-size: 0.9rem;
	padding-left: 25px;
padding-right: 25px;
}
.link_box:hover {
	opacity:0.8;filter:Alpha(opacity=80);
}
.link_box h4:after {
	content: "More details";
	padding: 0.8% 2%;
	background: #08c;
	margin-left: 1%;
	border-radius: 3px;
	color:#FFF;
	font-weight: normal;
	font-size: small;
	white-space: nowrap;
}

.link_box p{
	font-style: normal;
	font-weight: normal;
}

/* スペースつき改行 */

   .brspace::after {
   content: " ";
   }

/*------------------------------------------
// boxer
----------------------------------------- */
.boxer-lock {
  overflow: hidden !important;
}
#boxer-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
.boxer-open #boxer-overlay {
  opacity: 0.75;
}
#boxer {
  width: 100%;
  height: 200px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 101;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 25px #000000;
  opacity: 0;
  margin: 0 auto;
  padding: 10px;
}
#boxer * {
  -webkit-transition: none;
          transition: none;
}
#boxer,
#boxer * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
#boxer,
#boxer *,
#boxer *:before,
#boxer *:after {
  box-sizing: border-box;
}
#boxer.fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
}
#boxer.inline {
  padding: 30px;
}
#boxer.animating {
  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
          transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
}
#boxer.animating .boxer-container {
  -webkit-transition: opacity 0.25s linear 0.25s;
          transition: opacity 0.25s linear 0.25s;
}
.boxer-open #boxer {
  opacity: 1;
}
#boxer.loading .boxer-container {
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
#boxer .boxer-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -7.5px;
  right: -7.5px;
  z-index: 105;
  background: #ffffff;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  text-indent: 200%;
  white-space: nowrap;
}
#boxer .boxer-close:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #333333;
  content: "\00d7";
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: auto;
  text-align: center;
  text-indent: 0;
  -webkit-transition: color 0.15s linear;
          transition: color 0.15s linear;
}
.no-opacity #boxer .boxer-close {
  text-indent: -999px;
}
#boxer .boxer-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105;
  display: block;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
#boxer .boxer-loading:before,
#boxer .boxer-loading:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 110%;
  content: '';
  display: block;
}
#boxer .boxer-loading:before {
  border: 5px solid rgba(51, 51, 51, 0.25);
}
#boxer .boxer-loading:after {
  -webkit-animation: boxer-loading-spin 0.75s linear infinite;
          animation: boxer-loading-spin 0.75s linear infinite;
  border: 5px solid transparent;
  border-top-color: #333333;
}
#boxer.loading .boxer-loading {
  opacity: 1;
}
@-webkit-keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#boxer .boxer-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 103;
  background: #ffffff;
  overflow: hidden;
}
#boxer .boxer-content {
  width: 100%;
  background: #ffffff;
  opacity: 1;
  overflow: hidden;
  padding: 0;
}
#boxer.inline .boxer-content,
#boxer.iframe .boxer-content {
  width: auto;
}
#boxer .boxer-image {
  float: left;
}
#boxer .boxer-video {
  width: 100%;
  height: 100%;
}
#boxer .boxer-iframe {
  width: 100%;
  height: 100%;
  border: none;
  float: left;
  overflow: auto;
}
#boxer .boxer-meta {
  clear: both;
}
#boxer .boxer-control {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  overflow: hidden;
  text-indent: 200%;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
  white-space: nowrap;
}
#boxer .boxer-control:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  margin: auto;
}
#boxer .boxer-control.previous {
  left: 20px;
}
#boxer .boxer-control.previous:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10.4px solid #333333;
  margin-left: 14px;
}
#boxer .boxer-control.next {
  right: 20px;
}
#boxer .boxer-control.next:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10.4px solid #333333;
  margin-right: 14px;
}
#boxer .boxer-control.disabled {
  opacity: 0;
}
.no-opacity #boxer .boxer-control {
  text-indent: -999px;
}
.no-touch #boxer .boxer-control {
  opacity: 0;
}
.no-touch #boxer:hover .boxer-control {
  opacity: 1;
}
.no-touch #boxer:hover .boxer-control.disabled {
  opacity: 0;
  cursor: default !important;
}
#boxer .boxer-meta {
  padding: 10px 0 0 0;
}
#boxer .boxer-position {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 15px 15px 0 15px;
}
#boxer .boxer-caption p {
  color: #666666;
  font-size: 14px;
  margin: 0;
  padding: 15px;
}
#boxer .boxer-caption.gallery p {
  padding-top: 0;
}
#boxer .boxer-error {
  width: 250px;
}
#boxer .boxer-error p {
  color: #990000;
  font-size: 14px;
  margin: 0;
  padding: 25px;
  text-align: center;
  text-transform: uppercase;
}