@charset "utf-8";
/*English*/
/* ----------------------------------
 style
---------------------------------- */
/*
ブルー #196bc3
イエロー #fff100
レッド #ff0000
*/

p{font-size:0.9375rem;/*15pt*/}

@media screen and (max-width: 768px) {
	html {font-size: 15px;}
}
/* ----------------------------------
 common
---------------------------------- */
.gray-toparea{background-color:#F5F8F9 }
.bluebelt{ color: #fff; background: #196bc3; padding:5px 15px;font-size: 1rem; margin: 2rem 0 0.5rem; }
.bluebelt.password{margin-bottom: 0;display: block;text-align: center;}
.s-txt{font-size: 0.8125rem;}
.right{text-align: right}
.s-txt.right+.movie-block .bluebelt, .s-txt.right+.aduio-block .bluebelt,.s-txt.right+.data-block .bluebelt{margin-top: 0.5rem;}
.cover{text-align: center;}
.cover img {border: 1px solid #ededed;}

/* ----------------------------------
 title icon付き
---------------------------------- */
.title{color:#196bc3;font-size: 1.5rem;border-bottom: 3px solid #196bc3;padding-bottom: 0.5rem;margin-bottom: 1rem;line-height: 1.24}
.title::before{content: '';display: inline-block;background-size: contain;vertical-align: bottom;}

.title.feature{color: #333;font-size:1.375rem; }
.title.feature, .title.aid{text-indent: -40px;padding-left: 40px;}

.title.aid::before{width: 32px;height: 32px;background-image: url(../img/icon-skillup.png);vertical-align: middle;margin-right: 8px;}
.title.feature::before{width: 32px;height: 32px;background-image: url(../img/icon-marker.png);vertical-align: middle;margin-right: 8px;}
.title.relatedbooks::before{width: 32px;height: 32px;background-image: url(../img/icon-books2.png);margin-right: 8px;}
.title.books::before{width: 28px;height: 28px;background-image: url(../img/icon-books.png);vertical-align: middle;margin: -5px 10px 0 5px;}
.title.information::before{width: 32px;height: 32px;background-image: url(../img/icon-topics.png);vertical-align: middle;margin-right: 8px;}
.title.textbooks::before{width: 32px;height: 32px;background-image: url(../img/icon-textbook.png);vertical-align: middle;margin-right: 8px;}


.title.seminar::before{width: 45px;height: 45px;background-image: url(../img/seminar.png);margin-right: 7px;}
.title.userentry::before{width: 36px;height: 36px;background-image: url(../img/icon-userentry.png);margin-right: 5px;}
.title.password::before,.title.login::before{width: 32px;height: 32px;background-image: url(../img/icon-key-blue.png);margin-right: 3px;}
.title.cart::before{width: 32px;height: 32px;background-image: url(../img/icon-cartblue.png);margin-right: 12px;position: relative;top:-2px}
.title.textbook::before{width: 32px;height: 32px;background-image: url(../img/icon-textbook.png);margin-right: 12px;}
.title.textbook span, .title.apply span{position: relative; top:5px;}
.title.apply::before{width: 32px;height: 32px;background-image: url(../img/icon-pencil.png);margin-right: 12px;}

.title-movieindex{margin-bottom: 1rem;}
.title-aidrelation{border-bottom:3px solid #196bc3;padding-bottom: 0.3rem;margin-bottom: 1rem;font-size: 1.375rem}
.title-aidrelation::before,.title-movieindex::before{content: '';display: inline-block;background-size: contain;vertical-align: middle;}
.title-aidrelation::before {width: 30px;height: 30px;background-image: url(../img/icon-skillup.png);margin-right: 8px;}
.title-movieindex::before {width: 24px;height: 24px;background-image: url(../img/icon-index.png);margin-right: 8px;}

.title.guide::before{width: 32px;height: 32px;background-image: url(../img/icon-guide.png);margin-right: 12px;}
.title.guide span{position: relative;top:3px}

.title.bookstore::before{width: 40px;height: 40px;background-image: url(../img/icon-shop.png);margin-right: 12px;vertical-align:middle;}
.title.bookstore span{position: relative;top:3px}

/* ----------------------------------
 layauto
---------------------------------- */
.singleWrappe,.tworowsWrappe,.gray-toparea-inner{max-width: 980px;margin: 0 auto;}

/* ----------------------------------
 gray-toparea-inner breadcrumb
---------------------------------- */
.gray-toparea{margin-bottom: 1.875rem;}
.gray-toparea-inner{display: flex;justify-content: space-between;align-items: center; height: 53px;}
.sns-btn{flex:0 0 80px;}
.sns-btn li{display: inline}
.sns-btn li:last-child{margin-left: 0.5rem;}
.breadcrumb {
	font-size: 0.875rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;/*一行で入らない場合は末尾に三点リーダー…*/
	max-width: 860px;
	margin-right: 2rem;
}

.breadcrumb li{
	position: relative;
	display:inline;
	padding:0 12px 0 0;
}
.breadcrumb li:after {
	content: '';
	position: absolute;
	right: 4px;
	top:6px;
	width: 6px;
	height: 6px;
	border-bottom: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumb li:last-child:after{
  display: none;
}
.breadcrumb li a {
    text-decoration: none;
	color: #333;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li:first-child a span {display: none}
.breadcrumb li:first-child a:before{/*家アイコン*/
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-weight: bold;
  font-size: 1rem;
  color: #2e7fea;
}
.breadcrumb li:first-child a:hover{text-decoration:none;}
@media screen and (max-width: 768px){
	.title{font-size: 1.25rem;}
	.gray-toparea-inner{padding: 0 2%;}
	.title.userentry::before{width: 30px;height: 30px;}
	.title.books::before {width: 24px;height: 24px;margin-right: 8px;}
	.title.password::before,.title.login::before{width: 28px;height: 28px;}
}
/* ----------------------------------
 book-detail　aid-detail　上部
---------------------------------- */
.tworowsWrappe{display: flex;justify-content: space-between;margin-bottom:3.2rem;flex-direction: row-reverse}
.tworowsWrappe .cover-area{flex: 0 2 auto;width: 34.69%;}
.tworowsWrappe .iteminfo-area{flex: 0 1 auto;width:59.79%;}
.iteminfo-area .aid-title{margin-bottom: 1.5rem;line-height: 1.3;}
.iteminfo-area .yellow-tags{margin-bottom: 1.4rem;}

/*.textbooks dl{display: flex;padding: 0 10px;justify-content: space-between;}
.textbooks dl dt{flex: 0 2 auto;width: 17%}
.textbooks dl dd{flex: 0 1 auto;width: 80%}
.textbooks dl dt img{width: 100%; border: 1px solid #cfcfcf; }*/

@media screen and (max-width: 768px){
	.tworowsWrappe{flex-flow: row wrap;padding: 0rem 3%;margin-bottom:0; }
	.tworowsWrappe .cover-area{flex: 0 0 100%;max-width: 100%;order: 1;}
	.tworowsWrappe .iteminfo-area{flex: 0 0 100%;max-width: 100%;order: 2;}
	.cover{width: 64%; margin: 0 auto;}
	.cover-area{margin-bottom: 1rem;}
}

/* ----------------------------------
 book-detail　aid-detail　下部
---------------------------------- */
.iteminfo-area .aid-btn{width: 240px;margin-bottom: 3rem;}
.iteminfo-area .aid-cnt{margin-bottom: 1.75rem;}

.aid-bundle{display: flex;flex-wrap: nowrap;align-items:bottom;margin-bottom: 0.7rem;}
.aid-bundle .btnTarget{width:170px; height: 50px;margin-right: 10px; border-radius: 8px;line-height:1.2;}
.aid-bundle .file-type{margin-right: 15px;}
.aid-bundle .entry-fee-vertical{width: 190px;color:#196bc3;font-size: 0.875rem;}
.aid-bundle .entry-fee-vertical li{line-height: 24px;}
.aid-bundle .entry-fee-vertical li:first-child{border-radius: 6px 6px 0px 0px;border: 2px solid #196bc3; border-bottom: 1px solid #196bc3;height: 24px;}
.aid-bundle .entry-fee-vertical li:last-child{border-radius: 0px 0px 6px 6px;border: 2px solid #196bc3; border-top: 1px solid #196bc3;height:24px;}

.aid-relation-container{display: flex;flex-wrap: wrap}
.aid-relation-container table {margin-right:2.4%; }
.aid-relation-container a{margin-right:2.4%;text-decoration: none;}
.aid-relation + .aid-relation{margin-top: 2rem;}

/* ----------------------------------
 book-detail
---------------------------------- */
/*right*/
.new-book,.soon-book,.stock-out{border-radius:100px;height: 40px;line-height: 40px;border: 1px solid;text-align: center;display:inline-block;margin-bottom: 0.5rem;}
.new-book{border-color: #ff0000;color: #ff0000;width: 86px;}
.soon-book{border-color: #196bc3;color: #196bc3; padding: 0 20px;}
.stock-out{border-color:#666;color:#666;min-width: 90px;padding: 0 15px;}

.book-title{font-size: 1.6875rem;margin-bottom: 1.5rem;line-height: 1.2;}
.book-title span,.aid-title span{display: block;word-break: normal}
.book-title .small,.aid-title .small{font-size:1.25rem;line-height: 1.6;}

.about-feature p{line-height: 1.8;}
.about-feature{margin-bottom: 5rem;}

ul.information{margin-bottom: 4.8rem;}
ul.information li{display: flex; align-items: flex-start;border-bottom: 1px dashed #196bc3;padding: 0.6rem 0;}
ul.information li span{font-weight: bold; width:88px; }

.textbook-adopt{margin-top: 1rem;}
.textbook-adopt a{color: #fff;text-decoration: none;display: block;background:#196bc3;font-weight: bold;text-align: center;width: 182px;height: 56px;line-height: 56px;}
.textbook-adopt a::before{content: '';display: inline-block;background-size: contain;vertical-align: middle;}
.textbook-adopt a::before{width: 26px;height: 26px;background-image: url(../img/icon-textbook2.png);margin-right: 8px;}

/* ↓立ち読みと試聴がどちらか一つだった場合、幅100％になる
.tachiyomi-shicho{display: flex;justify-content: space-between;margin:0.8rem 0 2.2rem;flex-wrap: nowrap;}
.tachiyomi-shicho li{width: 100%;height:56px;line-height: 56px;background:#196bc3;font-weight: bold;text-align: center;font-size: 0.9375rem}
.tachiyomi-shicho li+li{margin-left: 4%;}
*/
/*left*/
.tachiyomi-shicho{display: flex;justify-content: space-between;margin:0.8rem 0 2.2rem;}
.tachiyomi-shicho li{width: 48%;height:56px;line-height: 56px;background:#196bc3;font-weight: bold;text-align: center;font-size: 0.9375rem;padding-right: 8px;}
.tachiyomi a,.shicho a{color: #fff;text-decoration: none;display: block}
.tachiyomi a::before{width: 30px;height: 30px;background-image: url(../img/icon-tachiyomi.png);}
.shicho a::before{width: 28px;height: 28px;background-image: url(../img/icon-listen.png);}
.tachiyomi a::before,.shicho a::before{content: '';display: inline-block;background-size: contain;vertical-align: middle;margin-right: 6px;}

.book-data {margin-bottom: 2.4rem;}
.book-data li{border-bottom: 1px solid #ddd;padding: 0.4rem 0;font-size: 0.875rem;}

/*.book-data .author dt,.book-data .price span,.book-data .booksize span,.book-data .page span,.book-data .isbn span,.book-data .accessory span{width:2.8rem;display: inline-block}*/
.book-data .author dt{float: left;}
.book-data .author dd{margin-left: 4.7rem;}
.book-data .price{font-size: 0.875rem;}
.book-data li p{font-size: 0.875rem;}
.shop{margin-bottom: 1rem;}
.shop h4{margin-bottom: 0.4rem;font-size: 0.9375rem;}
.shop h4 span{font-size: 0.875rem;}
.shop ul{display: flex;flex-wrap:wrap; justify-content: space-between;}
.shop ul li {width: 48%;border: 1px solid #aaadaf;font-weight: bold;margin-bottom:0.5rem;}
.shop ul li img{vertical-align:bottom; }

/*新刊・近刊マーク 小　一覧*/
.cover{position: relative;}
.cover.new::before,.cover.kinkan::before {
    content: "";
    position: absolute;
    z-index: 1;
}
.cover.new:after,.cover.kinkan:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
	background-size: contain;
}
/*赤New*/
.cover.new::before {
	border-bottom: 4.9em solid transparent;
    border-left: 4.9em solid #ff0000; /* ラベルの色はここで変更 */
	opacity: 0.7;
}
.cover.new:after {
    top: 3px;
	left: 1px;
	background-size: contain;
	width: 42px;height: 42px;background-image: url(../img/icon-new.png);
}
/*黄 comming soon*/
.cover.kinkan::before {
	border-bottom: 5.2em solid transparent;
    border-left: 5.2em solid #fff100; /* ラベルの色はここで変更 */
	opacity: 0.9;
}
.cover.kinkan:after {
    top: -2px;
	left: 0px;
	width: 56px;height: 56px;background-image: url(../img/icon-commingsoon.png);
}
/*新刊・近刊マーク 大*/
/*赤New*/
.cover-area .cover.new::before {
    border-bottom: 7.2em solid transparent;
    border-left: 7.2em solid #ff0000;
}
.cover-area .cover.new::after {
    top: 6px;
	left: 6px;
	width: 52px;height: 52px;background-image: url(../img/icon-new.png);
}
/*黄 comming soon*/
.cover-area .cover.kinkan::before {
    border-bottom: 7.8em solid transparent;
    border-left: 7.8em solid #fff100;
}
.cover-area .cover.kinkan::after {
    top: -2px;
	left: 0px;
	width: 75px;height: 75px;background-image: url(../img/icon-commingsoon.png);
}

/*補助教材mark*/
.cover span.hojyo,.cover span.contents{position: relative;font-size: 0}
.cover span.hojyo::before {
    content: "補助教材";
}
.cover span.hojyo::before {
    content: attr(data-text)"";
}
.cover span.contents::before {
    content: "コンテンツ";
}
.cover span.hojyo::before, .cover span.contents::before{
  bottom: 0;
  right: 0;
  position: absolute;
	opacity: 0.9;
	background-color: #0663c3;
	/*width: 54%;*/
  padding: 0 8px;
	height: 40px;
	border-top-left-radius : 12px;
	color: #feee46;
	text-align: center;
	line-height: 40px;
	font-size: 0.875rem;
	letter-spacing: 0.04em;
}
/*属性データバージョン*/
/*.cover::before {
    bottom: 0;
    right: 0;
    position: absolute;
	opacity: 0.9;
	background-color: #0663c3;
	width: 54%;
	height: 40px;
	border-top-left-radius : 12px;
	color: #feee46;
	text-align: center;
	line-height: 40px;
	font-size: 1.125rem;
	letter-spacing: 0.04em;
}
.cover::before {
  content: attr(data-text)"";
}*/

@media screen and (max-width: 768px) {
	.book-title{font-size: 1.375rem;margin-top: 5px;line-height: 1.4;}
	.new-book,.soon-book,.stock-out{border-radius:100px;height: 32px;line-height: 32px;margin-top: 0.6rem;;}
	.textbook-adopt a{width: 100%;}
	.aid-bundle .btnTarget{margin-right: 10px;}
	.aid-bundle .file-type{margin-right: 10px;}
	.about-feature{margin-bottom: 2rem;}
}
@media screen and (max-width: 480px) {
	.cover span.hojyo::before {
		height: 30px;
		border-top-left-radius : 12px;
		line-height: 30px;
		font-size: 1rem;
	}
}

/* ----------------------------------
 btnFavorite
---------------------------------- */
button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
.btnFavorite:hover{opacity: 1.0;}

.btnFavorite > span:last-of-type,.btnFavorite.active > span:first-of-type{display: none;}
.btnFavorite.active > span:last-of-type {display: inline;}

.btnFavorite{display: block;color: #196bc3;border: 1px solid #ccc;text-align: center;text-decoration: none;font-weight: bold;width: 100%;padding-right: 10px;}
.btnFavorite::before{content: '';display: inline-block;background-image: url(../img/icon-favorite_off.png);background-size: contain;vertical-align: middle;transition: 0.7s all ease 0s;}
.btnFavorite.active{color: #a7a6a6;}
/*.btnFavorite.active:hover::before{background-image: url(../img/icon-favorite_on.png);transform: scale(1.2);}*/
.btnFavorite.active::before{background-image: url(../img/icon-favorite_on.png);}

.cover-area .btnFavorite{height: 56px;margin-top: 20px;font-size: 1rem;line-height: 54px;}
.cover-area .btnFavorite::before{width:22px;height:22px;margin-right: 5px;}

.item .btnFavorite::before{width:16px;height:16px;margin-right: 2px;}
.item .btnFavorite{height: 36px;font-size: 0.8125rem;line-height: 36px;margin-top: 3px;}

.book-detail{margin-top: 0.8rem}
.book-detail + .btnFavorite{margin-top: 0.8rem;}
.book-detail a {
	text-decoration: none;
	display: block;
	color: #196bc3;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 56px;
	line-height: 56px;
	border: 1px solid #ccc;
	font-size: 1rem;
	letter-spacing: 0.06rem;
	padding-right: 10px;
}
.book-detail a::before{content: '';display: inline-block;background-size: contain;vertical-align: middle;}
.book-detail a::before{width: 24px;height: 24px;background-image: url(../img/icon-book.png);margin-right: 8px;position: relative;top:-3px;}


/*.mypage .btnFavorite > span:first-of-type{display: none;}
.mypage .btnFavorite.active > span:last-of-type{display: none;}
.mypage .btnFavorite > span:last-of-type{display: inline;}
.mypage .btnFavorite.active > span:first-of-type {display: inline;}

.mypage .btnFavorite{color: #a7a6a6;}
.mypage .btnFavorite::before{background-image: url(../img/icon-favorite_on.png);}
.mypage .btnFavorite.active{color: #196bc3;}
.mypage .btnFavorite.active::before{background-image: url(../img/icon-favorite_off.png);}*/

/* ----------------------------------
 aid-movie
---------------------------------- */
.movie-block{margin-bottom: 6rem;}
.movie-index-blocktitle{background-color:#e9f0f7;border-radius: 100px; position: relative;padding-left: 28px;height: 28px;font-size: 0.875rem; color:#196bc3;line-height: 28px;margin-bottom: 0.5rem; }
.movie-index-blocktitle::before{content: "";position: absolute;background: #fff;top: 50%;left: 10px;margin-top :-7px;height: 14px;width: 14px;border-radius: 50%;}

/* 目次の3列をやめる*/
/*.movie-index{display: flex;justify-content: space-between;margin-bottom: 1.6rem;}
.movie-index>li{
	flex: 0 1 32%;
	width: 32%;
	font-size: 0.9375rem;margin-bottom: 0.2rem;}*/

.movie-index{display: block;margin-bottom: 1.6rem;}

.movie-index>li{
	width: 100%;
	font-size: 0.9375rem;margin-bottom: 0.2rem;}
.about-container, .movie-list li{
	display: flex;
	justify-content: space-between;
	margin: 1.6rem 0;
}
.about-container .about{
	flex: 0 2 690px;
	max-width: 690px;
	margin-right: 1rem;
	margin-bottom: 4rem;
}
.about-container .aid-btn{
	flex: 0 1 240px;
	max-width: 240px;
}
.movie-list li .tmb {
	flex: 0 1 320px;
	max-width: 320px;
	height: 180px;
	/* aspect-ratio: 16/9; */
	position: relative;
	background-color: #eee;
  }
.tmb a::before{position: absolute;top:0px;left:0px;right:0pc;bottom:0px;content:'';}
.tmb .frame-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    text-align:center;
}
.tmb .frame-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align:center;
}
.tmb .frame-container::after {
	/* content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%); */
  
	/* background-image: url(../img/btnPlay.png);
	background-size: 98px 98px;
	background-position: center;
	vertical-align: middle; */
	
  }

.movie-list li .tmb img{vertical-align: bottom;}
/* .movie-list li .tmb span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
} */

.movie-list li .tmb-cnt{
	flex: 0 2 616px;
	max-width: 616px;
	margin-left: 1rem;
}

.movie-list li{margin-bottom: 3rem;}
/*.movie-list li:first-child{margin-top: 0rem;}*/

.movie-list li:last-child{margin-bottom: 0rem;}

.movie-list li .tmb-cnt dt{font-weight: bold;margin-bottom: 0.6rem;}

/* .hide{ background-color:#dfe1e2;padding: 1rem 0;position: relative;top:30px; }
.hide li{opacity: 0.5;}
.hide{pointer-events:none;cursor:default;} */
.hide {
	position: relative;
  }
.hide::after {
content: '';
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(223, 225, 226, 0.5);
}


/* ----------------------------------
 aid-audio
---------------------------------- */
.iteminfo-area .aid-btn.total {width: 100%; overflow: hidden;margin-top: 2rem;}
.iteminfo-area .aid-btn.total li{width: 240px;float: left;margin-right: 1rem;}

.aduio-block{margin-bottom: 5rem;}
.about-container{margin-bottom: 0rem;}/*3.6*/
.about-container table.blueLine{margin-top: 1.2rem;}
.audio-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1.6rem 0;}
.audio-list li{
	flex: 0 1 31%;
	width: 31%;
	margin-bottom: 1.6rem;
}
.audio-list:after{/*最後の行を左寄せにするため*/
	content:'';
	display:block;
	width: 32%;
	height:0;
}
.audio-list li p{font-weight: bold;margin-bottom: 0.3rem;}
.audio-list audio{width: 100%;margin:0 auto; } 

.data-block .about-container,.translate-block .about-container{margin-bottom: 5.4rem;}

/*リリース後改修*/
.audio-wrappe{margin-top: 0.5rem;}
.audio-wrappe > p{margin-bottom:0.5rem;font-size: 0.875rem;}
.audio-wrappe h4 {
width:100%;
height:50px;
background: #eff4f3;
cursor:pointer;
color: #196bc3;
font-size: 1.125rem;
line-height: 50px;
position: relative;
padding: 0 1rem;
}
.audio-wrappe h4{margin-bottom: 2rem;}
.audio-wrappe h4 {
		width:100%;
		height:50px;
		background: #f1f3f4;
		cursor:pointer;
		color: #196bc3;
		font-size: 1.125rem;
		line-height: 50px;
		position: relative;
		padding: 0 1rem 0 3rem;
		}
.audio-wrappe h4::before,.audio-wrappe h4.active::before,.audio-wrappe h4.hover::before{
			position: absolute;
			top:0px;
			left: 0.8rem;
			font-size: 22px;
		}
.audio-wrappe h4.hovered{background-color: #196bc3;transition: .8s;color: #fff}		
.audio-wrappe h4.hovered::before{transition: .8s}

.audio-wrappe h4::before{
  content: "";
  background:url(../img/icon-voice.svg);top: 10px;left:12px;
  background-size: contain;
  width: 32px;
	height: 30px;position: absolute;
}
.audio-wrappe h4.active::before{
  content: "";
  background:url(../img/icon-voice.svg);top: 10px;left:12px;
  background-size: contain;
  width: 32px;
	height: 30px;position: absolute;
}
.audio-wrappe h4.hovered::before{
  content: "";
  background:url(../img/icon-voice-white.svg);top: 10px;left:12px;
  background-size: contain;
  width: 32px;
  height: 30px;position: absolute;
}

.audio-list.hide{top:0;}
.audio-wrappe h4 span{opacity: 1.0;font-size: 0.875rem; display: inline-block;padding-left: 0.5rem;}
/*.audio-wrappe h4.active span{opacity: 0;transition: .8s;}*/
		

@media screen and (max-width: 768px) {
	.movie-block{margin-bottom: 3rem;}
	.iteminfo-area .aid-btn.total {margin-top: 1.5rem;}
	.iteminfo-area .aid-btn.total li{width: 100%;float: none;margin-right: 0;}
	.about-container, .data-block .about-container,.translate-block .about-container{margin-bottom: 2.4rem;}
	.audio-wrappe h4 span{display: none;}
	.title.relatedbooks::before{width: 28px;height: 28px;margin-right: 5px;}
}
@media screen and (max-width: 480px) {
	.audio-wrappe h4 span{display: none;}
}
/* ----------------------------------
 table.blueLine
---------------------------------- */
table.blueLine{width: 100%;table-layout: fixed;font-size: 0.875rem;border-collapse: collapse; }
table.blueLine th{ background-color:#f3f7f7 }
table.blueLine{border-top:1px solid #196bc3;border-bottom:1px solid #196bc3;}
table.blueLine th{border-bottom:1px solid #196bc3;color:#196bc3;font-weight: 500; }
table.blueLine th,table.blueLine td{border-right:1px solid #196bc3;text-align: center;height: 32px;vertical-align: middle;line-height: 1.2;}
table.blueLine th:last-child,table.blueLine td:last-child{border-right:none;}
table.blueLine td .price{font-weight: bold;font-size: 1rem;}

@media screen and (max-width: 768px) {
	.movie-index{flex-wrap: wrap;}
	.movie-index>li{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 1rem;
	}
	.movie-index>li:last-child{margin-bottom: 0;}
	.about-container, .movie-list li{
		flex-wrap: wrap;
		margin: 0.8rem 0;
	}
	.about-container .about{
		flex: 1 1 100%;
		max-width: 100%;
		margin: 0 0 1rem 0 ;
	}
	.about-container .aid-btn{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.movie-list li .tmb img{width: 100%;}
	.movie-list li .tmb{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.tmb .frame-container::before {
		content: '';
		position: absolute;
  		bottom: 0;
  left: 0;
		width: 100%;
		height: 25px;
  background: #000;/*背景色*/
		z-index: 10;
	}
	.tmb .frame-container{position: relative }

	.tmb .frame-container::after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 100%;
		/* background-image: url(../img/btnPlay4.png);
		background-size: contain;
		vertical-align: middle; */
		position: absolute;
		top: 50%;
		left: 50%;
	  }
	.movie-list li .tmb-cnt{
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0;
	}
	.audio-list li{
	flex: 0 1 100%;
	width: 100%;
	}
	table.blueLine th{padding: 2px 6px;line-height: 1.2}
}
/* ----------------------------------
 aid-app
---------------------------------- */
.app-block .about-container{margin-bottom:2rem ;}
.app-block .about-container .about{
	flex: 0 1 100%;
	max-width: 100%;
	margin-right: 0;
}
.app-list{display: flex;align-items: center;padding-bottom:1.6rem;justify-content: center;text-align: center;}
.app-list li span{display: block;font-weight: bold;padding-bottom: 0.5rem;}
.app-list li:first-child{margin-right: 3%;}

/* ----------------------------------
 aid--translate-booklet
---------------------------------- */
.non-regist{font-size: 0.875rem;line-height: 1.4;margin: 0.3rem 0 0 0;background: #f5f8f9;padding: 0.5rem 0.3rem 0.3rem 0.5rem;border: 1px solid #acc0d5;border-radius: 6px;}
.non-regist span{color: #196bc3;}

/* ----------------------------------
 resultWrappe
---------------------------------- */
div.resultWrappe{
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
div.listWrappe{
	flex: 0 1 716px;
	max-width: 716px;
}
div.refineSearchWrappe{
	flex: 0 1 224px;
	max-width: 224px;
}
div.sp-refineSearchWrappe{
	width:100%;
}
/* ----------------------------------
 refineSearch
---------------------------------- */
.refineSearch{
	background-color: #f5f8f9;
	padding: 10px 10px 15px;
	border-radius: 0px 0px 8px 8px;
}
.title-refineSearch{
	background-color:#236fbe;
	font-weight: bold;
	color: #fff;
	border-radius:8px 8px 0 0 ;
	text-align: center;
	height: 35px;
	line-height: 35px; }
/* ----------------------------------
 list
---------------------------------- */
.listWrappe ul.list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.listWrappe ul.list .item {
	flex: 0 1 47.2%;
	max-width: 47.2%;
	margin-bottom: 46px;
}
.listWrappe ul.list .item {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.listWrappe ul.list.info .item {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
/*list search results*/
.listWrappe ul.list .item .cover {
	flex: 0 1 40%;
  max-width: 40%;
  margin: 0 0 0 2%;
}
.listWrappe ul.list .item .item_cnt {
	flex: 0 1 53%;
	max-width: 53%;
}
/*list information*/
.listWrappe ul.list.info .item .cover {
	flex: 0 1 145px;
	max-width: 145px;
	margin-right: 4%;
}
.listWrappe ul.list .item .infoText {
	width: 100%;
	font-size: 0.875rem;
	margin-top: 1rem;
}
.listWrappe ul.list.info img {
	width: 145px;height: 145px;object-fit: cover;
}
.genreText{
	font-weight: bold;
	/* color: #196bc3; */
	margin-bottom: 0.4rem;
	font-size:0.875rem;}
.listWrappe ul.list .item .item_cnt h3 {
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 0.8rem;
}
.listWrappe ul.list .author {
	font-size: 0.9rem;
	margin-bottom: 0.8rem;
}
.listWrappe ul.list .shortIntro{
	font-size: 0.875rem;
	line-height: 1.5;
	margin-bottom: 0.8rem;
}
.favorite-red,.history-blue{border-radius: 6px; color: #fff;font-weight: bold;text-align: center;font-size: 0.8125rem;margin-bottom: 0.6rem; }
.favorite-red{background-color:#d93636;}
.history-blue{background-color:#196bc3;}

@media screen and (max-width: 768px) {
	.resultWrappe{padding:0 3%; }
	div.listWrappe{width: 100%;}
	div.refineSearchWrappe{display: none;}
	.listWrappe ul.list {margin-top: 1.6rem;}
	.listWrappe ul.list .item {
		flex: 0 0 100%;
		max-width: 100%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 1.2rem;
		margin-bottom: 1.2rem;}
}

/* ----------------------------------
 list more for sp
---------------------------------- */
.morelink{
    display:block;
    max-width:240px;
    margin:20px auto;
    padding:10px 20px;
    background:#fff;
    border:2px solid #196bc3;
    color:#196bc3;
    text-align:center;
    border-radius:5px;
}
.morelink:hover{
    cursor:pointer;
}
/* ----------------------------------
 pagination
---------------------------------- */
.sortPagerWrappe{display: flex;flex-direction: column;margin-bottom: 1rem;}
.sortPagerWrappe .sortStyle{margin-right: 0rem;}
@media (min-width: 769px) {
	.sortPagerWrappe{display: flex;flex-direction: row;justify-content: flex-end; margin-bottom: 1rem;}
	.sortPagerWrappe .sortStyle{margin-right: 1rem;}
}
.pager {
	margin: 0;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.pager .num {
	display: inline-block;
	margin-right: 25px;
	font-size: 0.9rem;
	position: relative;
	bottom: 4px;
	font-weight: normal;
}
.pager .num span {
	font-size: 1rem;
	font-weight: bold;
}
.paginationWrappe {
	width: auto;
	text-align: right;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0 auto;
}
.pagination > li {
	display: inline;
	font-weight: normal;
	font-size: 0.9rem;
}
.pagination > li > a span {
	font-size: 1.1rem;
	line-height: 1.0;
	font-weight: bold
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 2px 8px;
	margin-left: 4px;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #196bc3;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #196bc3;
	background-color: #eee;
	border-color: #ddd;
	opacity: 1.0;
}
.pager+section.special{margin-top: 2rem;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	cursor: default;
	background-color: #fff100;
	border-color: #196bc3;
	opacity: 1.0!important;
}
/* ----------------------------------
 sort select プルダウン
---------------------------------- */
.formStyle select,.sortStyle select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sortStyle select {
	background: url(../img/ico_select_arrow.png) no-repeat right 5px center #fff;
	background-size: 9px;
	padding: 3px 18px 2px 4px;
	border: 1px solid #196bc3;
	font-size: 0.8rem;
}
.formStyle .list02 select{
	background: url(../img/ico_select_arrow.png) no-repeat right 5px center #fff;
	background-size: 9px;
	width: auto;padding: 0.4em 1.5em;}
.formStyle .list02 li{ display: inline}
.formStyle.settle input[type="text"]{width: 50%;}
@media screen and (max-width: 768px) {
	.formStyle.settle input[type="text"]{width: 100%;}
}
/* ----------------------------------
 search results sort
---------------------------------- */
.sort {
	text-align: right;
	margin: 0.5rem 0 1rem;
}
.sort dl {
	display: inline-block;
	text-align: left;
}
.sort dl dt {
	font-size: 13px;
	display: inline;
}
.sort dl dd {
	display: inline;
	margin-left: 10px;
}
/* ----------------------------------
 hojyo-tool
---------------------------------- */
/*補助教材のラベル大小*/
table.hojyo-tool{border-spacing:0;text-align: center ;vertical-align:middle}
table.hojyo-tool caption { caption-side: bottom; text-align: left; font-weight: bold;color:#333; font-size: 0.875rem;padding-top: 0.3rem;}
.hojyo-tool.large{width: 213px; height: 72px;}


.hojyo-tool.small{width: 200px; height: 44px; font-size: 13px}
.hojyo-tool{
	border: 2px solid #196bc3;
	border-radius: 8px;
	display: table;
  width: 200px;
	color: #196bc3;
}
/*ラベル左*/
.hojyo-tool .target{
	width: 33%;
	text-indent: -99999px;
}
/*ラベル中央*/
.hojyo-tool .media{
	width: 33%;
	text-indent: -99999px;
	border-right: 2px solid #196bc3;
}
/*icon 【対象】学習補助ツール, 語彙訳, 教師用ツール, 教師用指導法*/
.hojyo-tool .target.icon-study{background:url(../img/icon-stationery.svg) center no-repeat; background-size: 55% auto;background-color: #196bc3;}
.hojyo-tool .target.icon-translate{background:url(../img/icon-translation.png) center no-repeat; background-size: 68% auto;background-color: #196bc3;}
.hojyo-tool .target.icon-teacher{background:url(../img/icon-teacher.png) center no-repeat; background-size: 56% auto;background-color: #196bc3;}
.hojyo-tool .target.icon-instruct{background:url(../img/icon-classroom.svg) center no-repeat; background-size: 60% auto;background-color: #196bc3;}

/*icon【メディア】音声, 動画, PDF, データ, アプリ*/
.hojyo-tool .media.icon-audio{background:url(../img/icon-voice.svg) center no-repeat;background-size: 68% auto;background-color: #fff;}
.hojyo-tool .media.icon-movie{background:url(../img/icon-movie.svg) center no-repeat;background-size: 64% auto;background-color: #fff;}
.hojyo-tool .media.icon-pdf{background:url(../img/icon-pdf.png) center no-repeat;background-size: 62% auto;background-color: #fff;}
.hojyo-tool .media.icon-app{background:url(../img/icon-app.png) center no-repeat;background-size: 54% auto;background-color: #fff;}
.hojyo-tool .media.icon-data{background:url(../img/icon-data.png) center no-repeat;background-size: 50% auto;background-color: #fff;}
.hojyo-tool .media.icon-booklet{background:url(../img/icon-booklet2.png) center no-repeat;background-size: 63% auto;}

.hojyo-tool .media.icon-ebook {
  background: url(../img/icon-ebook.svg) left 43% center no-repeat;
  background-size: 60% auto;
}

/*.hojyo-tool .media.icon-powerpoint{background:url(../img/icon-powerpoint.svg) center no-repeat;background-size: 60% auto;background-color: #fff;}
.hojyo-tool .media.icon-excel{background:url(../img/icon-excel.svg) center no-repeat;background-size: 60% auto;background-color: #fff;}
.hojyo-tool .media.icon-word{background:url(../img/icon-word.png) center no-repeat;background-size: 60% auto;background-color: #fff;}
.hojyo-tool .media.icon-jpg{background:url(../img/icon-jpg.png) center no-repeat;background-size: 62% auto;background-color: #fff;}
.hojyo-tool .media.icon-zip{background:url(../img/icon-zip.png) center no-repeat;background-size: 62% auto;background-color: #fff;}*/


/* 登録要・不要　有料無料 */
.hojyo-tool .entry{border-bottom: 1px solid #196bc3;border-radius:0 8px 0 0; }
.hojyo-tool .fee{border-top: 1px solid #196bc3;border-radius:0 0 8px 0;}
.hojyo-tool .on{background-color: #fff100;}
.hojyo-tool .entry, .hojyo-tool .fee{font-size:0.812rem;font-weight: bold;line-height: 1.2;padding: 0 4px; }

/* ----------------------------------
 yellow-tags
---------------------------------- */
.yellow-tags li{display: inline;}
.yellow-tags a{display: inline-block;background-color: #fff100; border: 1px solid #719fcc;border-radius: 4px;padding:8px 10px 7px;font-size: 14px;text-decoration: none;color:#333;
	margin:0px 2px 5px 0px; }
.yellow-tags.small a{padding:3px 6px 2px;font-size: 13px}

@media screen and (max-width: 768px) {
	.yellow-tags a{padding:3px 6px 2px;}
}
@media screen and (max-width: 380px) {.hojyo-tool.small{width: 180px;}}
@media screen and (max-width: 330px) {.hojyo-tool.small{width: 160px;}}

/* ----------------------------------
 entry-fee
---------------------------------- */
.entry-fee{display: flex;}
.entry-fee li{width: 50%;list-style: 30px;text-align: center;}
.entry-fee li:first-child{border-radius: 6px 0px 0px 6px;border: 2px solid #196bc3; border-right: 1px solid #196bc3; }
.entry-fee li:last-child{border-radius: 0px 6px 6px 0px;border: 2px solid #196bc3; border-left: 1px solid #196bc3; }
.entry-fee li.on{ background-color: #fff100;}

.entry-fee-vertical {display: flex;flex-direction: column;font-size:0.875rem;color: #196bc3; }
.entry-fee-vertical li{width: 100%;text-align: center;line-height: 35px;}
.entry-fee-vertical li:first-child{border-radius: 6px 6px 0px 0px;border: 2px solid #196bc3; border-bottom: 1px solid #196bc3;/* height: 35px; */ line-height: 1.2;}
.entry-fee-vertical li:last-child{border-radius: 0px 0px 6px 6px;border: 2px solid #196bc3; border-top: 1px solid #196bc3;height: 35px; }
.entry-fee-vertical li.on{ background-color: #fff100;}

.movie-fee-vertical {display: flex;flex-direction: column;}
.movie-fee-vertical li{width: 100%;text-align: center;line-height: 25px;}/*25px*/
.movie-fee-vertical li:first-child{border: 2px solid #196bc3;background-color:#f3f7f7;color:#196bc3; border-bottom: 1px solid #196bc3;height: 25px; }/*25px*/
.movie-fee-vertical li:last-child{border: 2px solid #196bc3; border-top: 1px solid #196bc3;height: 25px; font-weight: bold; }/*25px*/
.aid-btn .movie-fee-vertical li{margin-bottom: 0;}

/* ----------------------------------
 btnTarget
---------------------------------- */
/* .btnTarget{display: block; background-color:#196bc3;color: #fff;text-align: center;height: 56px; line-height: 56px;text-decoration: none;font-size: 0.9375rem;font-family:"メイリオ", Meiryo;padding-right: 10px;} */
.btnTarget{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:
	#196bc3;color: 
	#fff;
	height: 56px; 
	line-height: 1.2;
	text-decoration: none;
	font-size: 0.9375rem;
	font-family:"メイリオ", Meiryo;
	padding-right: 10px;}

.btnTarget.icon-translate,.btnTarget.icon-instruct{font-size: 0.75rem;line-height: 1.2;padding-right: 5px;}

/*学習補助ツール／翻訳・語彙訳／教師用ツール／教師用指導法*/
.btnTarget.icon-study::before {width: 28px;height: 28px;background-image: url(../img/icon-stationery.svg);margin-right: 5px;}
.btnTarget.icon-translate::before {width: 43px;height: 43px;background-image: url(../img/icon-translation.png);margin-left: 10px;}
.btnTarget.icon-teacher::before {width: 36px;height: 36px;background-image: url(../img/icon-teacher.png);margin-right: 8px;margin-left: 8px;position: relative;top:2px}
.btnTarget.icon-instruct::before {width: 36px;height: 36px;background-image: url(../img/icon-classroom.svg);margin-right: 5px;}

.btnTarget.icon-study::before,
.btnTarget.icon-translate::before,
.btnTarget.icon-teacher::before,
.btnTarget.icon-instruct::before{
	content: '';display: inline-block;background-size: contain;vertical-align: middle;
}

/* ----------------------------------
 detail aid
---------------------------------- */
.detail_aid{
	max-width: 580px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1rem 0 2rem;
}
.detail_aid:after{/*最後の行を左寄せにするため*/
	content:'';
	display:block;
	width: 31.3%;
	height:0;
}
.detail_aid > li{
	flex-basis: 31.3%;
	max-width: 31.3%;
	margin-bottom: 1.6rem;
}
.detail_aid .type{display: flex;justify-content: space-between;margin: 0.7rem 0 0.5rem;}
.detail_aid .type div{flex-basis: 47%;max-width: 47%;}

.detail_aid .media{width: 47%;border: 2px solid #196bc3; border-radius: 6px;position: relative;height: 70px;}
/*.detail_aid .media span{color: #196bc3; font-size: 13px;position: absolute; left:50%;transform:translateX(-50%);bottom:0;font-weight: bold}*/
.detail_aid .media{text-align: center}
.detail_aid .media span{color: #196bc3; font-size: 13px;font-weight: bold;position: relative;top:40px;}

.detail_aid .media.icon-audio{background:url(../img/icon-voice.svg) center 10% no-repeat;background-size: 58% auto;}
.detail_aid .media.icon-pdf{background:url(../img/icon-pdf.png) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-movie{background:url(../img/icon-movie.svg) center 10% no-repeat;background-size: 52% auto;}
.detail_aid .media.icon-excel{background:url(../img/icon-excel.svg) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-word{background:url(../img/icon-word.png) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-jpg{background:url(../img/icon-jpg.png) center 14% no-repeat;background-size: 42% auto;}
.detail_aid .media.icon-powerpoint{background:url(../img/icon-powerpoint.svg) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-zip{background:url(../img/icon-zip.png) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-app{background:url(../img/icon-app.png) center 14% no-repeat;background-size: 46% auto;}
.detail_aid .media.icon-data{background:url(../img/icon-data.png) center 20% no-repeat;background-size: 36% auto;}
.detail_aid .media.icon-booklet{background:url(../img/icon-booklet2.png) center 20% no-repeat;background-size: 40% auto;}
.detail_aid .media.icon-ebook {background: url(../img/icon-ebook.svg) left 45% top 20% no-repeat; background-size: 42% auto;}

.detail_aid dt{position: relative;}
.detail_aid dd:last-of-type{font-size: 0.875rem;line-height: 1.5;font-weight: bold}/*教材説明テキスト3行*/

/*@media screen and (min-width:481px) and ( max-width:768px) {
	.detail_aid .media.icon-audio{background:url(../img/icon-voice.svg) center 0 no-repeat;background-size: 40% auto;}
	.detail_aid .media.icon-pdf{background:url(../img/icon-pdf.png) center 10% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-movie{background:url(../img/icon-movie.svg) center 10% no-repeat;background-size: 36% auto;}
	.detail_aid .media.icon-excel{background:url(../img/icon-excel.svg) center 14% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-word{background:url(../img/icon-word.png) center 14% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-jpg{background:url(../img/icon-jpg.png) center 14% no-repeat;background-size: 28% auto;}
	.detail_aid .media.icon-powerpoint{background:url(../img/icon-powerpoint.svg) center 14% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-zip{background:url(../img/icon-zip.png) center 14% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-app{background:url(../img/icon-app.png) center 14% no-repeat;background-size: 30% auto;}
	.detail_aid .media.icon-data{background:url(../img/icon-data.png) center 20% no-repeat;background-size: 23% auto;}
	.detail_aid .media.icon-booklet{background:url(../img/icon-booklet2.png) center 20% no-repeat;background-size: 30% auto;}
}*/

@media screen and (max-width: 767px) {
	.detail_aid > li{
	flex-basis: 48%;
	max-width: 48%;
	}

}
/* ----------------------------------
 mypage zokusei
---------------------------------- */
.overlay {
  display: none;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: rgba(0, 0, 0, .65);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index:999;
}
.overlay .container {
  display: table;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}
.overlay .inner {
  display: table-cell;
  padding: 2.7em 2em;
  vertical-align: middle;
}
.overlay .modal {
	margin: 0 auto;
	padding: 1.9em 2em;
	max-width: 980px;
	text-align: justify;
	text-justify: inter-ideograph;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
	position: relative;
}
.overlay .modal::after {
	display: table;
	content: '';
	clear: both;
}
.overlay .modal h2.genre{font-size: 1.5rem;color:#196bc3;text-align: center;margin-bottom: 1rem; }
.overlay .modal .button {
	position: absolute;
	top:10px;
	right: 10px;
	border: 0;
	outline: 0;
	cursor: pointer;
}
@media (min-width: 769px) {
	.overlay .modal .gRight {width: 82%;text-align: left}
	.overlay .modal .gLeft {width: 18%;}
}
@media screen and (max-width: 768px) {
	.overlay .modal h2.genre{margin-top: 1rem;}
}

/* ----------------------------------
 mypage nav
---------------------------------- */
h1.mypage{display: none;}

.mypage-menu{color:#196bc3;border-bottom: 6px solid #196bc3;margin-bottom: 2.5rem;font-weight: bold;}
.mypage-menu{display: flex;align-items:center;}
.mypage-menu li{display: inline;font-size:1.375rem;}
.mypage-menu li a{text-decoration: none;display:block}
.mypage-menu li:first-child{margin-right: auto;}
.mypage-menu li:first-child a{color: #fff}

.mypage-menu-top a{border-radius: 8px 8px 0 0;background:#196bc3;color: #fff;width: 170px;height: 40px;text-align: center;line-height: 40px;}

.mypage-menu-top a::before,.mypage-menu-userinfo a::before,.mypage-menu-favorite a::before{content: '';display: inline-block;background-size: contain;}
.mypage-menu-top a::before{width: 22px;height: 22px;background-image: url(../img/icon-man.png);margin-right: 7px;position: relative;top:3px}
.mypage-menu-userinfo a::before{width: 32px;height: 32px;background-image: url(../img/icon-userentry.png);margin-right: 7px;position: relative;top:-3px;vertical-align: bottom;}
.mypage-menu-favorite a::before{width: 24px;height: 24px;background-image: url(../img/icon-favorite_blue.png);margin-right: 5px;position: relative;top:-6px;vertical-align: bottom;}

.mypage-menu-userinfo{margin-right: 2rem;}

@media screen and (max-width: 768px){
	.mypage-menu{margin: 0 -3% 1.25rem;}
	.mypage-menu li{font-size:1.25rem; }
	.mypage-menu-top a{height: 32px;line-height: 40px;}
	.mypage-menu-top a{width: 138px;height:2.7rem;line-height: 2.7rem;}
	.mypage-menu-top a::before{width: 18px;height: 18px;background-image: url(../img/icon-man.png);margin-right: 2px;}
	.mypage-menu-userinfo a::before{width: 28px;height: 28px;}
	.mypage-menu-favorite a::before{width: 20px;height: 20px;}
	.mypage-menu-userinfo{margin-right: 1rem; }
	.mypage-menu .forSp{display: none}
}
@media screen and (max-width: 580px){
	.mypage-menu li{font-size:1rem;}
  .mypage-menu-top a{width: 78px;height: 2.4rem;line-height: 2.4rem;position: relative;top:5px;padding: 0 5px;}
	.mypage-menu-top a::before{width: 0px;height: 0px;background-image: none;margin-right: 0px;}
	.mypage-menu-userinfo{text-indent: -33px;}
	.mypage-menu-favorite{text-indent: -27px;}
	.mypage-menu-userinfo a::before{width: 26px;height: 26px;position:relative;top:10px;}
	.mypage-menu-favorite a::before{width: 20px;height: 20px;position:relative;top:10px;}
	.mypage-menu-userinfo{margin-right: 2.4rem; }
	.mypage-menu-userinfo,.mypage-menu-favorite{line-height: 1.1}
	.mypage-menu .forSp{display:block}
}
@media screen and (max-width: 408px){
	.mypage-menu {margin: -10px -3% 1.25rem;}
	.mypage-menu li{font-size:0.9375rem;padding-right: 8px;}
	.mypage-menu-userinfo{text-indent: -30px;}
	.mypage-menu-favorite{text-indent: -27px;}
	.mypage-menu-userinfo a::before{width: 24px;height: 24px;position:relative;top:10px;margin-right: 0px;}
	.mypage-menu-favorite a::before{width: 18px;height: 18px;position:relative;top:10px;margin-right: 2px;}
	.mypage-menu-userinfo{margin-right: 1.5rem; }
	.mypage-menu-userinfo,.mypage-menu-favorite{line-height: 1.1}
}
@media screen and (max-width: 358px){
	.mypage-menu li{font-size:0.90625rem;}
	.mypage-menu-top a{width: 78px;height: 2.4rem;line-height: 2.4rem;position: relative;top:5px;}
	.mypage-menu-top a::before{width: 0px;height: 0px;background-image: none;margin-right: 0px;}
  .mypage-menu-userinfo a::before{width: 0px;height: 0px;background-image: none;margin-right: 0px;}
	.mypage-menu-favorite a::before{width: 0px;height: 0px;background-image: none;margin-right: 0px;}
	.mypage-menu-userinfo{text-indent: 0px;}
	.mypage-menu-favorite{text-indent: 0px;}
	.mypage-menu-userinfo{margin-right: 0.3rem; }
	.mypage-menu-userinfo,.mypage-menu-favorite{line-height: 1.1}
}

/* ----------------------------------
 mypage favorite nav
---------------------------------- */
.mypage-sub-menu {display: flex;justify-content: space-between;margin-bottom: 1rem;}
.mypage-sub-menu li{flex: 1 1 auto;}
.mypage-sub-menu li:nth-child(2){margin:0 0.5rem; }
.mypage-sub-menu li a{border-radius: 8px 8px 0 0;border: 2px solid #d93636;height: 40px;line-height: 40px;font-size:1.25rem;color: #d93636;font-weight: bold;text-align: center;text-decoration: none;display:block; }
.mypage-sub-menu li.purchase-history a{border: 2px solid #196bc3;color: #196bc3;}

li.favorite-books a::before{content: '';display: inline-block;background-size: contain;width: 22px;height: 22px;background-image: url(../img/icon-favorite_red.png);margin-right: 7px;position: relative;top:3px;}
li.favorite-aids a::before{content: '';display: inline-block;background-size: contain;width: 22px;height: 22px;background-image: url(../img/icon-favorite_red.png);margin-right: 7px;position: relative;top:3px;}
li.purchase-history a::before{content: '';display: inline-block;background-size: contain;width: 22px;height: 22px;background-image: url(../img/icon-cartblue.png);margin-right: 7px;position: relative;top:3px;}

.mypage-sub-menu li.active{border-radius: 8px 8px 0 0;background-color:#d93636;color: #fff;height: 40px;line-height: 40px;font-weight: bold;text-align: center;font-size:1.25rem;}
.mypage-sub-menu li.purchase-history.active{background-color:#196bc3;}
.mypage-sub-menu li.active::before{content: '';display: inline-block;background-size: contain;width: 22px;height: 22px;margin-right: 7px;position: relative;top:3px;}
.favorite-books.active::before,.favorite-aids.active::before{background-image: url(../img/icon-favorite_white.png);}
.purchase-history.active::before{background-image: url(../img/icon-cart.png);}

@media (max-width: 600px){
	.mypage-sub-menu span{display: none;}
	.mypage-sub-menu li a, .mypage-sub-menu li.active{font-size:0.9375rem;}
	.mypage-sub-menu li a::before,.mypage-sub-menu li.active::before{width: 16px;height: 16px;}
}
/* ----------------------------------
 seminar detail  info detail
---------------------------------- */
.seminar-relbook{margin:2rem 0 1rem; }
.seminar-relbook li{display: inline-table;}
.seminar-relbook li{max-width: 162px;}
.seminar-relbook li+li{margin-left: 1rem}
.seminar-relbook li img{border: 1px solid #cfcfcf;}
.info-detail{margin-bottom: 1.6rem;}
.info-detail h3{color: #196bc3;font-size: 1.0625rem;}
.info-detail+ul{margin-bottom: 3rem;}


/* ----------------------------------
 apply
---------------------------------- */
section.apply:first-of-type{margin-top: 2.8rem;}
.apply .title{font-size: 1.375rem;}
.apply h2+p{margin-bottom: 1.4rem;padding-top: 0.5rem;}
.apply ul{display: flex;flex-wrap: wrap;margin-bottom: 4.6rem;}
.apply ul .btnBlue {width: 320px;}
.apply ul .btnWhite {width: 240px;margin-left:20px;}
.apply ul .btnBlue a,.apply ul .btnWhite a{height: 53px;line-height: 53px; display: block;text-decoration: none;}

@media screen and (max-width: 768px) {
	section.apply:first-of-type{margin-top: 1.4rem;}
	.apply ul{margin-bottom: 2rem;}
	.apply ul .btnBlue,.apply ul .btnWhite{width: 100%; margin:0 0 0.8rem 0 }
}

/* form.cssから移動 */
.btnBlue,.btnWhite,.btnGray,.btnGrayOut{
	display:inline-block;
	width: 100%;
	text-align: center;
	transition: all 0.5s;
	text-decoration: none;}

.btnBlue {color:#FFF;background-color:#196bc3;}
.btnWhite{color:#196bc3;background:#fff; border: 2px solid #196bc3;}
.btnGray{color:#196bc3;background:#f3f7f7; border: 2px solid #196bc3;}
.btnGrayOut{color:#a9a9a9;background:#eee;}

.aid-btn li{margin-bottom: 0.8rem;}
.iteminfo-area .aid-btn>li{margin-bottom: 0.625rem;}
.aid-btn .btnBlue,.aid-btn .btnWhite,.aid-btn .btnGray{height:50px;line-height: 50px;/*font-weight: bold;*/}
.aid-btn .btnGrayOut{height:50px;line-height: 50px;/*font-weight: bold; */}
.btnBlue a{display: block;color:#fff;text-decoration: none;}
.btnBlue.cart a::before{width: 24px;height: 24px;background-image: url(../img/icon-cart.png);margin-right: 8px;position: relative;top:-2px;}
.btnBlue.login a::before{width: 26px;height: 26px;background-image: url(../img/icon-key2.png);margin-right: 4px;}
.btnBlue.download a::before{width: 25px;height: 25px;background-image: url(../img/icon-download.png);margin-right: 8px;}
.btnGrayOut.download::before{width: 25px;height: 25px;background-image: url(../img/icon-download2.png);margin-right: 8px;}
.btnGrayOut.cart::before{width: 24px;height: 24px;background-image: url(../img/icon-cartgray.png);margin-right: 8px;position: relative;top:-2px;}
.btnBlue.cart a::before,.btnBlue.login a::before,.btnBlue.download a::before,.btnGrayOut.download::before,.btnGrayOut.cart::before{
	content: '';display: inline-block;background-size: contain;vertical-align: middle;}

/* ----------------------------------
 formStyle layout
---------------------------------- */
.group {
	padding: 18px 12px 17px 12px;
	border-bottom: 2px solid #EEE;
	overflow: hidden;
	display: flex;
	align-items: center;}

.gRight {width: 77%;}
.gLeft {width: 23%;font-weight: bold;}

.group:first-of-type{border-top: 2px solid #EEE;}
.bluebelt+.group{border-top: none;}
.group.colstyle{flex-direction: column;align-items: flex-start;}
.group .help_txt{margin-top: 0.5rem;font-size: 0.975rem;color:#888; }
.group .help_txt+input{margin-top: 0.5rem;}

/* ----------------------------------
 formStyle reset
---------------------------------- */
.formStyle input, .formStyle button, .formStyle textarea, .formStyle select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.formStyle input[type="submit"]{border: none;}

/* ----------------------------------
 formStyle checkbox
---------------------------------- */
.formStyle input[type="checkbox"] {
  display: none;
}
.formStyle input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  padding: 3px 16px 3px 26px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.formStyle input[type="checkbox"] + label::before,
.formStyle input[type="checkbox"] + label::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.formStyle input[type="checkbox"] + label::before {
	/* top: 50%; */
	top:6px;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: 0;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 2px;
}
.formStyle input[type="checkbox"] + label::after {
  opacity: 0;
	/* top: 50%; */
	top:7px;
  left: 3px;
  width: 16px;
  height: 8px;
  margin-top: 0px;
  border-left: 3px solid #196bc3;
  border-bottom: 3px solid #196bc3;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
}
.formStyle input[type="checkbox"] + label:hover::before {
  background: #fff;
}
.formStyle input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 2px solid #196bc3;
}
.formStyle input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
/* ----------------------------------
 formStyle radio
---------------------------------- */
.formStyle input[type="radio"] {
	display: none;
}
.formStyle input[type="radio"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 20px 3px 24px;
	cursor: pointer;
	margin-right: 0.7rem;
}
.formStyle input[type="radio"] + label::before, .formStyle input[type="radio"] + label::after {
	content: '';
	top: 50%;
	position: absolute;
	border-radius: 100%;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.formStyle input[type="radio"] + label::before {
	width: 18px;
	height: 18px;
	margin-top: -9px;
	left: 0;
	background: #fff;
	border: 2px solid #ccc;
	padding-left: 0.5rem;
}
.formStyle input[type="radio"] + label:hover::before {
	background: #FEFEFE;
}
.formStyle input[type="radio"] + label::after {
	opacity: 0;
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #196bc3;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
.formStyle input[type="radio"]:checked + label::before {
	background: #fff;
	border: 2px solid #196bc3;
}
.formStyle input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
/* ----------------------------------
 formStyle input textarea
---------------------------------- */
.formStyle input[type="text"], .formStyle input[type="tel"], .formStyle input[type="email"], .formStyle input[type="password"], .formStyle textarea, .formStyle input[type="number"] {
	padding: 0.4em 0.3rem 0.35rem;
	border: 2px solid #ccc;
	border-radius: 3px;
	font-size: 1rem;
	width: 100%;
}
input[type="password"]{letter-spacing: 0.1em;}

/* ----------------------------------
 formStyle input forcus
---------------------------------- */
.formStyle input[type="text"]:focus, .formStyle input[type="number"]:focus, .formStyle input[type="tel"]:focus, .formStyle input[type="email"]:focus, .formStyle input[type="password"]:focus, .formStyle textarea:focus {
	border: 2px solid #196bc3;
	outline: none;
}
/* ----------------------------------
 formStyle select
---------------------------------- */
.formStyle select {
	background: url(../img/ico_select_arrow.png) no-repeat right 10px center #fff;
	background-size: 9px;
	padding: 0.4em 0rem 0.4em 0.4em;
	border: 2px solid #ccc;
	border-radius: 3px;
	font-size: 1rem;
	width: 100%;
}
.formStyle select.prefectures{width: 200px;}
.formStyle select.seminarEntryNum{width: 130px;margin-right:1.6rem;}

/* ----------------------------------
 formStyle parts
---------------------------------- */
ul.tworows, ul.telnum {
	display: table;
	width: 70%;
}
ul.tworows li, ul.telnum li {display: table-cell;}
ul.tworows li:not(:last-child){padding-right: 3%;}
ul.telnum li:not(:last-child) {padding-right: 5px;}
ul.telnum {display: flex;align-items: center;width: 60%;}

/* ----------------------------------
 formStyle common
---------------------------------- */
.errorMessage {margin: 0.8rem 0;}
.errorMessage li {
	color: red;
	line-height: 1.3;
	font-size: 0.9rem;}
.require {
	display: inline-block;
	background: #ff0000;
	color: #fff;
	padding: 0.03rem 0.18rem;
	font-weight: normal;
	font-size: 0.78rem;
	margin-left: 0.5rem;}
.blue-text{color:#196bc3;}
.red-text{color:#ff0000;}
.password_txt{color:#ff0000;margin-top: 0.5rem;}
/* ----------------------------------
 cart
---------------------------------- */
.title.cart+.bluebelt{display: flex;justify-content: space-between;margin: 1.6rem 0 1.6rem;}
.cart-cnt{display: flex;justify-content: space-between;border-bottom: 2px solid #e5e5e5;padding:1rem 0; }
.cart-cnt dt{flex: 0 0 auto; max-width: 120px;}
.cart-cnt dd{flex: 0 1 auto; width: 860px;padding-left:1rem;}

.cart-cnt ul{display: flex;justify-content: space-between;flex-wrap: nowrap}
.cart-itemtitle{padding-left: 0.5rem;}
.cart-itemPrice{text-align: right;font-weight: bold;}
.cart-itemNum input{width: 50px !important;text-align: right;height: 30px;}
.cart-itemPrice button{display: block;margin-left: auto;border: 1px solid #196bc3; color: #196bc3;font-size: 0.8125rem;padding:0 4px;margin-top: 0.3rem; font-weight:normal;}
.cart-itemNum button{display: block;margin-left: auto;border: 1px solid #196bc3; color: #196bc3;font-size: 0.8125rem;padding:0 4px;margin-top: 0.3rem; font-weight:normal;}

/*.cart-cnt ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.cart-cnt ul li{border: 1px solid red;}
.cart-itemName{width: 38%;}
.cart-itemtitle{width: 36%;padding-left: 0.5rem;}
.cart-itemPrice{width: 26%;text-align: right;font-weight: bold;}
.cart-itemPrice button{display: block;margin-left: auto;border: 1px solid #196bc3; color: #196bc3;font-size: 0.8125rem;padding:0 4px;margin-top: 0.3rem; font-weight:normal;}*/

/*table*/
.cartSum {width: 35%;position: relative;text-align: right;margin: 2rem 0 3rem;margin-left: auto;border-collapse: collapse;}
.cartSum th {background: #e9f0f7;border-right: 2px solid #196bc3;}
.cartSum td{font-size:1.0rem; line-height: 1.0;}
.cartSum th, .cartSum td {
	border-bottom: 1px solid #196bc3;
	border-top: 1px solid #196bc3;
	padding: 8px 10px;
	font-weight: bold;
}
.total-price th{color: #196bc3;}
.total-price td{font-size: 1.25rem;}
.total-price td span{font-size: 0.9375rem;}

.errorBuy{text-align: center;height: 100vh}
.errorBuy h3{color: red;font-size: 20px;margin: 16px 0 10px;;}
.errorBuy h3::before{width: 36px;height: 36px; content: '';display: inline-block;background-size: contain;vertical-align: middle;margin-right: 0.5rem;background-image: url(../img/icon_error.png);}
.errorBuy .btnBlue{height:56px;line-height: 56px;width: 320px;}
.notBuy{border: 2px solid red;font-weight: bold;color: red;font-size: 1.125rem;padding: 10px 16px;margin: 0 0 20px;border-radius: 2px;text-align: left;margin-bottom: 30px;}
#seisan {
   margin-top:-100px;
  padding-top:100px;
}

@media screen and (max-width: 768px){
	.cartSum {width: 100%;margin: 2rem 0 3rem;}
	.cart-itemName{width: 100%;margin-bottom: 0.5rem;}
	.cart-itemtitle{width: 100%;margin-bottom: 0.5rem;}
	.cart-itemPrice{width: 100%;text-align: right;}
	.cart-itemPrice button{margin-left: 0;}
	.cart-cnt ul{flex-direction: column}
	.cart-itemtitle{padding-left: 0rem;}
	.cart-itemPrice button{margin-left: auto;}
	.cart-itemNum input{margin-right: 0.5rem}
	.cart-itemNum button{display: inline-block;margin-left: auto;border: 1px solid #196bc3; color: #196bc3;font-size: 0.8125rem;padding:0 4px;margin-top: 0.3rem; font-weight:normal;}
}
/* ----------------------------------
 seminar
---------------------------------- */
.seminarName{color: #196bc3;font-size: 24px;margin-bottom: 1rem;}
.seminarNotice p,.applyNotice p, .infoNotice p {margin-bottom: 1rem;}
.seminarEntryNumWrappe{float: left;}
.seminarEntryNumWrappe+.blue-text{position: relative;top:10px;}
.seminarNotice .red-text, .gRight .red-text, .privacy-text,.seminar-cancel{font-size: 0.875rem;}
.gRight .red-text{text-indent: -1em;padding-left: 1em;position: relative;top:-6px;}
.privacy-text{margin-bottom: 0.5rem;}
.seminar-cancel{position: relative; top:1rem;text-align: center;}
.blue-text.mt10{font-size: 0.875rem;position: relative; top:5px}

/* seminar 参加者 */
.bluebox{
	border: 2px solid #acc0d5;
	background-color:#f7f8f9;
	border-radius: 6px;
	padding: 10px 5px 15px 15px ;
	margin-bottom: 20px;}
.bluebox h4{color: #196bc3;}
.bluebox .group, .group.noline{border-bottom: none;border-top: none}
.bluebox .group{padding: 0px 0px 10px 0px;}
.bluebox .group:first-of-type{border-top:none;}
.formStyle .bluebox input[type="radio"] + label {
	position: relative;
	display: inline-block;
	padding: 3px 0px 3px 22px;
	cursor: pointer;
	margin-left: 0rem;}
/* ----------------------------------
 決済
---------------------------------- */
.group.sPay {align-items: flex-start}
.group.sPay .blue-text{margin-top: 0.8rem;}
.endText{font-size:1rem }
.card-logo{margin-top: 0.5rem;}

/* .title.docomo::before{width: 142px;height: 30px;background-image: url(../img/icon-docomo.png);margin-right: 8px;}
.title.au::before{width: 83px;height: 30px;background-image: url(../img/icon-au.png);margin-right: 8px;}
.title.softbank::before{width: 197px;height: 30px;background-image: url(../img/icon-softbank.png);margin-right: 8px;} */

.title.docomo::after,.title.au::after,.title.softbank::after{
	content: '';
	display: inline-block;
    background-size: contain;
    vertical-align: bottom
}
.title.docomo::after{width: 142px;height: 30px;background-image: url(../img/icon-docomo.png);margin-left: 3px;}

/* .title.au::after{width: 83px;height: 30px;background-image: url(../img/icon-au.png);margin-left: 3px;} */
.title.au::after {
  width: 261px;
  height: 20px;
  background-image: url(../img/icon-au.png);
  margin-left: 3px;
  @media screen and (max-width:480px) {
    width: 200px;
    height: 15px;
    margin-left: 3px;
  }
}



.title.softbank::after{width: 197px;height: 30px;background-image: url(../img/icon-softbank.png);margin-left: 3px;}



.title.docomo span, .title.au span,.title.softbank span{position: relative; top:7px;}
.title.docomo em, .title.au em,.title.softbank em{display: none;}
.conveni-logo{margin-bottom: 0.5rem;}
.conveni-logo li{display: inline-block;}
.conveni-logo li:not(:first-child){display: inline-block;margin-left: 1rem;}

.insertLeft{
	display: table;
	width: 100%;
	position: relative;
	margin: 1rem 0 0 ;
}
.InsertBox {
	background-color: #eee;
	border: 2px solid #ccc;
	border-radius: 4px;
	color: #555;
	font-size: 14px;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.insertLeft .InsertBox {
	border-right: none;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.insertLeft .typeBox {
	display: table-cell;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
}
.for_booklet{text-align: center;}
.for_booklet dl{display: inline-block;text-align: left;margin-bottom: 1.5rem;}
.for_booklet dt{font-weight: bold;margin-bottom: 0.8rem;font-size: 1.0625rem;}

/* ----------------------------------
 parts
---------------------------------- */
.agreement{text-align: center;margin-top: 2rem;}
.agreement ul{display:inline-block;text-align: left;}
.finish{text-align: center;margin: 2rem 0 1.5rem; line-height: 2.0;}
.finish .seminarID,.finish .cartID{font-weight: bold;margin-top: 2rem;font-size: 1.25rem; }
.finish .seminarID span, .finish .cartID span{color:#196bc3; }
.bluebelt+p{margin: 1rem 0 0;}
.pale-bluebox{
	background-color: #f5f8f9;
	padding: 20px 10px 30px 20px;
	margin-top: 2rem;}
.pale-bluebox.password{margin-top: 0;}
.pale-bluebox ul{margin-left: 8px;}
.pale-bluebox ul li{margin-bottom: 0.5rem;text-indent: -8px;padding-left: 8px;}
.pale-bluebox ul li::before{
	content: '●';
	display: inline-block;
	color: #196bc3;
	font-size: 15px;
	margin-right: 8px;
}
.pale-bluebox h3{color:#196bc3;margin-bottom: 0.5rem;font-size: 1.0625rem }
.userentryNotice p{margin-bottom: 1rem;}
.userentryNotice{padding-bottom: 1rem;}

/* ----------------------------------
 btn
---------------------------------- */
.btnBlue,.btnWhite,.btnGray,.btnGrayOut{
	display:inline-block;
	width: 100%;
	text-align: center;
	transition: all 0.5s;
	text-decoration: none;}

.btnBlue {color:#FFF;background-color:#196bc3;}
.btnWhite{color:#196bc3;background:#fff; border: 2px solid #196bc3;}

.form_btn{display: flex;justify-content: center;margin: 2.4rem 0 4rem;}
.form_btn .btnBlue,.form_btn .btnWhite{height:56px;line-height: 56px;}
.form_btn .btnBlue{width: 320px;}
input.btnBlue[value="Pay with au (au PAY（au かんたん決済）) (external site)"] {
  width: 410px; 
}
@media screen and (max-width:768px) {
	input.btnBlue[value="Pay with au (au PAY（au かんたん決済）) (external site)"] {
  	width:100%;
	font-size: 0.9em;
	}
}
.form_btn .btnWhite{width:180px;margin-right: 1rem;}

button.entryFb{display: block; border: 2px solid #3c599b;color: #3c599b;font-weight: bold;width: 280px;height: 56px;margin-top: 0.5rem;background: #fff; }
button.entryFb::before{content: '';display: inline-block;background-size: contain;vertical-align: middle;width: 38px;height: 38px;background-image: url(../img/icon-facebook.png);margin-right: 8px;}

.loginWrappe .right .form_btn{margin: 1rem 0 4rem;}

/* ----------------------------------
 login password
---------------------------------- */
.loginWrappe{display: flex;max-width: 920px;margin: 1rem auto 0;justify-content: space-between}
.loginWrappe .right{border-left:1px dashed #196bc3;width: 45%;padding-left: 15px;}
.loginWrappe .left{width: 60%}
.loginWrappe .group{border: none;padding: 0px 12px 11px 0px;width: 97%;}
.loginWrappe .group .gLeft{width: 24%;font-weight: 500;}
.loginWrappe .right .form_btn .btnBlue{width: 360px;margin:0 auto;}
.loginWrappe button.entryFb{width: 360px;margin:0 auto 3.3rem;}
.loginWrappe p{text-align: left;font-size: 0.875rem;margin-top: 0.5rem}
.loginWrappe .right p{padding-left: 1rem;}
.pale-bluebox .form_btn{margin-left: 0;}



.passwordWrappe{margin: 1.5rem auto 0;}
.passwordWrappe .group{border: none;padding: 0px 12px 0 0px;width: 54%;margin: 0 auto;}
.passwordWrappe .group .gLeft{width: 28%;}
.passwordWrappe .form_btn{margin-bottom: 2rem;}

.loginWrappe .form_btn{margin-bottom: 1.5rem;}
.loginWrappe h2{color:#196bc3;font-size: 1.25rem;margin-bottom: 1rem; }
.loginWrappe .right h2{text-align: left;padding-left: 1rem;}

@media screen and (max-width: 768px){
	.passwordWrappe{margin-top:0;}
	.passwordWrappe .form_btn{margin-bottom: 0rem;}
	.loginWrappe{flex-direction: column}
	.loginWrappe .group .gLeft,.passwordWrappe .group .gLeft{width: 100%;}
	.loginWrappe .group, .passwordWrappe .group{width: 100%;padding: 0;margin-bottom:10px;}
	.loginWrappe .right, .loginWrappe .left{width: 100%;}
	.loginWrappe button.entryFb,.loginWrappe .right .form_btn .btnBlue{width: 100%;margin:0;}
	.loginWrappe .right{border-top:1px dashed #196bc3;border-left: none;padding-top: 1rem;margin-top: 1rem;padding-left: 0}
	.loginWrappe .group .gRight{margin-top: 0rem;}
	.loginWrappe .right p{padding-left: 0rem;}
	.loginWrappe{margin: 0;}
	.seminar-cancel{text-align: left;}
	button.entryFb{width: 100%;}
	.loginWrappe .right .form_btn{margin: 1rem 0 ;}
}

/* ----------------------------------
 textbook
---------------------------------- */
ul.peopleNum input[type="number"]{width: 120px;}
ul.peopleNum li:not(:last-child) {padding-right: 5px;}
ul.peopleNum {display: flex;align-items: center;width: 100%;}

/* ----------------------------------
 refineSearchWrappe formStyle
---------------------------------- */
.refineSearchWrappe .formStyle .group {display: block;padding: 0;border-bottom:none;}
.refineSearchWrappe .formStyle .group:first-of-type{border-top:none;}
.refineSearchWrappe .formStyle .group .gRight {width: 100%;}
.refineSearchWrappe .formStyle .group .gLeft {display: block; width: 100%;border: 1px solid #236fbe; background-color: #e9f0f7; line-height: 20px; height: 22px; color: #196bc3;font-size: 0.9rem;text-align: center;margin: 0.8rem 0 0.5rem;}
.refineSearchWrappe .formStyle input[type="checkbox"] + label {display: block;}
.refineSearchWrappe .formStyle{font-size: 0.875rem;}
.refineSearchWrappe .btnBlue{height:40px;line-height: 40px;}
.refineSearchWrappe .form_btn{margin: 1.2rem 0 0;}
.sp-refineSearchWrappe .formStyle .group:first-child{border-top: none;}

/* ----------------------------------
 guide
---------------------------------- */
#guide-basic{overflow: hidden}
#guide-basic p{width: 45%;float: left}
#guide-basic picture{float: right;margin-top: 1rem;}
@media screen and (max-width: 768px) {
	#guide-basic p{width: 100%;float:none;}
	#guide-basic picture{float:none;margin-top: 0.5rem;}
}


#guide-merit ul{display: flex;justify-content: space-between}
#guide-merit ul li{width: 22.7%;}
#guide-merit ul li h4{color:#196bc3;margin: 0.8rem 0 0.3rem;}
#guide-merit ul li p{height: 8.5rem;}
#guide-merit ul li{display: flex;flex-flow: column;}
@media screen and (max-width: 768px) {
	#guide-merit ul{display: flex;flex-direction: column}
	#guide-merit ul li{width: 100%;}
	#guide-merit ul li p{height:auto;}
	#guide-merit ul li img{margin: 0.5rem auto 1rem;}
}

/* #guide-favorite{} */
.favorite-sample{font-size: 0;margin: 1rem 0;}
.favorite-sample li{font-size: 0.875rem;display: inline-block;border: 2px solid #ccc;line-height:34px;padding: 0 12px;margin-right: 1rem;font-weight: bold; }
.favorite-sample li.off::before,.favorite-sample li.on::before{width: 18px;height: 18px; content: '';display: inline-block;background-size: contain;vertical-align: middle;margin-right: 0.3rem;}
.favorite-sample li.off::before{background-image: url(../img/icon-favorite_off.png);}
.favorite-sample li.on::before{background-image: url(../img/icon-favorite_on.png);}
.favorite-sample li.on{color:#a7a6a6;}
.favorite-sample li.off{color:#196bc3;}

/* #guide-aid{} */
.aid-type{background: #ebf6fb;border-radius: 16px;padding: 1.2rem 2.4rem 2rem;margin:1rem 0 4rem;}
.aid-type h4{text-align: center;color:#196bc3;margin-bottom: 0.6rem;font-size: 1.0625rem;}
.aid-type-cnt{display: flex;justify-content: space-between}
.aid-type-cnt dl{font-weight: bold;width: 23%;}
.aid-type-cnt dt{background:#196bc3; color:#fff;border-radius: 6px; }
.aid-type-cnt dd{font-size: 0.875rem;margin: 0.5rem 0 1.5rem;}
.aid-media{display: flex;justify-content: space-between;font-size: 0;}
.aid-media li{border:2px solid #196bc3;background:#fff;text-align: center;width: 10.11%;border-radius: 4px;height: 58px;position: relative;}
.aid-media li:nth-child(n+3) img{position: relative;top:3px;}
.aid-media li span{position: absolute;bottom:2px;left: 0;right:0;font-size: 0.8125rem;font-weight: bold;line-height: 1.0; display: block;color: #196bc3;}

@media screen and (max-width: 768px) {
	.aid-type{padding: 1.2rem 1.2rem 2rem;}
	.aid-type-cnt {flex-flow: wrap}
	.aid-type-cnt dl {width: 48%;}
	.aid-media{flex-flow: wrap;}
	.aid-media li{width: 22%;margin-right: 0.5rem;margin-bottom: 0.5rem;}
}
@media screen and (max-width: 375px) {
	.aid-media li{width: 28%;margin-right: 0.7rem;}
}

.guide-step { margin: 5% auto; }
.guide-step ul {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.guide-step li {
    font-weight: bold;
    position: relative;
    width: 21%;
    margin: 0 3.6% 1.6rem 0;
    display: flex;
    flex-direction: column;
    align-content: space-between;
	font-size: 0.875rem;
	text-align: left;
}
.guide-step li::after {
    position: absolute;
    top: 8em;
    right: -12%;
    content: "";
	width: 15px;
	height: 26px;
	background:url(../img/blue-arrow.svg) ;
}
.guide-step li:last-child::after { background:none;}
.guide-step	picture{text-align: center;}
.guide-step	picture img{border: 3px solid #0168b7;border-radius: 8px;}
@media screen and (max-width: 768px) {
	.guide-step ul {justify-content:space-around;}
	.guide-step li {width: 43%;}
}
@media screen and (max-width: 375px) {
	.guide-step ul {justify-content:space-around;}
	.guide-step li::after {
    top: 7em;
    right: -10%;
	width: 12px;
	height: 21px;
	}
}

/* ----------------------------------
 shop_list
---------------------------------- */
ul.specialist{display: flex;flex-wrap:wrap;margin: 2rem 0 2rem; }
ul.specialist li {width: 160px;border: 1px solid #aaadaf;font-weight: bold;margin-bottom:0.5rem;}
ul.specialist li img{vertical-align:bottom; }
ul.specialist li{margin-right: 1rem;}

.region table.blueLine{table-layout:fixed;margin-bottom: 1rem}
.region table.blueLine tr>th:first-child{width:20%; }
.region table.blueLine th{color:#333;font-size:0.875rem; }
.region table.blueLine td{border-bottom:1px solid #196bc3;text-align: left;padding: 0.5rem;line-height: 1.2;word-break:break-all}
.region.en table.blueLine tr td:first-child{font-weight: bold;}
.region.ja table.blueLine tr th:nth-child(3){width: 200px;}
.region.en table.blueLine tr th:nth-child(2){width: 300px;}
.region h3{color: #196bc3;margin-bottom: 0.2rem;}

.region-title-block {
	padding: 8px 12px 8px 25px;
	font-weight: bold;
	margin: 48px 0px 20px;
	border: 1px solid #E4E4E4;
	border-radius: 3px;}
.region-title-block.top{margin-top: 2rem;}
.region-title-text {
	font-weight: bold;
	position: relative;
	font-size: 18px;}
.region-title-border {
	background: #196bc3;
	width: 5px;
	margin: 0px -12px;
	float: left;
	border-radius: 2px;
	min-height: 28px;}

.shop-area{margin: 0 0 2rem 0.5rem;font-size: 1rem;}
.shop-area dt{float: left;font-weight: bold;margin-right: 1.6rem;}
.shop-area dd{overflow: hidden;margin-bottom: 0.8rem;font-size:0.9375rem;line-height: 1.4; }
.shop-area dd a{display: inline-block; border: 1px solid #196bc3; border-radius:4px;padding: 0 0.5rem; text-decoration: none;margin-right: 0.6rem; }
.shop-area dd a:hover{opacity: 1.0;background:#196bc3; color: #fff;transition: 0s;}
.shop-area.ja dt{letter-spacing: 0.1rem; }

.region table.blueLine{font-size:0.9375rem; }
.region table.blueLine .tel span,.region table.blueLine .fax span{display: none;}
.region h3{font-size: 1rem;}
@media screen and (max-width: 768px) {
	.region.en table.blueLine th{display: none;}
	.region.en table.blueLine td{display: block;}
	.region.en table.blueLine td{border-right:none;height: auto;}
	.region.en table.blueLine{border-bottom:none;}
	.region.en table.blueLine tr td:first-child{ background-color:#f3f7f7;border-top: 1px solid #196bc3;padding: 0.4rem 0.5rem;}
	.region.en table.blueLine tr td:last-child{margin-bottom: 1.2rem;}
	.region table.blueLine {margin-bottom: 0rem;}
	.region table.blueLine .tel span,.region table.blueLine .fax span{display:inline-block;}
	.region.ja table.blueLine{table-layout: auto;margin-bottom: 1.5rem;}
	.region-title-block {margin: 10px 0px 15px;}
	.region.ja table.blueLine tr th:nth-child(3){width: auto;}
}
/* ----------------------------------
 bookstore
---------------------------------- */
.pdf_bookstore{display: flex;margin: 2rem 0 4rem;}
.pdf_bookstore li{margin-right: 1rem;text-align: center;width:30%}
.pdf_bookstore img{display: block;width: 60px;}
.pdf_bookstore span{display: inline-block;text-align: left;font-size: 0.9375rem;text-decoration: underline}
.pdf_bookstore a:hover img,.pdf_bookstore a:hover span {opacity: 0.7;transition: .8s;}

.pale-bluebox.order{text-align: center; }
.pale-bluebox.order p:not(:first-child) {letter-spacing: 0.05rem;font-size:1.125rem;}
.pale-bluebox.order p:first-child{margin-bottom: 0.5rem;font-size:1rem;}

/* ----------------------------------
 shotorihiki
---------------------------------- */
/* ----------------------------------
 table.bluetable
---------------------------------- */
.bluetable tr, .bluetable th, .bluetable td {
    display: inline-block;
    width: 100%;
}
.bluetable {
	border-top: 1px solid #196bc3;
	border-bottom: none;
	width: 100%;
	border-collapse: collapse;
	margin-top: 2.4rem;
	font-size:0.9375rem;
}
.bluetable th {
	text-align: left;
	background: #e9f0f7;
	border-right: 2px solid #196bc3;
}
.bluetable th, .bluetable td {
	border-bottom: 1px solid #196bc3;
	padding: 10px 0.8rem 10px 1.2rem;
}
@media screen and (min-width: 768px) {
	.bluetable{
		display: table;
		border-collapse: collapse;
		width: 100%;
		table-layout:fixed;
	}
	.bluetable tr {
		display: table-row;
	}
	.bluetable th,.bluetable td{
		display: table-cell;
	}
	.bluetable th{width: 23%}
}
@media screen and (max-width: 767px) {
	.bluetable {border: none;}
	.bluetable th, .bluetable td{border: none;}
	.bluetable th{background:#e9f0f7; }
}
/* ----------------------------------
 Q&A faq
---------------------------------- */
.faq-nav li{position: relative;padding-left: 1rem;margin-bottom: 0.3rem;}
.faq-nav li a::before{
    position: absolute;
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: solid 2px #196bc3;
    border-left: solid 2px #196bc3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0px;
    top: 7px;
}
.faq-nav li a{text-decoration: none;color:#555;font-weight: bold;}
.faq{margin-top: 1.6rem;}
.faq dl:last-child{margin-bottom: 3rem;}
.faq dt{margin-bottom: 1.5rem;font-size: 0.9375rem; font-weight: bold;}
.faq dt, .faq dd{position: relative;margin-left:35px;font-size: 0.875rem;line-height: 1.8;}
.faq dt::before, .faq dd::before{
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align:center;
  line-height: 28px;
  vertical-align: middle;
	margin-left: -35px;
	margin-top: -3px;
  font-weight: bold;
  font-size: 1.125rem;
  color: #fff;
}
.faq dt::before{
  content: 'Q';
  background: #196bc3;
}
.faq dd::before{
  content: 'A';
  background: #bfbfbf;
}
@media (min-width: 769px) {
	.faq-nav-wrappe{display: flex;}
	.faq-nav-wrappe ul{margin-right: 2rem}
	.faq dl{margin-bottom: 2.1rem}
	.faq dt{margin-bottom: 0.7rem;}
	.faq dt, .faq dd{margin-left:50px;border: 1px solid #ccc;background: #fafafa;border-radius: 6px;padding: 0.5rem 0.6rem;max-width:800px;}
	.faq dt::before,.faq dd::before{margin-left: -55px;}
}
@media screen and (max-width: 768px) {
	.faq dl{margin-bottom: 1.4rem;border-bottom: 1px solid #196bc3;padding-bottom: 0.5rem;}
	.faq dl:last-child{margin-bottom: 1rem;}
	.faq dd{min-height: 30px;}
}
/* ----------------------------------
 company
---------------------------------- */
.company-message{margin: 2rem 0 3rem;}
.company-message h2{margin-bottom: 2rem;}
.company-message h2 span{display: block;font-size:1.25rem }
.company-message p{margin-bottom: 2rem;line-height: 1.8;max-width: 860px;}
.company-history{margin-top: 2rem;}
.company-history dl {
	margin: 0 auto 15px;
	display: flex;
	line-height: 1.4;
}
.company-history dt {
	width: 9%;
	font-weight: bold;
	padding: 6px 0 0 10px;
}
.company-history dt::after{
	content: '';display: inline-block;font-size:0.875rem;padding-left: 0.1rem }
.company-history dd {
	border-left: 5px solid #d5e2ed;
	width: 91%;
	padding: 6px 0 4px 15px;
	font-size: 0.9375rem;
}
.bluetable.company{
  margin-top: 20px;
}
.google-map {
    position: relative;
    width: 70%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
	margin: 2rem 0 3rem;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
	.company-message h2{margin-bottom: 1rem;}
	.google-map {
    	width: 100%;
	}
	.company-history dt {
		width: 16%;
		padding: 6px 0 0 6px;
	}
	.company-history dd {
		border-left: 5px solid #e9f0f7;
		width: 84%;
		padding: 6px 0 4px 5px;
	}
}
/* ----------------------------------
 cancelpolicy
---------------------------------- */
.repayment{margin-top: 8px;}
.repayment ul{margin:0.3rem 0 0 0.8rem; }
.repayment li:last-child{margin-top: 5px;font-size: 0.9375rem;}

/* ----------------------------------
 ページ内リンクジャンプ先位置調整
---------------------------------- */
/* .region h3{
    display: block;
    padding-top: 92px;
    margin-top: -92px;
	}
.movie-list li{
    padding-top: 92px;
    margin-top: -92px;
	}
.faq-cnt{
    display: block;
    padding-top: 62px;
    margin-top: -62px;
	}
@media (max-width: 980px) {
.region h3, .movie-list li{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
	}
.faq-cnt{
    display: block;
    padding-top: 120px;
    margin-top: -120px;
	}
} */
 
/* ----------------------------------
 その他
---------------------------------- */
.forPc {
	display: block
}
.forSp {
	display: none;
}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.pt40{padding-top: 40px;display: block}
.external-payment-notice li{margin-bottom: 8px; }
.external-payment-notice{margin-top: 6px;}

@media screen and (max-width: 768px) {
	.forPc {
		display: none;
	}
	.forSp {
		display: block
	}
	.btnBlue {width: 100%;}
}
/* ----------------------------------
 top以外のslider使用
---------------------------------- */
.sliderarea{margin-top: 6rem;}
#slider-relatedbooks a,#slider-infoSeminar a,#slider-infoOther a{text-decoration: none;}
#slider-infoSeminar .title, #slider-infoOther .title{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;}
	@media screen and (max-width: 768px) {
		.sliderarea{margin-top: 0;}
	}

/* ----------------------------------
 @media
---------------------------------- */
@media screen and (max-width: 768px){
	.singleWrappe{padding: 0rem 3%;}
	.group {flex-direction: column; padding: 18px 0 17px;}
	.gRight {float: none;width: 100%;margin-top: 0.5rem;}
	.gLeft {display: block;width: 100%;float: none;}
	.formStyle select.seminarEntryNum{width: 100%;margin-right:0;float: none;}
	.form_btn{flex-direction: column-reverse;margin: 2rem 0 1rem;}
	.form_btn button{width: 100%;}
	.form_btn .btnBlue{width: 100%;}
	.form_btn .btnWhite{width:100%;margin-right: 1rem;}
	.form_btn li:first-child button{margin-right: 0;margin-bottom: 1rem;width: 100%;}
	.form_btn li:last-child{margin-bottom: 0.8rem;}
	ul.tworows, ul.telnum {width: 100%;}
	.btnBlue {width: 100%;}
	.formStyle .btnWhite{margin: 1rem 0 0 0;}
	.formStyle select.prefectures{width: 100%;}
	.seminarEntryNumWrappe{float: none;}
	.endText{text-align: left;}
}
/*#lang-jan,#lang-en,#lang-other {display: none;}*/
/* ----------------------------------
 調整2
---------------------------------- */
footer a{text-decoration: none;}
/*動画調整*/
.hide .vjs-play-start-button{display: none !important;}
.hide .ulizahtml5 .vjs-play-start-button{display: none !important;}
.ulizahtml5 .vjs-play-start-button {
    display: inline-block;
    vertical-align: middle;
    font-size: 5em !important;
    line-height: 1.6em !important;
    height: 1.6em !important;
    width: 1.6em !important;
    padding: 0;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
    background: #878787;
    -webkit-transition: visibility .5s,opacity .5s;
    -moz-transition: visibility .5s,opacity .5s;
    -o-transition: visibility .5s,opacity .5s;
    transition: visibility .5s,opacity .5s;
    background-color: rgba(135,135,135,.0) !important;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    border: 6px solid #fff !important;
}

.ulizahtml5 .vjs-center-play-toggle:before, .ulizahtml5 .vjs-control:before, .ulizahtml5 .vjs-modal-dialog, .ulizahtml5 .vjs-play-start-button:before, .video-js .vjs-big-play-button:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: -4px !important;
    left: 0;
    width: 100%;
    height: 100%;
}
/*.ulizahtml5 .vjs-center-play-toggle:before, .ulizahtml5 .vjs-play-control:before, .ulizahtml5 .vjs-play-start-button:before, .video-js .vjs-big-play-button:before, .vjs-icon-play:before {
    content: "\f105" !important;
}*/
/* ----------------------------------
 補助教材 動画
---------------------------------- */
.modal-overlay {
    z-index:98;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
	height:120%;
    background-color:rgba(0,0,0,.7)}
a.modal-open:hover {cursor:pointer;color:#f00;}
.modal-content {
    position:fixed;
    display:none;
	z-index:99;
    margin:0;
    padding: 15px;
    background:#fff;
}
.modal-position{top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.modal-content p {
    margin:0;
    padding:5px 0;
}
a.modal-close {
	position:absolute;
	bottom:3px;
	right:10px;
	color:#2370be;
	font-size:35px;
	line-height:1;
	font-weight:bold;
	text-decoration:none}
a.modal-close:hover {
	cursor:pointer;
	opacity:.6}

.modal-close {
    color:#00f;
    text-decoration:underline;
	display: block;
	padding-left: 400px;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
@media (max-width: 768px) {
	.modal-content {
    position:fixed;
    display:none;
    width:90%;
    margin:0 auto;
    padding: 0;
	}
	a.modal-close, .modal-content p {
		display: none;
	}
}


/* ----------------------------------
 補助教材 動画
---------------------------------- */
.modal-overlay {
  z-index: 98;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;/*for old Safari*/
  height: 120%;
  background-color: rgba(0,0,0,.7)
}
a.modal-open:hover {
  cursor: pointer;
  color: #f00;
}
.modal-content {
  position: fixed;
  display: none;
  z-index: 99;
  margin: 0;
  padding: 0 0 15px;
  background: #fff;
  width: 792px;
  height: auto;
}
.modal-position {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-content p {
  margin: 0;
  padding: 5px 0;
}
a.modal-close {
  position: absolute;
  bottom: 3px;
  right: 10px;
  color: #2370be;
  font-size: 35px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none
}
a.modal-close:hover {
  cursor: pointer;
  opacity: .6
}
.modal-close {
  color: #00f;
  text-decoration: underline;
  display: block;
  padding-left: 400px;
}
.modal-close:hover {
  cursor: pointer;
  color: #f00;
}
@media (max-width: 768px) {
  .modal-content {
    position: fixed;
    display: none;
    min-width: auto;
    min-height: auto;
    width: 90%;
    height: 169px;
    margin: 0 auto;
    padding: 0;
  }
  a.modal-close, .modal-content p {
    display: none;
  }
}
@media (max-width: 480px) {
.modal-content {
  width: 400px;
  }
}
@media (max-width: 380px) {
.modal-content {
  width: 300px;
  }
}
@media (max-width: 320px) {
.modal-content {
  width: 280px;
  }
}