html {
}

html,body {
  position: relative;
  height: 100%;
}
body {
        margin: 0;
        padding: 0;
 color: #f0f0f0;
}


body > .container {
  padding-top: 40px;
}
div.row {
	padding-bottom:20px;
}
button .btn-custom {
  background:none;
}
.btn-lp {
    color: #ddd;
    background:rgba(96,96,96,0.5);
    border-color: #666;
}
.btn-lp:hover {
    color: #fff;
    background:rgba(96,96,96,0.8);
    border-color: #666;
}

.header {
  margin: 20px 0 40px 20px;
  background:#000;
}

.navbar {
 margin-bottom: 7px;

}

.navbar-inverse .navbar-nav>li>a {
    color: #eee;
}

h2,h3,h4 {
 text-align: center;
 font-weight: bold;
 margin-top: 24px;
 margin-bottom: 24px;
}

h1.text-designed,
h2.text-designed {
 font-family:Kan415Typos, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka";
}

h2.text-designed span {
 display: block;
 color: #666;
 font-size: 0.65em;
}

h4 span {
 border-bottom: solid 2px #fff;
}

.hr-bar {
 width: 60px;
 border-top: solid 5px #0e2;
 margin-top: 4em;
 margin-bottom: 3em;
}

.hr-dot {
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
   width: 72px;
}


.text-muted {
 margin-top: 1em;
 font-size: 0.67em;
 color: #fff;
}

.top-copy {
position:absolute;
left:0;
bottom:0;
background:rgba(0,0,0,0.6);
width:100%;
padding: 1em 0;
}

.block-button {
 margin-top: 2em;
}

.footer div.social {
 text-align: center;
 margin: 5px 0;
 padding-top: 20px;
}

.footer div.social li {
 width: 100px;
}

.footer div.social li.social-facebook {
 width: 110px;
}

.footer div.social .fb-like span {
 vertical-align: baseline !important;
}

.footer .list_sns li .fa-2 {
 font-size: 2em;
}




.well-border {
 border: solid 1px #fff;
 background: initial;
}


.panel, 
.panel-default {
 background: #000;
 border: 0;

}



/* pure-drawer settings */

.pure-container .pure-toggle-label {
  width: initial;
  height: initial;
  border: initial;
  width: auto;
  height: auto;
  border: 0;
  color: #0e2;

}

.pure-container .pure-toggle-label span {
 font-size: 36px;
 display: inline;

}

.pure-container ul.list-pure-menu {
 margin-top: 80px;
 padding: 0 20px;

}

.pure-container ul.list-pure-menu li {
 margin: 15px 0;
 border-left: solid 4px #0e2;
}

.pure-container ul.list-pure-menu li span {
 margin-left: 10px;
}




.pure-drawer {
 background: #fff url("cmn/img/bgimg.gif") repeat-y right;
/* 
 background: #fff url("cmn/img/bgimg08.png") repeat-y right;
*/
}

.pure-pusher {
 background-color: #000;
}

.pure-pusher {
}







.social {
 position: fixed;
 right:30px;
/* top: 20px; */

}

.social .fb_iframe_widget > span {
  vertical-align: baseline !important;
}



/* for smartphone */
 @media screen and (max-width: 480px) {
html, body {
	font-size: 13px;
}
h1, .h1 {
	font-size:28px
}
h2, .h2 {
	font-size:24px
}
h3, .h3 {
	font-size:20px
}
h4, .h4 {
	font-size:16px
}
h5, .h5 {
	font-size:13px
}
h6, .h6 {
	font-size:13px
}
.top-copy {
 padding: 0;
}

.top-copy h1 {
 margin-top: 2px;
}

h4 span {
 line-height: 2em;
}


}