@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url("https://fonts.googleapis.com/css?family=Abril+Fatface");
@font-face {
  font-family: "Helvetica";
  src: url(/fonts/Helvetica.otf) format('opentype')
}
@font-face {
  font-family: "Oswald";
  src: url(/fonts/Oswald/Oswald-Regular.ttf) format('truetype'), url(/fonts/Oswald/Oswald-Bold.ttf) format('truetype'), url(/fonts/Oswald/Oswald-Light.ttf) format('truetype')
}
@font-face {
  font-family: "Abril";
  src: url(/fonts/Abril_Fatface/AbrilFatface-Regular.ttf) format('truetype')
}
.row-0 {
  margin-left: 0px;
  margin-right: 0px
}
.row-0>div {
  padding-right: 0px;
  padding-left: 0px
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px
}
.row-10>div {
  padding-right: 5px;
  padding-left: 5px
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px
}
.row-20>div {
  padding-right: 10px;
  padding-left: 10px
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px
}
.row-30>div {
  padding-right: 15px;
  padding-left: 15px
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px
}
.row-40>div {
  padding-right: 20px;
  padding-left: 20px
}
#loading {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
  opacity: 1.0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999
}
#loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -80px
}
body {
  font-size: 14px
}
#header {
  height: auto
}
#header .container {
  padding: 0
}
#header .container .navbar-header {
  width: 28%
}
#header .container .navbar-header h1 {
  margin: 0
}
#header .container .navbar-header h1 .navbar-brand {
  margin: 0;
  padding: 18px 15px 5px 15px
}
#header .container .navbar-header h1 .navbar-brand img {
  height: auto
}
#header .container #navbar {
  padding-top: 0
}
#header .container #navbar .nav.navbar-nav li a {
  padding: 15px 10px !important
}
#header .container #navbar .nav.navbar-nav li.login a {
  padding: 10px 0px !important
}
#header .container #navbar .nav.navbar-nav .btn-group {
  padding: 10px 0px;
  margin-left: 0.5em
}
#header .container #navbar .nav.navbar-nav .btn-group .dropdown-toggle {
  padding: 0 0.5em
}
#header .container #navbar .nav.navbar-nav .btn-group .dropdown-menu {
  padding: 0
}
/* top */
#top {
  padding-top: 50px
}
#top .eyecatch .caption {
  top: 30%
}
#top .eyecatch .caption h2 {
  font-size: 220%
}
/* concept */
#top.concept div.eyecatch div.caption {
  top: 3%
}
#top.concept div.eyecatch div.caption h2.title {
  margin-bottom: 0.5em
}
#contents .column3 .container .row .col-sm-4 h3 {
  font-size: 130%
}
#contents .column3 .container .row .col-sm-4 h3 span {
  font-size: 80%
}
#contents.top div.container-fluid.special.special01.membership div.box {
  top: 10%
}
#contents div.special div.box {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9
}
#contents div.special div.box p.text {
  margin-bottom: 1.5em
}
#contents div.special div.row.row-0 div.col-xs-12.col-sm-5.left {
  padding: 3% 3% 0 1%
}
#contents div.special div.row.row-0 div.col-xs-12.col-sm-5.right {
  padding: 3% 1% 0 3%
}
#contents div.special.special01 div.box, #contents div.special.special03 div.box, #contents div.special.special05 div.box, #contents div.special.special08 div.box {
  padding: 1.5%
}
#contents div.special.special01 div.box {
  top: 30%
}
#contents.journal_detail div.container div.image {
  margin-bottom: 5%
}
#contents.journal_detail div.container div.body {
  text-align: left;
  padding: 0 5%
}
#contents div.look div.container div.row div.col-xs-6.col-sm-3 div.box {
  border: solid 10px white
}
#contents div.look div.container div.row div.col-xs-6.col-sm-3 div.box ul.overlay {
  font-size: 80%
}
#contents div.look div.container div.row div.col-xs-6.col-sm-3 div.box ul.overlay li {
  display: none
}
#contents div.look div.container div.row div.col-xs-6.col-sm-3 div.box ul.overlay:hover {
  opacity: 0;
  filter: alpha(opacity=0)
}
#contents div.look div.container div.row div.col-xs-6.col-sm-3 div.box ul.overlay.hover {
  opacity: 0.7;
  filter: alpha(opacity=70)
}
#contents #contact.container-fluid .container h3 {
  font-size: 120%;
  font-weight: bold
}
#contents #contact.container-fluid .container .row .col-sm-6 .dl-horizontal {
  padding-left: 0
}
#contents #contact.container-fluid .container .row .col-sm-6 .dl-horizontal dt {
  width: 100%
}
#contents #contact.container-fluid .container .row .col-sm-6 .dl-horizontal dd {
  margin-left: 0
}
#footer.container-fluid {
  height: auto;
  padding: 3em 0
}
#footer.container-fluid #copyright {
  line-height: normal
}
#footer.container-fluid ul li {
  line-height: normal
}
#contents.top div.container-fluid.special.special01.second div.box {
  top: 15%
}

/* メディア掲載 */
/*固定ページ*/
#contents.media div.container div.row{
    max-width: 675px;
}

#contents.media div.container .media_img p{
    width: 50%;
}
#contents.media div.container .media_img img{
    width: 40vw !important;
}