/* oxigen boostrap custom.css
----------------------------------------------------*/

html {overflow-y: scroll;}

html,
body {
padding-top: 30px;
/* Fixed top navbar */
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
height: 60px;
background-color: #222222;
}

.container .credit {
margin: 20px 0;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #222222;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #222222;
}

.col-md-3 {
margin-top: 10px;
margin-bottom: 10px;
}

/* pagesetting
----------------------------------------------------*/

h1 {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.1;
}

h2 {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.1;
}

.container {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.1;
}

dt {
  font-weight: normal;
}

.page-index {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
	margin: 0 auto;
	padding: 40px 15px;
	text-align: center;
}

.page-index p img {
	border: 1px #ccc solid;
	margin: 0 auto;
	text-align: center;
}

.page-index-text {
	text-align: left;
	margin: 0 auto;
	max-width: 500px;
}

/* shareButtons
----------------------------------------------------*/
.shareButtons {}

.badge-sns {
  display: inline-block;
  min-width: 10px;
  padding: 4px;
  font-size: 12px;
  font-weight: bpld;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #222222;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.color-facebook {color: #3b5998;}
.color-google {color: #dd4b39;}
.color-twitter {color: #00acee;}

.facebook {background-color: #3b5998;}
.google {background-color: #dd4b39;}
.twitter {background-color: #00acee;}

.badge-inverse {background-color: #222222;}

a:hover .facebook {background-color: #3b5998;}
a:hover .google {background-color: #dd4b39;}
a:hover .twitter {background-color: #00acee;}

#footer {
  height: 60px;
  background-color: #222222;
}

.credit {
	text-align: center;
	margin-top: 7px;
}

.credit a {
  color: #999999;
  text-decoration: none;
}

span.min-witdh {display: none;}

/* media screen
--------------------------------------------*/
@media (max-width: 991px) {
.container {margin: 0 20px;}
.col-md-3 {float: left;}
.col-md-3 {width: 33.33333333333333%;}
}
@media screen and (max-width: 641px) {
.container {margin: 0 20px;}
span.normal {display: none;}
span.min-witdh {display: inline;}
.col-md-3 {float: left;}
.col-md-3 {width: 50%;}
}

@media screen and (max-width: 541px) {
.container {margin: 0 20px;}
span.min-witdh {display: inline;}
.col-md-3 {width: 100%;}
}