@charset "UTF-8";

/*================================================
      共通項目
================================================*/
@font-face {
	font-family: "YuGo";
	font-weight: normal;
	src: local("YuGo-Medium"), 
		 local("Yu Gothic Medium"), 
		 local("YuGo-Regular"); 
}
@font-face {
	font-family: "YuGo";
	font-weight: bold;
	src: local("YuGo-Bold"), 
		 local("Yu Gothic"); 
}

html {
	overflow-y: scroll;
	font-family: 'Yu Gothic', YuGo, YuGothic, sans-serif;
	font-feature-settings : "palt";
	text-align: justify;
} 
  
body { padding-top: 80px; background-color:#ffffff;
	font-family: 'Yu Gothic', YuGo, YuGothic, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Yu Gothic', YuGo, YuGothic, sans-serif;
}
.tooltip {
	font-family: 'Yu Gothic', YuGo, YuGothic, sans-serif;
}
.no-thank-yu,
.navbar,
.btn,
.form-control,
.input-gruop,
.breadcrumb,
.nav-tabs,
.nav-pills,
.panel-title,
.list-group,
.pagination,
.pager,
.alert,
.label,
.badge,
.panel-heading,
.lead,
.tooltip,
.popover {
  font-family: 'Yu Gothic', YuGo, YuGothic,  sans-serif;
}
.no-sp {display:none;}
    @media (min-width: 768px) {
        .no-sp {display:inline;}
    }

/*文字詰め*/
.tx{
	font-feature-settings : "palt";
	text-align: justify;
}

.section-top {
  padding-top:80px;
}

.t_center{ text-align: center; }

/*header================*/
header .navbar-brand{
width:337px; height:auto; padding:0; vertical-align:middle; display:table;margin-top: 1em;
}
header .navbar-brand img{
width:337px; height:auto;
}

/*@media (min-width: 750px) and (max-width: 1199px) {
header .navbar-brand{
width:337px;
}
header .navbar-nav {
  margin: 0 -15px 0 0;
	font-size:1.2vw;
}
header .navbar-right {
	font-size:1.25vw;
}
}

@media (min-width: 1200px) {
header .navbar-brand{
width:337px;
}
}

@media (min-width: 768px) {
header .navbar-brand img{
width:337px; height:auto;
}
header .navbar-nav {
  margin: 0 -15px 0 0;
}
header .navbar-brand{
width:455px; height:auto; padding:0;
}
header .navbar-default .navbar-nav > li > a {
  color: #333;
  background-color: #fff;
  border-bottom:none;
}
  #navbar-main a {
    display:table;
    width:100%;
    height:50px;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
  }
  #navbar-main li a {
    border-radius:0;
    border-left:1px solid #ccc;
  }
  #navbar-main li:first-child a {
    border-left:none;
  }
  #navbar-main .nav > li > a {
  padding: 5px 10px;
}
  #navbar-main a span {
    display:table-cell;
    vertical-align:middle;
  }
  #navbar-main .btn {
    font-size:120%;
    letter-spacing:-1px;
  padding: 0px 5px;
  }

#navbar-main .navbar-nav > li:not(:last-child) {
    margin-right: 0;
  }
}
*/

/*footer================*/
footer {
  background-color:#666;
  color:#fff;
}
footer a:link,footer a:visited {
  color:#fff;
}
footer .nav a:hover {
  color:#666;
}
#copyright{
  padding:10px 0;
  }
    @media (min-width: 768px) {
        footer .navbar-nav{
            margin: 0 auto;
            display: flex;
            justify-content:space-between;
            width:100%;
            float:none;
        }

        /* ページトップ */
        #page-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            font-size: 80%;
            z-index:2;
        }
        #page-top a {
          background: #fff;
          text-decoration: none;
          color: #333;
          width: 120px;
          padding: 10px 0;
          text-align: center;
          display: block;
          border-radius: 10px;
          border:1px solid #999;
        }
        #pageTop a:hover {
          text-decoration: none;
          background: #999;
          color: #fff;
        }
    }

/*横並びボタン================*/
.js-matchHeight-btn{ display:table; margin-bottom:15px;}
.js-matchHeight-btn span{ vertical-align:middle; width:100%; display:table-cell;}
    @media (min-width: 768px) {
.js-matchHeight-btn{ margin-bottom:0;}
    }
.btn-lg, .btn-group-lg > .btn.js-matchHeight-btn {
  padding: 10px;
}





/*================================================
      index.html
================================================*/
/*mainVisual================*/
#main-visual {
  background-image:url(../img/keyvisual.jpg);
  background-repeat:no-repeat;
  background-size:cover;
		background-position:center bottom;
  height:450px;
}
#main-visual .page-header {
  border-bottom: none;
}
#main-visual .lead {
  margin-bottom:0px;
}
#main-visual h1 {
  margin-top:0px;
  margin-bottom:30px;
  font-weight:bold;
}
@media (min-width: 768px) {
#main-visual h1 {
  margin-bottom:80px;
}
}


/*書籍情報================*/
/*書籍の画像*/
.book-img {
  padding-bottom:2em;
}
.book-img img {
  width:70%;
  height:auto;
}



/*書籍の情報*/
.book-info {
  background-color:#ebebeb;
  padding:1em;
}
.book-info .book-price {
  text-align:left;
  padding-left:2em;
}
    @media (min-width: 768px) {
        .book-info .book-price {
          text-align:right;
          padding-left:0;
        }
    }

div.settlement p{ margin-bottom: 30px;}


/*================================================
      check.html
================================================*/
th {
  background-color:#eee;
}





/*================================================
      contact.html
================================================*/
.attention {
	color:#cc0000;
}
.form-horizontal .control-label {
	text-align:left;
}
.well {
  background-color: #fff;
  border: none;
}
.error-text {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
	color:#cc0000;
	font-weight:bold;
}

.form-control {
	margin-bottom:3px;
}



/*================================================
      applicationの設定
================================================*/
.application-page-header{
  padding-bottom: 11px;
  margin: 24px 0;
  border-bottom: 1px solid #eee;
}

.application-body{
  padding-top: 40px;
  background-color: #FFFFFF;
  font-family: 'Yu Gothic', YuGo, YuGothic, sans-serif;
}

.backto_index {
  padding-bottom: 1em;
}



/*================================================
      bootstrapの設定
================================================*/
    @media (min-width: 768px) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }