@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 : "pkna";
	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;
  font-weight:400;
}
h2 {font-size: 120%;}
.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;}
    }

/*文字詰め*/
html .tx{
	line-height: 2;
}

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


/*header================*/
/*header .navbar-brand{
width:80%; height:80px; padding:0; vertical-align:middle; display:table;
}
header .navbar-brand span{
display:table-cell;height:80px;vertical-align:middle;
}
header .navbar-brand img{
width:100%; height:auto;
}*/

header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #26323F;
}
header .container img.logo {
	padding: 10px 0;
	float: left;
}
header .container div.link {
	text-align: right;
	height: 78px;
	line-height: 78px;
}
@media only screen and (max-width: 767px) {
  header .container img.logo {
	float: none;
  }
  header .container div.link {
	height: 30px;
	line-height: 30px;
  }
}
header .container div.link a {
	color: #26323F;
	text-decoration: none;
}
header .container div.link a img {
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 5px;
}

.moushikomi {
	text-align: right;
}


@media (min-width: 750px) and (max-width: 1199px) {
	header .navbar-brand{
		width:270px;
	}
}

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

@media (min-width: 768px) {
	header .navbar-nav {
		margin: 0 -15px 0 0;
	}
	header .navbar-brand{
		padding:0;
	}
}


/*footer================*/
footer {
  background-color:#666;
  color:#fff;
	margin-top: 100px;
	padding-top: 20px;
}
footer a:link,footer a:visited {
  color:#fff;
}
footer .nav a:hover {
  color:#666;
}
#copyright{
  padding:10px 0 20px;
  }
    @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;
        }
    }
		@media (max-width: 767px) {
			.onlySP {
				display: block;
			}
			.onlyPC {
				display: none;
			}
}
		@media (min-width: 768px) {
			.onlySP {
				display: none;
			}
			.onlyPC {
				display: block;
			}
}


/*横並びボタン================*/
.btnArea a {
  display: block;
	margin-bottom: 1em;
}
.btnArea img {
  width:100%;
	height: auto;
}



/*mainVisual================*/
#main-visual .row {
	width: 100%;
	max-width: 1901px;
	margin-left: auto;
	margin-right: auto;
}
#main-visual.container-fluid {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0;
}
#main-visual img {
	width: 100%;
	height: auto;
}










/*================================================
  table
================================================*/
.book_list {
  margin-top: 2em;
  margin-bottom: 8px;
}
.book_list thead th {
  background-color:#eee;
	text-align: center;
}
.book_list thead .katei th {
  background-color:#eee;
	text-align: left;
}
.book_list tbody .bodyhead th {
  background-color:#eee;
	text-align: center;
}
.book_list tbody .katei th {
  background-color:#eee;
	text-align: left;
	border-top: solid 3px #000;
}
.table.book_list > thead > tr > th,
.table.book_list > tbody > tr > td {
	vertical-align: middle;
}
.book_list tr td:not(:first-child){
	text-align: center;
}
.book_list a {
	color: #333;
}
.bkcaption {
    color: #777;
    text-align: left;
}
.alinkbtnArea {
	padding: 20px 0 20px 16px;
}
.alinkbtnArea div {
	width: 49%;
	float: left;
}
.alinkbtnArea .separator {
	width: 1px;
	height: 62px;
	background-color: #BBD3D5;
}
.alinkbtnArea a {
	display: flex;
	width: 100%;
	height: 62px;
	justify-content: center;
	align-items: center;
	background-color: #EFF3F2;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 150%;
}
.alinkbtnArea a:hover {
	background-color: #E4E4E4;
}
.alinkbtnArea a span {
	margin: 0 0 6px 15px;
	border-bottom: solid 5px #0db34d;
	border-right: solid 5px #0db34d;
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
}
		@media (min-width: 767px) {
				.book_list tr td:nth-child(2) {
					width: 15%;
				}
				.book_list tr td:nth-child(3) {
					width: 15%;
				}
				.book_list tr td:nth-child(4) {
					width:10%;
				}
				.book_list tr td:nth-child(5) {
					width: 30%;
					text-align: left !important;
				}
				.col-md-offset-1 {
				    margin-left: 0%;
				}
				.col-md-10 {
				    width: 100%;
				}
		}
		@media (max-width: 767px) {
				.book_list caption {
					font-size: 70%;
				}
				.book_list thead th, .book_list tbody .bodyhead th {
					display: none;
				}
				.book_list thead .katei th {
					display: block;
				}
				.book_list tr td {
					display: block;
					width: 100%;
					text-align: left !important;
				}
				.book_list tr td:nth-child(1) {
					font-weight: bold;
					background-color: #eee;
				}
				.book_list tr td:not(:first-child) {
					border-top: none;
				}
			
				.book_list .newbklist tr td:nth-child(2)::before {
					content: "　教科書購入済＊1　";
					font-size: 70%;
				}
				.book_list .newbklist tr td:nth-child(3)::before {
					content: "　教科書購入なし　";
					font-size: 70%;
				}
				.book_list .newbklist tr td:nth-child(4)::before {
					content: "　リリース予定　";
					font-size: 70%;
				}
				.book_list .newbklist tr td:nth-child(5)::before {
					content: "　備考　";
					font-size: 70%;
				}

				.book_list .bklist tr td:nth-child(2)::before {
					content: "　書籍購入済＊2／学習者用デジタル教材追加＊3　";
					font-size: 70%;
				}
				.book_list .bklist tr td:nth-child(3)::before {
					content: "　書籍購入なし　";
					font-size: 70%;
				}
				.book_list .bklist tr td:nth-child(4)::before {
					content: "　リリース予定　";
					font-size: 70%;
				}
				.book_list .bklist tr td:nth-child(5)::before {
					content: "　備考　";
					font-size: 70%;
				}

				.bkcaption {
				    font-size: 70%;
				}
		}