@charset "utf-8";

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Elements*****/

body {font-family:  "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";}


#preloadedImages {width: 0px;height: 0px;}

h1{postion:relative;z-index: 1;}

h2 {color:#fe7316;font-size:29px;line-height:100%;margin:0 auto;text-align:center;padding:45px 0px;position:absolute; z-index:10;}

a img {border: none;margin:0;}
a, a:visited  {list-style-type: none;text-decoration:none;color:black;}

li {list-style:none;}

/***********************************************************************************************/
/*Basic*/
/***********************************************************************************************/

#mainWraper{margin:0 auto;overflow:hidden;width:auto;text-align:center;}

#top{margin:0 auto;text-align:left;}

#contentWrap{width:100%;height:1000px;margin:0 auto;background-color:rgba(0,0, 0,0.8);position:relative;margin-top:-1000px;overflow:hidden;text-align: center;background-image:url("../img/landing_kj2/dot8.png");background-repeat: repeat;z-index: 3;}

#contentWrap p {color:red;font-size:39px;font-family: 'Noto Sans Japanese', sans-serif;line-height:260%;margin:0px auto;text-align:center;-webkit-text-stroke-width:4px;-webkit-text-stroke-color: white; animation-iteration-count:infinite;}

.hidden{ display:none }

#title{position:relative;top:0px;z-index: 10;right:30px;}

#social{width:80px;height:310px;margin:0 auto;margin-top:300px;padding:20px;background:rgba(255, 255, 255, 0.5);border:#d4d3d3 1px solid; border-left:0px;position:fixed;z-index: 25;top:0;}

#twitter-widget-1{margin-top:5px;}

.fb-share-button{position: relative;top:-7px;}

#pocketBt{width:35px;float:left;}

.pocket-btn{width:80px;}

#button{width:450px;height:450px;position:relative;top:17px;border-radius:50%;margin:0 auto;text-align:center;background-color:rgba(255,255,255,0.0);background-repeat:no-repeat;background-position:center;background-size:80%;cursor:pointer;transition:background-image 0.6s linear;*}

#button img {position:absolute;margin:0 auto; left:0;
  right:0;}

.top{top:200px;z-index: 5;}

.heart:before {display: block;position: absolute; top: 0; width: 100%; font-family: 'icons'; font-size: 21px; text-indent: 0; font-variant: normal; line-height: 21px; }

.heart {position: relative; width: 200px; overflow: inherit; margin: 0px auto; list-style: none; top:145px; right: 10px; -webkit-animation: animateHeart 2.5s infinite; animation: animateHeart 2.5s infinite; }

.heart:before, .heart:after {position: absolute; content: ''; top: 0; left: 109px; width: 109px; height: 182px; background: white; border-radius: 60px 60px 0 0; -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.heart:after {left: 0px; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } @-webkit-keyframes animateHeart {0% {-webkit-transform: scale(1); } 5% {-webkit-transform: scale(1.2); } 10% {-webkit-transform: scale(1.1); } 15% {-webkit-transform: scale(1.3); } 50% {-webkit-transform: scale(1); } 100% {-webkit-transform: scale(1); } } @keyframes animateHeart {0% {transform: scale(1); } 5% {transform: scale(1.2); } 10% {transform: scale(1.1); } 15% {transform: scale(1.3); } 50% {transform: scale(1); } 100% {transform: scale(1); } }

.next{width:85px;height:85px;border-radius:50%;margin:0 auto;margin-bottom:-85px;position:relative;top:-45px;z-index:10;background: white url("../img/landing_kj2/arrow-down.png") no-repeat center;background-size:70%;cursor:pointer;}

#section1{height:0px;width:900px;z-index:1;background-image:none;margin:0 auto;text-align:center;padding-top:50px;}

#section2{height:1100px;width:100%;z-index:1;background-color:#daebf9;background-image:none;}

#section3{height:690px;width:100%;margin-bottom:-60px;z-index:1;background-color:blue;}

#section4{height:700px;width:100%;margin-top:60px;text-align:center;z-index:1;background-color:white;}

.toku {width:109px;position:relative;top:-2850px;margin-right:15px;z-index:7;left:14%;float:left; }
.toku img{ z-index:10;left:5%;float:left;margin-bottom:0px;}

/***********************************************************************************************/
/*z-layer effect*/
/***********************************************************************************************/

.zlayer {position: absolute;}

#zContainer {width: 100%;height:790px;margin: auto;overflow: hidden;position: relative;margin-right:200px;margin-top:0px;text-align:center; background-color:#74c0f4;}

.background {position:relative;margin-left: -400px;margin-top: 0px;top: 0px!important;z-index: 1;}

.layer1 {width:3000px;height:500px;background-image:url("../img/landing_kj2/layer1.png");background-repeat:repeat;position:relative;left: 270px;margin-left: -600px;top: -610px!important;z-index: 2;}

.layer2 {position:relative;top: -1200px!important;z-index: 4;}

.layer3 {position:relative;top: -1930px!important;left:350px;z-index: 4;}

#zContainer h2 {margin:0 auto;text-align:center;position:relative; z-index:10;top:-2730px;}
#zContainer h3 {margin:0 auto;text-align:center;position:relative; z-index:10;top:-2820px;}

#formWrapper {width:457px;height:106px;margin:0 auto;margin-top:30px;position:relative;z-index:50;padding-top:23px;text-align:center;background-image: url(../img/landing_kj2/form.png);background-repeat: no-repeat;}

 h3{font-size:20px;font-weight:bold;color:#292929;padding:40px 0px; }

#tokuchoWrapper{width:100%;text-align:center;background:#e9e9e9;border:#d4d3d3 1px solid;padding-top:20px;margin-top:30px;}

#tokucho{width:auto;height:300px;margin:0 auto;text-align:center;margin-left: auto;margin-right: auto; display:inline-block;}

.left{float: left;width:290px;height:100px;padding:6px;margin:0px 10px;}
.center {float: left;width: 290px;height:100px;padding:6px;margin:0px 10px;}
.right {float: left;width: 290px;height:100px;padding:6px;margin:0px 10px;}
 
.right  img, .center img, .left img{margin-top:35px;}

h4{font-size:18px;font-weight:bold;color:#292929;padding:0px 0px; line-height: 24px; }

#tokucho p{font-size:13px;font-weight:bold;height:30px;color:#292929;padding:0px 0px; line-height: 24px;}

#section4 hr{height: 6px;border: 0;box-shadow: inset 0 6px 6px -6px black;}

.open_idkj{margin-top:0px !important;right:2px !important; }

/***********************************************************************************************/
/*Instafeed*/
/***********************************************************************************************/

#instafeed{width:120%;height:1000px;position:relative;margin:0 auto;overflow:hidden;margin-left:-200px;z-index: 2;}
#instafeed1{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed2{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed3{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed4{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed5{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed6{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}
#instafeed7{width:120%;height:150px;position:relative;margin:0 auto;overflow:hidden;}

#instafeed img{margin-top:-4px;}

.interests{width: 100%;height:100%;position:relative;margin:0px 0 30px 0;border-radius:50%;background-size:100%;text-align:center;cursor:pointer;opacity:1;transition:opacity 0.5s linear;*}
.interests:hover {opacity:0.4;}

#inst{width:1020px;height:694px;margin:0 auto;margin-top:-110px;text-align:center; background-repeat: no-repeat;background-size:100%; background-repeat: no-repeat;position:relative;right:30px;}

#inst0, #inst2, #inst3, #inst4, #inst5, #inst6, #inst7, #inst8, #inst9, #inst10, #inst11, #inst12, #inst13, #inst14, #inst15 {margin:0 auto;margin:15px 55px;border-radius:50%;background-color:rgba(0,0,0,0.9);float:left;top:10px;overflow:hidden;}

#inst0 {position:relative;top: 300px;right: -810px;width: 145px;height: 145px;}

#inst0m {width: 145px;height: 145px;}
#inst2 {position:relative;top: 75px;right: 290px;width: 180px;height: 180px;}
#inst3 {position:relative;top: 244px;right: 420px;width: 90px;height: 90px;}
#inst4 {position:relative;top: 340px;right: 725px;width: 160px;height: 160px;}
#inst5 {position:relative;top: 325px;right: 430px;width: 210px;height: 210px;}
#inst6 {position:relative;top: 80px;right: -375px;width: 100px;height: 100px;}
#inst7 {position:relative;top: 140px;right: -300px;width: 130px;height: 130px;}
#inst8 {position:relative;top: -370px;right: -170px; width: 80px;height: 80px;}
#inst9 {position:relative;top: -10px;right: -20px;width: 190px;height: 190px;}
#inst10 {position:relative;top: -560px;right: -750px;width: 179px;height: 170px;}
#inst11 {position:relative;top: -380px;right: -380px; width: 110px;height: 110px;}

#inst0 .interests img {width: 145px;}
#inst2 .interests img {width:100px;}
#inst3 .interests img {width: 110px;}
#inst4 .interests img {width: 60px;}
#inst5 .interests img {width: 210px;}
#inst6 .interests img {width: 100px;}
#inst7 .interests img {width: 130px;}
#inst8 .interests img {width: 80px;}
#inst9 .interests img {width: 110px;}
#inst10 .interests img {width: 110px;}
#inst11 .interests img {width: 160px;}
#inst12 .interests img {width: 130px;}
#inst13 .interests img {width: 75px;}
#inst14 .interests img {width: 100px;}
#inst15 .interests img {width: 65px;}

#inst0 p, #inst2 p, #inst3 p, #inst4 p, #inst5 p, #inst6 p{font-size:22px;color:black;font-weight:bold;position:relative;top:-70px;margin:0 auto;z-index:10;text-align:center;cursor:pointer;}
#inst0 p:hover + .interests, #inst2 p:hover + .interests, #inst3 p:hover + .interests, #inst4 p:hover + .interests, #inst5 p:hover + .interests, #inst6 p:hover + .interests{opacity:0.4;}

.install {width:1200px;height:900px;text-align:left;overflow:hidden;top:0px;margin:0;}

.bg {width:150px;height:33px;margin-top:-35px;background-color:rgba(0,0,0,0.7);position:absolute;z-index:10;opacity:0;transition:opacity 0.5s linear;*}
.bg:hover, .cont :hover  + .bg{opacity:1;}

.cont{width:150px;height:200px;float:right;margin:10px;}

.likes img,.comments img, .zoom img{width:15px;height:15px;}

.likes {float:left;width:55px;height:30px;font-size:1em;position:relative;color:#ffffff;opacity:0.8;text-align:center;margin-top:-7px;line-height:50px;}

.comments {float:left;width:50px;height:50px;font-size:1em;position:relative;margin-top:-7px;color:#ffffff;opacity:0.8;text-align:center;line-height:50px;}

.install .likes span{margin-bottom:10px;}
.install .comments span{}
.install .zoom{margin:6px 15px 0 0;float:right;}
.install .caption{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;max-height: 200px;font-size:12px;color:#ffffff;}

#hide2 {width:1200px;height:900px;text-align:center;background: rgba(0,0, 0,0.5);}
#hide3 {width:100%;height:100vh;background:red;}
.popupInst {width:480px;height:750px;margin:0 auto;}

/***********************************************************************************************/
/*TWITER*/
/***********************************************************************************************/
ul {list-style: none;margin: 0;padding: 0;}

.tweet a {color: #76949F;text-decoration: none;}

.tweet a:hover {text-decoration: underline;}

.source, .source2 {width: 350px;margin: 0 auto;border: 1px solid #e0e0e0;background: white;display: block;white-space: pre;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.source2 {width: 450px;}

.twc {color: #8e8e8e;width:auto;height:1120px;padding: 15px;margin: 50px auto;margin-top:0px;background: #daebf9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.twc  .tweet {height:620px;width: 860px;margin:0 auto;overflow:hidden;margin-top:50px;position:relative;left:0px;padding:50px 0;text-align:center;background:white;border-radius: 2%;}
.twc  img {width:50px;margin:0 10px 50px 0;float:left;border-radius: 50%;}
.twc   p{text-align:center;font-size:30px;color:#3e3e3e;font-weight:bold;margin:0 auto;margin-top: 60px;margin-bottom: 20px;}        
.twc  ul {height: 100px;}
.twc  ul li {width: 800px;height: 100px;margin: 0 auto; padding: 0 10px 0 0; text-align: left;font-size: 14px;}
		
.nameTw {float:left;font-size: 16px;color: #3e3e3e;line-height: 20%;margin-top:5px;}

.twitter-share-button{margin:0 auto;margin-top:8px;}

.twitter_box {width: 58px; height: 34px; position: relative; background: #fff; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 6px; } .twitter_box:after,

.twitter_box:before {width: 0; height: 0; position: absolute; top: 100%; border: solid transparent; pointer-events: none; content: " "; }

.twitter_box:after {left: 50%; border-top-color: #fff; border-width: 3px; margin-left: -3px; }

.twitter_box:before {left: 50%; border-top-color: #aaa; border-width: 4px; margin-left: -4px; }

.twitter_box #followers {width: 100%; height: auto; position: absolute; top: 0px; left: 0px; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 16px; line-height: 34px; letter-spacing: 0; white-space: nowrap; color: #333; text-align: center; -webkit-font-smoothing: subpixel-antialiased; }


#custom-tweet-button1 {text-align: center;margin:0 auto;position:relative;top:30px;}
#custom-tweet-button2 {text-align: center;margin:0 auto;margin-top:10px;}
#custom-tweet-button1 a, #custom-tweet-button2 a{width:835px;height:20px;font-size:14px;color:white;border-radius:4px;margin:0 auto;display: block;padding: 4px 5px 2px 20px;text-align: center;background-color: #1b95e0;border: 1px solid #55acee;}
#custom-tweet-button1 a:hover, #custom-tweet-button2 a:hover{background-color:#0c7abf;}
#custom-tweet-button1 img, #custom-tweet-button2 img{width:20px;height:20px;position:relative;left:355px;}
		
/***********************************************************************************************/
/* to top */
/***********************************************************************************************/

.go-top {width:119px;height:92px;  position: fixed; bottom: 2em; right: 2em;  z-index:50;  background-image:url(../img/landing_kj2/top.png);}
.go-top:hover { }

/***********************************************************************************************/
/* Form */
/***********************************************************************************************/

#box {height: 100px; width: 444px; margin:0 auto; text-align:center; position: relative; top: 207px; left: 10px; }

#text p {font-family: meiryo; font-size: 12px; font-weight: normal; text-align: center; line-height: 10px; }

.btn_send {width: 136px; height: 52px; border-style: none; margin-top: 0px; margin-left: 7px; background-image:url(../img/landing_kj2/button_off.png); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; display: block; float: left;transition:background-image 0.3s linear;* }
.btn_send:hover {background-image: url(../img/landing_kj2/button_on.png); background-repeat: no-repeat; } 

#box3 {height: 52px; width: 136px; float: right; position: relative; right: 30px; }

.address {width: 232px; _width: 246px; height: 48px; line-height: 48px; padding-left: 15px; float: left; font-weight: bold; color: #999999; font-size: 100%; border-style: none; background-image:url(../img/landing_kj2/formbckg.jpg); background-repeat: no-repeat; position: relative; left: 15px; top: 1px; }

#text {position: relative; top: 10px; font-family: meiryo; font-size:10px !important; } 

mailform .txt {padding: 5px 0 20px; }
/*==================================================
	#form input
==================================================*/
#inputLabel{position:relative; margin:10px 0; } 
#inputLabel label{position:absolute; top:15px; left:10px; font-size:large; cursor:text; } 
#inputLabel br{display:none; }

#formcont {width: 400px; height: 50px; position: relative; top: 0px; margin:0 auto; text-align:center; }
	
/*==================================================
	#footer
==================================================*/
#footer {height: 167px; background-color:#e9ebdb; z-index: 12; text-align:center; margin-top:0px; border-top:orange 1px solid; } 

.link_area {padding: 15px 0 20px; } 

#footer .gDays {padding-top: 30px; } 

#footer .gDays img {vertical-align: middle; margin-right: 100px; }

#footer a:hover img{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } 

#footer a:hover img.over{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }








	
/*==================================================
Magnific Popup CSS 
==================================================*/
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before {display: none; }

.mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; }

.mfp-ajax-cur {cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure {display: none; }

.mfp-hide {display: none !important; }

.mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } 

.mfp-preloader a {color: #CCC; } .mfp-preloader a:hover {color: #FFF; }

.mfp-s-ready .mfp-preloader {display: none; }

.mfp-s-error .mfp-content {display: none; }

button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

button::-moz-focus-inner {padding: 0; border: 0; }

.mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-close:active {top: 1px; }

.mfp-close-btn-in .mfp-close {color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } 

.mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); }
  
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } 
  
.mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
  
.mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left {left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; }

.mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img {width: auto;max-width: 100%; height: auto;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {line-height: 0; }

.mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.9); background: #444; }

.mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure {margin: 0; }

.mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content {max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; }
 
  .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; }

  .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }

  .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; }

  .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }

}

@media all and (max-width: 900px) {
  .mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75); }

  .mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0; }

  .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%; }

  .mfp-container {padding-left: 6px; padding-right: 6px; }

     }

.mfp-ie7 .mfp-img {padding: 0; }

.mfp-ie7 .mfp-bottom-bar {width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container {padding: 0; }

.mfp-ie7 .mfp-content {padding-top: 44px; }

.mfp-ie7 .mfp-close {top: 0; right: 0; padding-top: 0; }