@charset "utf-8";

/* aside_nav */
aside .aside_nav ul {
  display:none;
}

aside .aside_oxford .aside_main_title::after {
  right:0;
  bottom:0;
  width:62px;
  height:60px;
  background:url(/assets/img/taikei/aside_bg_taikei.svg) no-repeat right bottom;
  background-size:62px auto;
  opacity:.4;
}

.oxford_top aside .aside_nav li.aside_nav_top > a:link,.oxford_top aside .aside_nav li.aside_nav_top > a:visited,.oxford_top aside .aside_nav li.aside_nav_top > a:hover,.oxford_top aside .aside_nav li.aside_nav_top > a:active,
.products aside .aside_nav li.aside_nav_top > a:link,.products aside .aside_nav li.aside_nav_top > a:visited,.products aside .aside_nav li.aside_nav_top > a:hover,.products aside .aside_nav li.aside_nav_top > a:active,
.hikaku aside .aside_nav li.aside_nav_hikaku > a:link,.hikaku aside .aside_nav li.aside_nav_hikaku > a:visited,.hikaku aside .aside_nav li.aside_nav_hikaku > a:hover,.hikaku aside .aside_nav li.aside_nav_hikaku > a:active,
.tokuten aside .aside_nav li.aside_nav_tokuten > a:link,.tokuten aside .aside_nav li.aside_nav_tokuten > a:visited,.tokuten aside .aside_nav li.aside_nav_tokuten > a:hover,.tokuten aside .aside_nav li.aside_nav_tokuten > a:active,
.order aside .aside_nav li.aside_nav_order > a:link,.order aside .aside_nav li.aside_nav_order > a:visited,.order aside .aside_nav li.aside_nav_order > a:hover,.order aside .aside_nav li.aside_nav_order > a:active,
.teachers aside .aside_nav li.aside_nav_teachers > a:link,.teachers aside .aside_nav li.aside_nav_teachers > a:visited,.teachers aside .aside_nav li.aside_nav_teachers > a:hover,.teachers aside .aside_nav li.aside_nav_teachers > a:active {
  background:#e5f7fc;
  color:#01addf;
  opacity:1;
}

/* .aside_bnr */
aside .aside_bnr .btn_flat01 a {
  margin:0;
  width:100%;
  border:1px solid #01addf;
  color:#01addf;
  white-space:nowrap;
  font-size:1.4rem;
}

aside .aside_bnr .btn_flat01 a::after {
  background:#fff url(/assets/img/common/icon/icon_arrow_right04.svg) no-repeat center center;
}

/* fix_box */
.fix_menu {
    width: 220px;
}

/* pagelink */
.pagelink01 {
  display:flex;
  flex-wrap: wrap;
  margin: 20px 0;
  padding-inline-start: 0;
}
.pagelink01 li {
  border-left:1px solid #cacaca;
  list-style-type: none;
}
.pagelink01 li:last-of-type {
  border-right:1px solid #cacaca;
}
.pagelink01 li a {
  position:relative;
  display:block;
  padding:2px 22px 2px 50px;
  color:#333;
  text-decoration:none;
  font-weight:700;
  line-height:1.1;
}
_:-ms-fullscreen,:root .pagelink01 li a {
  padding:5px 22px 0 50px;
}
.pagelink01 a::before,.pagelink01 a::after {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
  content:"";
  vertical-align:middle;
}
.pagelink01 a::before {
  left:22px;
  width:18px;
  height:18px;
  background:#333;
}
_:-ms-fullscreen,:root .pagelink01 li a::before {
  top:0;
}
.pagelink01 li a::after {
  top:-3px;
  left:28px;
  width:5px;
  height:5px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(135deg);
}
_:-ms-fullscreen,:root .pagelink01 li a::after {
  top:-2px;
}
.pagelink01 li a:hover {
  text-decoration:none;
  opacity:.5;
}

/* flex */
.flex {
    display: flex;
    flex-wrap: wrap;
}

.space-between {
	justify-content: space-between;
}

/* 文字色 */
.red {
	color: #FF3333;
}

strong.blue	{
	color: #01addf;
}

/* indent */
.indent {
    margin-left: 1em;
    text-indent: -1em;
}

/* box */
.box_inq {
    border: thin solid #999999;
    padding: 15px 25px;
	margin: 20px 0;
}

.box_inq .inq_ttl {
    margin-bottom: 15px;
    font-weight: 600;
	font-size: 1em;
}

.box_inq .inq_ttl > span {
	font-weight: 500;
}

/* stage_ttl */
.sec_outer .stage_ttl {
  position: relative;
  padding: 0.5em 0 0.5em 7.5em;
  font-size: 1.4em;
  border-bottom: 1px solid #c7c7c7;
  font-weight: 500;
  color: #333;
}

.sec_outer .stage_ttl span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5em 2rem;
  color: #fff;
  font-weight: 700;
  background: #ffce00;
}

.sec_outer .stage_ttl span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #ffce00;
}

.sec_outer .stage_ttl span.stage2 {
  background: #E77E38;
}

.sec_outer .stage_ttl span.stage2:after {
  border-color: transparent transparent transparent #E77E38;
}

.sec_outer .stage_ttl span.stage3 {
  background: #DC3D4A;
}

.sec_outer .stage_ttl span.stage3:after {
  border-color: transparent transparent transparent #DC3D4A;
}

.sec_outer .stage_ttl span.stage4 {
  background: #8E78AF;
}

.sec_outer .stage_ttl span.stage4:after {
  border-color: transparent transparent transparent #8E78AF;
}

.sec_outer .stage_ttl span.stage5 {
  background: #288FC4;
}

.sec_outer .stage_ttl span.stage5:after {
  border-color: transparent transparent transparent #288FC4;
}

/* topページ */
.oxford_top .sec_outer .bnr-list {
    margin: 40px 0 20px;
    align-item: center;
}
.oxford_top .sec_outer .bnr-list .bnr {
    margin-right: 15px;
    min-width: 350px;
}
.oxford_top .sec_outer .bnr-list .txt {
    margin: 0;
}

.oxford_top .sec_outer .title_style04 {
    margin-bottom: 15px;
}

/* list_item_panel */
.oxford_top .list_item_panel > li > a {
    padding: 25px 0 15px;
}

.oxford_top .list_item_panel > li > a span {
    font-size: 1.55rem;
    margin-bottom: 20px;
    font-weight: bold;
}

.oxford_top .list_item_panel > li > a img {
    width: 120px;
}

/* tokuten */
.tokuten .sec_outer .list_number01 > li {
	margin: 20px 0;
}

.tokuten .sec_outer .list_number01 > li div.sub_ttl {
    font-weight: 700;
	font-size: 1.2em;
}

.tokuten .sec_outer .list_number01 > li div.sub_ttl span {
    background-color: #01addf;
	padding: 2px 8px;
	font-size: 0.9em;
	color: #fff;
	margin-right: 7px;
}

.tokuten .sec_outer .list_number01 > li .detail {
	margin: 10px 0 10px 35px;
}

/* ご注文ページ */
.order .sec_outer .list_square01 {
	margin-bottom: 0;
}

/* 比較ページ */
.table_style01 td {
    border: 1px solid #c7c7c7!important;
}

.hikaku .sec_outer .table_style01 th {
	text-align: center;
	padding: 10px;
}

.hikaku .sec_outer .table_style01 th.wd17 {
	width: 17%;
}
.hikaku .sec_outer .table_style01 th span {
	margin-right: 5px;
}
.hikaku .sec_outer .table_style01 th span.starter {
	color: #D85695;
}
.hikaku .sec_outer .table_style01 th span.stage1 {
	color: #ffce00;
}
.hikaku .sec_outer .table_style01 th span.stage2 {
	color: #E77E38;
}
.hikaku .sec_outer .table_style01 th span.stage3 {
	color: #DC3D4A;
}
.hikaku .sec_outer .table_style01 th span.stage4 {
	color: #8E78AF;
}
.hikaku .sec_outer .table_style01 th span.stage5 {
	color: #288FC4;
}

/* 商品詳細 */
.products .sec_outer .stage_ttl {
	margin-bottom: 15px;
}

.products .sec_outer .box_book {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1em;
}

.products .sec_outer .box_book figure.cover {
	padding: 15px;
}

.products .sec_outer .box_book figure.cover img {
	width: 165px;
	border: 1px solid #c7c7c7;
}

.products .sec_outer .box_book .book_table01 {
	width: 600px;
}

.products .sec_outer .box_book .book_table01 .subBox {
	display: flex;
	flex-wrap: wrap;
	flex-flow: wrap-reverse;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 5px;
}

.products .sec_outer .box_book .book_table01 table {
	width: 100%;
}

.products .sec_outer .box_book .book_table01 table th,
.products .sec_outer .box_book .book_table01 table td {
  padding:5px 9px;
  border:1px solid #c7c7c7;
  vertical-align:top;
  text-align:left;
}

.products .sec_outer .box_book .book_table01 table th {
  background:#f2f2f2;
}

.products .sec_outer .detail {
	border: 1px solid #c7c7c7;
	background-color: #fff;
	padding: 1.5em;
}
.products .sec_outer .detail ul {
	margin: 0 0 15px 20px;
}
.products .sec_outer .detail ul li {
	list-style-type: disc;
}
.products .sec_outer .detail .accessory {
	background: #e5f7fc;
	border-radius: 5px;
	padding: 15px 25px;
	margin-bottom: 20px;
}

/* レスポンシブ--------------------*/
@media only screen and (max-width: 767px) {
	/* pagelink01 */
	.pagelink01 {
		flex-direction: column;
		border-left:none;
	}
	.pagelink01 li {
		margin-bottom:10px;
		border-right:none;
		border-left:1px solid #cacaca;
	}
	.pagelink01 li a {
		font-size:1.6rem;
	}
	/* list_item_panel */
	.oxford_top .list_item_panel {
		display:flex;
	}
	.oxford_top .list_item_panel > li {
		flex-basis:48.5%;
	}
	.oxford_top .list_item_panel > li:nth-child(odd) {
		margin-right:3%;
	}
	.oxford_top .list_item_panel > li > a {
		display:block;
		padding:15px 10px;
		text-align:center;
	}
	.oxford_top .list_item_panel > li > a img {
		margin-bottom:0;
		padding-right:0;
		width:80%;
		max-height:80%;
	}
	/* tokuten */
	.tokuten .sec_outer .list_number01 > li .detail {
		margin: 10px 0;
	}
	/* btn */
	.sec_outer .imgsec_box .col2Sec li {
		flex-basis: 100%;
	}
	.sec_outer .imgsec_box .col2Sec li:nth-child(n+1) {
		margin-right: 0;
	}
	.tbl_wrap {
		overflow: auto;
	}
	.tbl_wrap div.wd700 {
		width:calc(700px - 0%);
	}
	/* 商品詳細 */
	.products .sec_outer .box_book {
		justify-content: center;
	}
	.products .sec_outer .box_book .book_table01 table {
		width: 100%;
	}
	.products .sec_outer .box_book .book_table01 table th,
	.products .sec_outer .box_book .book_table01 table td {
		white-space:normal !important;
	}
	.products .sec_outer .detail {
		padding: 1em;
	}
	.products .sec_outer .detail .accessory {
		padding: 8px 15px;
	}
	.products .sec_outer .box_book .book_table01 .subBox .logo {
		max-width: 250px;
	}
}