@charset "utf-8";


/* iPhone 5 landscape and bigger */
@media (min-width: 375px) {
  .uk-hidden¥@xs {
    display: none !important;
  }
}
/* iPhone 5 portrait and smaller */
@media (max-width: 374px) {
  .uk-visible¥@xs {
    display: none !important;
  }
}

div.uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-nav>li>a , {
	color: #444;
}
div.uk-sticky.uk-sticky-fixed.uk-sticky-below nav {
  background-color: rgba(255, 255, 255, 0.8);
}


/****************************************

          sns

*****************************************/

.share{
  width:100%;
  padding:10px 5px;
}
.share.short{
  padding:1.2em;
}

.sns{
  margin:0 auto;
  width:100%;
  text-align: center;
}
.sns ul {
  list-style:none;
  display: table;
  width:100%;
  letter-spacing: -0.4em;
  word-spacing: 0.1em;
}
.sns li {
  display: inline-block;
  width: 12%;
  min-width:100px;
  vertical-align: middle;
  padding:3px;
  letter-spacing: 0.1em;
}

.sns.c1 li {
  width: 100%;
}
.sns.c2 li {
  width: 50%;
}
.sns.c3 li,.sns.c6 li {
  width: 33.3333%;
}
.sns.c4 li,.sns.c7 li {
  width: 25%;
}
.sns.c5 li {
}

.sns.mini li{
  width: auto;
}

.sns a {
  font-size:.7em;
  font-weight: bold;
  line-height: 1.8;
  position:relative;
  display:block;
  padding:.6em 0;
  color:#fff;
  text-align:center;
  text-decoration: none;
  border-radius: 2px;
}

.sns a:before,
.sns a i{
  margin-right:0.2em;
  margin-left:0.2em;
  vertical-align: middle;
  font-size: 1.4em;
}

.sns a .count{
  font-size:10px;
  margin-left: 2px;
}

/* ツイッター */
.sns a.twitter {
  background:#00acee;
    border:2px solid #00acee;

}
.sns a.twitter:hover {
  background:#fff;
  border:2px solid #0092ca;
  color:#0092ca;
}

/* Facebook */
.sns a.facebook{
  background:#3b5998;
  border:2px solid #3b5998;
}
.sns a.facebook:hover {
    background:#fff;
    border:2px solid #2c4373;
    color:#2c4373;
}

/* はてぶ */
.sns  a.hatebu{
  background:#5d8ac1;
  border:2px solid #5d8ac1;
}
.sns a.hatebu:hover {
    background:#fff;
    border:2px solid #5d8ac1;
    color:#5d8ac1;
}
.sns  a.hatebu:before{
  content:'B!';
  font-weight:bold;
  line-height: 1;
}

/* LINE */
.sns  a.line{
  background:#25af00;
    border:2px solid #25af00;

}
.sns a.line:hover {
    background:#fff;
    border:2px solid #25af00;
    color:#25af00;
}

/* Pocket */
.sns  a.pocket{
  background:#f03e51;
      border:2px solid #f03e51;

}
.sns  a.pocket:hover {
    background:#fff;
    border:2px solid #f03e51;
    color:#f03e51;
}

/* RSS */
.sns  a.rss{
    background:#ffb53c;
    border:2px solid #ffb53c;

}
.sns  a.rss:hover {
    background:#fff;
    border:2px solid #ffb53c;
    color:#ffb53c;
}

/* Feedly */
.sns  a.feedly{
  background:#87c040;
  border:2px solid #87c040;
}
.sns  a.feedly:hover {
    background:#fff;
    border:2px solid #87c040;
    color:#87c040;
}

span.sns_name {
    margin-left: 5px;
    vertical-align: middle;
}

.sns span.sns_count{
    font-weight: bold;
    display: inline-block;
    line-height: 1.5em;
    padding: 0 3px;
    margin: 0 .2em;
    border-radius: 3px;
}

#share_plz div.sns_count {
    background: #fff;
    border-radius: 2px;
    color: #333;
}

.sns.small a {
    display: inline-block;
    padding: 1.5px 5px;
    color: #fff;
    font-size: .7em;
    vertical-align: top;
    margin-bottom: 5px;
}

.sns.small {
    text-align: center;
}

button.uk-button-primary[type="submit"] {
  color: #fff;
}
button[type="submit"] {
	cursor: pointer;
}
.gl-button button[type="submit"] {
-webkit-appearance: none;
border-radius: 10px;
border: none;
background:none;
}

/* ===============  ================ */
#navcontainer .uk-navbar-nav > li > a {
  color: #5E708A;
}
dl.flow_access dt {
    padding: 10px 0;
}




.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  margin: 0;
  border: none !important;
}


.gl-subpageheader {
	min-height: 60px;
}

.gl-subpage .uk-navbar-right {
  display: block;
}

.gl-text-shadow {
  font-size: 16px;
  color: white;
  text-shadow: 4px 4px 8px black;
}





/* Tablet landscape and bigger */




.uk-button-default.gl-button {
  background-color: transparent;
  color: #333;
  border: 1px solid #222222;
  border-radius:20px;
}
/* Hover + Focus */
.uk-button-default.gl-button:hover,
.uk-button-default.gl-button:focus {
  background-color: #222222;
  color: #fff;
  border-color: #222222;
}
/* OnClick + Active */
.uk-button-default.gl-button:active,
.uk-button-default.gl-button.uk-active {
  background-color: #222222;
  color: #fff;
  border-color: #222222;
}

.uk-navbar-nav > li.li-navlist.uk-active > a {
  background-color: #f8f8f8;
}
.uk-navbar-nav > li.li-navlist > a:hover {
  background-color: #f8f8f8;
}

@media (max-width: 639px) {

    .gl-frontpage .bx-wrapper {
    	min-height: 370px;
	min-width:555px;
        margin-left:-65px;
    }

}

@media (max-width: 375px) {

    .gl-frontpage .bx-wrapper {
    	min-height: 370px;
	min-width:555px;
        margin-left:-115px;
    }

}


/* Login Form */

.gl-loginform {
	width: 460px;
	max-width:90%;
}
.gl-loginlogo {
	width: auto;
	height:100px;
}








ul.gl-button li  {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        color: #ffffff;
}